#header_wrap{width:100%; height:83px; position:fixed; z-index:99; background:#fff; box-shadow:0 4px 4px 0 rgba(0,0,0,0.15); left:0; top:0;}
#header{height:100%; margin:0 auto; position:relative;}
#header:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#header h1{float:left; margin-top:20px; width:247px; height:70px; background:url('../images/gnb/logo11.png') no-repeat 0 0;margin:16px 0 0 -200px;}
#header h3{float:left; margin-top:20px; width:247px; height:40px; background:url('../images/gnb/en_lo.png') no-repeat 0 0;margin:30px 0 0 -200px;}
#header .gnb_wrap{display:inline-block; float:right;}
#header .gnb_wrap .fade_close{display:none;}
#header .gnb_head{display:none;}
#header .gnb_head{height:20px; position:relative; display:block; z-index:10;}
#header .gnb_head a.home{display:block; width:35px; height:35px; position:absolute; right:-150px; top:25px; background-size:35px 35px; color:transparent;}
#header .gnb_head2{display:none;}
#header .gnb_head2{height:px; position:relative; display:block; z-index:10;}
#header .gnb_head2 a.home{display:block; width:55px; height:35px; position:absolute; right:-150px; top:25px; background:url('../images/gnb/eng.png') no-repeat 50% 50%; background-size:55px 35px; color:transparent;}
#header .gnb_head2 a.home2{display:block; width:55px; height:35px; position:absolute; right:-95px; top:25px; background:url('../images/gnb/kor.png') no-repeat 50% 50%; background-size:55px 35px; color:transparent;}
#header .gnb_head2 a.home3{display:block; width:55px; height:35px; position:absolute; right:-150px; top:25px; background:url('../images/gnb/en_eng.png') no-repeat 50% 50%; background-size:55px 35px; color:transparent;}
#header .gnb_head2 a.home4{display:block; width:55px; height:35px; position:absolute; right:-95px; top:25px; background:url('../images/gnb/en_kor.png') no-repeat 50% 50%; background-size:55px 35px; color:transparent;}
#header .mobile_gnb{display:none;}
#header .depth1{display:inline-block; text-align:center; margin-top:28px;}
#header .depth1 > li{display:inline-block; margin-left:70px; position:relative; padding-bottom:23px;}
#header .depth1 > li:first-child{margin-left:0;}
#header .depth1 > li > a{font-size:16px; line-height:24px; font-weight:bold;padding-bottom:8px;}
#header .depth1 > li > a:hover/* , .header .depth1 > li > a.on */{ border-bottom:3px solid #3f9ca2;}
#header .depth1 > li.gnb_company > .depth2{left:-60px;}
#header .depth1 > li > .depth2{position:absolute; left:-25px; top:55px; width:135px; text-align:left; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); border-bottom:1px solid #3f9ca2;  z-index:1; display:none;}
#header .depth1 > li > .depth2 > li{border-top:1px solid #264c85; position:relative; box-sizing:border-box; border-left:1px solid #3f9ca2; border-right:1px solid #3f9ca2;}
#header .depth1 > li > .depth2 > li.include{border-right:0;}
#header .depth1 > li > .depth2 > li:first-child{border-top:1px solid #3f9ca2;}
#header .depth1 > li > .depth2 > li > a{color:#fff; font-size:14px; display:block; width:135px; height:40px; line-height:1.3em;display:table-cell; vertical-align:middle;box-sizing:border-box; padding-left:20px; background:#3f9ca2;}
#header .depth1 > li > .depth2 > li > a:hover, .header .depth1 > li > .depth2 > li a.on{background:#fff; color:#263238;}
#header .depth1 > li > .depth2 > li.go_submain{display:block;}
#header .depth1 > li > .depth2 > li.go_submain :hover{background:#00a6ff; color:#fff;}
#header .depth1 > li > .depth2 > li.include > a{background:#3f9ca2 url('/images/gnb/bu_2depth.png') no-repeat 165px 50%;}
#header .depth1 > li > .depth2 > li.include > a:hover, .header .depth1 > li > .depth2 > li.include a.on, .header .depth1 > li > .depth2 > li.over a{background:#fff url('../images/gnb/bu_2depth_on.png') no-repeat 165px 50%; color:#263238;}
#header .depth1 > li > .depth2 > li > .depth3{position:absolute; left:-1px; top:-1px; margin-left:100%; width:190px; background:#fff url('../images/gnb/bg_3depth_left.gif') no-repeat 0 1px; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); padding:5px 0;  box-sizing:border-box; border:1px solid #3f9ca2; border-left-width:0; display:none;}
#header .depth1 > li > .depth2 > li > .depth3 li{padding-left:20px; margin-top:0; background:url('../images/gnb/bg_3depth_line.gif') no-repeat 10px 17px;}
#header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;}
#header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:22px; display:block; height:100%; box-sizing:border-box; padding:6px 0; background:none;}
#header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:underline; color:#3f9ca2;}

