/* 메인메뉴 */
#gnb {position:relative; }
.gnb_wrap{display:none; margin:0 auto;position:relative; width:1200px; margin:Auto;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px; height:50px; padding-bottom:23px;  width:20%; text-align:center; position:relative;}
#gnb .gnb_1dli:hover{ border-bottom:2px solid #0f7eb0;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.gnb_1dli:after {content:"/"; color:#c5c7c8;  font-weight:bold;   position: absolute;    right: -2.5px;    top: 0;}
.gnb_1dli:last-child:after {content:"";}
a.gnb_1da {display:inline-block;font-weight:normal;color:#333;text-decoration:none; width:100%; font-size:18px; font-weight:700;}

#gnb .gnb_1dli:hover .gnb_1da {color:#0f7eb0; font-weight:bold;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}

.gnb_2dli{}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:58px;min-width:100%;padding: 0;
	/* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */
    background: #1b5b55; 
    /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */
    background: rgba(27,92,85,0.8); 
    /* IE에서 Filter적용을 위해 배경을 지움 */
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000); 
    /* IE8,9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000)";
}
.gnb_2da {display:block;padding:0;line-height:40px;color:#333;text-align:center;text-decoration:none; font-size:14px; width:80%; margin:Auto; border-bottom:1px solid #ccc;}
a.gnb_2da:hover{color:#17a939; font-weight:700;}
.gnb_1dli_over .gnb_2dul {display:block;left:0}

#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#0f7eb0; font-weight:bold;}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#ff8080; font-weight:700;}


/* 상단메뉴 적용 */ 
.menuBox {float:right; width:785px; margin:0;}
.menuBox UL {list-style:none; margin:0px; padding:0px; } 
.menuBox .menu { float:left; width:100%; height:50px; line-height:50px; } 
.menuBox .menu > LI { float:left;line-height:60px; width:100%; text-align:center; position:relative;}
.menuBox .menu > LI:last-child .submenu{border-right:0;}
.menuBox .submenuBox { float:left; margin-top:24px; height:0px; width:100%; overflow:hidden; 
	/* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */
    background: #fff; 
    /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */
    background: rgba(255,255,255,0.8); 
    /* IE에서 Filter적용을 위해 배경을 지움 */
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
    zoom:1; 
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000); 
    /* IE8,9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000)";
} 
.menuBox .submenu { float:left; width:100%; height:206px; margin:0px 0 !important; box-sizing: border-box;}
.menuBox .submenu > LI {text-align:center;} 
#gnb .gnb_1dli.on .submenu .gnb_2da.on {color:#17a939; font-weight:700;}



#btnNav {display:none; position:absolute; top:17px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#c5313c; transition:all .4s ease}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}

#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}


#aside {float:left;margin:0 0 0 0;width:220px;background:#fff}
/* lnb */
.lnb {background-color:#fff;}
.lnb h2 {font-size:28px;  font-family:"NanumSquare","Nanum Gothic",Gulim,dotum; color:#0f7eb0;     border-radius: 0px; line-height:80px; text-align:center; margin-bottom: 0px; background-color:#fff; border:3px solid #0f7eb0}
.lnb h2 span {display:block; font-size:14px; color:#999; letter-spacing: 0;    line-height: 20px;}
.lnb ul {width:100%; padding:15px 30px; box-sizing:border-box;}
.lnb ul li {}
.lnb > ul > li {clear:both; line-height:36px; vertical-align:top; }
.lnb > ul > li:hover {clear:both; vertical-align:top;  }
.lnb > ul > li > a {display:block; line-height:36px; font-size:15px; color:#333; padding-left:15px; background:url(../img/lnb_arr.png) no-repeat 0 50%;}
.lnb > ul > li > a:hover, 
.lnb > ul > li > a.on  {color:#0f7eb0; font-weight:bold; background:url(../img/lnb_arr_on.png) no-repeat 0 50%;}

.lnb ul li ul {padding:0; padding-left:15px; background-color:#f1f1f1;}
.lnb ul li ul li a, .lnb ul li ul li a:hover, .lnb ul li ul li a.on {background:none; }
.lnb ul li ul li a:hover, .lnb ul li ul li a.on {color:#17a939;  }

@media ( max-width: 1023px ) {

/* 메인메뉴 */
	.menuBox { display:none; }
	.gnb_wrap { display:block; width:100%; }
	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background:#c5313c; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
	#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	#gnb_wrap button span.bar1 {top:12px}
	#gnb_wrap button span.bar2 {top:18px}
	#gnb_wrap button span.bar3 {top:24px}
	#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	#gnb_wrap button.active span.bar2 {display:none}
	#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	#gnb_1dul {float:none}
	#gnb_1dul > li.gnb_1dli {float:none; width:100%; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	#gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:16px; border-bottom:1px solid #c38b8f; }
	#gnb_1dul > li > a > span {padding:0}
	#gnb_1dul > li > a > span:before {display:none}
	#gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	#gnb_1dul > li > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	#gnb_1dul > li > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
/*
	#gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	#gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
*/
	#gnb .gnb_1dli:hover{ border-bottom:0 }


	#gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	#gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#1d242a; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	#gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left;}
	#gnb_1dul > li > ul.gnb_2dul li a {font-size:15px; padding:10px 25px; line-height:18px; color:#ffffff; text-align:left; }
	.gnb_1da { color:#ffffff !important; }
	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}
	#btnNav {display:block; }
	#btnUser {display:block; }

	#aside { width:100%; margin:-40px auto 0 auto;}
	/* lnb */
	.lnb {background-color:#fff; border:0px solid red;}
	.lnb h2 {display:none; }
	.lnb > ul {width:100%; padding:0; margin:0; list-style:none; text-align:center;}
	.lnb > ul:after { clear:both; content:""; display:block; }
	.lnb > ul > li { display:inline-block; padding:0px 10px;text-align:center; }
	.lnb > ul > li > a {display:inline-block; width:100%; height:36px; padding:0px; background:none;text-align:center; }
	.lnb > ul > li > a:hover, 
	.lnb > ul > li > a.on  { background:none;}
	/*.lnb > ul > li.on { border:3px solid #0f7eb0 }*/

	.lnb > ul > li > ul { margin-left:0;  background-color:#ffffff; }
	.lnb > ul > li > ul > li { display:inline-block; margin-right:10px; margin-bottom:5px; padding:0px 0; background-color:#f1f1f1; }
	.lnb > ul > li > ul > li > a { font-size:13px; padding:3px 5px; }
}

@media ( max-width: 767px ) {

/* 메인메뉴 */
	#gnb {height:0px !important}

	#btnNav { right:10px}
	#btnUser {right:60px}

}

@media ( max-width: 479px ) {

}