/* 메인메뉴 */
#gnb { position:absolute; left:0; top:0; width:100%; height:100px; border:0px solid red; z-index:1000; }
#gnb * {z-index:1000;}
.gnb_wrap {width:1000px; border:0px solid red; margin:0 auto; box-sizing:border-box; padding-left:150px; }
#gnb #gnb_1dul { width:100%; padding: 0; zoom:1; text-align:center;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left; /*padding:0 37px;*/ line-height:100px; text-align:center; box-sizing:border-box;position:relative; border:0px solid red;}
#gnb .gnb_1dli:nth-child(1) { width:14%; }
#gnb .gnb_1dli:nth-child(2) { width:14%; }
#gnb .gnb_1dli:nth-child(3) { width:16%; }
#gnb .gnb_1dli:nth-child(4) { width:22%; }
#gnb .gnb_1dli:nth-child(4) a.gnb_1da { letter-spacing:-2px; }
#gnb .gnb_1dli:nth-child(5) { width:14%; }
#gnb .gnb_1dli:nth-child(6) { width:20%; }
#gnb .gnb_1dli:nth-child(6) a.gnb_1da { letter-spacing:-2px; }
#gnb .gnb_1dli:hover{/*background-color:#ffffff;*/}
#gnb .gnb_1dli:hover .gnb_1da { color:#0077be !important; }
#gnb .gnb_1dli:hover .gnb_1dli_line {display:block;}

