/* 메인메뉴 */
#gnb { position:absolute; left:50%; margin-left:-380px; top:30px; width:1050px; height:70px; border:0px solid red; z-index:1000; }
#gnb * {z-index:1000;}
.gnb_wrap { width:100%; border:0px solid red; margin:0 0px 0 auto; }
#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 17px; height:60px; line-height:45px; text-align:center; position:relative; vertical-align:top; }
#gnb .gnb_1dli:hover { background-color:#f6f6f6; border:0px dashed #154796; box-sizing:border-box; border-radius:0;  }
#gnb .gnb_1dli:hover .gnb_1da { color:#154796 !important; }
/*#gnb .gnb_1dli:hover .gnb_1dli_line {display:none;}*/

.gnb_1da { display:block;color:#333333 !important; text-decoration:none; width:100%; font-size:20px; /*font-family:"NanumSquare", sans-serif;*/ font-weight:500; }
.gnb_1dli .gnb_1dli_line { width:100%; background-color:#5982ff; color:#ffffff; font-size:14px; letter-spacing:-1px; line-height:1.0; padding:10px 0; }
.gnb_1dli .gnb_1dli_line > img { height:20px; }
.gnb_2dul {display:none;position:absolute; left:-1px; top:50px; width:100%; padding:10px 0 0 0 !important; background-color:#f6f6f6;  border:0px dashed #154796; box-sizing:border-box; border-top:0; border-radius:0px;  }
.gnb_2dli{ text-align:left; line-height:30px; position:relative; }
.gnb_2dli:first-child{border:0}
a.gnb_2da {display:inline-block;padding:10px 2px 10px 5px;line-height:1.1;color:#154796;text-align:left;text-decoration:none; font-size:14px; font-weight:500; width:calc(100% - 7px); position:relative; }
.gnb_2dli:hover a.gnb_2da {color:#ffffff; background-color:#5982ff; /* text-decoration: underline;*/}

a.gnb_2da .sub_on_btn { position:absolute; right:0; top:7px; width:24px; height:24px; background:url(../img/icon_menu_arrow_down.png) left top; }
.gnb_2dli:hover .sub_on_btn,
a.gnb_2da:hover > .sub_on_btn,
a.gnb_2da.on > .sub_on_btn { background:url(../img/icon_menu_arrow_down_on.png) left top; }
.gnb_2dli > .gnb_3d { display:none; width:calc(100% - 10px); margin:0 0 0 auto; border:0px solid red; box-sizing:border-box; line-height:1.0; padding:5px 0;}
.gnb_2dli > .gnb_3d > ul { width:100%;}
.gnb_2dli > .gnb_3d > ul > li { width:100%; margin:0 0 0 auto; padding:5px 0; line-height:1.0; color:#333333; font-size:14px; border:0px solid blue; box-sizing:border-box; cursor:pointer; }

#m5,
#m6 { padding:0 30px !important; }
#m7 { padding:0 30px !important; }
#m8 { padding:0 45px !important; }


#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#000000}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {font-weight:700; color:#fff; background-color:#5982ff;/*text-decoration: underline;*/ }

#gnb .gnb_1dli_over ul.gnb_2dul {display:block; }

#btnNav {display:block; position:absolute; top:0px; right:0px; width:100px; height:100px; border:none; background-color:#00aeb7; cursor:pointer; z-index:1002}
#btnNav span {position:absolute; display:block; left:33px; width:30px; height:2px; background:#ffffff; transition:all .4s ease; box-shadow: 0px 0px 2px #fff;}
#btnNav span.bar1 {top:40px}
#btnNav span.bar2 {top:50px}
#btnNav span.bar3 {top:60px}
#btnNav.active span.bar1 {top:48px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:48px; 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%;}

#gnb_pc { display:none; position:fixed; top:0px; width:100%; height:100vh; background-color:#ffffff; border:0px solid red; box-sizing:border-box; z-index:1001;  }
.gnb_pc_wrap { width:100%; height:100vh; overflow-y:auto; background:url(../img/sitemap_bg.png) no-repeat left top; background-size:470px 100%; }
.gnb_pc_wrap > .gp_logo { position:absolute; left:20px; top:20px; z-index:1 }
.gnb_pc_menu_wrap { width:100%; margin-top:100px; display:table; }
.gnb_pc_menu_wrap > dl { margin:0; padding:0; display:table-row; }
.gnb_pc_menu_wrap > dl > dt { display:table-cell; width:470px; text-align:right; padding:30px 0; border:0px solid red; box-sizing:border-box; vertical-align:middle; }
.gnb_pc_menu_wrap > dl > dt a { display:inline-block; font-size:30px; font-weight:600; color:#ffffff; margin-right:50px; }
.gnb_pc_menu_wrap > dl > dd { display:table-cell; width:calc(100% - 470px); padding:30px 0px 30px 0px; vertical-align:middle; border-top:1px solid #cccccc;}
.gnb_pc_menu_wrap > dl:last-child > dd { border-bottom:1px solid #cccccc; }

.gpw_smenu_list > ul { width:100%; font-size:0; letter-spacing:-5px; }
.gpw_smenu_list > ul > li { display:inline-block;  margin-left:30px; height:30px; position:relative; border:0px solid #ffffff; box-sizing:border-box; }
.gpw_smenu_list > ul > li > a { display:inline-block; font-size:20px; letter-spacing:-1px; }
.gpw_smenu_list > ul > li > a > span { display:inline-block; background-color:#157afc; color:#ffffff; width:20px; height:20px; line-height:20px; text-align:center; margin-left:3px; border-radius:10px; }
.gpw_smenu_list > ul > li > a:hover { color:#157afc; }
.gpw_smenu_list > ul > li .sm_gnb_3d { display:none; position:absolute; top:29px; left:0; width:200px; z-index:1; padding-top:5px; }
.gpw_smenu_list > ul > li .sm_gnb_3d > ul { width:100%; border:1px solid #eeeeee; box-sizing:border-box; background-color:#f5f5f5; padding:20px 0; }
.gpw_smenu_list > ul > li .sm_gnb_3d > ul > li { display:inline-block; width:100%; height:25px; font-size:16px; cursor:pointer; padding:0 10px; }
.gpw_smenu_list > ul > li .sm_gnb_3d > ul > li:first-child { margin-top:10px; }
.gpw_smenu_list > ul > li .sm_gnb_3d > ul > li:last-child { margin-bottom:10px; }

/* 서브페이지 가로소메뉴 */
#aside { position:relative; height:auto; width:100%; border-bottom:1px solid #dddddd; box-sizing:border-box; padding:0px 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; text-align:center; position:relative;}
.lnb > ul > li > a { display:inline-block; padding:0 50px; 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 {height:60px; width:100%; max-width:1280px; margin:0 auto; }
.lnb > ul > li {float:left;position:relative;box-sizing:border-box;border-right:1px solid #ddd; }
.lnb > ul > li > a { display:block; height:60px; width:100%; background:url('../img/icon_aside_arrow_down.png?t=1') no-repeat right 7% top 52%;color:#555555;font-size:18px;line-height:60px;}

.lnb > ul > li.home { width:80px; text-align:center; border-right:1px solid #dddddd; border-left:1px solid #dddddd; box-sizing:border-box;}
.lnb > ul > li.home a { background:none; text-align:center; padding:0; }
.lnb > ul > li.home > a > img { height:auto; margin-top:-4px; }

.lnb > ul > li#menuList1 { width:300px; padding-left:20px; }
.lnb > ul > li#menuList1 > a {  color:#0f228b; }
.lnb > ul > li#menuList2 { width:300px; padding-left:20px; background-color:#ffffff; }
.lnb > ul > li#menuList2 > a { color:#333333; }
.lnb > ul > li#menuList3 { width:auto; min-width:230px; padding:0 30px 0 20px;}
.lnb > ul > li#menuList3 > a { padding-right:30px }

.lnb > ul > li > ul { position:absolute;left:-1px;top:61px; z-index:5; border:1px solid #ddd; border-top:0; width:100%;background-color:#f4f4f4; padding:0px 0; display:none; }
.lnb > ul > li > ul > li {width:100%; padding:15px 0; border-bottom:1px solid #ddd; }
.lnb > ul > li > ul > li.active,
.lnb > ul > li > ul > li:hover { background:url('../img/icon_aside_arrow_right.png?t=1') no-repeat right 7% top 52%; }
.lnb > ul > li > ul a {padding:0;background:none;font-size:18px;height:auto;padding:7px 20px;line-height:normal; color:#333333; }
.lnb > ul > li > ul li.active a {/*color:#0077be;*/}
.lnb > ul > li > ul > li:last-child { border-bottom:0; }

.lnb > ul > li.on > a { background:url('../img/icon_aside_arrow_up.png?t=1') no-repeat right 7% top 52%; }
.lnb > ul > li.on > ul {display:block;}
.lnb > ul > li.on > a.current { background:url('../img/icon_aside_arrow_up.png?t=1') no-repeat right 7% top 52%; }


@media ( max-width: 1650px ) {
	#gnb { right:0; }
}
@media ( max-width: 1450px ) {
	#gnb { width:900px; left:auto; right:80px; margin-left:0; }
	#gnb .gnb_1dli {padding:0 14px; }
	.gnb_1da {  font-size:17px; }
	a.gnb_2da { font-size:14px; }
	.gnb_1dli .gnb_1dli_line { font-size:13px; }

	#m5,
	#m6 { padding:0 23px !important; }
	#m7 { padding:0 23px !important; }
	#m8 { padding:0 35px !important; }
	
}

@media ( max-width: 1300px ) {

}

@media ( max-width: 1023px ) {
	#gnb_pc { display:none; }
	#gnb { width:auto; z-index:1001; }
	.gnb_wrap { width:100%; position:relative; margin-right:0;}
	#gnb_wrap {display:none; position:fixed !important; top:80px; width:100%; height:100%; background:#ffffff; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:1001;padding-left:0; overflow-y:auto; overflow-x:hidden; }
	#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:#555555; 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:#555555}
/*
	#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; border:0; }
	#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; text-align:left; border:0px solid red; box-sizing:border-box;}
	.gnb_1da { color:#555555 !important; }
	#gnb_1dul > li > ul.gnb_2dul > li.none { display:none !important; }
	
	.gnb_2dli > .gnb_3d > ul > li { width:calc(100% - 20px); line-height:1.1; height:25px; font-size:14px; }

	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:1000}
	#btnNav {display:block; }
	#btnNav {display:block; width:80px; height:80px;}
	#btnNav span {left:23px; width:30px;}
	#btnNav span.bar1 {top:30px}
	#btnNav span.bar2 {top:40px}
	#btnNav span.bar3 {top:50px}
	#btnNav.active span.bar1 {top:38px; transform:rotate(45deg)}
	#btnNav.active span.bar3 {top:38px; transform:rotate(-45deg)}

	#btnUser {display:block; }
	
	.gnb_1dli .gnb_1dli_line { display:none; }
	#gnb .gnb_1dli:hover { border:none; }
	#gnb .gnb_1dli:hover .gnb_1da { color:#555555 !important; }
	#gnb .gnb_1dli:hover .gnb_1dli_line { display:none; }

	#m5,
	#m6 { padding:0px !important; }
	#m7 { padding:0px !important; }
	#m8 { padding:0px !important; }

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

	.lnb {height:50px; }
	.lnb > ul > li > a { height:50px; font-size:17px; line-height:50px;}

	.lnb > ul > li.home { width:45px; }
	.lnb > ul > li.home > a > img { height:25px; }

	.lnb > ul > li#menuList1 { width:300px; padding-left:10px; }
	.lnb > ul > li#menuList2 { width:300px; padding-left:10px; }
	.lnb > ul > li#menuList3 { width:auto; min-width:200px; padding:0 30px 0 20px; }
	.lnb > ul > li#menuList3 > a { padding-right:30px }

	.lnb > ul > li > ul {top:51px; padding:10px 0; }
	.lnb > ul > li > ul > li { padding:3px 0; }
	.lnb > ul > li > ul a {font-size:15px; padding:5px 10px; }
}

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

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

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

	.lnb {height:30px; }
	.lnb > ul > li > a { height:30px; font-size:15px; line-height:30px; background-size:auto 10px;}
	.lnb > ul > li.on > a,
	.lnb > ul > li.on > a.current { background-size:auto 10px;}

	.lnb > ul > li.home { width:40px; }
	.lnb > ul > li.home > a > img { height:20px; vertical-align:bottom; margin-bottom:5px; }

	.lnb > ul > li#menuList1 { width:calc(45% - 40px); padding-left:10px; }
	.lnb > ul > li#menuList2 { width:45%; padding-left:10px; }
	.lnb > ul > li#menuList3 { width:44%; min-width:0; padding:0 30px 0 20px; background-color:#f7f7f7; border-bottom:1px solid #cccccc; }
	.lnb > ul > li#menuList3 > a { padding-right:30px }

	.lnb > ul > li > ul {top:31px; padding:0px 0; }
	.lnb > ul > li > ul > li { padding:5px 0; background-size:10px auto; }
	.lnb > ul > li > ul a {font-size:15px; padding:5px 10px; }
	.lnb > ul > li > ul > li.active,
	.lnb > ul > li > ul > li:hover { background-size:10px auto; }

}

@media ( max-width: 479px ) {
	#aside { margin-top:0px; padding:0; }

	.lnb > ul > li > a { font-size:14px;}
	.lnb > ul > li > ul a {font-size:13px; letter-spacing:-1px; }

	.lnb > ul > li#menuList1 { width:calc(50% - 40px); }
	.lnb > ul > li#menuList2 { width:50%; }
	.lnb > ul > li#menuList3 { width:100%; }
	.lnb > ul > li#menuList3 > a { width:auto; min-width:0; }

}