/* 모바일 GNB */
@media screen and (max-width:1024px) {
	#header_wrap{display:block;height:60px;  box-shadow:0 4px 4px 0 rgba(0,0,0,0.15); background:#fff;}
	#header{width:100%; margin:0;}
	#header h1{float:none; margin-top:0; width:69px; height:30px; background:url('../images/gnb/logo_mobile.png') no-repeat 0 0; background-size:69px 30px; position:absolute; left:50%; top:50%; margin:-13px 0 0 -35px;}
	#header h1 .indent{text-indent:0; color:transparent;}
	#header h3{float:none; margin-top:0; width:92px; height:40px; background:url('../images/gnb/logo_white.png') no-repeat 0 0; background-size:92px 40px; position:absolute; left:40%; top:50%; margin:-6px 0 0 -53px;}
	#header h3 .indent{text-indent:0; color:transparent;}
	#header .mobile_gnb{display:block; position:absolute; width:46px; height:36px; background:url('../images/gnb/btn_gnb_mobile.png') no-repeat 50% 50%; background-size:23px 15px; left:8px; top:13px; overflow:hidden;}
	#header .mobile_gnb a{color:transparent; display:block; overflow:hidden; height:100%;}
	#header .gnb_wrap{display:block; float:none; position:fixed; height:100%; left:-300px; top:0; width:256px; background:#fff; z-index:9999;}
	#header .gnb_wrap .fade_close{position:absolute; display:block; width:30px; height:30px; background:url('../images/gnb/btn_close_fade.png') no-repeat 50% 50%; background-size:15px 15px; top:15px; right:-40px;}
	#header .gnb_head{height:60px;position:relative; display:block; background:#222; z-index:10;}
	#header .gnb_head h2.logo{width:46px; height:20px; background:url('../images/gnb/logo_white.png') no-repeat 0 0; background-size:46px 20px; position:absolute; left:25px; top:23px; color:transparent;}
	#header .gnb_head a.home{display:block; width:35px; height:30px; position:absolute; right:14px; top:15px; background:url('../images/gnb/ic_home_m.png') no-repeat 50% 50%; background-size:18px 15px; color:transparent;}
	#header .gnb_head a.kr{display:block; width:42px; height:28px; position:absolute; right:95px; top:15px; background:url('../images/gnb/mo_kor.png') no-repeat 50% 50%; background-size:45px 28px; color:transparent;}
	#header .gnb_head a.en{display:block; width:42px; height:28px; position:absolute; right:50px; top:15px; background:url('../images/gnb/mo_eng.png') no-repeat 50% 50%; background-size:45px 28px; color:transparent;}
	#header .depth1{width:100%; display:block; text-align:left; margin-top:0; height:100%; overflow:auto; box-sizing:border-box; padding-top:60px; margin-top:-60px;}
	#header .depth1 > li{display:block; position:relative; margin-left:0; height:auto; border-bottom:1px solid #cfcfcf; padding-bottom:0;}
	#header .depth1 > li:first-child{margin-left:0;}
	#header .depth1 > li > a{font-size:15px; line-height:51px; font-weight:bold; display:block; box-sizing:border-box; padding-left:28px; color:#222; background:url('../images/gnb/bu_1depth_down.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0;}
	#header .depth1 > li > a:hover{padding-bottom:0; border-bottom:0;}
	#header .depth1 > li > a.on{background:url('../images/gnb/bu_1depth_up.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0; border-bottom:0;}
	#header .depth1 > li > .depth2{position:static; width:100%; text-align:left; box-shadow:0 0 0 0; padding:15px 0;background:#eceff1; border:0;}
	#header .depth1 > li > .depth2 > li{border-top:0; height:auto; position:relative; background:#eceff1; border:0;}
	#header .depth1 > li > .depth2 > li:first-child{border-top:0;}
	#header .depth1 > li > .depth2 > li > a{color:#767676; font-size:14px; display:block; width:100%; height:100%; line-height:34px; box-sizing:border-box; padding-left:28px; background:#eceff1; font-weight:bold;}
	#header .depth1 > li > .depth2 > li > a:hover, #header .depth1 > li > .depth2 > li a.on{background:#eceff1; color:#d31f1f;}
	#header .depth1 > li > .depth2 > li.go_submain{display:block;}
	#header .depth1 > li > .depth2 > li.include > a{background:#eceff1; position:relative;}
	#header .depth1 > li > .depth2 > li.include > a span:after{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:37px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	#header .depth1 > li > .depth2 > li.include > a span:before{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:32px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	#header .depth1 > li > .depth2 > li.include > a.on span:after{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
	#header .depth1 > li > .depth2 > li.include > a.on span:before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	#header .depth1 > li > .depth2 > li.include > a:hover, #header .depth1 > li > .depth2 > li.include a.on{background:#eceff1; color:#3f9ca2;}
	#header .depth1 > li > .depth2 > li > .depth3{position:static; width:auto; display:none; background:#eceff1; box-shadow:0 0 0 0; padding:11px 0; margin:12px 28px; border:1px solid #3f9ca2; border-width:1px 0;}
	#header .depth1 > li > .depth2 > li > .depth3 li{padding-left:0; margin-top:0; background:none;}
	#header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;}
	#header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:24px; font-weight:bold;}
	#header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:none; color:#263238;}
	/* .mognbBtn a {display:block;position:absolute;left:0;bottom:0;border-top:1px solid #0c326b;width:100%;background:#264c85;color:#fff;padding:20px;} */
	.mognbBtn a {display:block;position:absolute;left:0;bottom:0;font-size:15px; line-height:51px; font-weight:bold; display:block; box-sizing:border-box; padding-left:28px; color:#fff; 
	background:url('../images/gnb/btn_next.png') no-repeat 90% 50% #d31f1f;;width:100%;background-size:31px 10px; padding-bottom:0;}
}