@charset "utf-8";
@import url( "//fonts.googleapis.com/earlyaccess/notosanskr.css" );
/*
Main	#2e65b5
Mainbd	#1858a8

Sub1	#847ac1
Sub2	#f8e912
Point	#ff7049
Font	#17182b

N1	#1a202a
N3	#2b3646
N4	#404a58
N5	#6a727d
N6	#959aa2
N5	#bfc2c7
N7	#e9ebec
*/

/* -------------------------------------------------------------------------------- Setting ---------------------------------------- */
html{height:100%;}
body{background:#f7f7f9;height:100%;font-family:"Noto Sans KR", sans-serif;color:#17182b;}
a,a:hover,a:focus,a:active,a:visited{color:#444b49;text-decoration:none;}
a:hover{color:#737675}
ul,ol{margin:0;padding:0;list-style-type:none;}

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

.kor {word-wrap:break-word;word-break:keep-all;}/*한글 줄바꿈*/
img.imgw,.imgw img{width:100%;}/*통이미지*/

.fcm,.fcm a{color:#2e65b5;} /*글자색상*/
.fcp,.fcp a{color:#ff7049;}
.fcs,.fcs a{color:#847ac1;}

.bgm{background:#2e65b5;color:#fff}/*배경색상*/
.bgp{background:#ff7049;color:#fff}
.bgs{background:#847ac1;color:#fff}

.btnm{border:1px solid #1858a8;background:#2e65b5;color:#fff} /*버튼색상*/
.btnm:hover{background:#3d538d;color:#fff}


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


/* -------------------------------------------------------------------------------- Index ---------------------------------------- */
#m-visual{padding:0;background:#d0dfeb;}
#m-visual .txt, #m-visual .logo{max-width:80%;margin:0 auto;padding:15px 0;}

#index #m-greeting {}
#index #m-greeting .txt{padding:20px 0;text-align:center;line-height:1.6em;word-break:keep-all;}

#index #m-board>div{padding-bottom:20px;}
#index #m-board .tit{padding-bottom:5px;border-bottom:2px solid #6a727d;letter-spacing:-1px;}

@media screen and (min-width:768px){
	#index #m-greeting .txt{font-size:1.2em;}
}


/* -------------------------------------------------------------------------------- Sub Layout ---------------------------------------- */
#snb{background:#001b45;text-align:center;color:#fff;}
#snb>div{padding:0;}
#snb .s-navi{margin:0;}
#snb .s-navi li{display:inline-block;width:auto;}
#snb .s-navi a{display:block;width:100%;padding:8px;font-size:0.9em;color:#fff;word-break:keep-all}
#snb .s-navi .on a{color:#f8e912;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:#847ac1;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 #959aa2;}
#sub h2.tit img{max-width:80%;}
#sub h3{font-size:18px;font-weight:700;}
#sub h4{font-size:16px;}
#sub strong{font-size:1.2em;}
#sub p{line-height:1.6em;}
#sub ul{margin-left:10px;}
#sub li{line-height:1.6em;list-style-type:disc;}
#sub dt{margin-bottom:10px;font-size:1.2em;}
#sub dd{margin-bottom:10px;line-height:1.6em;}

#sub .s-tit{padding:10px;border-radius:5px;font-size:16px;text-align:center;}
#sub .s-btn{text-align:center;}
#sub .s-btn a{display:block;padding:10px 20px;border:3px solid #847ac1;border-radius:30px;font-size:1.2em;font-weight:700;text-align:center;}
#sub .s-btn.point a{border:3px solid #ff7049;}
#sub .s-banner img{margin-bottom:10px;}

#sub .maw-auto{display:inline-block;width:auto;margin-left:auto;margin-right:auto;}
#sub .maw-300{max-width:300px;margin:0 auto;}
#sub .maw-500{max-width:500px;margin:0 auto;}
#sub .maw-1000{max-width:1000px;margin:0 auto;}
#sub .box{padding:15px;background:#e9ebec;text-align:left;line-height:1.5em;}
#sub .box.bgm{background:#2e65b5;font-weight:100;}
#sub .box.bgm strong{display:block;margin-bottom:10px;}
#sub .bdbox{padding:10px;border:8px solid #e9ebec;}
#sub .bdbox-bold{margin-left:0px;margin-right:0px;padding:10px;border:10px solid #2e65b5;}
#sub .bdbox-bold.misi{margin-left:0px;margin-right:0px;padding:10px;border:10px solid #dbc8e0!important;}
#sub .bdbox-bold.point{border:10px solid #ff7049;}
#sub .bdbox-bold.sub{border:10px solid #847ac1;}
#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 .bg{background:#f3f3f4;}

#sub .mt-1{margin-top:4px;}
#sub .mt-2{margin-top:8px;}
#sub .mt-3{margin-top:12px;}
#sub .mt-4{margin-top:16px;}
#sub .mt-5{margin-top:20px;}
#sub .mt-6{margin-top:22px;}
#sub .mt-7{margin-top:24px;}
#sub .mt-8{margin-top:26px;}
#sub .mt-9{margin-top:28px;}
#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 .bdbox{padding:20px;text-align:center;}
	#sub .bdbox-bold{padding:20px;}
	
	#sub .s-btn{}
	#sub .s-btn a{width:auto;max-width:400px;margin-left:auto;margin-right:auto;border-radius:5px;font-size:1.4em;}
	#sub .s-btn.point a{}	

	#sub .text-left{text-a#lign: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:6px;}
	#sub .mt-2{margin-top:12px;}
	#sub .mt-3{margin-top:18px;}
	#sub .mt-4{margin-top:24px;}
	#sub .mt-5{margin-top:30px;}
	#sub .mt-6{margin-top:34px;}
	#sub .mt-7{margin-top:38px;}
	#sub .mt-8{margin-top:42px;}
	#sub .mt-9{margin-top:48px;}
	#sub .mt-10{margin-top:54px;}
		


}

/* -------------------------------------------------------------------------------- Contents etc ---------------------------------------- */
#s-visual{}
#s-visual.bg-10,#s-visual.bg-10 #title-box{background:#f8e912;}
#s-visual.bg-20,#s-visual.bg-20 #title-box{background:#a595d3;}
#s-visual.bg-30,#s-visual.bg-30 #title-box{background:#00cfb6;}
#s-visual.bg-40,#s-visual.bg-40 #title-box{background:#a7d255;}
#s-visual.bg-50,#s-visual.bg-50 #title-box{background:#ff8060;}
#s-visual.bg-60,#s-visual.bg-60 #title-box{background:#4adbff;}
#s-visual.bg-a0,#s-visual.bg-a0 #title-box{background:#8cc9ee;}

#s-visual #title{padding:30px 0;text-align:center;}
#s-visual #title img{max-width:80%;}
#s-visual #title .tit{line-height:1.6em;font-weight:bold;}
#s-visual #title .txt{line-height:1.6em;opacity:0.7;}

#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 ul{margin-left:0;}
#sub .age li{font-size:1em;line-height:1.6em;list-style-position:inside;}

#sub .double{text-align:center;}

#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:#ff7049;}

#sub #lens h4{margin-bottom:0;}
#sub #lens ul{margin-left:20px;margin-bottom:20px;}

/* Small */
@media screen and (min-width:768px){
	#s-visual #title .tit{padding:10px 0 0 0;word-break:keep-all;}
	#s-visual #title .txt{font-size:1.1em;word-break:keep-all;}

}
/* 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:2em;}
	#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 #lens li{font-size:1em;letter-spacing:-1px;line-height:2em;}
	
	/*하드렌즈*/
	#sub #hardlens{background:url(/img/s_bg_4020_define.png) no-repeat left;}
}

/* Large */
@media screen and (min-width:1200px){
	#sub .equment .tit{font-size:2.5em;}
	#sub #lens li{font-size:1.1em;letter-spacing:0px;line-height:2em;}
}

.pop-rolling #bx-pager a {font-size:0.8em;}