@charset "utf-8";
/*
Main	#30458c
Mainbd	#263770

Sub1	#
Sub2	#
Point	#de5838
Font	#17182b

N1	#0e0e1a
N3	#2e2f40
N4	#5c5d6a
N5	#8b8b95
N6	#b9b9bf
N5	#dcdddc
N7	#e7e7e9
*/

/* -------------------------------------------------------------------------------- Basic ---------------------------------------- */
.row-no-6 [class*="-6"] {padding-left:0;padding-right:0;}
.row-no [class*="-12"] {padding-left:0;padding-right:0;}

.kor {word-wrap:break-word;word-break:keep-all;}/* 한글 줄바꿈 */

.fcm{color:#30458c;}
.bgm{background:#30458c;}
.btnm{border:1px solid #263770;background:#30458c;color:#fff}
.btnm:hover{background:#3d538d;color:#fff}

.fcp{color:#de5838;}
.bgp{background:#de5838;}

.imgw img{width:100%;}

/* -------------------------------------------------------------------------------- Header ---------------------------------------- */
#listTopMenu{padding:10px 0;background:#30458c;}
#listTopMenu ul{margin:0 auto;text-align:center;}
#listTopMenu a{opacity:0.8;color:#fff;font-weight:normal;}
#listTopMenu span{display:inline-block;}

#header{background:#fff;}
#header #logo{padding:15px 0;border-bottom:1px solid #d9e2ec;}
#header #logo a{display:block;height:50px;background:url(../img/logo_black.png) no-repeat center;}
#header .nav{width:100%;max-width:100%;}
#header .nav>li{float:left;width:50%;border-bottom:1px solid #dcdddc;font-size:1.2em;text-align:center;}
#header .nav>li>ul{width:100%;border-radius:0;}
#header .nav>li>ul>li{text-align:center;}


/* -------------------------------------------------------------------------------- Index ---------------------------------------- */
#index>.container-fluid:first-child{background:#d0dfeb;}
#index #m-visual{margin-top:0px;}
#index #m-visual .txt, #index #m-visual .logo{max-width:80%;margin:0 auto;}
#index #m-visual .logo{padding:20px 0;}
#index #m-visual .img{max-width:1000px;margin:0 auto;vertical-align:bottom;}
#index #m-visual .img div:first-child img{margin:0 0 0 auto;}

#index #m-greeting {background:url(../img/m_greeting_bg.png);}
#index #m-greeting .txt{padding:20px;background:url(../img/m_greeting_bg.png);text-align:center;}

#index #m-board>div{padding-bottom:30px;}
#index #m-board .tit{padding-bottom:10px;padding-left:5px;border-bottom:2px solid #8b8b95;}

/* -------------------------------------------------------------------------------- Sub ---------------------------------------- */
#snb{background:#17182b;text-align:center;color:#fff}
#snb>div{padding:0;}
#snb .s-navi{margin:0;}
#snb .s-navi li{float:left;width:50%;border-bottom:1px solid #37384b;border-right:1px solid #37384b;}
#snb .s-navi a{display:block;width:100%;padding:10px 0;color:#fff}
#snb .s-navi .on a{color:#e3cc33;font-weight:bold;}
#snb .s-navi .on:first-child{display:none;}

#content>.container{padding-bottom:30px;background:#fff;}
#sub>.container{padding-bottom:30px;background:#fff;}
#board>.container{padding-bottom:30px;background:#fff;}

#content h2{background:#263770;margin:0;padding:15px 0;text-align:center;color:#fff}
#board h2{margin:30px 0 20px 0;text-align:center;}



/* -------------------------------------------------------------------------------- Contents ---------------------------------------- */
#sub .hr{height:1px;border-top:1px dotted #b9b9bf;}
#sub h2.tit img{max-width:80%;}
#sub h3{font-size:20px;}
#sub h4{font-size:16px;}
#sub strong{font-size:1.2em;}
#sub p{line-height:1.6em;}
#sub li{line-height:1.6em;}
#sub dt{margin-bottom:10px;font-size:1.2em;}
#sub dd{margin-bottom:10px;line-height:1.6em;}

#sub .box{padding:20px;background:#e7e7e9;text-align:left;}
#sub .rbox{max-width:500px;margin:0 auto;padding:30px 50px;border-radius:5px;text-align:center;font-size:1.6em;font-weight:bold; line-height:1.5em; color:#fff;}

#sub .maw-500{max-width:500px;margin:0 auto;}

#sub .mt-1{margin-top:3px;}
#sub .mt-2{margin-top:6px;}
#sub .mt-3{margin-top:9px;}
#sub .mt-4{margin-top:12px;}
#sub .mt-5{margin-top:15px;}
#sub .mt-6{margin-top:18px;}
#sub .mt-7{margin-top:21px;}
#sub .mt-8{margin-top:24px;}
#sub .mt-9{margin-top:27px;}
#sub .mt-10{margin-top:30px;}

/* Small */
@media screen and (min-width:768px){
	#sub h3{text-align:center;}
	#sub h4{text-align:center;}
	#sub p{text-align:center;}
	#sub dt{text-align:center;}
	#sub dd{text-align:center;}

	#sub .box{font-size:1.1em;text-align:center;}

	#sub .text-left{text-align:left;}
	#sub .text-left h3{text-align:left;}
	#sub .text-left h4{text-align:left;}
	#sub .text-left p{text-align:left;}
	#sub .text-left dt{text-align:left;}
	#sub .text-left dd{text-align:left;}

	#sub .mt-1{margin-top:5px;}
	#sub .mt-2{margin-top:10px;}
	#sub .mt-3{margin-top:15px;}
	#sub .mt-4{margin-top:20px;}
	#sub .mt-5{margin-top:25px;}
	#sub .mt-6{margin-top:30px;}
	#sub .mt-7{margin-top:35px;}
	#sub .mt-8{margin-top:40px;}
	#sub .mt-9{margin-top:45px;}
	#sub .mt-10{margin-top:50px;}

}
/* Media */
@media screen and (min-width:992px){
	#content>.container{padding-bottom:80px;}
	#sub>.container{padding-bottom:80px;}
	#board>.container{padding-bottom:80px;}

	#sub h3{font-size:30px;}
	#sub h4{font-size:24px;}
	#sub p{font-size:1.2em;line-height:1.8em}
	#sub li{font-size:1.2em;line-height:2.5em}

	#sub .mt-1{margin-top:8px;}
	#sub .mt-2{margin-top:16px;}
	#sub .mt-3{margin-top:24px;}
	#sub .mt-4{margin-top:32px;}
	#sub .mt-5{margin-top:40px;}
	#sub .mt-6{margin-top:48px;}
	#sub .mt-7{margin-top:56px;}
	#sub .mt-8{margin-top:64px;}
	#sub .mt-9{margin-top:72px;}
	#sub .mt-10{margin-top:80px;}
}
/* Large */
@media screen and (min-width:1200px){
	#sub .mt-1{margin-top:10px;}
	#sub .mt-2{margin-top:20px;}
	#sub .mt-3{margin-top:30px;}
	#sub .mt-4{margin-top:40px;}
	#sub .mt-5{margin-top:50px;}
	#sub .mt-6{margin-top:60px;}
	#sub .mt-7{margin-top:70px;}
	#sub .mt-8{margin-top:80px;}
	#sub .mt-9{margin-top:90px;}
	#sub .mt-10{margin-top:100px;}

}

/* -------------------------------------------------------------------------------- Contents etc ---------------------------------------- */
#s-visual{}
#s-visual.bg-10,#s-visual.bg-10 #title-box{background:#e3cc33;}
#s-visual.bg-20,#s-visual.bg-20 #title-box{background:#c1de79;}
#s-visual.bg-30,#s-visual.bg-30 #title-box{background:#42628c;color:#fff}
#s-visual.bg-40,#s-visual.bg-40 #title-box{background:#f27777;}
#s-visual.bg-50,#s-visual.bg-50 #title-box{background:#a595d3;}
#s-visual.bg-a0,#s-visual.bg-a0 #title-box{background:#8ed2db;}

#s-visual #title{padding:50px 0;text-align:center;}
#s-visual #title img{max-width:80%;}
#s-visual #title .tit{padding:15px 0 0 0;line-height:1.6em;font-weight:bold;word-break:keep-all;}
#s-visual #title .txt{font-size:1.1em;line-height:1.6em;opacity:0.7;word-break:keep-all;}

#sub .greeting p{line-height:2em;}
#sub .greeting #doctor li{line-height:2em;}
#sub .equment .txt {margin-top:10px;}
#sub .equment .tit {font-size:1.4em;font-weight:bold;}
#sub .equment small {display:block;margin-top:10px;margin-bottom:10px;font-size:0.8em;line-height:1em;opacity:0.6;}
#sub .equment p {font-size:1em;}

#sub .age li{font-size:1em;line-height:1.6em;list-style-position:inside;}

#sub .circle>div{margin-bottom:5px;padding:10px;text-align:center;color:#fff}

#sub .circle-4>div{margin-bottom:5px;padding:10px;text-align:center;color:#fff}

#sub .circle-order>div{margin-bottom:2px;padding:10px;text-align:center;color: #fff;}
#sub .circle-order .icon{display:none;}
.list-point ul {color:#de5838;}

/* Small */
@media screen and (min-width:768px){

}
/* Media */
@media screen and (min-width:992px){
	#sub li{margin-left:20px;}
	#sub .age li{margin-left:0;}

	#sub .greeting #doctor li{font-size:1.2em;}
	#sub .equment .txt{font-size:1.2em;}
	#sub .equment .tit{font-size:2.5em;}
	#sub .equment small{margin-bottom:20px;font-size:0.9em;}
	#sub .equment p{font-size:1.1em;text-align:justify;}

	#sub .circle {width:640px;height:200px;margin-left:auto;margin-right:auto;}
	#sub .circle div{float:left;width:200px;height:200px;margin:0 5px;padding-top:75px;border-radius:200px;font-size:1.35em;letter-spacing:-1px;}
	#sub .circle div.line-3{padding-top:65px;}

	#sub .circle-4 {width:840px;height:200px;margin-left:auto;margin-right:auto;}
	#sub .circle-4 div{float:left;width:200px;height:200px;margin:0 5px;padding-top:75px;border-radius:200px;font-size:1.35em;letter-spacing:-1px;}
	#sub .circle-4 div.line-3{padding-top:65px;}

	#sub .circle-order {width:840px;height:200px;margin-left:auto;margin-right:auto;}
	#sub .circle-order div{float:left;width:200px;height:200px;margin:0 5px;padding-top:60px;text-align:center;color: #fff; border-radius:200px;}
	#sub .circle-order .icon {display:block;height:50px;}

	.sub-bg-1010-lens{min-height:250px;padding-top:25px;background:url(/img/s_bn_1010_young.png) no-repeat center top;}
}

/* Large */
@media screen and (min-width:1200px){

}