@charset "utf-8"; 

/* 레이아웃 및 헤더 */
#wrap {position:relative; min-width:1400px; font-family:'NotoR'; }
/** Header **/
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease; } 

#slide_map {display:none; }
#header {position: fixed; left:0; top:0; width:100%; height:auto; z-index:1001; background:url('/images/web/optometry/layout/bg_header.png') repeat-x left top; }/* 190724 */
#header .headerWrap {position:relative; width:100%;}/* 190724 */
.sub #header {position:absolute; }

/* top util */
#header .toputil {position:absolute; width:100%;}
#header .toputil .top_mn {position:absolute; right:0; top:0; padding-right:250px; line-height:100px; overflow:hidden; z-index:999; }
#header .toputil .top_mn li {position:relative !important; display:inline-block;  padding:0 20px;}
#header .toputil .top_mn li:first-child {background: url('/images/web/optometry/layout/home_btn.png') no-repeat left center; }
#header .toputil .top_mn li:nth-child(2) {background: url('/images/web/optometry/layout/login_btn.png') no-repeat left center; }
#header .toputil .top_mn li:nth-child(3) {position:absolute !important; top:0; right:0; padding:0; width:100px; height:100px; background:#0068b7 url('/images/web/optometry/layout/sitemap_btn.png') no-repeat center center; text-indent:-9999px;}
#header .toputil .top_mn li a {display:block; color:#fff; font-size:14px }
#header .toputil .top_mn li a:hover{text-decoration: underline;}

/* 로고 */ 
#header h1.logo {position:absolute; left:35px; top:30px; padding-left:210px; z-index:999;}
#header h1.logo a {display:inline-block; line-height:37px; color:#fff; font-size:20px; font-family:'NotoM'; letter-spacing:-1px; font-family: 'NotoB';}
#header h1.logo a.btn_logo {position:absolute; left:0; top:0; width:195px; height:44px; background:url('/images/web/optometry/layout/logo.png') no-repeat left center;}
#header h1.logo a.btn_logo span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* 검색 */
#header .search_btn {position:absolute; right:150px; top:41px; z-index:1100;}
#header .search_btn button {display:block; padding:0 20px; color:#fff; font-size:14px; background: url('/images/web/optometry/layout/search_btn.png') no-repeat left center;}
#header .search_btn button:hover{text-decoration: underline;}
#header .search {display:none; position:absolute; width:300px; padding:20px 0; right:0; top:100px; z-index:1101; text-align:left; background:url('/images/web/optometry/layout/bg_tmn.png');}
#header .search h2 {color:#fff; font-size:25px; margin:0 0 10px 20px; font-family: 'NotoM';}
#header .search .search_wrap{margin:0 20px; position: relative;}
#header .search #header .search_wrap{position: relative; display:block;}
#header .search input { height:40px; line-height:40px; padding-left:5%; width:80%; font-size:14px;  color:#555; border:none; }
#header .search input::-webkit-input-placeholder {color:#555;}
#header .search a.btn_top_sear {position:absolute; right:0; top:0; width:15%; height:40px;text-indent:-10000em; background:#0068b7 url('/images/web/optometry/layout/btn_search.png') no-repeat center;}
#header .search_close {position:absolute; right:0; top:0;}
#header .search_close button {display:block; width:50px; height:50px; border:1px solid #000; text-indent:-10000em; background:#fff url('/images/web/optometry/layout/btn_close.png') no-repeat center;}
#header .search_btn button{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


/* nav */
#header #nav {position:relative; width:auto; height:100px; overflow:hidden; }
#header #nav #blind {position:absolute; left:0; top:100px; width:100%; height:100%; z-index:1; background:url('/images/web/optometry/layout/bg_tmn.png') repeat}
#header #nav #gnb {position:relative; width:1400px; margin:35px auto 0; z-index:10; }
#header #nav #gnb ul {height:auto; float:left; margin-left:250px;}/*231123*/
#header #nav #gnb ul:after {content:""; display:block; clear:both; }
#header #nav #gnb > ul > li {position:relative; float:left; padding:0 10px; width:132px; }/*231123*/
#header #nav #gnb ul li a {display:block; text-align:center; font-family:'NotoM'; text-decoration:none; }
#header #nav #gnb ul li a span {display:inline-block; position:relative; vertical-align:top; font-size:22px; height:65px; line-height:30px; color:#fff; letter-spacing:-1px; }
#header #nav #gnb ul li a span:after {content:""; display:block; position:absolute; bottom:0; left:50%; width:0px; height:4px; }
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#00affe; }
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#00affe; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); }

