/* font */
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url('../fonts/NanumGothic/NanumGothic-Regular.eot');
	src:url('../fonts/NanumGothic/NanumGothic-Regulard41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/NanumGothic/NanumGothic-Regular.html') format('woff2'),
         url('../fonts/NanumGothic/NanumGothic-Regular.woff') format('woff'),
         url('../fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
	src:url('../fonts/NanumGothic/NanumGothic-Bold.eot');
	src:url('../fonts/NanumGothic/NanumGothic-Boldd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic/NanumGothic-Bold.html') format('woff2'),
         url('../fonts/NanumGothic/NanumGothic-Bold.woff') format('woff'),
         url('../fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:900;
	src:url('../fonts/NanumGothic/NanumGothic-ExtraBold.eot');
	src:url('../fonts/NanumGothic/NanumGothic-ExtraBoldd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic/NanumGothic-ExtraBold.html') format('woff2'),
         url('../fonts/NanumGothic/NanumGothic-ExtraBold.woff') format('woff'),
         url('../fonts/NanumGothic/NanumGothic-ExtraBold.ttf') format('truetype');
}
/*body,h1,h2,h3,h4,h5,h6,p,a,div,span,th,td,label,textarea,input{font-family:'Nanum Gothic','Dotum','Arial',sans-serif}*/
body{font-family:'Nanum Gothic','Dotum','Arial',sans-serif;}
.nanum{font-family:'Nanum Gothic',sans-serif !important}

/* reset */
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,dl,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table,th,td{border-spacing:0;border-collapse:collapse}
img{border:0}
h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}
body{background:#fff;color:#666;overflow-x:hidden; overflow-y: auto;}
address{font-style:normal}
input[type=radio],input[type=checkbox]{vertical-align:middle}

html {-ms-overflow-style: scrollbar;}

.menu-text {
margin-right: 10px;
font-size: 20px;
width: 20px !important;
vertical-align: text-bottom;
}

.p-2 {
	padding:10px;
}


.datepicker-days td {
	padding : 0px;
}



/* common */
.wi_15 {
	width:149px;
	font-size:13px;
}

.usage_table table td,th {
	text-align: center;
}

.text-public-subject {
    font-size: 28px;
    font-weight: 600;
    color: #000;
		text-align:left;
}



.orbs_text {font-size:16px; color:#404040; line-height: 35px; letter-spacing: -0.5px;    word-wrap: break-word;
    word-break: break-all;}

.mgt_90_mo {margin-top:90px;}

.dapp_text_01, .dapp_text_02, .dapp_text_03 {
    color : #fff;
}

.mo_view {display:none;}

.dapp_text_01 {    position: absolute;
    top: 50px;
    left: 75px;
    line-height: 1.8;}

.dapp_text_02 {           position: absolute;
    top: 63px;
    right: 70px;
    line-height: 1.8;}

.dapp_text_03 {        position: absolute;
    bottom: -5px;
    left: 508px;
    line-height: 1.8;}


@media (max-width:1199px){

.dapp_text_01 {    position: absolute;
    top: 50px;
    left: 0px;
    line-height: 1.8;}

.dapp_text_01 p, .dapp_text_02 p, .dapp_text_03 p {    font-size:15px;}

.dapp_text_02 {        position: absolute;
    top: 63px;
    right: 00px;
    line-height: 1.8;}

.dapp_text_03 {        position: absolute;
    bottom: 10px;
    left: 408px;
    line-height: 1.8;}


}


@media (max-width:991px){

.pc_view {display:none;}
.mo_view {display:block;}

.dapp_text_01 {    position: static;
    line-height: 1.8;}

.dapp_text_01 p, .dapp_text_02 p, .dapp_text_03 p {    font-size:15px;}

.dapp_text_02 {        position: static;
    line-height: 1.8;}

.dapp_text_03 {        position: static;
    line-height: 1.8;}


.orbs_text  {font-size:15px;line-height: 30px; }

}



.dapp_text_01 h4, .dapp_text_01 hr {color: #fff; border-color: #fff;}
.dapp_text_02 h4, .dapp_text_02 hr {color: #fff; border-color: #fff;}
.dapp_text_03 h4, .dapp_text_03 hr {color: #fff; border-color: #fff;}




.w-sm {
  width: 120px; }

.custom-select {
  border-color: rgba(120, 130, 140, 0.2);
  height:35px;
  }

.sey_new {width:168px; height:272px; }

.img-div1 {width:450px; text-align: center; margin:30px auto 0;}
@media (max-width:991px){
	.img-div1 {width:100%; margin: 0 auto;}
}


.img-div2 {text-align: center; margin:0 auto; padding-top:40px;}
@media (max-width:991px){
	.img-div2 {width:100%;  margin: 0 auto; padding-top:20px;}
}

.img-div3 {width:450px; text-align: center; margin:-30px auto 0;}
@media (max-width:991px){
	.img-div3 {width:100%;  margin: 0 auto;}
}




.smdosa {
    font-size: 20px !important;
}

.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.pull-left{float:left}.pull-right{float:right}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.bold{font-weight:bold}.normal{font-weight:normal}
.ul-left{overflow:hidden}.ul-left > li{float:left}
.clearfix:after{content:"";display:block;clear:both}
.hide{display:none}
.nx-table{display:table;width:100%}.nx-td{display:table-cell}
.btn-small{display:inline-block;font-size:14px;font-weight:700;padding:8px 14px;border-radius:3px;text-align:center;cursor:pointer}
.btn_back{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:3px;text-align:center;cursor:pointer;background-color:#F5F5F5;border:1px solid #B3B3B3;color:#777 !important;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
.ts{-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease}
.img_100 img{max-width:100%;display:block}
input[type=text]:focus, textarea:focus{border:1px solid #6b90b1 !important}
#loading{position:fixed;display:block;visibility:visible;left:0;right:0;bottom:0;top:0;background:#fff;z-index:1000;opacity:1;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease}
.o-hd{overflow:hidden}

/*text*/
.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs42{font-size:42px}.fs50{font-size:50px}.fs52{font-size:52px}
.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}
.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}
.lh25{line-height:25px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}
.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.lh50{line-height:50px}
.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}.lh60{line-height:60px}
@media (max-width:970px){
	.fs14{font-size:13.5px}.fs15{font-size:14px}.fs16{font-size:15px}.fs17{font-size:16px}.fs18{font-size:17px}.fs19{font-size:17px}.fs20{font-size:18px}
	.fs21{font-size:19px}.fs22{font-size:20px}.fs23{font-size:21px}.fs24{font-size:21px}.fs25{font-size:22px}.fs26{font-size:23px}.fs28{font-size:24px}
	.fs30{font-size:26px}.fs32{font-size:28px}.fs34{font-size:29px}.fs36{font-size:31px}.fs38{font-size:33px}.fs40{font-size:34px}.fs42{font-size:36px}
	.fs44{font-size:38px}.fs46{font-size:40px}.fs48{font-size:42px}.fs50{font-size:43px}.fs52{font-size:45px}.fs54{font-size:47px}.fs56{font-size:48px}
	.fs58{font-size:50px}.fs60{font-size:52px}
	.lh18{line-height:16px}.lh20{line-height:18px}.lh22{line-height:20px}.lh24{line-height:22px}.lh26{line-height:24px}.lh28{line-height:25px}.lh30{line-height:27px}
	.lh32{line-height:28px}.lh34{line-height:30px}.lh36{line-height:31px}.lh38{line-height:33px}.lh40{line-height:34px}.lh42{line-height:36px}.lh44{line-height:38px}
	.lh46{line-height:40px}.lh48{line-height:42px}.lh50{line-height:44px}.lh52{line-height:46px}.lh54{line-height:47px}.lh56{line-height:49px}.lh58{line-height:50px}
	.text-public-subject {
	    font-size: 20px;
	}

}
@media (max-width:400px){
	.fs13{font-size:12px}.fs14{font-size:13px}.fs15{font-size:14px}.fs16{font-size:14px}.fs17{font-size:14.5px}.fs18{font-size:15px}.fs19{font-size:16px}.fs20{font-size:16px}
	.fs21{font-size:16px}.fs22{font-size:16.5px}.fs23{font-size:17px}.fs24{font-size:17px}.fs25{font-size:18px}.fs26{font-size:18.5px}.fs28{font-size:19px}.fs30{font-size:20px}
	.fs32{font-size:21px}.fs34{font-size:22px}.fs36{font-size:22.5px}.fs38{font-size:23px}.fs40{font-size:24px}.fs42{font-size:25px}.fs44{font-size:26px}.fs46{font-size:27px}
	.fs48{font-size:28px}.fs50{font-size:29px}.fs52{font-size:30px}.fs54{font-size:31px}.fs56{font-size:32px}.fs58{font-size:33px}.fs60{font-size:34px}
	.lh18{line-height:14px}.lh20{line-height:16px}.lh22{line-height:18px}.lh24{line-height:19px}.lh26{line-height:20px}.lh28{line-height:22px}.lh30{line-height:23px}
	.lh32{line-height:24px}.lh34{line-height:25px}.lh36{line-height:26px}.lh38{line-height:28px}.lh40{line-height:29px}.lh42{line-height:30px}.lh44{line-height:31px}
	.lh46{line-height:32px}.lh48{line-height:34px}.lh50{line-height:36px}.lh52{line-height:37px}.lh54{line-height:38px}.lh56{line-height:40px}.lh58{line-height:40px}.lh60{line-height:40px}
}
/* color */
.black{color:#000}.gray3{color:#333}.gray4{color:#444}.gray5{color:#555}.gray6{color:#666}.gray7{color:#777}.gray8{color:#888}.gray9{color:#999}
.mainColor{color:#1b3a6a}
.mainColor2{color:#18396a}

/*margin,padding*/
.pt5{padding-top:5px}
.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.pt15{padding-top:15px}.pb15{padding-bottom:15px}
.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}
.pt40{padding-top:40px}.pb40{padding-bottom:40px}
.pt50{padding-top:50px}.pb50{padding-bottom:50px}
.pt60{padding-top:60px}.pb60{padding-bottom:60px}
.pt70{padding-top:70px}.pb70{padding-bottom:70px}
.pt80{padding-top:80px}.pb80{padding-bottom:80px}
.pt90{padding-top:90px}.pb90{padding-bottom:90px}

.mt10{margin-top:10px}
.mt70{margin-top:70px}

@media (max-width:970px){
	.pt10{padding-top:8px}.pb10{padding-bottom:8px}
	.pt15{padding-top:12px}.pb15{padding-bottom:12px}
	.pt20{padding-top:16px}.pb20{padding-bottom:16px}
	.pt25{padding-top:20px}.pb25{padding-bottom:20px}
	.pt30{padding-top:24px}.pb30{padding-bottom:24px}
	.pt40{padding-top:35px}.pb40{padding-bottom:35px}
	.pt50{padding-top:40px}.pb50{padding-bottom:40px}
	.pt60{padding-top:48px}.pb60{padding-bottom:48px}
	.pt70{padding-top:58px}.pb70{padding-bottom:58px}
	.pt80{padding-top:64px}.pb80{padding-bottom:64px}
	.pt90{padding-top:66px}.pb90{padding-bottom:66px}

	.mt10{margin-top:8px}
	.mt70{margin-top:50px}
}
@media (max-width:400px){
	.pt10{padding-top:7px}.pb10{padding-bottom:7px}
	.pt15{padding-top:10px}.pb15{padding-bottom:10px}
	.pt20{padding-top:12px}.pb20{padding-bottom:12px}
	.pt25{padding-top:15px}.pb25{padding-bottom:15px}
	.pt30{padding-top:18px}.pb30{padding-bottom:18px}
	.pt40{padding-top:20px}.pb40{padding-bottom:20px}
	.pt50{padding-top:30px}.pb50{padding-bottom:30px}
	.pt60{padding-top:37px}.pb60{padding-bottom:37px}
	.pt70{padding-top:42px}.pb70{padding-bottom:42px}
	.pt80{padding-top:48px}.pb80{padding-bottom:48px}
	.pt90{padding-top:48px}.pb90{padding-bottom:48px}

	.mt10{margin-top:7px}
	.mt70{margin-top:38px}
}

@media (max-width:1480px){.hide_1480{display:none}.show_1480{display:block}}
@media (max-width:1280px){.hide_1280{display:none}.show_1280{display:block}}
@media (max-width:1024px){.hide_1024{display:none}.show_1024{display:block}.center_1024{text-align:center}}
@media (max-width:970px){.hide_970{display:none}.show_970{display:block}.center_970{text-align:center}}
@media (max-width:800px){.hide_800{display:none}.show_800{display:block}.center_800{text-align:center}}
@media (max-width:768px){.hide_768{display:none}.show_768{display:block}.center_768{text-align:center}}
@media (max-width:640px){.hide_640{display:none}.show_640{display:block}.center_640{text-align:center}}
@media (max-width:400px){.hide_400{display:none}.show_400{display:block}.center_400{text-align:center}}
@media (max-width:320px){.hide_320{display:none}.show_320{display:block}}

/* layout */
#wrap{min-width:320px}
.row{display:block;width:100%;max-width:1220px;margin:0 auto}
.col-50{width:50%}



@media (max-width:768px){
	.col-50{width:100%}
	.wi_15 {
	font-size:13px;
	width:100px;
}

}

/* btn */
.btn{display:inline-block;cursor:pointer;text-align:center;font-weight:bold}


/* popup */
.pop_mask{position:fixed;display:none;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.6);z-index:999}
.popup{position:absolute;display:none;top:50%;left:50%;width:370px;margin-left:-185px;margin-top:-200px;z-index:1000;background-color:#fff;border:1px solid #000}
.pop_header{background-color:#2a333a}
.pop_header h2{text-align:center;padding:12px 6px;font-size:14px;color:#fff}
.pop_addcon{}
.pop_footer{background-color:#555;padding:12px 10px;color:#fff;font-size:12px}
.pop_footer a{color:#fff;font-size:12px;vertical-align:middle}
.pop_footer input[type=checkbox]{vertical-align:middle}
.pop_contents img{display:block}


/* header */
#header{position:fixed;top:0;left:0;width:100%;z-index:20;background-color:rgba(0,0,0,0);padding-bottom:11px}
#top_bar{display:block;overflow:hidden;height:31px;padding-bottom:1px;width:100%}
#top_bar > .top_menu{float:right;overflow:hidden;padding-top:18px; padding-right:44px;}
#top_bar > .top_menu > li{float:left;line-height:11px}
#top_bar > .top_menu > li:after{content:"";position:relative;display:inline-block;top:1px;vertical-align:middle;width:4px;height:4px;background:url('../img/ic/ic_dot.png') no-repeat;margin:0 13px}
#top_bar > .top_menu > li:last-child:after{display:none}
#top_bar > .top_menu > li > a{font-size:12px;line-height:12px;color:#ccc}
#header .navigation{display:table;width:100%;margin-top:-7px}
#header .navigation .menu, .navigation .logo{display:table-cell;vertical-align:bottom}
#header .navigation .menu{width:42%; height: 60px;}
#header .navigation .logo{width:16%}
#header .navigation .menu > ul{display:table;width:100%}
#header .navigation .menu > ul > li{display:table-cell;width:20%;position:relative; text-align: center;}
#header .navigation .menu > ul span{display:table-cell;width:20%;position:relative; text-align: center;}
#header .navigation .menu.last > ul > li{display:table-cell;}
#header .navigation .menu > ul a{font-size:16px;line-height:16px;font-weight:bold;}
#header .navigation .menu > ul a:active{color:#dcf7ff;}

#header .navigation .menu > ul > li.act > a{padding-bottom:3px;border-bottom:1px solid #fff}

#header .menu.first .navi_sub{left:0}
#header .menu.last .navi_sub{right:0}
#header .navi_sub{position:absolute;display:none;/*visibility:visible;*/width:155px;margin-top:0;padding-top:20px;margin-left:50px}
#header .navi_sub > ul{background-color:rgba(0,0,0,0.8);padding:15px 0;}
#header .navi_sub > ul > li{text-align:center;padding:3px 10px}
#header .navi_sub > ul a{color:#ccc;font-size:14px;line-height:24px}
#header .navi_sub > ul a:hover{color:#fff}
#header .navi_sub > ul > li.act > a{color:#fff;font-weight:bold}


	/*세부조정*/
#header .li_news .navi_sub{margin-left:-36px}
#header .li_products .navi_sub{margin-left:-47px}
#header .li_rec_products .navi_sub{margin-left:0;margin-right:-46px}
#header .li_store .navi_sub{margin-left:0;margin-right:-46px}

#header .navigation .logo h1{}
#header .navigation .logo h1 > a{display:block}
#header .main_logo{display:block;width:110px;margin:0 auto}
#m_logo{position:absolute;top:18px;left:20px;display:none}
#m_logo img{width:180px}
#m_nav{position:absolute;right:20px;top:50%;display:none;width:30px;height:24px;margin-top:-12px;z-index:101}
#m_nav .line{display:block;width:28px;height:4px;background-color:#fff;border-radius:3px}
#m_nav .line:before{content:"";position:relative;display:block;width:28px;height:4px;background-color:#fff;border-radius:3px;top:8px}
#m_nav .line:after{content:"";position:relative;display:block;width:28px;height:4px;background-color:#fff;border-radius:3px;top:12px}


/* floating */
.page #header.floating{background-color:rgba(0,0,0,0.65)}
.page #header.floating #top_bar{height:0}
.page #header.floating .navigation{margin-top:14px}
.page #header.floating .navigation .menu{vertical-align:middle}
.page #header.floating .main_logo{width:80px}
.page #header.floating .navi_sub{padding-top:29px}


/*main전용 네비*/
.main #header{position:relative;padding:0;border-top:4px solid #18396a}
.main #header .logo img, .main #header .logo > a{display:block;width:200px;margin:0 auto}
.main #header{padding:30px 0;}
.main #header > .row{position:relative}
.main #header .top_menu{position:absolute;top:10px;right:-20px;overflow:hidden}
.main #header .top_menu > li{float:left;margin-left:28px}
.main #header .top_menu > li > a{font-size:14px;line-height:14px;color:#666}
.main #navigation{border-top:1px solid #ccc}
.main #navigation .menu{display:table;width:100%}
.main #navigation .menu > li{position:relative;display:table-cell;width:16.666%;text-align:center;height:50px;vertical-align:middle}
.main #navigation .menu > li:after{content:"";position:absolute;right:0;top:50%;margin-top:-10px;display:inline-block;width:1px;height:20px;background-color:#ccc}
.main #navigation .menu > li:last-child:after{display:none}
.main #navigation .menu > li > a{font-size:16px;font-weight:700;color:#254473}
.main #navigation .navi_sub{position:absolute;display:none;/*visibility:visible;*/width:100%;margin-top:0;padding-top:16px;margin-left:0}
.main #navigation .navi_sub > ul{background-color:rgba(0,0,0,0.8);padding:15px 0;}
.main #navigation .navi_sub > ul > li{text-align:center;padding:3px 10px}
.main #navigation .navi_sub > ul a{color:#ccc;font-size:14px;line-height:24px}
.main #navigation .navi_sub > ul a:hover{color:#fff}
.main #navigation .navi_sub > ul > li.act > a{color:#fff;font-weight:bold}
.main #m_nav .line, .main #m_nav .line:before, .main #m_nav .line:after{background-color:#18396a}
@media (max-width:1280px){
	.main #header .top_menu{right:20px}
	.main #header .top_menu > li{margin-left:22px}
	.sey_new {width:168px; height:272px; }
}
@media (max-width:970px){
	#header .navigation{margin-top:0}
	#header .navigation .menu,.navigation .logo{display:none}
	#header{height:70px}
	.main #header{height:auto}
	#m_nav{display:block}
	#top_bar{display:none}
	#m_logo{display:block}
	.main #header .logo > a{margin:0}
	.main #navigation{display:none}
	.main #header .top_menu{display:none}
	.main #header .logo img, .main #header .logo > a{width:172px}
	.sey_new {width:126px; height:204px; }
}
@media (max-width:400px){
	#m_logo{top:20px}
	#m_logo img{width:150px}
	#m_nav{margin-top:-8px;width:26px;height:16px}
	#m_nav .line{width:25px;height:3px}
	#m_nav .line:before{width:25px;height:3px;top:7px}
	#m_nav .line:after{width:25px;height:3px;top:11px}
	.main #header .logo img, .main #header .logo > a{width:150px}
	.main #header{padding:20px 0}
	.sey_new {width:105px; height:170px; }
}

@media (max-height:800px){
	.sey_new {width:126px; height:204px; }
}

@media (max-height:600px){
	.sey_new {width:105px; height:170px; }
}

/* M navi */
#mask{position:fixed;display:none;width:100%;height:100%;min-height:840px;background:rgba(0,0,0,0.7);z-index:102}
.m_menu{position:fixed;display:block;overflow-y:auto;width:72%;top:0;right:-72%;height:100%;min-height:800px;z-index:103}
.m_menu_wrap{position:absolute;right:0;width:220px;overflow:auto;height:100%;background-color:#ebebeb;box-shadow:0px 0px 14px rgba(0,0,0,0.2);z-index:10022}
.m_menu_header{position:relative;padding:22px 14px 22px 20px;overflow:hidden;background-color:#3b7ca9}
.m_menu_header .m_menu_close{height:25px}
.m_menu_header select{width:100px;height:26px;border:1px solid #cecece;padding:4px;}
.m_menu_close #m_menu_close{position:relative;display:inline-block;width:25px;height:25px;vertical-align:top}
.m_menu_close #m_menu_close:before{content:'';position:absolute;display:inline-block;top:10px;right:0;width:25px;height:2px;background:#fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu_close #m_menu_close:after{content:'';position:absolute;display:block;top:10px;right:0;width:25px;height:2px;background:#fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.m_menu_con a{color:#333;font-size:14px;font-family:'notokr',sans-serif !important;font-weight:bold}
.m_menu_con a:hover{color:#255f8e;text-decoration:none}
.m_menu_con .menu.nx-td{display:block}
.m_menu_con .menu > ul a{border-bottom:1px solid #b5b5b5;}



.m_menu_con .menu > ul a{position:relative;display:block;width:100%;font-weight:600;font-size:14px;line-height:42px;padding:0 20px}
.m_menu_con .menu > ul > li.act > a, .m_menu_con .menu > li > ul > li.act > a{color:#0072bc !important}
.m_menu_con .menu > ul > li.li_community > a:after{content:'';display:inline-block;position:absolute;top:50%;right:18px;width:6px;height:6px;margin-top:-3px;border:2px solid #a2a1a1;border-left:0;border-top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu_con .menu > ul > li.open > a:after{margin-top:-2px;-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}

.m_menu_con .menu > ul > li > .navi_sub{display:none;background-color:#fff;padding-top:0 !important}

.m_menu_con .menu > ul > li > .navi_sub > ul > li.act > a{text-decoration:underline;color:#1b3a6a}
.m_menu_top{overflow:hidden}
.m_menu_top > li{float:left;position:relative}
.m_menu_top > li > a{font-size:13px;color:#fff}
.m_menu_top > li:first-child{margin-right:16px}
/* .m_menu_top > li:first-child:after{content:"";display:inline-block;position:absolute;right:-8px;top:9px;width:1px;height:10px;background-color:#fff} */
.m_menu_con .menu > li {border-bottom:1px solid #b5b5b5;}

.m_menu_con .menu > li > a{position:relative;display:block;width:100%;font-weight:600;font-size:14px;line-height:42px;padding:0 20px}
.m_menu_con .menu > li.act > a, .m_menu_con .menu > li > ul > li.act > a{color:#0072bc !important}
.m_menu_con .menu > li > a:after{content:'';display:inline-block;position:absolute;top:50%;right:18px;width:6px;height:6px;margin-top:-3px;border:2px solid #a2a1a1;border-left:0;border-top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu_con .menu > li.open > a:after{margin-top:-2px;-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.m_menu_con .menu > li.open > a{border-bottom:1px solid #b5b5b5}
.m_menu_con .menu > li > .navi_sub{display:none;background-color:#ddd;padding-top:0 !important}
.m_menu_con .menu > li > .navi_sub > ul{padding:10px 0}
.m_menu_con .menu > li > .navi_sub > ul > li > a{display:block;width:100%;padding:8px 20px 8px 30px;font-size:13px}
.m_menu_con .menu > li > .navi_sub > ul > li.act > a{text-decoration:underline;color:#1b3a6a}





/* visual */
#visual{position:relative;z-index:10}
#visual li{padding-bottom:42%}
@media (max-width:1280px){
	#visual li{padding-bottom:51% !important;background-size:121% 100% !important}
}
@media (max-width:970px){
	#visual li{padding-bottom:53% !important;background-size:120% 100% !important}
}
@media (max-width:640px){
	#visual li{padding-bottom:56% !important;background-size:127% 100% !important}
}
@media (max-width:480px){
	#visual li{padding-bottom:63% !important;background-size:146% 100% !important}
}




/* main  */
.m_contents{padding:21px 0 45px;background-image:url('../img/main/mbg1.jpg'), url('../img/main/mbg2.jpg');background-color:#cad1d9;background-position:top left ,bottom right;background-repeat:no-repeat}
.m_contents > .row{max-width:1460px}
.m_row{margin:0 -10px}
.m_row > .col3{float:left;width:33.33%;padding:10px}
.m_row > .col3 > .wrapper{height:420px}
.m_tt{font-size:18px;color:#2c2a2a;text-align:left}
.m1 > .wrapper{background:#18396a url('../img/main/bg_m1.png') no-repeat bottom center}
.m1 > .wrapper > a{display:block;width:100%;height:100%;padding:28px 23px;}
.m1 p{font-size:18px;line-height:26px;color:#fff;text-align:center;margin-top:8px}
.m1 h2{font-size:40px;color:#fff;text-align:center;margin-top:10px;font-weight:400}
.m1 h2 > strong{color:#ffe405}
.m1 h3{font-size:18px;text-align:center;color:#fff;margin-top:10px}
/*.m2-1{height:200px;margin-bottom:20px;background-color:#fff}
.m2-1 a{display:block;width:100%;height:100%;text-align:center;padding:28px 23px}
.m2-1 a > img{width:100%;max-width:297px;margin-top:28px}*/

.m2-1{height:200px;background:#f5f5f5 url('../img/main/m2-1_bg.jpg') no-repeat center right;margin-bottom:20px}
.m2-1 a{display:block;width:100%;height:100%;padding:28px 23px}

.m2-2{float:left;width:50%;padding-right:10px;height:200px}
.m2-2 a{display:block;height:100%;background:url('../img/main/m2-2_img.jpg') no-repeat center center;background-size:cover;text-indent:-9999px}
.m2-3{float:left;width:50%;padding-left:10px;height:200px}
.m2-3 a{display:block;height:100%;background:url('../img/main/m2-3_img.jpg') no-repeat center center;background-size:cover;text-indent:-9999px}
.m2-2 > a > img, .m2-3 > a > img{width:100%;display:block}
.m3-1{height:200px;margin-bottom:20px;background:#fff url('../img/main/m3.jpg') no-repeat center center}
.m3-1 a{display:block;width:100%;height:100%;padding:28px 23px}
.m3-2{height:200px;background:#fff url('../img/main/m3-2.png') no-repeat center right}
.m3-2 a{display:block;width:100%;height:100%;padding:28px 23px}
.m4 > .wrapper{background:#8d959e url('../img/main/bg_m4.png') repeat;padding:33px 28px 28px;}
.m4 h3{font-size:18px;line-height:26px;color:#fff;font-weight:bold;border-bottom:2px solid #fff;padding-bottom:13px;margin-bottom:27px}
.ul_m4 > li{margin-bottom:15px}
.ul_m4 > li > a{display:block;}
.ul_m4 > li > a > .img_area{display:table-cell;vertical-align:middle;width:80px}
.ul_m4 > li > a > .txt_area{display:table-cell;vertical-align:middle;padding-left:18px}
.ul_m4 > li > a > .txt_area > h4{font-size:21px;color:#fff;line-height:30px;margin-bottom:5px}
.ul_m4 > li > a > .txt_area > p{font-size:14px;line-height:22px;color:#fff}
.m5-1{height:200px;background:#fff url('../img/main/m5-1.png') no-repeat center right;margin-bottom:20px}
.m5-1 a{display:block;width:100%;height:100%;padding:28px 23px}
.m5-2{height:200px;background:#fff; /*url('../img/main/m5-2.png') no-repeat center right*/}
.m5-2 .img_wrap{text-align:center;padding:27px 10px 10px}
.m5-2 .img_wrap img{max-width:298px;width:100%;}
.m5-2 a{display:block;width:100%;height:100%;padding:28px 23px}
.m6-1{float:left;width:50%;padding-right:10px}
.m6-1 > .sd{background:#fff;height:420px;padding:40px 10px 30px}
.sd > h3{font-size:18px;line-height:26px;color:#333;text-align:center;margin-bottom:26px}
.sd .bx-prev{left:0;background:url('../img/main/m_bx_left.png') no-repeat center center}
.sd .bx-next{right:0;background:url('../img/main/m_bx_right.png') no-repeat center center;margin-left:-1px}
.sd .bx-prev:hover, .sd  .bx-next:hover{opacity:0.7}
.sd .bx-controls-direction{text-align:center}
.sd .bx-controls-direction a{position:relative;display:inline-block;top:0;margin-top:0;width:30px;height:30px;text-indent:-9999px;border:1px solid #ddd}
#m_sd > li{padding:0 10px}
#m_sd > li > a{display:block}
#m_sd > li h4{display:table;height:64px;width:100%}
#m_sd > li h4 > p{display:table-cell;width:100%;font-size:16px;line-height:24px;color:#666;text-align:center;font-weight:400;vertical-align:middle}
.m6-2{float:left;width:50%;height:200px;margin-bottom:20px;padding-left:10px}
.m6-2 a{display:block;width:100%;height:100%;background:#18396a;padding:53px 23px 28px;text-align:center}
.m6-3{float:left;width:50%;height:200px;padding-left:10px}
.m6-3 a{display:block;width:100%;height:100%;background:#2d323a;padding:53px 23px 28px;text-align:center}

@media (max-width:1280px){
	.m_row{max-width:1024px;margin:0 auto}
	.m_row > .col3{width:50%}
}
@media (max-width:970px){
	.m_row{margin:0 -7px}
	.m_row > .col3{padding:7px}
	.m2-1{height:203px;margin-bottom:14px}
	.m2-2{height:203px;padding-right:7px}
	.m2-3{height:203px;padding-left:7px}
	.m3-1{height:203px;margin-bottom:14px}
	.m3-2{height:203px;background-size:194px}
	.m5-1{height:203px;margin-bottom:14px;background-size:194px}
	.m5-2{height:203px;background-size:194px}
	.m6-1 > .sd{padding:35px 5px 25px}
	.m6-1{padding-right:7px}
	.m6-2{height:203px;margin-bottom:14px;padding-left:7px}
	.m6-3{height:203px;padding-left:7px}
	.ul_m4 > li > a > .txt_area > h4{font-size:17px;line-height:27px;margin-bottom:4px}
	.ul_m4 > li > a > .txt_area > p{font-size:13.5px;line-height:21px}
}
@media (max-width:800px){
	.m_row{max-width:530px;margin:0 auto}
	.m_row > .col3{width:100%}
	.m3-2{background-size:220px}
	.m5-1{background-size:220px}
	.m5-2{background-size:220px}
	.m6-1 > .sd{padding:22px 10px}
	#m_sd > li h4 > p{font-size:14px;line-height:22px}
	.sd > h3{margin-bottom:15px}
}
@media (max-width:480px){
	.m_row{margin:0 -7px}
	.m2-1{background-position:right -34px center}
	.m6-1 > .sd{height:auto}
	.m6-1{width:100%;padding-right:0;margin-bottom:14px}
	.m6-2{padding-left:0;padding-right:7px}
	.m6-3{padding-left:7px}
	.login > .row {
    padding: 0 20px;
}
}
@media (max-width:400px){
	.m1 .wrapper{height:400px !important}
	.m_row > .col3 > .wrapper{height:auto}
	.m2-1{height:168px}
	.m2-1{background-position:right -48px center}
	.m2-2{height:160px}
	.m2-3{height:160px}
	.m3-1{height:168px}
	.m3-2{height:168px;background-size:154px}
	.m5-1{height:168px;background-size:154px}
	.m5-2{height:168px;background-size:154px}
	.m6-2{height:160px}
	.m6-3{height:160px}
	.m_tt{font-size:16px}
	.m1 p{font-size:16px}
	.m1 h2{font-size:36px;margin-top:7px}
	.m1 h3{font-size:16px;margin-top:7px}
	.m2-1 a,.m3-1 a{padding:20px}
	.m2-1 a > img{max-width:260px;margin-top:25px}
	.m4 h3{font-size:16px;line-height:24px;margin-bottom:24px;padding-bottom:10px;border-width:1px}
	.m4 > .wrapper{padding:28px 25px}
	.ul_m4 > li > a > .img_area{width:72px}
	.ul_m4 > li > a > .img_area > img{width:72px}
	.ul_m4 > li > a > .txt_area{padding-left:13px}
	.ul_m4 > li > a > .txt_area > h4{font-size:15px}
	.m6-2 a{padding-top:40px}
	.m6-2 a > img{width:58px}
	.m6-3 a{padding-top:40px}
	.m6-3 a > img{width:74px}
}
@media (max-width:360px){
	.m3-2{background-size:142px}
	.m5-1{background-size:142px}
	.m5-2{background-size:142px}
}


/* sub */
.txt_01{font-size:18px;line-height:28px;color:#333}
.sub_visual{background:url('../images/bg_subvisual.jpg') no-repeat center center;background-size:cover;padding:10% 0 5%; text-align: center;}
.sub_visual h2{font-size:25px;line-height:60px;font-weight:bold;color:#fff; text-align: left; margin-top:-30px;}



.sub_visual_m {background:url('../images/bg_subvisual_m.jpg') no-repeat center center;background-size:cover;padding:10% 0 5%; text-align: center;}
.sub_visual_m h2{font-size:25px;line-height:60px;font-weight:bold;color:#fff; text-align: left; margin-top:-30px;}


.sub_visual_m2 {background:url('../images/bg_subvisual_m2.jpg') no-repeat center center;background-size:cover;padding:10% 0 5%; text-align: center;}
.sub_visual_m2 h2{font-size:25px;line-height:60px;font-weight:bold;color:#fff; text-align: left; margin-top:-30px;}


.sub_menu{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd}
.sub_menu ul{width:100%}
.sub_menu ul > li{float:left;text-align:center}
.sub_menu ul.col1 > li{width:100%}
.sub_menu ul.col2 > li{width:50%}
.sub_menu ul.col3 > li{width:33.333%}
.sub_menu ul.col4 > li{width:25%}
.sub_menu ul.col5 > li{width:20%}
.sub_menu ul.col6 > li{width:16.66%}
.sub_menu ul > li > a{position:relative;top:1px;display:block;font-size:14px;color:#888;font-weight:bold;height:50px;line-height:49px}
.sub_menu ul > li > a:after{content:"";position:absolute;display:block;width:1px;height:18px;background-color:#ddd;right:0;top:50%;margin-top:-8px}
.sub_menu ul > li:last-child > a:after{display:none}
.sub_menu ul > li.act > a{color:#18396a;border-bottom:2px solid #18396a}
#kvision_tab > li > a:hover{color:#18396a;border-bottom:2px solid #18396a}
.stt01{font-size:30px;line-height:32px;color:#333333;text-align:center;font-weight:900; }
.stt01.bar:after{content:"";position:relative;display:block;width:110px;height:1px;background-color:#888;margin:26px auto}
.stxt01{font-size:14px;line-height:22px;color:#666;text-align:center;margin-top:5px}
.stxt01:after{content:"";position:relative;display:block;width:140px;height:1px;background-color:#888;margin:26px auto}
.stxt01.nobar:after{display:none}
.info_box{border:2px solid #ddd;text-align:center;padding:30px}
.info_box p small{font-size:14px}
.img_wrapper img{width:100%}
.brd{overflow:hidden}
.brd:before{content:"";display:block;height:0;float:left;width:16%;border-top:2px solid #18396a}
.brd:after{content:"";display:block;height:0;float:left;width:84%;border-top:1px solid #ccc}

.p_dot{position:relative;font-size:16px;color:#666;line-height:24px;padding-left:12px}
.p_dot:before{content:"";position:absolute;top:11px;left:0;display:inline-block;width:4px;height:4px;background-color:#18396a;}

@media (max-width:1600px){

	.sub_visual h2{font-size:44px;line-height:56px}
	.sub_visual_m h2{font-size:44px;line-height:56px}
	.sub_visual_m2 h2{font-size:44px;line-height:56px}

}
@media (max-width:1280px){
	.sub_visual{padding:13% 0 7%}
	.sub_visual h2{font-size:40px;line-height:52px}
	.stxt01:after,.stt01.bar:after{width:120px}


	.sub_visual_m{padding:13% 0 7%}
	.sub_visual_m h2{font-size:40px;line-height:52px}


	.sub_visual_m2{padding:13% 0 7%}
	.sub_visual_m2 h2{font-size:40px;line-height:52px}


}
@media (max-width:970px){

	.sub_visual h2{font-size:36px;line-height:46px}

	.sub_visual_m h2{font-size:36px;line-height:46px}

	.sub_visual_m2 h2{font-size:36px;line-height:46px}

	.sub_menu{display:none}
	.stxt01:after,.stt01.bar:after{width:108px;margin:23px auto}
	.brd:before{float:none;width:20%;margin:0 auto}
	.brd:after{display:none}

	.txt_01{font-size:16px;line-height:27px}
	.p_dot{font-size:14px;line-height:22px;padding-left:10px}

}
@media (max-width:640px){
	.sub_visual{padding:20% 0 12%}
	.sub_visual h2{font-size:30px;line-height:40px}

	.sub_visual_m{padding:20% 0 12%}
	.sub_visual_m h2{font-size:30px;line-height:40px}

	.sub_visual_m2{padding:20% 0 12%}
	.sub_visual_m2 h2{font-size:30px;line-height:40px}


	.stt01{font-size:20px;line-height:30px}
	.stxt01:after,.stt01.bar:after{width:94px}
	.stxt01{font-size:13px;line-height:20px}
}
@media (max-width:400px){
	.sub_visual{padding:29% 0 16%}
	.sub_visual h2{font-size:24px;line-height:34px}

	.sub_visual_m{padding:29% 0 16%}
	.sub_visual_m h2{font-size:24px;line-height:34px}


	.sub_visual_m2{padding:29% 0 16%}
	.sub_visual_m2 h2{font-size:24px;line-height:34px}


	.stxt01:after,.stt01.bar:after{width:80px;margin:18px auto}

	.stt01{font-size:18px;line-height:28px}
	.txt_01{font-size:13.5px;line-height:23px}
	.p_dot{font-size:13px;line-height:20px;letter-spacing:-0.2px}
	.p_dot:before{top:8px}

}



.kv_ceo_row .textarea{float:left;width:53%;padding-top:15px}
.kv_ceo_row .textarea .fs18{font-size:17.5px}
.kv_ceo_row .imgarea{float:left;width:47%;padding-left:10px}
.kv_ceo_row .imgarea img{width:100%;max-width:546px}
.kv_brand{background-color:#f8f8f8}
.ul_brand_img{margin:0 -10px}
.ul_brand_img > li{float:left;width:33.333%;padding:10px}
.ul_brand_img > li > img{width:100%}
.kv_brand_row{margin:0 -10px}
.kv_brand_row > .box{float:left;width:50%;padding:10px}
.kv_brand_row > .box > .wrapper{background:#fff;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #18396a;border-right:1px solid #18396a;padding:22px 30px}
.kv_brand_row > .box > .wrapper > h3{font-family:'Open Sans','Nanum Gothic',sans-serif;font-weight:600;color:#18396a;margin-bottom:6px}
.kv_brand_row > .box > .wrapper > p{font-size:14px;line-height:22px;color:#666}
.kv_brand_row02 .title_area{width:180px;display:table-cell;border-top:2px solid #18396a;padding-top:30px;vertical-align:top}
.kv_brand_row02 .title_area h3{font-family:'Open Sans','Nanum Gothic',sans-serif;font-weight:600;color:#18396a;font-size:18px;line-height:28px}
.kv_brand_row02 .con_area{display:table-cell;border-top:1px solid #ccc;padding-top:30px;padding-left:5.5%}
.kv_brand_row02 .ci_wrap{width:100%;background-color:#fff;text-align:center;padding:6.8%;border:1px solid #ddd;margin-top:24px}
.kv_brand_row02 .ci_wrap img{max-width:435px;width:100%}
.kv_brand_col{margin:0 -5px}
.kv_brand_col > li{float:left;width:33.333%;padding:5px}
.kv_brand_col > li > .hd{background-color:#18396a}
.kv_brand_col > li > .hd > h4{color:#fff;text-align:center;font-weight:normal;height:40px;line-height:40px;font-size:14px}
.kv_brand_col > li > .txt{display:table;width:100%;background-color:#fff;text-align:center;min-height:80px;border:1px solid #ddd;border-top:0;padding:0 10px}
.kv_brand_col > li > .txt > .nx-td{vertical-align:middle}
.kv_brand_col > li > .txt .p_txt{color:#999;font-size:12px;line-height:20px}
.kv_brand_col > li > .txt .p_txt2{color:#333;font-size:14px;line-height:22px;font-weight:bold}
.vcs_visual{background:url('../img/sub/vsc_visual.jpg') no-repeat center center;margin-top:40px;background-size:cover;text-align:center;padding:7% 10%}
.vcs_visual > img{width:100%;max-width:476px}
.ul_vcs_img{margin:0 -12px}
.ul_vcs_img > li{float:left;width:33.333%;padding:12px;text-align:center}
.ul_vcs_img > li > img{width:100%;max-width:290px}
.kv_csr{background-color:#f4f4f4}
.calendar{max-width:1000px;margin:0 auto}
.calendar_txt > h3{font-size:22px;line-height:30px;color:#666;text-align:center}
.calendar_txt > h3 > strong{background-color:#18396a;color:#fff;border-radius:3px}
.calendar_tt{position:relative;margin-bottom:11px}
.calendar_tt > h4{font-size:20px;line-height:35px;color:#333;text-align:center}
.calendar_tt > select{width:200px;height:35px;position:absolute;right:0;bottom:0}
.calendar_img img{width:100%}
.calendar_img > ul > li{display:none}
.calendar_img > ul > li.show{display:block}
.kv_location{background-color:#f8f8f8}
.tbl_location th{width:160px;text-align:left;padding:12px 0;font-size:14px;line-height:22px}
.tbl_location th img{vertical-align:middle;margin-right:4px}
.tbl_location td{font-size:14px;line-height:22px}
.bus_box{display:inline-block;color:#fff;padding:1px 6px;margin-right:10px}
.blue1{background-color:#3495df}
.blue2{background-color:#08519b}
.red1{background-color:#e43333;margin-left:20px}
.loaction_con{padding:25px 0 26px}
.loaction_con > .nx-td{text-align:center}
.loaction_con .pin{width:45%}
.loaction_con .tel{width:25%}
.loaction_con .fax{width:30%}
.loaction_con img{vertical-align:middle;margin-right:4px}
.loaction_con p,.loaction_con p a{font-size:14px;font-weight:bold;color:#18396a}
#map{border:1px solid #ccc}
.orz_m{max-width:300px;margin:0 auto}
@media (max-width:970px){
	.kv_ceo_row .textarea{float:none;width:100%;max-width:580px;margin:0 auto;padding-top:0;text-align:center}
	.kv_ceo_row .textarea .fs18{font-size:16px}
	.kv_ceo_row .imgarea{float:none;width:100%;padding-top:20px;padding-left:0;text-align:center}
	.ul_brand_img{max-width:460px;margin:0 auto}
	.ul_brand_img > li{width:100%}
	.mx_580{max-width:580px;margin-right:auto;margin-left:auto}
	.kv_brand_row{max-width:600px;margin-right:auto;margin-left:auto}
	.kv_brand_row > .box{width:100%}
	.kv_brand_row02 > .nx-table{display:block}
	.kv_brand_row02 .title_area{width:100%;display:block;border-top:0;padding-top:0}
	.kv_brand_row02 .title_area h3{text-align:center}
	.kv_brand_row02 .title_area h3:after{content:"";display:block;width:30px;height:2px;background-color:#18396a;margin:12px auto}
	.kv_brand_row02 .con_area{width:100%;display:block;border-top:0;padding-top:20px;padding-left:0}
	.kv_brand_col{max-width:600px;margin:0 auto}
	.kv_brand_col > li{width:100%;padding:10px}
	.ul_vcs_img{margin:0 -8px}
	.ul_vcs_img > li{width:50%;padding:8px}
	.calendar_tt{text-align:center}
	.calendar_tt > select{position:relative;margin-top:7px}
	.loaction_con{display:block;max-width:400px;margin:0 auto}
	.loaction_con > .nx-td{display:block;text-align:left;margin-bottom:10px}
	.loaction_con .pin{width:100%}
	.loaction_con .tel{width:100%}
	.loaction_con .fax{width:100%}
	.loaction_con img{width:40px}
	#map{height:300px !important}
}
@media (max-width:640px){
	.tbl_location th{width:97px;padding:9px 0;font-size:13px;line-height:20px}
	.tbl_location td{font-size:13px;line-height:20px}
	.bus_box{margin-right:6px}
	.red1{margin-left:0;margin-top:8px}
	#map{height:270px !important}
	.loaction_con{padding:18px 0 12px}
	.orz_m{display:block}
}
@media (max-width:400px){
	.ul_brand_img, .kv_brand_row, .kv_brand_col{margin:0 -10px}
	.vcs_visual{padding:30px 25px}
	.ul_vcs_img > li{width:100%}
	#map{height:200px !important}
	.loaction_con img{width:26px;margin-right:3px}
	.loaction_con p{font-size:13px;font-weight:normal}
}

/* news */
.ul_lists{margin:0 -10px}
.ul_lists > li{float:left;width:25%;padding:10px 10px 35px}
.ul_lists > li:nth-child(4n+1){clear:both}
.ul_lists > li > a{display:block;text-align:center}
.ul_lists > li > a > img{width:100%;max-width:280px}
.ul_lists > li > a > h3{font-size:16px;line-height:24px;color:#666;margin-top:8px;letter-spacing:-0.5px}
.ul_lists > li > a > p{font-size:13px;line-height:20px;color:#888}
.view_wrap > .view_wrap_tt{border-top:1px solid #18396a;border-bottom:1px solid #ddd;background-color:#f8f8f8;text-align:center;padding:2% 15px}
.view_wrap > .view_wrap_tt > h3{font-size:24px;line-height:32px;color:#333;margin-bottom:5px}
.view_wrap > .view_wrap_tt > h4{font-size:14px;line-height:22px;color:#888}
.view_wrap > .view_con{border-bottom:1px solid #ddd}
.ul_file{padding-bottom:15px}
.ul_file > li{font-size:14px;margin:4px 4px}
.ul_file > li a{font-size:13px;color:#777;display:inline-block;margin-left:5px}
@media (max-width:1280px){
	.ul_lists > li > a > h3{font-size:15px}
}
@media (max-width:970px){
	.ul_lists{margin:0 -9px}
	.ul_lists > li{width:33.33%;padding:9px 9px 30px}
	.ul_lists > li:nth-child(4n+1){clear:none}
	.ul_lists > li:nth-child(3n+1){clear:both}

}
@media (max-width:640px){
	.ul_lists > li{width:50%}
	.ul_lists > li:nth-child(3n+1){clear:none}
	.ul_lists > li:nth-child(2n+1){clear:both}
	.view_wrap > .view_wrap_tt{padding:15px}
	.view_wrap > .view_wrap_tt > h3{font-size:20px;line-height:30px}
	.view_wrap > .view_wrap_tt > h4{font-size:13px;line-height:20px}

}
@media (max-width:400px){
	.ul_lists{margin:0 -7px}
	.ul_lists > li{padding:7px 7px 27px}
	.ul_lists > li > a > h3{font-size:14px;line-height:22px;margin-top:7px}
	.ul_lists > li > a > p{font-size:12px;line-height:18px}
}
@media (max-width:359px){
	.ul_lists > li{width:100%}
	.ul_lists > li > a > img{width:86%}
}

/* products */
.ul_sub_tab{text-align:center;display:block;padding:25px 0}
.ul_sub_tab > li{display:inline-block;margin:3px 1px}
.ul_sub_tab > li > a{display:inline-block;width:170px;height:40px;line-height:40px;background-color:#eee;border:1px solid #ccc;font-size:14px;color:#666}
.ul_sub_tab > li.act > a{background-color:#18396a;color:#fff;border-color:#18396a}

.ul_sub_tab.float_tab{overflow:hidden}
.ul_sub_tab.float_tab > li{float:left;padding:4px 3px;margin:0}
.ul_sub_tab.float_tab > li > a{width:100%}
.ul_sub_tab.float_tab.col6 > li{width:16.66%}


#sub_tab_scroll .ul_sub_tab > li > a:hover{background-color:#18396a;color:#fff;border-color:#18396a}
.banner_wrap{display:table;width:100%;background-color:#fff;text-align:center;min-height:200px;border:1px solid #ddd;padding:22px}
.banner_wrap .nx-td{vertical-align:middle}
.banner_wrap .nx-td img{vertical-align:middle;width:100%}
.ic_water{display:inline-block;vertical-align:middle;width:12px;height:16px;background:url('../img/ic/ic_water.png') no-repeat}
.ic_sun{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url('../img/ic/ic_sun.png') no-repeat}
.products{background-color:#f8f8f8}
.products_lists.type_1{margin:0 -23px}
.products_lists.type_1 > li{float:left;width:25%;padding:0 23px 35px}
.products_lists.type_1 > li > img{width:100%;max-width:260px;display:block;margin:0 auto 13px}
.products_lists.type_1 > li{text-align:center}
.products_lists.type_1 > li > h4{font-size:14px;line-height:22px;font-weight:bold;color:#333;margin-bottom:6px;max-width:260px;margin-left:auto;margin-right:auto}
.products_lists.type_1 > li > p{font-size:12px;line-height:20px;margin-bottom:12px;color:#666;max-width:260px;margin-left:auto;margin-right:auto;letter-spacing:-0.5px}
.products_lists.type_1 > li > p.add_info{color:#333;margin-bottom:0}
.products_lists.type_1 > li:nth-child(4n+1){clear:both}

.point1{display:inline-block;background-color:#1b3a6a;width:50px;height:24px;line-height:24px;color:#fff;font-size:12px;}
.point2{display:inline-block;background-color:#66c9d2;width:50px;height:24px;line-height:24px;color:#fff;font-size:12px;font-weight:bold}
.point3{display:inline-block;background-color:#f2a821;width:50px;height:24px;line-height:24px;color:#fff;font-size:12px;font-weight:bold}
/*.trevue .banner_img{max-width:481px}
.cooper .banner_img{max-width:458px}
.bausch .banner_img{max-width:782px}
.acuvue .banner_img{max-width:479px}*/
.banner_wrap.type_2{padding:0;min-height:0}
.sub_img_wrap{margin-top:20px}
.sub_img_wrap img{width:100%}

.products_lists.type_2{margin:0 -10px}
.products_lists.type_2 > li{float:left;width:14.2857%;padding:0 10px 35px}
.products_lists.type_2 > li > img{width:100%;max-width:260px;display:block;margin:0 auto 13px}
.products_lists.type_2 > li{text-align:center}
.products_lists.type_2 > li > h4{font-size:14px;line-height:22px;font-weight:bold;color:#333;margin-bottom:6px;max-width:260px;margin-left:auto;margin-right:auto}
.products_lists.type_2 > li > p{font-size:12px;line-height:20px;margin-bottom:12px;color:#666;max-width:260px;margin-left:auto;margin-right:auto;letter-spacing:-0.5px}
.products_lists.type_2 > li > p.add_info{color:#333;margin-bottom:0}
.products_lists.type_2 > li:nth-child(7n+1){clear:both}

.glasses{background-color:#f8f8f8}
.row_glasses01 > .txtarea{float:left;width:50%;padding-right:30px}
.row_glasses01 > .imgarea{float:left;width:50%}
.row_glasses01 > .imgarea img{width:100%;max-width:590px}
.row_4col{margin:0 -23px}
.row_4col > li{float:left;width:25%;padding:0 23px 23px;text-align:center}
.glasses .row_4col > li > img{width:100%;max-width:260px}
.glasses .row_4col > li > h4{margin-top:12px;font-size:14px;line-height:24px;color:#333}
.img_back{background-color:#fff;text-align:center;border-radius:40px;padding:5.8% 5%}
.img_back img{width:100%}
.bibiem .img_back img{max-width:936px}
.row_glasses02{padding:15px 0 22px}
.row_glasses02 > div:first-child{float:left;width:26.45%;padding-right:20px}
.row_glasses02 > div:first-child img{width:100%;max-width:290px}
.row_glasses02 > div:last-child{float:left;width:73.55%}
.row_glasses02 > div:last-child img{width:100%;max-width:871px}
.gl_visual_01{background:url('../img/sub/gl_bg_01.png') no-repeat;background-size:cover;border-radius:12px;padding:37px 30px}
.gl_visual_01 h4{font-size:24px;line-height:34px;color:#fff}
.gl_visual_01 h4 span{color:#76fffa;font-weight:bold;text-decoration:underline}
.gl_visual_01 p{font-size:16px;line-height:24px;color:#fff;padding-top:5px}
.gl_visual_01 h3{font-size:24px;font-weight:700;color:#ceec66;padding-top:23px}
.gl_imgarea_01{background-color:#fff;text-align:center;padding:5%;margin-top:40px}
.gl_imgarea_01 img{max-width:937px;width:100%}
.gl_imgarea_01_02{background-color:#fff;text-align:center;padding:5% 15px;margin-top:40px}
.gl_imgarea_01_02 img{max-width:1080px;width:100%}
.gl_imgarea_01_03{background-color:#fff;text-align:center;padding:5% 15px;margin-top:40px}
.gl_imgarea_01_03 img{max-width:1080px;width:100%}
.gl_row{background-color:#f8f8f8}
.gl_row .row_img{background-color:#fff;padding:5% 4% 4.5%}
.gl_row .row_img .img_area{float:left;width:42%}
.gl_row .row_img .img_area img{max-width:100%;width:100%;padding-right:43px}
.gl_row .row_img .txt_area{float:left;width:58%}
.gl_row .row_img .txt_area h3{font-size:24px;line-height:34px;color:#333;margin-bottom:14px}
.gl_row .row_img .txt_area h3 > span{font-weight:400}
.gl_row .row_img .txt_area p{font-size:14px;line-height:24px;color:#666}
.gl_row .row_img .txt_area p > strong{font-size:16px;color:#18396a}
.gl_row .row_img2{background-color:#fff;padding:5% 4% 3.5%}
.gl_row .row_img2 .img_area{float:left;width:50%;text-align:center;padding-right:20px}
.gl_row .row_img2 .img_area img{max-width:100%;width:100%}
.gl_row .row_img2 .txt_area{float:left;width:50%}
.em_pt60{padding-top:60px}
.gl_btn{width:100px;height:30px;background:#18396a;color:#fff;font-size:12px;line-height:30px;text-align:center;border-radius:15px;font-weight:700;margin-bottom:8px}
.gl_rec .img_area{background-color:#49575e;vertical-align:middle;width:300px;text-align:center;padding:42px 20px}
.gl_rec.blue_bg .img_area{background-color:#18396a}
.gl_rec .txt_area{vertical-align:middle;border:1px solid #ddd;padding:10px 40px}
p.chk{position:relative;padding:7px 0 7px 30px;font-size:17px;font-weight:bold}
p.chk:before{content:"";position:absolute;left:0;display:inline-block;width:22px;height:23px;background:url('../img/sub/chk.png') no-repeat;vertical-align:middle}
.gl_gray_wrap{background-color:#f8f8f8;border:1px solid #e3e3e3;padding:10px 13px;margin-top:13px}
.gl_gray_wrap p{font-size:13px !important;line-height:20px !important}


.row_col{margin:0 -15px}
.row_col > li{float:left;padding:20px 15px 30px;text-align:center}
.row_col > li > h4{font-size:24px;line-height:34px;color:#333;margin-top:23px}
.row_col > li > h4:after{content:"";display:block;width:40px;height:2px;background-color:#666;margin:16px auto 20px}
.row_col > li > p{font-size:16px;line-height:24px;color:#333;letter-spacing:-0.2px}
.row_col > li > p > span{color:#888;font-weight:700}
.row_3col > li > img{width:100%;max-width:340px}
.row_2col > li > img{width:100%;max-width:525px}
.row_3col > li{width:33.33%}
.row_2col > li{width:50%}
.row_2col > li:nth-child(2n+1){clear:both}

@media (max-width:1280px){
	.products_lists.type_1{margin:0 -15px}
	.products_lists.type_1 > li{padding:0 15px 32px}
	.row_col{margin:0 -11px}
	.row_col > li{float:left;padding:20px 11px 25px}
	.ul_sub_tab.float_tab.col6 > li{width:20%}
}

@media (max-width:1024px){
	.em_pt60{padding-top:0}
}

@media (max-width:970px){
	.products_lists.type_1{margin:0 -10px}
	.products_lists.type_1 > li{width:33.333%;padding:0 10px 32px}
	.products_lists.type_1 > li:nth-child(4n+1){clear:none}
	.products_lists.type_1 > li:nth-child(3n+1){clear:both}
	.products_lists.type_2 > li{width:20%;padding:0 10px 32px}
	.products_lists.type_2 > li:nth-child(7n+1){clear:none}
	.products_lists.type_2 > li:nth-child(5n+1){clear:both}
	.row_glasses01 > .txtarea{float:none;width:100%;padding-right:0;text-align:center;max-width:590px;margin:0 auto}
	.row_glasses01 > .imgarea{float:none;width:100%;text-align:center;padding-top:30px}
	.row_4col{margin:0 -12px}
	.row_4col > li{width:50%;padding:0 12px 23px}
	.glasses .row_4col{max-width:600px;margin:0 auto}
	.row_glasses02 > div:first-child{width:100%;padding-right:0;text-align:center}
	.row_glasses02 > div:last-child{width:100%;text-align:center;padding-top:20px}
	.gl_row .row_img{padding:4% 3%}
	.gl_row .row_img .txt_area h3{font-size:20px;line-height:30px;margin-bottom:10px}
	.gl_row .row_img .img_area img{padding-right:28px}
	.gl_row .row_img .txt_area p > strong{font-size:15px}
	.gl_rec .txt_area{padding:10px 30px}
	.gl_rec .img_area{width:260px}
	.gl_rec .img_area img{width:180px}
	p.chk{font-size:15px;line-height:25px}
	.ul_sub_tab.float_tab.col6 > li{width:25%}

	.row_col > li > h4{font-size:18px;line-height:30px;margin-top:15px}
	.row_col > li > h4:after{width:32px;margin:10px auto 14px}
	.row_col > li > p{font-size:14px;line-height:22px}

}
@media (max-width:768px){
	.ul_sub_tab > li > a{width:145px;height:36px;line-height:36px;font-size:11px}
	.products_lists.type_1 > li{width:50%}
	.products_lists.type_1 > li:nth-child(3n+1){clear:none}
	.products_lists.type_1 > li:nth-child(2n+1){clear:both}
	.products_lists.type_2 > li{width:25%}
	.products_lists.type_2 > li:nth-child(5n+1){clear:none}
	.products_lists.type_2 > li:nth-child(4n+1){clear:both}
	.img_back{border-radius:25px}
	.gl_visual_01 p{font-size:15px}
	.gl_visual_01 h4{font-size:20px;line-height:30px}
	.gl_visual_01 h3{font-size:20px;padding-top:19px}
	.gl_row .row_img{padding:25px 20px}
	.gl_row .row_img .img_area{width:100%;padding:0 0 25px;text-align:center}
	.gl_row .row_img .img_area img{max-width:406px;padding:0}
	.gl_row .row_img .txt_area{width:100%;text-align:center}
	.gl_btn{margin:0 auto 8px}
	.gl_row .row_img .txt_area h3{font-size:17px;line-height:27px}
	.gl_row .row_img .txt_area p > strong{font-size:14px}

	.gl_row .row_img2{padding:25px 20px}
	.gl_row .row_img2 .img_area{width:100%;padding:0 0 25px}
	.gl_row .row_img2 .txt_area{width:100%}

	.gl_rec{display:block}
	.gl_rec .img_area{display:block;width:100%;padding:30px 20px}
	.gl_rec .img_area img{width:180px}
	.gl_rec .txt_area{display:block;width:100%}

	.row_3col > li{width:100%}
	.row_2col > li{width:100%}

}

@media (max-width:640px){
	.ul_sub_tab.float_tab.col6 > li{width:33.33%}
}
@media (max-width:600px){
	.products_lists.type_2 > li{width:33.333%}
	.products_lists.type_2 > li:nth-child(4n+1){clear:none}
	.products_lists.type_2 > li:nth-child(3n+1){clear:both}
	.glasses .row_4col{padding-top:30px}
	.gl_rec .txt_area{padding:10px 15px}
	p.chk{font-size:13.5px;line-height:24px;padding:6px 0 6px 25px}
}
@media (max-width:480px){
	.banner_wrap{min-height:150px}
	.products_lists.type_2 > li{width:50%;padding-bottom:28px}
	.products_lists.type_2 > li:nth-child(3n+1){clear:none}
	.products_lists.type_2 > li:nth-child(2n+1){clear:both}
	.gl_row .row_img .txt_area p{font-size:13px;line-height:22px}
	.gl_rec .img_area{padding:25px 20px}
	.gl_rec .img_area img{width:150px}
	.gl_imgarea_01_02{margin-top:20px}
	.gl_imgarea_01_03{margin-top:20px}

	.ul_sub_tab.float_tab.col6 > li{width:50%}

	.row_col > li{padding:15px 15px}

}
@media (max-width:400px){
	.products_lists.type_1{margin:0 -7px}
	.products_lists.type_1 > li{padding:0 7px 32px}
	.products_lists.type_1 > li > h4{font-size:13px}
	.products_lists.type_1 > li > p{font-size:11.5px;line-height:18px;margin-bottom:10px}
	.row_4col{margin:0 -10px}
	.row_4col > li{width:50%;padding:0 10px 23px}
	.gl_visual_01 p{font-size:13.5px}
	.gl_visual_01 h4{font-size:16px;line-height:26px}
	.gl_visual_01 h3{font-size:16px}
	.gl_rec .txt_area{padding:10px 10px}

	p.chk{font-size:13px;line-height:22px;letter-spacing:-0.3px}
}



/* rec_products*/
.teen,.twenty,.forty{background-color:#f8f8f8}
.age_img01{max-width:1000px;margin:0 auto}
.age_img01 > li{float:left;width:33.333%;text-align:center;padding:15px}
.age_img01 > li > img{width:100%;max-width:260px}
.age_img02{margin:5px -25px}
.age_img02 > li{float:left;width:33.333%;text-align:center;padding:12px 25px 40px}
.age_img02 > li:nth-child(3n+1){clear:both}
.age_img02 > li > h4{background-color:#1b3a6a;color:#fff;height:50px;line-height:50px;font-size:16px;max-width:360px;margin:0 auto}
.age_img02 > li > h4 > a{color:#fff}
.age_img02 > li > img, .age_img02 > li > a> img{display:block;width:100%;max-width:360px;border:1px solid #1b3a6a;border-top:0;margin:0 auto 15px}
.age_img02 > li > p{font-size:15.5px;line-height:26px}

.ic_chk:before{content:'';display:inline-block;width:26px;height:27px;background:url('../img/ic/ic_chk.png') no-repeat;vertical-align:middle;margin-right:7px}
.ic_chk2{position:relative;padding-left:34px;padding-top:3px;padding-bottom:3px}
.ic_chk2:before{content:'';position:absolute;display:inline-block;top:3px;left:0;width:26px;height:27px;background:url('../img/ic/ic_chk.png') no-repeat;}

.func01, .func03, .func05{background-color:#f8f8f8}
.func_box{background-color:#fff;padding:4.2% 3.8% 4.2% 4.6%}
.func_box > .imgarea{float:left;width:37.5%;text-align:center}
.func_box > .txtarea{float:left;width:62.5%;padding-left:4%;padding-top:22px}
.func_box > .txtarea > p{letter-spacing:-0.4px}
.func_box > .imgarea img{width:100%;max-width:400px}
.func_box .addinfo{padding-top:30px}
.func_box .addinfo > h5{display:inline-block;width:100px;height:30px;background-color:#18396a;text-align:center;color:#fff;font-weight:bold;font-size:12px;line-height:30px;border-radius:15px;margin-bottom:5px}
.rec_box{display:table;width:100%;margin-top:45px}
.rec_box .imgarea{display:table-cell;width:25.5%;vertical-align:middle;background-color:#49575e;text-align:center;padding:3.2% 15px}
.rec_box .txtarea{display:table-cell;width:74.5%;vertical-align:middle;background-color:#fff;border:1px solid #dddddd;padding-left:4%}

.ul_caution{margin:0 -25px}
.ul_caution > li{float:left;width:33.33%;padding:25px;text-align:center}
.ul_caution > li > img{width:100%;max-width:360px}
.ul_caution > li > p{font-size:15px;line-height:24px;font-weight:bold;color:#333;margin-top:8px}
.ul_caution > li:nth-child(3n+1){clear:both}

.check{background-color:#f8f8f8}
.ul_chk{max-width:964px;margin:0 auto}
.ul_chk > li{float:left;width:50%;text-align:center;padding:30px 20px}
.ul_chk > li:nth-child(2n+1){clear:both}
.ul_chk > li img{width:100%;max-width:270px}
.ul_chk .con_area{margin-top:21px;background-color:#fff;border:1px solid #ccc;border-radius:22px;padding:23px 28px}

.tbl_wrap{min-height:105px}
.tbl_chk th{width:62px;text-align:left;padding:5px 0}
.tbl_chk th span{display:inline-block;width:56px;height:30px;border:2px solid #ddd;border-radius:12px;text-align:center;line-height:28px;font-size:15px;font-weight:900}
.tbl_chk th .r_blue{color:#3162ad}
.tbl_chk th .r_orange{color:#ff8d12}
.tbl_chk td{font-size:16px;line-height:26px;color:#666;text-align:left;font-weight:700;padding:5px 4px}

.rec_lens_wrap{border-top:1px dotted #cdcdcd;margin-top:17px;padding-top:20px}
.rec_lens_wrap .r_green{width:86px;height:30px;display:block;border:2px solid #ddd;border-radius:12px;text-align:center;line-height:28px;font-size:15px;font-weight:900;margin:0 auto;color:#188a44}
.rec_lens_wrap > ul{text-align:center;padding:15px 0 5px}
.rec_lens_wrap > ul > li{display:inline-block;margin:3px 1px}
.rec_lens_wrap .btn_gray{display:inline-block;border:1px solid #ccc;color:#666;font-size:13px;line-height:13px;padding:7px 15px;font-weight:700;vertical-align:middle}

@media (max-width:1280px){
	.age_img02{margin:0 -12px}
	.age_img02 > li{padding:12px 12px}
	.age_img02 > li > p{font-size:14px;line-height:24px}
	.func_box > .txtarea{padding-top:0}
	.ul_caution{margin:0 -18px}
	.ul_caution > li{padding:16px 18px}
	.ul_caution > li > p{font-size:16px;line-height:24px}

}
@media (max-width:1024px){
	.ul_chk{margin:0 -12px}
	.ul_chk > li{padding:25px 12px}
}
@media (max-width:970px){
	.func_box > .imgarea{width:100%}
	.func_box > .txtarea{width:100%;padding-left:0;padding-top:22px;text-align:center}
	.func_box .addinfo{padding-top:22px}
	.rec_box{display:block;width:100%;margin-top:30px}
	.rec_box .imgarea{display:block;width:100%;padding:20px 15px}
	.rec_box .imgarea img{width:70%;max-width:220px}
	.rec_box .txtarea{display:block;width:100%;padding:18px 20px}
	.ul_caution{margin:0 -12px}
	.ul_caution > li{width:50%;padding:16px 12px}
	.ul_caution > li:nth-child(3n+1){clear:none}
	.ul_caution > li:nth-child(2n+1){clear:both}
	.ul_caution > li > p{font-size:14px;line-height:22px;font-weight:normal}

	.ul_chk{max-width:420px;margin:0 auto}
	.ul_chk > li{width:100%;padding:25px 0}
	.ul_chk .con_area{padding:18px 18px}
	.tbl_chk th{width:50px}
	.tbl_chk th span{width:48px;height:28px;font-size:14px;line-height:26px}
	.tbl_chk td{font-size:15px;line-height:25px}
	.rec_lens_wrap .r_green{width:80px;height:28px;line-height:26px;font-size:14px}
	.rec_lens_wrap{margin-top:11px;padding-top:15px}

}
@media (max-width:768px){
	.age_img01 > li{width:100%;padding:15px 0}
	.age_img01 > li > img{width:80%}
	.age_img02 > li{width:100%;padding:12px 12px}
	.age_img02 > li{width:90%;margin-left:5%}

}
@media (max-width:580px){

}
@media (max-width:400px){
	.ic_chk{font-size:14px;text-align:left}
	.age_img02 > li > p{font-size:13px;line-height:22px}
	.func_box{padding:20px}
	.ic_chk{position:relative;padding-left:34px}
	.ic_chk:before{content:'';position:absolute;display:inline-block;top:0;left:0;width:26px;height:27px}
	.func02 .func_box, .func04 .func_box{background-color:#f8f8f8}
	.ul_caution{margin:0 -8px}
	.ul_caution > li{padding:12px 8px}
	.ul_caution > li > p{font-size:13px;line-height:20px}

	.ul_chk > li img{max-width:220px}
	.tbl_chk td{font-size:13.5px;line-height:22px}
	.rec_lens_wrap .btn_gray{padding:6px 12px}

}


/* store */
.search_box{width:100%;display:table;background-color:#1b3a6a;padding:25px 20px;margin-top:60px}
.search_box > div{display:table-cell;width:50%}
.search_box > div:first-child{text-align:right;padding-right:20px}
.search_box > div:last-child{text-align:left;padding-left:20px}
.search_box select{width:100%;max-width:450px;height:50px;font-size:14px;color:#666;border:0;box-shadow:4px 4px 13px rgba(0,0,0,0.15);
background:#fff url('../img/ic/bg_sel.jpg') no-repeat right 17px center;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search_box input[type=text]{width:100%;max-width:450px;height:50px;font-size:14px;color:#666;border:0;box-shadow:4px 4px 14px rgba(0,0,0,0.2);
background:#fff url('../img/ic/bg_search.jpg') no-repeat right 17px center;padding:0 10px}
.result_txt{text-align:center}
.result_txt > strong{display:inline-block;border-bottom:1px solid #1a3765;color:#1a3765}
.store_lists{margin:0 -25px}
.store_lists > li{float:left;width:33.33%;padding:20px 25px;text-align:center}
.store_lists > li > .wrapper{border:1px solid #ddd;padding:9px 9px 11px}
.store_lists > li .imgarea img{width:100%;max-width:340px}
.store_lists > li h4{font-size:16px;line-height:24px;color:#666;font-weight:bold;margin-top:11px}
.store_lists > li p{font-size:13px;line-height:20px;color:#888;margin-top:3px;min-height:40px}
.store_lists > li h5{font-size:15px;line-height:24px;color:#666;margin-bottom:12px;font-weight:400}
.store_lists > li h5 > strong{font-weight:700}
.store_lists > li:nth-child(3n+1){clear:both}

.store_lists .ul_btn{overflow:hidden}
.store_lists .ul_btn > li{float:left;width:50%}
.store_lists .ul_btn a.btn{width:100%;height:40px;line-height:40px;font-size:14px;background-color:#1b3a6a;color:#fff}
.store_lists .ul_btn a.btn.btn_tel{background-color:#406bad}
.store_lists .ul_btn a.btn.btn_tel.disabled{background-color:#bdbdbd}


.store_view01{background-color:#f8f8f8}
.basic_info{background-color:#fff;padding:44px 50px}
.basic_info .imgarea{vertical-align:middle;width:42%;text-align:center}
.basic_info .txtarea{vertical-align:middle;width:58%;padding-left:4.5%}
.basic_info .imgarea img{border:1px solid #ddd;width:100%;max-width:442px}
.basic_info .txtarea > h3{font-size:30px;line-height:38px;color:#333;margin-bottom:25px}
.tbl_store_view{width:100%}
.tbl_store_view th{text-align:left;font-size:14px;line-height:22px;color:#333;font-weight:700;padding:4px 0;width:80px}
.tbl_store_view td{font-size:14px;line-height:22px;color:#888;padding:4px}
.tbl_store_view td a{color:#888}
.social_area > a{display:inline-block;margin-right:4px}
.ul_blog_list{margin:0 -20px}
.ul_blog_list > li{float:left;width:50%;padding:15px 20px}
.ul_blog_list > li > .wrapper{width:100%;display:table}
.ul_blog_list > li > .wrapper > a{display:block}
.ul_blog_list > li .imgarea{width:32%;display:table-cell;vertical-align:middle}
.ul_blog_list > li .txtarea{width:68%;display:table-cell;vertical-align:middle;padding-left:20px;text-align:left}
.ul_blog_list > li .imgarea img{width:100%;max-width:140px}
.ul_blog_list > li .txtarea h4{font-size:14px;color:#333;line-height:22px;margin-bottom:8px}
.ul_blog_list > li .txtarea p{font-size:13px;color:#888;line-height:20px}
.ul_blog_list > li:nth-child(2n+1){clear:both}
#map_area{width:100% !important}
@media (max-width:1280px){
	.store_lists{margin:0 -10px}
	.store_lists > li{padding:20px 10px}
	.basic_info{padding:40px 42px}
	.ul_blog_list{margin:0 -12px}
	.ul_blog_list > li{padding:15px 12px}
}
@media (max-width:1024px){
	.search_box > div:first-child{padding-right:10px}
	.search_box > div:last-child{padding-left:10px}
}
@media (max-width:970px){
	.basic_info{padding:27px 25px}
	.basic_info .txtarea > h3{font-size:22px;line-height:30px;margin-bottom:13px}
	.store_lists > li p{min-height:60px}
}
@media (max-width:768px){
	.store_lists{margin:0 -7px}
	.store_lists > li{width:50%;padding:14px 7px}
	.store_lists > li:nth-child(3n+1){clear:none}
	.store_lists > li:nth-child(2n+1){clear:both}
	.basic_info .nx-table{display:block}
	.basic_info .nx-td{display:block;width:100%}
	.basic_info .imgarea{padding-bottom:15px}
	.basic_info .txtarea{padding-left:0;max-width:442px;margin:0 auto}
	.basic_info .txtarea > h3{font-size:17px;line-height:26px;margin-bottom:10px}
	.tbl_store_view th{font-size:13px;line-height:20px;width:70px}
	.tbl_store_view td{font-size:13px;line-height:20px}
	.ul_blog_list{margin:0 auto;max-width:480px}
	.ul_blog_list > li{width:100%;padding:12px 0}
	.ul_blog_list > li:nth-child(2n+1){clear:none}
}
@media (max-width:640px){
	.search_box{display:block;margin-top:45px}
	.search_box > div{display:block;width:100%}
	.search_box > div:first-child{text-align:center;padding-right:0}
	.search_box > div:last-child{text-align:center;padding-left:0}
	.search_box select{height:42px;margin-bottom:15px}
	.search_box input[type=text]{height:42px}
}
@media (max-width:480px){
	.store_lists > li{width:100%}
	.ul_blog_list > li .txtarea h4{font-size:13px;line-height:20px;margin-bottom:6px}
	.ul_blog_list > li .txtarea p{font-size:12px;line-height:18px}
	.store_lists > li p{min-height:10px}
}

/* community */
.frm{padding-top:30px}
.tbl_form{width:100%}
.tbl_form th{font-weight:normal;width:190px;font-size:14px;line-height:20px;padding:5px 10px 5px 0}
.tbl_form td{padding:5px 0}
.tbl_form th label{display:block;width:100%;background-color:#f8f8f8;color:#333;padding:9px 20px;border-radius:3px;font-weight:700;border:1px solid #ddd;text-align:left}
.tbl_form select{max-width:310px;width:100%;border:1px solid #ddd;background-color:#fff;color:#888}
.tbl_form input[type=text],.tbl_form input[type=email],.tbl_form input[type=tel]{width:100%;max-width:400px;height:40px;border:1px solid #ddd;background-color:#fff;border-radius:3px;padding:0 10px}
.tbl_form input[type=email]{max-width:100%}
.frm textarea{width:100%;height:250px;border:1px solid #ddd;background:#fff;margin-top:5px;resize:none;font-size:14px;border-radius:3px;padding:22px;font-family:'Nanum Gothic','Dotum','Arial',sans-serif}
.agree_con{background-color:#fafafa;overflow-y:scroll;width:100%;height:140px;margin-top:5px;border:1px solid #ddd;border-radius:3px;font-size:13px;color:#888;line-height:21px;padding:14px;box-sizing:border-box}
.frm input[type=submit]:hover{background-color:#2f3386}
.frm input[type=checkbox]{vertical-align:middle}
.fc_con{padding:27px 0;border-bottom:1px solid #ddd}
.fc_con:last-child{border-bottom:0}
.fc_con > .nx-table{width:100%}
.fc_con .nx-td{vertical-align:middle}
.fc_con .nx-td:first-child{width:140px}
.fc_con .nx-td:last-child{padding:0 30px}
.franchise02{background-color:#f8f8f8}
.fc_step{margin:0 -20px;padding-top:10px}
.fc_step > li{width:20%;float:left;position:relative;padding:20px;text-align:center}
.fc_step > li img{width:100%;max-width:197px}
.fc_step > li:after{content:"";position:absolute;right:-4px;top:50%;margin-top:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #18396a}
.fc_step > li:last-child:after{display:none}
.fc_condi{margin:0 -10px;padding-top:20px}
.fc_condi > li{float:left;width:33.333%;padding:10px}
.fc_condi > li > div{display:table;width:100%;height:60px;border-radius:30px;padding:5px 10px}
.fc_condi > li > div > p{display:table-cell;vertical-align:middle;color:#fff;font-size:16px;line-height:22px;text-align:center;font-weight:bold}
.fc_condi > .li01 > div{background-color:#6c89b4}
.fc_condi > .li02 > div{background-color:#3e6196}
.fc_condi > .li03 > div{background-color:#18396a}
.white_point{font-size:16px;line-height:24px;background-color:#fff;border-radius:30px;border:1px solid #ddd;padding:17px 30px;font-weight:bold;color:#666;margin-bottom:10px}
.white_point > .num{display:inline-block;color:#ff8d12;width:24px}
.white_point > .num.mainColor2{color:#18396a}
.white_point > .tt{display:inline-block;color:#333;width:120px}




@media (max-width:970px)

{
	.fc_step{max-width:724px;margin:0 auto}
	.fc_step > li{width:33.333%}
	.white_point{font-size:14px;line-height:22px;padding:15px 20px;margin-bottom:7px}
	.white_point > .num{width:22px}
	.white_point > .tt{width:100px}
}
@media (max-width:768px){
	.fc_condi > li{width:100%}
	.white_point{border-radius:20px}
	.white_point > .ct{display:block;padding-left:26px}
}

@media (max-width:640px){
	.tbl_form th{width:150px;font-size:13px}
	.tbl_form input[type=text],.tbl_form input[type=tel]{max-width:100%}
	.frm textarea{height:200px}
	.fc_con > .nx-table{display:block}
	.fc_con .nx-td{display:block;text-align:center;width:100%}
	.fc_con .nx-td:first-child{width:100%;padding-bottom:15px}
	.fc_con .nx-td:last-child{padding:0}
	.fc_step{max-width:500px}
	.fc_step > li{width:50%;padding:10px 10px}



}
@media (max-width:400px){
	.tbl_form th{width:100px}
	.tbl_form th label{padding:8px 10px;border-radius:3px}
	.frm textarea{height:150px}
	.agree_con{height:100px;font-size:12px;line-height:20px;padding:10px}
	.fc_condi > li{padding:7px}
	.fc_condi > li > div{height:56px}
	.fc_condi > li > div > p{font-size:14px;line-height:22px}
}


/* member */
.login_box{width:100%;max-width:430px;margin:0 auto 25px;overflow:hidden;border-bottom:1px solid #eee}
.login_box .input_box{float:left;width:300px}
.login_box .submit_box{float:left;padding-left:10px}
.login_box input[type=text],.login_box input[type=password]{width:300px;height:50px;padding:0 14px;border:1px solid #dfdfdf;border-radius:3px;font-size:16px;color:#888;margin-bottom:10px}
.login_box input[type=submit]{width:120px;height:110px;background-color:#18396a;color:#fff;font-size:16px;border:0;border-radius:3px}
.login_txt{overflow:hidden;width:100%;max-width:430px;margin:0 auto;font-size:14px;line-height:30px;color:#666;margin-bottom:10px}
.login_txt a{float:right;width:160px;height:30px;font-size:12px;color:#333;background-color:#eeeeee;border:1px solid #dddddd;border-radius:5px}
.pi_box{width:100%;max-width:500px;margin:0 auto 25px;text-align:center}
.pi_box input[type=text]{width:430px;height:50px;padding:0 14px;border:1px solid #dfdfdf;border-radius:3px;font-size:16px;color:#888;margin-bottom:10px}
.step_box{width:100%;max-width:500px;margin:0 auto;background-color:#eee;border:1px solid #ddd;border-radius:10px}
.ul_step_box{overflow:hidden;max-width:348px;margin:0 auto}
.ul_step_box > li{float:left;height:60px;line-height:60px;font-size:16px;font-weight:700;color:#999}
.ul_step_box > li.act{color:#18396a}
.ul_step_box > li:after{content:"/";margin:0 24px;color:#999999 !important}
.ul_step_box > li:last-child:after{display:none}
.agree_txt{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;font-size:14px;line-height:22px;color:#666;padding:18px 18px;height:140px;overflow-y:scroll;margin-top:8px}
.btn_next{background-color:#444;width:200px;height:50px;line-height:50px;color:#fff;font-size:14px;border:0}
#join_step2 .info_box{margin-top:60px;margin-bottom:50px}
.join_box{max-width:800px;margin:0 auto}
.join_box .form-type{overflow:hidden;margin-bottom:10px}
.form-type .label-area{float:left;width:210px;padding-right:10px}
.form-type .input-area{float:left;width:590px}
.form-type .label-area label{display:inline-block;width:100%;height:40px;line-height:40px;background-color:#f8f8f8;vertical-align:middle;padding-left:20px;border:1px solid #ddd;border-radius:3px;font-size:14px;font-weight:700}
.form-type .label-area label span{color:#ff8d12}
.form-type .label-area label small{font-weight:400}
.form-type .input-area input[type=text],.form-type .input-area input[type=email], .form-type .input-area input[type=tel],
.form-type .input-area input[type=password]{width:100%;height:40px;border:1px solid #ddd;border-radius:3px;padding:0 10px}
.pi_update #user_pw, .pi_update #new_user_pw, .pi_update #new_user_pw_check{width:300px}
#frm_join_act > p{font-size:13px;color:#ff4300;margin-bottom:10px;}
.form-type #user_id, .form-type #zip{width:470px}
.form-type #user_membership{width:316px}
.btn_join{width:110px;height:40px;vertical-align:middle;margin-left:4px;color:#666;font-size:14px}
.submit-type{text-align:center}
.membership_txt{font-size:13px;color:#666}
.join_done{border:2px solid #ddd;padding:7% 5% 5%;max-width:800px;margin:0 auto;text-align:center}
.readon{background:transparent !important;border:0 !important}
@media (max-width:970px){
	.form-type{}
	.form-type .label-area{float:left;width:100%;padding-right:0}
	.form-type .input-area{float:left;width:100%}
	.form-type .label-area label{width:100%;height:30px;line-height:30px;background-color:#fff;padding-left:0;border:0;border-radius:0;font-size:14px;font-weight:700}
	.membership_txt{display:block;margin-top:4px}
	.form-type #user_id, .form-type #zip,.form-type #user_membership{width:100%}
	.pi_update #user_pw, .pi_update #new_user_pw, .pi_update #new_user_pw_check{width:100%}
	.btn_join{margin-left:0;margin-top:5px}
}
@media (max-width:480px){
	.login_box .input_box{float:none;width:100%}
	.login_box .submit_box{float:none;padding-left:0}
	.login_box input[type=text],.login_box input[type=password]{width:100%;height:44px;padding:0 12px;font-size:14px}
	.login_box input[type=submit]{width:100%;height:46px;font-size:14px}
	.login_txt{text-align:center;font-size:14px;line-height:30px;margin-bottom:10px}
	.login_txt a{float:none;display:block;margin:0 auto}
	.ul_step_box{max-width:260px}
	.ul_step_box > li{height:54px;line-height:54px;font-size:13px}
	.ul_step_box > li:after{margin:0 14px}
	.agree_txt{font-size:13px;line-height:20px;padding:15px}
	#join_step2 .info_box{margin-top:40px;margin-bottom:28px}
	.join_done{padding:30px 22px;max-width:800px;margin:0 auto;text-align:center}
	.btn_next{width:160px;height:46px;line-height:46px;font-size:13px}
}
@media (max-width:400px){
	.submit-type .btn_next{width:100%;margin-bottom:5px}
}




/* footer */
#footer{position:relative;background-color:#1b3a6a;}
#footer .btn_area{padding-bottom:5px}
#footer .btn_area img{padding:0 3px}
#footer .btn_area ul{overflow:hidden;max-width:180px;margin:8px auto 8px}
#footer .btn_area ul > li{float:left;margin:0 2px}
#footer #ic_up{position:absolute;top:-25px;margin-left:-25px;left:50%}
#footer .nx-td{position:relative}
.copyright p,.copyright p a{text-align:center;line-height:24px;font-size:12px;color:#fff}

.m_box{color:#fff;font-size:12px;}




.user > span:nth-of-type(1){
    font-family: sans-serif;
    font-size: 35px;
    color:#fff;
    font-weight: 700;
    margin-right: 10px;
    padding-top:-5px;
}

.user > span:nth-of-type(2){
    font-family: sans-serif;
    font-size: 45px;
    color:skyblue;
    font-weight: 700;
    margin-right: 10px;
}

.user > span:nth-of-type(3){
    font-family: sans-serif;
    font-size: 35px;
    color:#fff;
    font-weight: 700;
}


.policy {
    max-width: 1000px;
    margin: 0 auto 100px;
    padding: 0 15px;
}


.policy h4 {
    padding-top: 70px;
    text-align: center;
    font-size: 1.8em;
}

.policy h5 {
    padding-top: 40px;
    font-size: 1.5em;
    padding-bottom: 13px;
    font-weight: 700;
}

.policy p, .policy ol, .policy ul {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}


.policy ol li {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.mgb_30 {
	margin-bottom: 30px;
}

.mgb_10 {
	margin-bottom: 10px;
}

.mgl_10 {
	margin-left: 10px;
}


.mgr_10 {
	margin-right : 10px;
}

.wi_30 {
	width:100%;
}

.content_user p {

    font-family: sans-serif;
    font-size: 25px;
    color: #551d50;
    font-weight: 700;
    margin-right: 10px;

}

.first ul span a:focus {color : #98daff;}

.menu_active {
	color : #98daff !important;
}

.menu_active:hover {
	color : #98daff !important;
}

.menu_color {
	color : #fff;
}

.menu_color:hover {
	color : #c8ebff;
}

.notice_detail .td_st1  {
	vertical-align: middle; background: #f9f9f9; text-align: center;
}

.notice_detail .td_st2  {
	vertical-align: middle; background: #f9f9f9; text-align: center;
}

.notice_detail .td_st3 {
	padding : 15px; text-align: left;
}

.notice_detail .td_st4 {
	text-align: left;vertical-align: middle;
}


.notice_detail .td_st5  {
	vertical-align: middle; background: #f9f9f9; text-align: center;
}

.notice_detail .td_st6  {
	background: #fff; text-align: left; vertical-align: middle;
}


.wd100 {
	width: 100px;
	margin: 10px;
}

.bdt {
    border-top: 1px solid #ddd;}
}

.bdl {
    border-left: 1px solid #ddd;}
}