.gnb_1da { display:block;color:#ffffff !important; text-decoration:none; width:100%; font-size:23px; /*font-family:"NanumSquare", sans-serif;*/ font-weight:500; word-break:keep-all; }
.gnb_1dli .gnb_1dli_line { display:none; position:absolute; bottom:0px; left:0; width:100%; height:3px; background-color:#e0e0e0;  }
.hd_on .gnb_1da { color:#000000 !important; }
.hd_on .gnb_1dli_line { background-color:#0077be; }
.gnb_2dul {display:none;position:absolute;top:79px;min-width:100%; padding:10px 0 !important;	background-color:#ffffff;  }
.gnb_2dli{text-align:center; line-height:30px;}
.gnb_2dli:first-child{border:0}
a.gnb_2da {display:inline-block;padding:0;line-height:30px;color:#14547D !important;text-align:left;text-decoration:none; font-size:15px; font-weight:600;}
a.gnb_2da:hover{color:#14547D; font-weight:600;/* text-decoration: underline;*/}

#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#338e2f}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#000; font-weight:700; text-decoration: underline;}
#gnb .gnb_1dli_over ul.gnb_2dul {display:none;left:0}

.gnb_wrap:hover #all_category { display:block !important; }

#btnNav {display:none; position:absolute; top:20px; 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:#0077be; transition:all .4s ease; box-shadow: 0px 0px 2px #fff;}
#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%;}


.all_category { position:absolute; left:0; top:100px; width:100%; height:auto; padding:0px 0 0px 0; background:rgba(255,255,255,0.85); /*background:rgba(130,130,130,0.7); border: 5px solid; border-radius: 20px; border-image: linear-gradient(to right, #3baeff, #244a96);  border-image-slice: 1;*/ z-index:10; }
.all_category > .ac_wrap { width:100%; max-width:1200px; border:0px solid blue; box-sizing:border-box; margin:0 auto; padding-left:150px; }
.all_category > .ac_wrap > ul { width:100%; }
.all_category > .ac_wrap > ul > li { float:left; padding:0; padding-top:20px; font-size:15px; margin-bottom:40px; vertical-align:top; text-align:center; border:0px solid red; box-sizing:border-box; }
.all_category > .ac_wrap > ul > li:nth-child(1) { width:14%; }
.all_category > .ac_wrap > ul > li:nth-child(2) { width:16%; }
.all_category > .ac_wrap > ul > li:nth-child(3) { width:23%; }
.all_category > .ac_wrap > ul > li:nth-child(4) { width:16%; }
.all_category > .ac_wrap > ul > li:nth-child(5) { width:14%; }
.all_category > .ac_wrap > ul > li:nth-child(6) { width:17%; }
.all_category > .ac_wrap > ul > li > p { margin-bottom:0px; line-height:40px; border:0px solid red;}
.all_category > .ac_wrap > ul > li > p a { font-size:18px; font-weight:600; color:#000000; border:0px solid green; }
.all_category > .ac_wrap > ul > li > p a span { color:#22418c; margin-left:5px; font-size:15px; line-height:20px; vertical-align:middle; }
.all_category .all_cate_close { float:right; text-align:right; margin-top:-20px; padding:5px 10px; border:1px solid #cccccc; background-color:#f1f1f1; color:#000000; font-size:20px; }

.all_category > .ac_wrap > ul > li > ul { border:0px solid red; }
.all_category > .ac_wrap > ul > li > ul > li { width:100%; padding:10px 3px; line-height:120%; border:0px solid red; }
.all_category > .ac_wrap > ul > li > ul > li.none { display:none; }
.all_category > .ac_wrap > ul > li > ul > li > a { font-size:15px; :color:#000000; font-weight:500; word-break:keep-all; }
.all_category > .ac_wrap > ul > li > ul > li > a div { display:inline-block; margin-left:2px;background-color:#f1f1f1; border:1px solid #eeeeee; width:15px; height:15px; text-align:center; font-size:17px; }
.all_category > .ac_wrap > ul > li > ul > li dl { margin:5px auto 10px auto; }
.all_category > .ac_wrap > ul > li > ul > li dl dd { padding-left:10px; line-height:120%; }

.all_category .sub_menu_img { position:absolute; top:5px; left:33%; margin-left:-456px; }


/* 서브페이지 가로소메뉴 */
#aside { position:relative; height:auto; background-color:none; width:100%; border-bottom:1px solid #cccccc; box-sizing:border-box; z-index:4; padding:30px 0; }
/*.lnb {display:block; overflow:hidden; width:97%; max-width:1400px; margin:auto; }
.lnb h2 {display:none; }
.lnb dl { width:100%; margin:0; text-align:center; }
.lnb dl dd { display:inline-block; height:auto; text-align:center; position:relative; border:0px solid red; margin-right:40px;}
.lnb dl dd:last-child { margin-right:0px;}
.lnb dl dd a { display:inline-block; padding:0 5px; line-height:30px; font-size:19px; color:#333333; font-weight:600; transition:all 0.2s; cursor:pointer;}
.lnb dl dd.on { background:url(../img/lnb_line.png) repeat-x left bottom;}
/*.lnb dl dd a:hover:before {content:"○ ";}
.lnb dl dd.on a:before, .lnb dl dd.on a:hover:before { content:"● "; }*/

.lnb > ul { width:100%; max-width:1200px; margin:0 auto; text-align:center; }
.lnb > ul > li { display:inline-block; /*width:20%;*/ text-align:center; position:relative;}
.lnb > ul > li > a { display:inline-block; padding:0 20px; font-size:22px; }
.lnb > ul > li.on > a { font-weight:500; color:#0077be; }
.lnb > ul > li > .lnb_line { position:absolute; top:7px; right:-2px; width:1px; height:20px; background-color:#888888; }
.lnb > ul > li:last-child > .lnb_line { display:none; }
.lnb > ul.al_3 { max-width:1460px; }

@media ( max-width: 1350px ) {
	.gnb_wrap { width:800px; }
	.gnb_1da { font-size:20px; }
	.all_category > .ac_wrap { /*width:800px;*/ padding-left:0px; }
}


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

@media ( max-width: 1023px ) {
	#gnb { width:auto; }
	.gnb_wrap { width:100%; position:relative;}
	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background:#0077be; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;padding-left:0;}
	#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% !important; 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 #eeeeee; }
	#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:#ffffff; 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:#ffffff}
/*
	#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_1dul > li.open > a:before {transform:rotate(90deg)}
	#gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#f8f8f8; 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;}
	.gnb_1da { color:#ffffff !important; }
	.hd_on .gnb_1da { color:#ffffff !important; }
	#gnb_1dul > li > ul.gnb_2dul > li.none { display:none !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; }

	#gnb .gnb_1dli:hover .gnb_1da { color:#ffffff !important; }
	#gnb .gnb_1dli:hover .gnb_1dli_line { display:none; }

	#all_category { display:none !important; }
	.gnb_wrap:hover #all_category { display:none !important; }

	#aside { margin-top:0px; padding:15px 0; }
	.lnb > ul > li > a { padding:0 20px; font-size:17px; }
	.lnb > ul > li > .lnb_line { height:15px; }
}

@media ( max-width: 767px ) {
	#gnb {height:0px !important}

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

	/*#aside {display:none;}*/
}

@media ( max-width: 479px ) {
	#aside { margin-top:0px; padding:10px 0; }
	.lnb > ul > li > a { padding:0 7px; font-size:15px; letter-spacing:-1px; }
	.lnb > ul > li > .lnb_line { top:5px; height:14px; }
}