/* =============================================
	gnb
============================================= */
#gnb {float:right; position:relative;}
#gnb .navbar-header {position:absolute; top:-40px; right:10px;}
#gnb .navbar-toggle {background:#ddd; margin:0; }
#gnb .navbar-toggle .icon-bar {background:#222;}

#gnb .nav { width:100%; margin-top:20px;}
#gnb .nav > li { float:left; }

#gnb .nav > li > a.gnb_1da {font-size:14px; color:#232c3b; font-weight:900; text-transform:uppercase; padding:10px 30px; background:#fff url(../../../images/header/arrow.png) right center no-repeat; }
#gnb .nav > li > a.gnb_1da:hover {color:#fff; text-decoration:none; background:#232c3b url(../../../images/header/arrow.png) right center no-repeat;}
#gnb .nav > li.current {background:#232c3b url(../../../images/header/arrow.png) right center no-repeat;}
#gnb .nav > li.current > a {color:#fff !important; text-decoration:none;background:#232c3b url(../../../images/header/arrow.png) right center no-repeat;}

#gnb .nav .nav-2depth {display:none; position:absolute; z-index:99; top:45px; background:#fff; border:1px solid #eaeaea; box-shadow:5px 5px 5px rgba(0,0,0,0.1); width:120%;}
#gnb .nav .g30 .nav-2depth { width:160%; }
/*#gnb .nav li:nth-child(3) .nav-2depth { display:block; }*/
#gnb .nav .nav-2depth > li {border-bottom:1px solid #eaeaea; position:relative; }
#gnb .nav .nav-2depth > li a {display:block; text-align:left; line-height:1.4em; font-size:14px; color:#232c3b !important; padding:10px 15px; }
#gnb .nav .nav-2depth > li:hover > a {color:#41a5bf !important; background:#f2f2f2; }
#gnb .nav .nav-2depth > li.active > a {color:#41a5bf;}

#gnb .nav .nav-3depth { position:absolute; top:-1px; right:calc(-100% - 2px); background:#fff; display:none; right:-150px; }
#gnb .g30 .nav-2depth > li:nth-child(2) > a:before { content:">"; font-size:16px; color:#aaa; font-weight: 600; position:absolute; right:10px; top:9px; transition:all 0.5s; }
#gnb .nav-2depth > li:nth-child(2):hover > a:before { color:#41a5bf; }
#gnb .nav .nav-3depth li:hover a { background:#f2f2f2; color:#3a3a3a; }


#gnb .nav .gnb_1dli_on .gnb_1da {background:#232c3b url(../../../images/header/arrow.png) right center no-repeat; color: #fff;}
#gnb .nav .gnb_1dli_over .nav-2depth {display:block !important;left:0;background:#fff}
#gnb .nav .gnb_1dli_over2 .nav-2depth {display:block !important;left:0;background:#fff}

#gnb .nav .gnb_2dli_on .gnb_2da {color:#232c3b; text-decoration:none;}
#gnb .nav .gnb_2dli_over .nav-3depth {display:block !important;}
#gnb .nav .gnb_2dli_over2 .nav-3depth {display:block !important;}


@media (max-width: 1210px) {
	#gnb .nav > li > a.gnb_1da {padding:10px 20px;}
}
@media (max-width: 992px) {
	#gnb {float:none; }
	#gnb .nav > li { float:none; }
	#gnb .nav > li > a.gnb_1da {font-size:14px; color:#232c3b; font-weight:900; text-transform:uppercase; padding:10px 30px; border-bottom:1px solid #dadada;}
	#gnb .nav .nav-2depth {display:none; position:static; background:#fff; border:1px solid #eaeaea; box-shadow:none; width:100%;}
	#gnb .nav .nav-2depth > li a {display:block; text-align:left; line-height:1.4em; font-size:14px; color:#232c3b; padding:6px 10px; font-weight:500; }
	#gnb .nav .g30 .nav-2depth { width:100%; }

	#gnb .nav .nav-3depth { position:static; display:block; }
	#gnb .nav ul.nav-3depth li a { color:#666 !important; padding-left: 20px !important; box-sizing:border-box; }
	
}

/*
@media (max-width: 768px) {
 	#head .container {width: auto !important;}
}
*/


/* =============================================
	lnb
============================================= */
.sub_title { background:url(../../../images/sub/title_bg.jpg) center -220px fixed; padding:30px;}
.sub_title h2 {color:#fff; font-size:40px; font-weight:500;}

#content-navigation {text-align:center; margin-top:5px; display:none;}
#content-navigation ul {display:inline-block; font-size:0; }
#content-navigation ul li {display:inline-block; padding-right:6px; font-size:14px; color:#51b8d3; text-shadow:1px 1px 0 rgba(0,0,0,0.1); }
#content-navigation ul li a {display:inline-block; color:#b7b7b7; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }
#content-navigation ul li a:after {content:"/"; padding-left:6px; font-size:14px; color:#b7b7b7;}


#lnb { margin-top:5px; padding:0; text-align:center;}
#lnb h2 {display:none; color:#fff; line-height:100px; text-align:center; margin:0; font-size:1.8em; font-weight:800;}
#lnb .depth2 {display:inline-block; font-size:0;}
#lnb .depth2 > li {display:inline-block; padding-right:6px; }
#lnb .depth2 > li:before {content:"/"; padding-right:6px; font-size:14px; color:#b7b7b7;}
#lnb .depth2 > li:first-child:before {content:" ";}
#lnb .depth2 > li > a {display:inline-block; font-size:14px; color:#b7b7b7; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
/* #lnb .depth2 > li > a:hover {color:#51b8d3; text-decoration:none;} */
#lnb .depth2 > li > a.active {color:#51b8d3; }

#lnb .depth3 {display: block; background:#fafafa; padding:10px; border-top:1px solid #dadada;}
#lnb .depth3 li { background:url(../../../img/sub/dot.png) left center no-repeat;  }
#lnb .depth3 li a { display:block; color:#888; font-size:0.9em; line-height:2em; }
#lnb .depth3 li a:hover { color:#000000; }
#lnb .depth3 li.active a { color:#000000; font-weight:bold; }

#lnb .depth2 li.active .depth3 {display: block;}

/*
#lnb .lnb_d2ul {background: #ededed;border-top: 1px solid #ddd;}
#lnb .lnb_d2ul .lnb_d2li {}
#lnb .lnb_d2ul .lnb_d2li .lnb_d2a {display: block; padding: 5px 10px; color: #666;text-decoration: none; }
#lnb .lnb_d2ul .lnb_d2li .lnb_d2a:hover,
#lnb .lnb_d2ul .lnb_d2li .lnb_d2a.active {}
*/

#content {margin:50px 0 0 0;}
#container_title { font-size:26px; color:#3b3b3b; font-weight:800; text-transform:uppercase; margin-bottom:30px; padding:0 0 10px 20px; vertical-align:middle; text-align:center; display:none;}
/* background : url(../../../img/sub/title_bg.png) left 8px no-repeat; */
h2#container_title {display:block;}