#header #nav #gnb ul li ul {position:absolute; right:0; top:65px; width:100%; padding:15px 0; }
#header #nav #gnb ul li ul.ov {background:#00affe; }
#header #nav #gnb ul li ul li:last-child {display:block; }
#header #nav #gnb ul li ul li {float:none; width:100%; margin:0; }
#header #nav #gnb ul li ul li a {display:block; vertical-align:top; font-family:'NotoR'; font-size:14px; line-height:22px; height:auto; padding:5px 15px; color:#fff; text-align:left; }
#header #nav #gnb ul li ul li a strong {font-weight:normal; }
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#fff; }
#header #nav #gnb ul li ul li ul {display:none !important; }

/* 모바일유틸메뉴 */ /* 190902 */
#header #nav .others {display:none;}

/* 새창 아이콘 */
#header #nav #gnb ul li a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/optometry/layout/icon_new_WW.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 8px; }

/** layout **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px; }

/* 사이트링크 */
.ftBtn {position:absolute; top:-53px; right:-1px; font-size:14px; font-family:'NotoR'; background-color:#000;}/* 190724 */
.ftBtn.ftBtn01{right:210px; border-right:1px solid #666;}/* 190724 */
.ftBtn button{width:150px; text-align:left; padding:0 30px; line-height:50px; color:#fff; cursor:pointer;}
.ftBtn button::after{content:url('/images/web/optometry/layout/btn_arr_ft.png'); position:absolute; right:30px; top:0px;}
.ftBtn button.on::after{transform:rotate(180deg);}
.ftBtn button:hover{background:#111;}
.ftBtn .ft_site{display:none; width:100%; max-height:410px; position:absolute; bottom:50px; z-index:1000; overflow:auto; background:rgba(0,0,0,0.8);}
.ftBtn .ft_site ul{margin:15px;}
.ftBtn .ft_site ul li a{ display:block; line-height:30px; padding-left:10px; color:#fff; font-size:13px; position:relative;}
.ftBtn .ft_site ul li a::before{content:""; width:2px; height:2px; position:absolute; left:0; top:15px; background:#fff;}
.ftBtn .ft_site ul li a:hover{text-decoration:underline;}

.ftBtn button, .ftBtn button::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* footer */
.area_footer {position:relative; font-family:'NotoR'; background:#393939 url('/images/web/optometry/layout/bg_ft.gif') repeat-x left top;}
.box_footer {position:relative; width:1400px; margin:0 auto;}
.box_footer .footer_link {line-height:52px; overflow:hidden;}
.box_footer .footer_link li {float:left;}
.box_footer .footer_link li a{line-height:15px; margin-right:20px; padding-left:20px; border-left:1px solid #ddd; color:#fff;}
.box_footer .footer_link li.point a{padding-left:0; border:0; color:#b2cde1; font-family:'NotoM';}
.box_footer .footer_link li a:hover{text-decoration:underline;}

.box_footer .box_info {padding:25px 0 35px; line-height:20px; font-size:14px; color:#f1f1f1; position: relative;}
.box_footer .box_info address span {margin-left:20px;}
.box_footer .box_info .copyright{color:#999;}
.box_footer .box_info .copyright span{color:#788bb1;}

/* 구글번역 190724 */
.gbSchlTrans {position:absolute; right:440px; top:10px; width:100px; height:30px; /* background:#fff; */ font-family:'NotoR'; font-size:14px;}
.gbSchlTrans span {font-family:'NotoR'; font-size:13px;}

/************************************** 서브콘텐츠 : 시작 **************************************/
/* content */
#sub_container_wrap {position:relative; padding-top:100px;}
.sub_content_wrap {position:relative; width:1400px; margin:0 auto 30px; overflow:hidden; min-height:700px}
#sub_content{width:1120px; float:right;}
.subCntBody {position:relative; padding:30px 0 0; color:#555; font-size:14px; line-height:1.4;}
.subCntBody p {line-height:1.4;}

/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:230px; height:100%; font-family:'NotoR'; }
#menu h2 {height:34px; padding:43px 10px; font-family:'NotoM'; color:#fff; font-size:24px; line-height:34px; text-align:center; background:#17335a;}
#menu .lnb > li.on .subLnb {display:block;}
#menu .lnb > li > a {display:block; height:22px; padding:13px 10px 13px; font-size:16px; line-height:22px; font-family:'NotoM'; color:#333; border:1px solid #dedede; border-top:none; background:url("/images/web/optometry/layout/lnb_off.png") no-repeat right 50%;}
#menu .lnb > li > a.on {color:#0063af; background:url('/images/web/optometry/layout/lnb_off.png') no-repeat 19px 14px}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; font-family:'NotoM'; text-decoration:none; border:1px solid #0068b7; border-top:none; background:url("/images/web/optometry/layout/lnb_on.png") no-repeat right 50% #0068b7; }
#menu .subLnb {display:none; padding:10px 0; border:1px solid #dedede; border-top:none; background:#fafafa;}
#menu .subLnb li a {display:block; color:#333; padding:7px 10px 7px 29px; font-size:15px;  font-family:'NotoR'; background:url('/images/web/optometry/layout/lnb_2off.png') no-repeat 19px 14px;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#0068b7; text-decoration:underline; background:url('/images/web/optometry/layout/lnb_2on.png') no-repeat 19px 14px}

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/optometry/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/optometry/layout/icon_new_WW2.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/optometry/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* sub 타이틀 */
#sub_content .title_area {position:relative; height:119px; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding-top:28px; font-family:'NotoM'; line-height:1.4; font-size:28px; letter-spacing:-1px; color:#111}
.title_area .location {text-align:left; font-family:'NotoR'; margin:10px 0 0}
.title_area .location span, 
.title_area .location strong {padding-left:18px; background:url('/images/web/optometry/layout/bgLocation.png') no-repeat 6px center; font-size:14px; color:#666}
.title_area .location strong {color:#222;  font-family:'NotoM'; font-weight:normal}
.title_area .location a.home {display:inline-block; width:14px; height:16px; text-indent:-99999em; vertical-align:middle; background:url('/images/web/optometry/layout/ico_home.png') no-repeat left center;}

/* sns */ 
.snsBox { position:absolute; top:60px; right:0; text-align:right}
.snsBox button { display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/web/optometry/layout/btnSns.gif") no-repeat 0 0}
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:40px; height:40px; background:url("/images/web/optometry/layout/btn_print.png") no-repeat 0 0}
.snsBox .btnShare{width:40px; height:40px; background:url("/images/web/optometry/layout/btn_sns.png") no-repeat 0 0}
.snsBox .btnFbook { background-position:-29px 0; }
.snsBox .btnTwt { background-position:-58px 0; }
.snsBox .btnkaka { background-position:-87px 0; }
.snsBox .btnkaka_s { background-position:-116px 0; }
.snsBox .btnInstar{ background-position:-145px 0; }
.snsBox .sns_more{display:none; position:absolute; top:45px; right:0; width:130px; *width:145px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}
/************************************** 서브콘텐츠 : 끝 **************************************/


/********** media query mobile *************/
@media screen and (max-width:1700px){ 

	#header #nav #gnb ul{margin-left:350px;}
	#header #nav #gnb > ul > li{padding:0 25px;}
	
	#header .toputil .top_mn{padding-right:210px;}
	#header .search_btn{right:110px;}
	
}

/* 190724 */
@media screen and (max-width:1400px){ 

	#header{background:url('/images/web/optometry/layout/bg_header_fixed.png') repeat-x top; }/* 190730 */
	#header h1.logo{left:15px; top:25px;}
	#header #nav{height:130px;}
	#header #nav #blind{top:130px;}
	#header #nav #gnb{width:100%; margin:75px auto 0;}/* 190730 */
	#header #nav #gnb > ul{margin:0; width:100%; float:none; font-size:0; line-height:0; text-align:center;}
	#header #nav #gnb > ul > li{padding:0 3%; display:inline-block; float:none;} /* 191127 수정 */
	#header #nav #gnb ul li a span{height:55px; line-height:55px;}/* 191127 수정 */
	#header #nav #gnb ul li ul{top:55px;} /* 191127 수정 */
	#header #nav #gnb ul li a[target='_blank']:after {top:20px;} /* 191127 추가 */

	#header .toputil .top_mn{padding-right:180px; line-height:80px;}
	#header .toputil .top_mn li:nth-child(3){width:60px; height:60px; right:15px; top:10px; background-size:30px auto;}
	#header .search_btn{right:90px; top:31px;}
	
	#header .search{right:110px; top:60px; }/* 190730 */
	
	#sub_container_wrap {padding-top:130px;}/* 190730 */
}


@media (max-width:1019px) {

	/* 190724 */
	#wrap, #header, .headerWrap,
	#container, .area_footer, .box_footer,
	#gnb > li.others .m_util li,
	.box_search_2, .box_search_2 .box_search_2_1, .box_search_2 input,
	.area_footer .ft_site, .area_footer .ft_site .inner, .area_footer .ft_site ul, .area_footer .ft_site h2,
	.footBtnWrap, .footBtn button,
	.footBtn div,
	.footer_link, .ftBtn button {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#wrap { min-width:300px; width:100%}	
	.headerWrap, .box_footer {width:100%; }
	
	/** Header **/
	#header {min-width:320px; height:auto; text-align:center; }	
	#header .headerWrap {min-width:100%;height: 130px;}/* 190902 수정*/
	#header #nav {display:none; }
	#header #nav #gnb ul li a span {font-size:22px; }
	#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px; }

	/* top util */ /* 190902 추가*/
	#header .toputil {position: fixed;width:100%;height: 40px;background: #001144;}
	#header .toputil .toputil_link a {padding:0 10px;}
	#header .toputil .top_mn {display: block;top:0;right:0;margin-right:0;line-height: 40px;padding-right: 20px;}
	#header .toputil .top_mn li {position:relative; height: 40px;padding:0 10px;background-image: none !important;}	
	#header .toputil .top_mn li:nth-child(3) {position: relative !important;top: auto;right:0;line-height: 30px;height: 30px;text-indent:0;background:none;background-image:none!important;}	
	
	/* 로고 */ /* 190902 수정*/
	#header h1.logo {position:relative;left:auto;top: 42px;display:inline-block;margin-left:0;padding-left:45px;}
	#header h1.logo a {line-height:80px; padding-left:10px;}
	#header h1.logo a.btn_logo {top: 20px;width:40px;}

	/* 검색 */ /* 190902 수정*/
	#header .search{width:100%;top: 130px;right:0;}
	#header .search_btn button{border:1px solid #fff; width:10px; height:48px; text-indent:-9999px; background:url('/images/web/optometry/layout/totalsearch_ico2.png') no-repeat center center;}
	#header .search input{width:88%; padding-left:2%;}
	#header .search a.btn_top_sear{width:10%;}
	#header .search_btn {right:2%;top: 60px;}
	#header .search_close {right:2%; top:-70px;}
	

	/* 모바일메뉴 */
	#header .mob_btn {display:block;position:absolute;left:2%;top: 60px;border:1px solid #fff;width:48px;height:48px;background:url('/images/web/optometry/layout/btn_sitemap.png') no-repeat center center;}  /* 190902 수정*/
	#header .mob_btn:hover, #header .mob_btn:active {background:#fff url('/images/web/optometry/layout/btn_sitemap2.png') no-repeat center center; }

	#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1100; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
	#slide_map .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
	#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#0068b7; color:#fff; box-sizing:border-box;}
	#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
	#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
	#slide_map .box ul li {position:relative; }
	#slide_map .box ul li a {display:block; position:relative; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; }
	#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
	#slide_map .box ul li a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; background:url(/images/web/optometry/layout/mob_depth1_bul_down.gif) no-repeat center 50%; margin-top:-3px;}
	#slide_map .box ul li a.ov {border-bottom:1px solid #0082c0; color:#0082c0;} /* 190902 수정 */
	#slide_map .box ul li a.ov:after {background:url(/images/web/optometry/layout/mob_depth1_bul_up.gif) no-repeat center 50%;}
	#slide_map .box ul li a[target='_blank']:before{position: absolute; width:14px; height:14px; right:0; top:12px; content:''; background:url('/images/web/optometry/layout/icon_new_WG.png') no-repeat; }
	#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
	#slide_map .box ul li ul li a {border:0 !important; color:#444; display:inline-block;}
	#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
    
	#slide_map .box ul li ul li a[target='_blank'] strong:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/optometry/layout/icon_nav_blank.png') no-repeat; width:11px; height:11px; margin:-2px 0 0 8px;}

	#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px;}
	#slide_map .box ul li ul li a strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#b8b8b8; border-radius:3px;}
	#slide_map .box ul li ul li a.ov {background:#d4730d; color:#fff;} 
	#slide_map .box ul li ul li a.ov strong:before {content:''; position:absolute; top:17px; left:15px; width:5px; height:5px; background:#fff; border-radius:3px;}
	
	#slide_map .box ul li ul li a:after {display:none;}
	#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#00518f; text-indent:-9999px;}
	#slide_map .box .close:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/web/optometry/layout/btn_close_wh.png') no-repeat center 50%; -webkit-transition:all .8s ease; transition:all .8s ease;}
	#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
	#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}

	.sub #header {position:relative; }

	/* footer */
	.area_footer{background-image:none;}
	.box_footer .footer_link{width:100%; height:auto; padding:10px 20px; overflow: auto; background:#393939; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:30px;}
	.box_footer .footer_link li a{font-size:13px;}
	.box_footer .box_info{padding:60px 20px; font-size:13px;}/* 190724 */
	.box_footer .enter_info{right:20px; top:auto; bottom:15px;}
	.box_footer .f_logo{top:auto; bottom:20px; left:20px;}	
	
	/* 사이트링크 190724 */
	.ftBtn{width:48%; right:2%; top:10px;}
	.ftBtn.ftBtn01{right:50%;}
	.ftBtn button{width:100%; background:#000; line-height:40px; font-size:13px;}
	.ftBtn .ft_site{bottom:40px; height:200px; overflow:auto;}/* 190730 */
	
	/* 구글번역 190619 */
	.gbSchlTrans {right:20px;}
	
	/************************************** 서브콘텐츠 : 시작 **************************************/	
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%; top:20px;}	
	#sub_container_wrap {padding-top:90px}

	#sub_content{margin:0; width:100%; min-height:0; padding:0 10px 20px}

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:15px;}
	.title_area .pageTitle {padding:15px 70px 0 0;}

	/* etc : sns*/ 
	.snsBox {top:20px}
	.snsBox .btnPrint {width:30px; height:30px; background-size:30px;}
	.snsBox .btnShare{width:30px; height:30px; background-size:30px;}
	
	.subCntBody{width:100%; float:none; padding:25px 0}
	
	/* layout */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
	#menu {position:static; width:auto; float:none;}

	#menu h2 {position:relative; width:100%; height:50px; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:url("/images/web/optometry/sub_cnt/bgLnbDepth.png") no-repeat 95% 50% #434e5f;}
	#menu h2.on {background:url("/images/web/optometry/sub_cnt/bgLnbDepthOn.png") no-repeat 95% 50% #434e5f;}
	
    #menu nav{display:none}
    #menu nav{position:relative;border-bottom:2px solid #0a326c}

	#menu .lnb > li {margin:0;}
    #menu .lnb > li > a {padding:10px 10px 10px 20px; font-size:15px; border-top:none;}
    #menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border:1px solid #194d96; border-top:none; background-color:#245ba9; color:#fff}
    #menu .subLnb{background-color:#fff}
	/************************************** 서브콘텐츠 : 끝 **************************************/	

	
}

@media screen and (max-width:860px) {

	/* footer */
	.box_footer .footer_link{line-height:30px;}
	.box_footer .footer_link li a{padding-left:0px; border:0;}

}

@media (max-width:680px) {	

	/* 사이트링크 190724 */
	.ftBtn.ftBtn01{top:10px; border-right:0;}
	.ftBtn{width:95%; top:51px; left:2.5%; right:auto;}
	.ftBtn button{width:90%; padding:0 5%; text-align:center;}
	.ftBtn button::after{right:15px;}

	/* footer */
	.area_footer {border-top:1px solid #eee; background-image:none; padding-bottom:20px;}
	.box_footer .f_logo {display:none;}
	.box_footer .box_info{padding:100px 20px 0;}/* 190724 */
	.box_footer .enter_info{position:relative; bottom:auto; right:auto; text-align:left; padding:10px 0 20px 20px; overflow: hidden;}
	.box_footer .enter_info p{float:left; margin-left:45px;}
	

}

@media (max-width:580px) {
	
		/* footer 190619*/
	.box_footer .box_info{padding-bottom:30px;}
	
	/* 구글번역 190619 */
	.gbSchlTrans{bottom:0; top:auto;}
	
	

}