@charset "utf-8";
@import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);

/* base */
* {-webkit-text-size-adjust:none;}
html{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;overflow-y:scroll;overflow-x:hidden;}
body {font-size:14px;line-height:1.25em;color:#666;background-color:#ffffff;overflow:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family: NanumSquareRound,Helvetica,sans-serif;line-height:140%;-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#666;}
label { cursor:pointer; }
img {
    vertical-align: middle;
    border-style: none;
}

/* 기본 클래스들 */
/* 폰트 사이즈	*/ .fs75{font-size:.75em;} .fs76{font-size:.76em;} .fs78{font-size:.78em;} .fs80{font-size:.80em;} .fs80{font-size:.80em;} .fs85{font-size:.85em;} .fs90{font-size:.90em;} .fs95{font-size:.95em;} .fs100{font-size:1em;} .fs11{font-size:11px;} .fs12{font-size:12px;} .fs13{font-size:13px;} .fs14{font-size:14px;} .fs15{font-size:15px;} .fs16{font-size:16px;} .fs20{font-size:20px;}
/* div 위치		*/ .fl-l {display:block;width:auto;float:left;} .fl-r {display:block;width:auto;float:right;}
/* 글자간격-1px */.le-pa-1{letter-spacing:-1px;} 
/* 내용 위치	*/ .al-l{text-align:left;} .al-r{text-align:right;} .al-c{text-align:center;}
/* 폰트 굴기	*/ .fw-b{font-weight:bold;} .fw-n{font-weight:normal;}
/* 폰트 색상 	*/ .fc-b{color:#bbb;} .fc-c{color:#ccc;} .fc-d{color:#ddd;} .fc-2{color:#222} .fc-3{color:#333} .fc-4{color:#444} .fc-5{color:#555} .fc-6{color:#666} .fc-7{color:#777} .fc-8{color:#888}
/* 라인 간격	*/ .li-h12{line-height:1.2em;} .li-h15{line-height:1.5em;} .li-h16{line-height:1.6em;} .li-h18{line-height:1.8em;}
/* width		*/ .w20 {width:20%;} .w25 {width:25%;} .w33 {width:33%;} .w50 {width:50%;} .w49 {width:49%;}
/* 기타			*/ .underline {text-decoration:underline;} .cutstr{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .content-holder {display:inline-block;width:1100px;text-align:left;} .clearboth {clear:both;width:0;height:0;margin:0;padding:0;font-size:1px;line-height:0;}

/* cross */
* html input { margin:-1px 0; } 
*:first-child+html input { margin:-1px 0; }
input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}

/* a-style */
a {color:#666;text-decoration:none;outline:none;}
a:hover, a:active {color:#666;text-decoration:none;outline:none;}

/* html5 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* clear */
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}

/* h */
h1 {display:block;float:left;margin:20px 0 0 0;}
h1 a {display:inline-block;min-width:200px;height:64px;line-height:48px;font-size:28px;font-weight:bold;color:#343434;text-align:center;letter-spacing:-1px;}
h1 a img {max-width:200px;max-height:55px;}
h1 a:hover,
h1 a:active {color:#333;}
h1 #web_logo {display:block;}
h1 #mobile_logo {display:none;}

/* layout */
.inner {position:relative; width:970px;width:1138px; margin:0 auto; }



/* ---------- Header ---------- */
#header {display:block;position:fixed;top:0;width:100%;height:84px;border-bottom:0px #87B02E solid;background:#fff;z-index:1000;/* box-shadow:0 4px 4px #999; */}
#header #top_menu ul {position:absolute;top:8px;right:0;}
#header #top_menu ul li {display:block;float:left;font-size:11px;letter-spacing:-0.5px;}
#header #top_menu ul li a {color:#999;}
#header #top_menu ul li a:hover,
#header #top_menu ul li a:active {color:#999;}
#header #top_menu ul li span {display:inline-block;padding:0 7px;font-size:10px;font-weight:normal;color:#aaa;}
#header h2 {display:none;}
#header #top-depth {display:none;}
#header.scrolled{background-color:#FFFFFF;height:90px;}
/* nav */
#nav {display:block;width:auto;float:right;margin:20px 0 0 0;}

#nav ul {}
#nav ul li {display:block;float:left;/*width:125px;*/}
#nav ul li a {display:inline-block;height:64px;font-size:16px;color:#333;line-height:64px;}
#nav ul li a:hover,
#nav ul li a:active {color:#87B02E;}
#nav ul li a span {display:none;}
#nav .holder {color:#87B02E;}
#nav .last {width:90px;}
#nav .empty_menu {display:none;}
/* nav-sub */
#nav-sub {display:none;position:absolute;width:100%;height:0px;overflow:hidden;border-bottom:3px #87B02E solid;background:#fff;box-shadow:0 4px 4px #aaa;top:0px;padding-top:80px;}
#nav-sub #nav-img {display:block;float:left;}
#nav-sub #nav-sub-holder {display:block;width:auto;float:right;}

#nav-sub ul {display:block;float:left;margin:0 0 0 5px;width:121px;height:150px;}
#nav-sub ul li {display:block;margin:0 0 10px 0;}
#nav-sub ul li a {font-size:14px;color:#777;letter-spacing:-1px;}
#nav-sub ul li a:hover,
#nav-sub ul li a:active {font-weight:bold;color:#87B02E;}
#nav-sub .first {margin:25px 0 0 0;}
#nav-sub .last {width:85px;}
#nav-sub .close-btn {display:block;position:absolute;right:-70px;bottom:0;cursor:pointer;}

/* nav-mobile */
#nav-mobile {display:none;}
#nav-mobile .empty_menu {display:none;}

.logo {background:#ffffff; /*box-shadow: 0 6px 20px 0 rgba(48,54,77,0.07);*/}
.menu_nav {box-shadow: 0 6px 20px 0 rgba(48,54,77,0.07);}
.logo a { display: inline-block;    min-width: 200px;    height: 64px;    line-height: 64px;    font-size: 28px;    font-weight: bold;    color: #343434;    text-align: center;    letter-spacing: -1px;}

/* ---------- Sub Page ---------- */
/* ment */
#ment {display:block;position:absolute;top:0;width:100%;font-size:13px;color:#eee;background:#ccc;z-index:90;}
#ment h3 {display:block;float:left;margin-left:10px;width:210px;height:47px;font-size:20px;color:#fff;line-height:47px;}
#ment p {display:block;float:left;margin-left:10px;height:47px;font-size:14px;color:#eee;line-height:47px;}
/* nav-left */
#nav-left {position:absolute;width:210px;min-height:700px;height:100%;border-right:1px solid #E0E0E0;box-shadow:8px 0 16px #ddd;overflow:hidden;z-index:80;}
#nav-left ul {display:block;width:170px;margin:60px 0 0 10px;}
#nav-left ul li {display:block;}
#nav-left ul li a {display:block;margin:10px 0;height:32px;font-size:14px;color:#333;line-height:32px;border-bottom:1px solid #d6d6d6;}
#nav-left ul li a:hover {color:#87B02E;}
#nav-left ul li div {display:none;height:0px;padding:0 0 5px 5px;overflow:hidden;}
#nav-left ul li div a {display:block;margin:0px;height:22px;font-size:12px;color:#666 !important;line-height:22px;border:0px none;}
#nav-left ul li div a:hover {font-weight:bold;color:#86B12E !important;background:url(../images/common/icon_sub_curr.jpg) no-repeat right;}
#nav-left .curr {display:block;}
#nav-left .curr a {color:#fff;}
#nav-left .holder {color:#86B12E;}
#nav-left .holder a {color:#86B12E;}
#left-banner {display:block;margin:40px 0 0 10px;font-size:13px;line-height:160%;color:#666;}
#left-banner img {max-width:170px;}


/* ---------- Content ---------- */
#content {position:relative;/*min-height:700px;*/padding-top:47px;}
#content-view {/* float:right;width:710px; */}


/* ---------- Index Page ---------- */
/* 1 page */
#pg1 {line-height:1.4em;text-align:center;}
#pg1 h2 {display:block;margin:140px 0;font-size:50px;font-weight:bold;color:#fff;text-shadow:1px 3px 3px #888;}
#pg1 a {display:block;width:150px;padding:2px;margin:0 auto;box-shadow:2px 2px 2px #666;}
#pg1 a span {display:block;height:30px;font-size:13px;color:#fff;line-height:30px;border-top:1px #f6f6f6 solid;}
/* 2 page */
#pg2 {font-size:13px;color:#888;line-height:1.4em;text-align:center;}
#pg2 h2 {display:block;margin:120px 0 36px 0;font-size:18px;font-weight:bold;color:#333;}
#pg2 a {display:block;width:150px;padding:2px;margin:0 auto;}
#pg2 a span {display:block;height:30px;font-size:13px;color:#87B02E;line-height:30px;border-top:1px #87B02E solid;border-bottom:1px #87B02E solid;}
#pg2 .centerbox{display:flex;justify-content:center;}
#pg2 .centerbox>.centerbox_wrap{text-align:left;font-size:1.1em;line-height:22px;color:#666666;}
/* 3 page */
#pg3_shadow {display:block;position:absolute;left:0;width:100%;height:550px;background:#000;}
#pg3 {padding-top:70px;font-size:13px;color:#fff;line-height:1.4em;text-align:center;}
#pg3 h2 {display:block;margin:50px 0;font-size:28px;color:#fff;line-height:1.4em;}
#pg3 .line {display:inline-block;margin:50px 0 0 0;width:110px;height:1px;font-size:1px;border-bottom:1px #87B02E solid;}
#pg3 ul {display:block;text-align:center;}
#pg3 ul li {
	display:inline-block;
	margin:0 30px;
}
#pg3 ul li a {
	display:block;
	width:130px;
	height:130px;
	font-size:15px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	background:#fff;
}
#pg3 ul li a:hover,
#pg3 ul li a:active {background:#87B02E;color:#fff;}

/* 4 page */
/*
#pg4 {font-size:13px;color:#fff;line-height:1.4em;}
#pg4 h4 {display:inline-block;padding-bottom:10px;margin-bottom:15px;font-size:16px;color:#333;line-height:1.4em;border-bottom:1px #87B02E solid;}
#pg4 ul {display:block;margin:40px auto 0px;width:478px;}
#pg4 ul li {
	display:block;
	float:left;
	margin:50px 80px 50px 5px;
	width:265px;
	height:140px;
	font-size:13px;
	color:#888;
	line-height:1.4em;
}
#pg4 ul li a {display:block;margin-top:0px;font-size:12px;text-align:right;color:#87B02E;}
#pg4 .last {margin:50px 0 50px 5px;}
#pg4.iconbox{}
#pg4.iconbox ul{}
#pg4.iconbox ul>li{margin:50px 5px;width:31%;}
#pg4.iconbox ul>li.item1{margin-left:150px;width:300px;}
#pg4.iconbox ul>li.item2{width:275px;}
#pg4.iconbox ul>li.item3{width:183px;}
#pg4.iconbox .iconbox_wrap{padding:0px 0px 0px 70px;background-position:center left;background-repeat:no-repeat;min-height:60px;font-size:16px;background-size:auto;text-align:left;}
#pg4.iconbox .iconbox_wrap.icon1{background-image:url(../images/index/icon1.jpg);}
#pg4.iconbox .iconbox_wrap.icon2{background-image:url(../images/index/icon2.jpg);}
#pg4.iconbox .iconbox_wrap.icon3{background-image:url(../images/index/icon3.jpg);}
#pg4.iconbox .iconbox_wrap h4{display:block;border-bottom:0px;padding:5px 0px 14px;margin:0px;font-size:20px;line-height:20px;}
*/

/* 4 page */
#pg4 h1 {display:inline-block;}

/* 5 page */
#pg5 {line-height:1.4em;text-align:center;}
#pg5 h2 {display:block;margin:140px 0;font-size:50px;font-weight:bold;color:#fff;text-shadow:1px 3px 3px #888;}
#pg5 a {display:block;width:150px;padding:2px;margin:0 auto;box-shadow:2px 2px 2px #666;}
#pg5 a span {display:block;height:30px;font-size:13px;color:#fff;line-height:30px;border-top:1px #f6f6f6 solid;}
#pg5 p {display:inline-block;width:auto;padding:10px 40px;font-size:14px;color:#fff;line-height:22px;text-align:left;background:#000;opacity:0.8;}



/* 6 page */
#pg6 h1 {display:inline-block;}




/* Slide Page */
.link_holder_parallax{position:fixed;right:10px;top:50%;width:13px;z-index:500;}
.touch .link_holder_parallax{border:1px solid #e4e4e4;}
.link_holder_parallax a{
	display:block;
	width:13px;
	height:13px;
	position:relative;
	margin:0px 0px 8px 0px;
	background:#bbb;
	overflow:hidden;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:inset 0 2px 3px 0 #555;
	-webkit-box-shadow:inset 0 3px 3px 0 #555;
	box-shadow:inset 0 2px 3px 0 #555;
}
.link_holder_parallax a:hover,
.link_holder_parallax a.active{background-color:#87B02E;}
.tooltip{margin:-4px 0 0 10px;padding:0px 10px;width:100px;height:22px;line-height:22px;color:#fff;background-color:#87B02E;z-index:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.parallax section{padding:1px 10px;background-repeat:no-repeat;background-color: #ffffff;/*background-color:transparent;*/background-attachment:fixed;background-position:center 0px;overflow:hidden;}

/* Footer */
/*
#footer {display:block;position:absolute;width:100%;background:#ffffff;border:0px none;z-index:100;overflow:hidden;padding-top: 130px;}
#footer #footer-menu {display:block;width:100%;background:#999;border-bottom:1px #868686 solid;}
#footer #footer-menu #footer-menu-pc {display:block;}
#footer #footer-menu #footer-menu-mobile {display:none;}
#footer #footer-menu .inner {height:30px;}
#footer #footer-menu ul {display:block;margin-left:20px;}
#footer #footer-menu ul li {display:block;float:left;}
#footer #footer-menu ul li a {display:block;padding:0 10px 0 20px;height:30px;font-size:12px;color:#fff;line-height:30px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-copyright {border-top:1px #bfbfbf solid;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #footer-logo img {max-width:160px;max-height:45px;vertical-align:middle;}
#footer #footer-logotxt {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 200px;padding:20px 0 25px 0;font-size:12px;color:#e9e9e9;line-height:1.4em;}
#footer #copyright a {color:#cecece;}
*/
#footer {display:block;position:absolute;position:relative;width:100%;background:#ffffff;border:0px none;z-index:1;overflow:hidden;/*padding-top: 130px;*/}
#footer #footer-menu {display:block;width:100%;height:40px;padding-top:7px;}
#footer #footer-menu ul {display:block;margin-right:5px;float:right;}
#footer #footer-menu ul li {display:block;float:left;}
#footer #footer-menu ul li a {display:block;padding:0 0px 0 0px;height:40px;font-size:12px;color:#666666;line-height:40px;font-weight:bold;font-family:dotum ;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-menu ul li:not(:last-child) a:after{content:'/';padding:0px 13px ;position:relative;font-weight:bold;}
#footer .copyright_wrap{position:relative;height:140px;}
#footer #footer-logo {display:block;position:absolute;top:30px;left:25px;;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#cfcfcf;line-height:45px;}
#footer #footer-logo img {vertical-align:middle;}
#footer #footer-logotxt {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#cfcfcf;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 330px;padding:10px 0 25px 0;font-size:12px;color:#b2b2b2;line-height:1.4em;}
#footer #copyright .phoneinfo{display:inline-block;font-size:30px;font-family: 'NanumSquareRound',sans-serif;font-weight:800;color:#000000;}
#footer #copyright .addrinfo{margin-top:20px;font-family:dotum;color:#999999;text-align:left;}
#footer #copyright a {color:#dcdcdc;}



/* 상단 모바일 GNB STYLE START*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.light_box{position:fixed;display:none;visibility:hidden;opacity:0;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:1000;-webkit-transition:opacity .25s linear,visibility .25s linear;transition:opacity .25s linear,visibility .25s linear}.light_box.show{display:block;visibility:visible;opacity:1}.mobile_top_btna{position:absolute;display:none;width:28px;top:50%;margin-top:-13px;right:20px}.header.mobileMenuDir_left .mobile_top_btna{right:auto;left:20px}.mobile_top_btna>.lines{position:relative;display:inline-block;width:28px;height:3px;background-color:#333;margin:0;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;vertical-align:middle}.mobile_top_btna>.lines:before{content:"";position:absolute;display:inline-block;left:0;top:8px;width:28px;height:3px;background-color:#333;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease}.mobile_top_btna>.lines:after{content:"";position:absolute;display:inline-block;left:0;top:-8px;width:28px;height:3px;background-color:#333;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease}.mobileMenu_style1{position:fixed;display:block;width:230px;height:100%;height:100vh;top:0;bottom:0;background:#fff;overflow-x:hidden;z-index:3000;-webkit-transition:transform .4s linear,visibility .4s linear;transition:transform .4s linear,visibility .4s linear}.mobileMenu_style1.right{visibility:hidden;right:0;box-shadow:-3px 0 12px rgba(0,0,0,.15);-ms-transform:translateX(315px);transform:translateX(315px)}.mobileMenu_style1.right.show{visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mobileMenu_style1 .wrapper{height:calc(100vh - 110px);overflow-y:auto}.mobileMenu_style1 .mobileMenu_top_content>li>a{font-size:14px;color:#fff;line-height:30px;font-weight:400}.mobileMenu_style1 .mobileMenu_top_content>li{padding:3px 8px}.mobileMenu_style1 .mobileMenu_top_content>li:before{content:"";display:block;position:absolute;top:50%;margin-top:-5px;left:0;width:1px;height:10px;background:rgba(255,255,255,.5)}.mobileMenu_style1 .mobileMenu_top_content>li:first-child:before{display:none}.mobileMenu_style1 .mobileMenu_top{display:table;width:100%;overflow:hidden;margin-bottom:18px;background:#red;position:relative;height:75px}.mobileMenu_style1 .mobileMenu_top .close{color:#444;position:absolute;width:34px;height:26px;top:0;bottom:0;margin:auto 0;right:0;font-size:25px}.mobileMenu_style1 .mobileMenu_top .mobileMenu_top_content{display:table-cell;vertical-align:middle}.mobileMenu_style1 .mobileMenu_top .mobileMenu_top_content>li{position:relative;float:left;padding-top:0;padding-bottom:0}.mobileMenu_style1 .mobileMenu_top .mobileMenu_top_content>li:first-child{padding-left:18px}.mobileMenu_style1 .mobileMenu_top .mobileMenu_top_content>li>a{line-height:46px;font-size:1em}.mobileMenu_style1 .mobileMenu_top .mobileMenu_top_content>li>a:hover{text-decoration:underline}.mobileMenu_style1 .mobile_menu_content{padding:0 0}.mobileMenu_style1 .mobile_menu_content .navclass>li{position:relative;border-bottom:1px solid #ddd;padding-left:18px;padding-right:18px;overflow:hidden}.mobileMenu_style1 .mobile_menu_content .navclass>li>a{display:block;width:195px;position:relative;font-size:1.2em;font-weight:700;color:#444;padding:11px 0 11px 0}.mobileMenu_style1 .mobile_menu_content .navclass>li>button>i{font-size:1.4em!important}.mobileMenu_style1 .mobile_menu_content .navclass>li>.mobile_sublink_button{position:absolute;display:block;top:12px;right:12px;width:24px;height:24px;overflow:hidden;border:0;background:0 0}.mobileMenu_style1 .mobile_menu_content .navclass>li.open>.mobile_sublink_button{background-position:0 -20px;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mobileMenu_style1 .mobile_menu_content .navclass>li>.mobile_sub_nvi{display:none;border-top:1px solid #ddd}.mobileMenu_style1 .mobile_menu_content .navclass>li .mobile_sub_nvi{padding:6px 15px}.mobileMenu_style1 .mobile_menu_content .navclass>li .mobile_sub_nvi a{display:block;font-size:1.1em;color:#555;padding:5px 0}.mobileMenu_style1 .mobile_menu_content .navclass>li .mobile_sub_nvi ul li.att a{color:#da291c;vtext-decoration:underline;border-bottom:1px solid #ddd}

@media (max-width:940px){.branding{display:block}.mobile_top_btna{display:block}}@media (max-width:480px){.mobileMenu_style1 .mobileMenu_top{height:65px}}@media all and (min-width:940px) and (max-width:1150px){.inner{position:relative;width:900px;margin:0 auto}}
/* 상단 모바일 GNB STYLE END*/

/* 상단 GNB STYLE START*/
#header{position:fixed;z-index:90;left:0;top:0;width:100%;height:101px}#header .inner-header{position:relative;max-width:100%;min-width:1138px}#header .inner-header:after{content:'';display:block;clear:both}#logo a{display:inline-block;min-width:200px;height:64px;line-height:68px;font-size:26px;font-weight:700;color:#343434;text-align:left;letter-spacing:-1px}#logo{display:block;position:relative;left:-665px;top:18px;z-index:1;height:0}#gnb_top{-webkit-transition:all .2s;transition:all .2s}#gnb_top{position:relative;text-align:center;height:101px;margin:0 -40px;background-color:#fff;padding-left:420px;-webkit-transition:all .2s;transition:all .2s}#gnb_top:before{content:'';position:absolute;left:0;top:100px;width:100%;/*border-top:1px solid #e5e5e5*/}#gnb_top>ul{font-size:0}#gnb_top>ul>li{display:inline-block;position:relative;padding:30px 10px; width:130px;/* GNB여백*/background:#fff}#gnb_top>ul>li>a{color:#000;display:block;font-size:15px;color:#444;line-height:40px;-webkit-transition:color .2s;transition:color .2s}#gnb_top>ul>li ul{position:absolute;width:100%;/*background:#fff;*/top:-1000px;left:0;opacity:0;padding:30px 0 40px;/* GNB서브여백브 */text-align:center;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-transition-delay:.1s;transition-delay:.1s}#gnb_top>ul>li ul li{position:relative;font-size:0}#gnb_top>ul>li ul li~li{margin-top:3px; /* GUB 2차 높이 */}#gnb_top>ul>li ul li a{font-size:13px;color:#777;line-height:30px}#gnb_top.active{box-shadow:0 10px 20px 0 rgba(0,0,0,.05)}#gnb_top.active>ul>li>ul{top:calc(100% - 20px);opacity:1}#gnb_top.active{background-color:#fff!important}#gnb_top.active>ul>li>a{color:#444}#header #gnb_top{background-color:transparent}#header #gnb_top:before{border-color:transparent}#header #gnb_top.active:before{/*border-color:#e5e5e5;*/-webkit-transition:color .2s .3s;transition:color .2s .3s}#header #gnb_top>ul>li{background:0 0}#nav_img{display:none}#nav_img.active{display:block;margin-left:-1307px;margin-top:10px}
#header #nav_top_menu{display:block;position:relative;top:4px;z-index:1;height:0;left:254px/*사이트맵*/}#header #nav_top_menu>ul>li{display:inline-block;position:relative;font-size: 0.8em}#header #nav_top_menu>ul>li>a{color:#999}#header #nav_top_menu>ul>li>a:hover,#nav_top_menu>ul>li>a:active{color:#999}#header #nav_top_menu>ul>li>span{display:inline-block;padding:0 7px;font-size:.6em;font-weight:400;color:#aaa}

@media (max-width:940px){#gnb_top{display:none;}#header{height:66px;}}@media all and (min-width:940px) and (max-width:1150px){#gnb_top{padding-left:10px}#logo{left:-460px}#nav_img.active{margin-left:-957px}#header #nav_top_menu{left:309px/*사이트맵*/}#gnb_top>ul>li{padding:30px 0px; width:125px;/* GNB여백*/}}
/* 상단 GNB STYLE END */

/* 2차 3차 LNB 메뉴 CSS START */
.sub_lnb_list{font-size:1em;color:#333;display:block;text-align:left;width:100%;margin:0 auto;background:#fff;border-bottom:1px solid #ddd}.sub_lnb_list .inner{height:100%}.sub_lnb_list .inner:after{clear:both;display:block;content:""}.sub_lnb_list .inner .sub_home{width:50px;height:100%;float:left;text-align:center;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}.sub_lnb_list .inner .sub_home a{display:block;line-height:50px;color:#000}.sub_lnb_list .inner .sub_home i{display:block;line-height:50px;color:#000;font-size:1.2em}.sub_lnb_list .inner .sub_lnb_dropdown{line-height:49px;float:left;position:relative;min-width:200px;border-right:1px solid #c5c5c5}.sub_lnb_list .inner .sub_lnb_dropdown a.select{display:block;font-weight:400;color:#000;padding:0 50px 0 20px;font-size:1.2em}.sub_lnb_list .inner .sub_lnb_dropdown a.select:after{font-family:FontAwesome;content:"\f078";position:absolute;right:20px;font-size:15px;color:#000}.sub_lnb_list .inner .sub_lnb_dropdown a.select.open:after{font-family:FontAwesome;content:"\f077";color:#000}.sub_lnb_list .inner .sub_lnb_dropdown ul.sub_menu_list{position:absolute;display:none;width:100%;background:#fff;z-index:300;left:0;border:1px solid #ddd}.sub_lnb_list .inner .sub_lnb_dropdown ul.sub_menu_list li{line-height:50px!important;height:50px;text-indent:15px;border-bottom:1px solid #ddd}.sub_lnb_list .inner .sub_lnb_dropdown ul.sub_menu_list li a{display:block;text-align:left;height:100%;line-height:50px;font-size:.9em;padding-left:0;color:#000!important;font-family: 'NanumSquareRound','Noto Sans KR'}.sub_lnb_list .inner .sub_lnb_dropdown ul.sub_menu_list li a:hover{background:#c3c3c3;transition:all .4s ease}.sub_lnb_list .inner .sub_lnb_dropdown ul.sub_menu_list .curr{background:#ddd}
/* 2차 3차 LNB 메뉴 CSS END */

/* 2차 3차 내용 상단 CSS START */
.submenu_top_nav{text-align:center}.submenu_top_nav a{text-decoration:none;color:#000;display:block;transition:.3s background-color;padding-left:25px;padding-right:25px;margin-left:5px;margin-right:5px}.submenu_top_nav li{font-family: 'NanumSquareRound','Noto Sans KR';font-size:1.1em;line-height:40px;height:60px;position:unset;display:inline-block}.submenu_top_nav a:hover{background-color:#929292;color:#fff;padding-left:25px;padding-right:25px;margin-left:5px;margin-right:5px}.submenu_top_nav a.curr{background-color:#929292;color:#fff;cursor:default}.submenu_top_nav2{text-align:center}.submenu_top_nav2 a{text-decoration:none;color:#000;display:block;transition:.3s background-color;padding-left:25px;padding-right:25px;margin-left:5px;margin-right:5px}.submenu_top_nav2 li{font-size:1.1em;line-height:40px;height:50px;position:unset}.submenu_top_nav2 a:hover{background-color:#929292;color:#fff;padding-left:25px;padding-right:25px;margin-left:5px;margin-right:5px}.submenu_top_nav2 a.curr{background-color:#929292;color:#fff;cursor:default}@media screen and (min-width:600px){.submenu_top_nav li{height:70px;line-height:50px;font-size:1.1em}.submenu_top_nav li{display:inline-block;margin-right:-4px}.submenu_top_nav2 li{height:70px;line-height:50px;font-size:1.1em}.submenu_top_nav2 li{display:inline-block;margin-right:-4px}}.submenu-button{color:#262626;font-family:inherit;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:1.1em;background:#f3f4f7;border-radius:10px}.submenu-button:hover{background:#000;color:#fff}.submenu-button:focus{outline:0}.submenu-button2{color:#262626;font-family:inherit;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:1.1em;background:#f3f4f7;border-radius:10px}.submenu-button2:hover{background:#000;color:#fff}.submenu-button2:focus{outline:0}
/* 2차 3차 내용 상단 CSS END */