/* Animation */
#header .mob_btn,
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul
{transition :all 0.4s ease; -webkit-transition :all 0.4s ease;}

/* Common */

#wrapper {width:100%; max-width:100%;  height:100%; margin:0 auto; background-color:#; box-sizing: border-box;}
 
/* Header */
#slide_map {display:none;}
#header {position:absolute; top:0; left:0; width:100%; height:145px; z-index:700;  min-width:320px;background: rgba(0,0,0,0.0); padding:0 0px; box-sizing: border-box;}

#header .inner {position:relative; width:100%; max-width:100%; margin:0 auto; } 
#header h1.logo {position:absolute; left:50px; top:0px; z-index:702; width:90%; max-width:420px;}
#header h1.logo a { background:url("/images/comm/logo.png") no-repeat center 50%; background-size:100%;  width:100%; line-height: 145px; height:145px; display: inline-block;  }
#header h1.logo a span { width:100%; line-height: 145px; height:145px; display: inline-block;font-size:0; }
	#header .g_nav { width:15%; position:absolute; top:50px; right:50px; font-size:0.9rem; text-align:right;}
	#header .g_nav,
	#header .g_nav span a {color:#fff !important;}
		
	@media all and (max-width:1280px) { 

	#header .g_nav .kor, #header .g_nav .bar{display:none;}
	#header .g_nav{ line-height:70px; vertical-align:middle; top:10px !important; right:70px !important;}

	}
#header .mob_btn {display:none; position:absolute; z-index:800;}
#header #nav {width:auto;  padding:0; position:relative; }
#header #nav #blind {width:100%; height:0% !important; position:absolute; left:0; top:135px; z-index:1; }
#header #nav #gnb {width:100%; margin:0 auto; position:relative; z-index:5000; }
#header #nav #gnb ul {width:100%; max-width:1000px; padding:0 0 0 400px; margin:0 auto; height:auto; font-size:0; text-align: right; font-size:0; margin-right:15%;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb ul li {width:25%;float:left;}
#header #nav #gnb ul > li.menu2 > ul,
#header #nav #gnb ul > li.menu4 > ul,
#header #nav #gnb ul > li.menu6 > ul {background:#;}

#header #nav #gnb ul > li a { text-decoration:none; width:100%; display:block; text-align:left; background:url(/img/fbar.png) no-repeat left 50%;  }/*20240411ΌφΑ€*/
#header #nav #gnb ul > li a:focus{}
#header #nav #gnb ul > li:first-child a {background:none;}
#header #nav #gnb ul > li a span {width:100%;display:block; vertical-align:top; font-size:1.5rem;line-height:135px; height:135px; padding:0;  color:#fff; font-weight:500; position:relative;}
#header #nav #gnb ul > li a span:after {content:""; display:block; height:3px; width:0px; position:absolute; top:0; left:50%;}
#header #nav #gnb ul > li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#a1c6f7;}
#header #nav #gnb ul > li a.ov span:after, 

#header #nav #gnb ul > li ul.ov li a {color:#fff; text-align:left; }
#header #nav #gnb ul > li ul {width:100%; padding:0px 0 0px 0; max-height:150px; height:150px; margin:-20px 0 0 0;}
#header #nav #gnb ul > li ul.ov {will-change: opacity; background: rgba_(0,0,0, 0.3); color:#fff; position:relative; top:0; left:0; border:0px solid rgba(255,255,255,0.5); } /* ΌφΑ€ 20240411*/
#header #nav #gnb ul > li ul li {float:none; width:auto; margin:3px 0; }
#header #nav #gnb ul > li ul li a {  width:100%;box-sizing: border-box; background:none;  vertical-align:top; font-size:17px; line-height:1.2;  height:auto; padding:5px 0 0px 0; color: rgba(0,0,0,0);    text-align:left;}
#header #nav #gnb ul > li ul li a strong { font-weight:400;}

#header #nav #gnb ul > li ul li a:hover strong { font-weight:400;}

#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {color:#fff;  background: rgba(0,0,0,0);  margin-left:0px !important; font-weight:400; opacity:1; display:block !important;}
#header #nav #gnb ul li ul li ul.thMenu { display:block; width:88%; margin:0 6%;  padding:0 0 5px 0 ; }
#header #nav #gnb ul li ul li ul.thMenu li {margin:0;}
#header #nav #gnb ul li ul li ul.thMenu li a {width:100%; padding:3px 5px 3px 18px; margin:0; background:url(/img/gdot.png) no-repeat 10px 10px; line-height:1.2; font-size:12px; color:#666; }
#header #nav #gnb ul li ul.ov li ul.thMenu li a {color:#fff; font-weight:400; }
#header #nav #gnb ul li ul.ov li ul.thMenu li a {width:100%; padding:3px 5px 3px 18px; margin:0; background:url(/img/wdot.png) no-repeat 10px 10px; line-height:1.2; font-size:12px;color:#fff;  }
#header #nav #gnb ul li ul li ul.thMenu li a:hover {width:100%;  padding:3px 5px 3px 18px; margin:0; background:url(/img/ydot.png) no-repeat 10px 10px; line-height:1.2; color:#faffab; }
#header .inner {position:relative; width:100%; } 

@media screen and (min-width:1401px){
#header{width:100%;}
#header #nav #gnb ul {width:40%;padding:0;float:right;margin: 0; margin-right:15%;}
#header .g_nav { width:15%; position:absolute; top:50px; right:50px !important;}
    
}




@media screen and (max-width:1280px){
#header h1.logo {left:20px !important; top:20px; margin:0;  }
/* Common */
.js_mobile_check {display:block;}
#header { height:70px;}
.popupIs #header {position:fixed; top: 0px;}
#header .inner { height:70px; }

#header h1.logo a {background:url("/images/comm/logo.png") no-repeat left top; background-size:70%;line-height:70px; height:70px; }
#header h1.logo a img {width:100%;  }
#header h1.logo a span {  line-height: 70px; height:70px;  }
#header #nav {display:none;}
#header .mob_btn {display:block;  width:80px; height:80px; background:url("/images/comm/menu_s.png") no-repeat center 50%; position:absolute; right:0; top:0; background-size:28px;}

/* Header */
#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:13000; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#slide_map .box {position:absolute; right:-100%; top:0; width:100%; height:100%; z-index:1000; }
#slide_map .box .title {display:block; position:absolute; width:100%; font-size:17px; line-height:80px; padding:12px 20px; min-height:28px;height:80px;background:#27578f; color:#fff; box-sizing:border-box;}
#slide_map .box .title img{width:50%; max-width:280px;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#27578f;}
#slide_map .box ul {width:auto; height:auto; margin:0; padding:120px 0 0 0;background:#27578f;}
#slide_map .box ul li {}
#slide_map .box ul li a {display:block; border-bottom:1px solid #555_; color:#fff;   position:relative;}
#slide_map .box ul li a span {display:block; font-size:20px; line-height:22px; font-weight:600; padding:14px 0 14px 15px;}
#slide_map .box ul li a:after {content:""; display:block; width:30px; height:30px; background:url("/images/comm/m_plus.png") no-repeat center 50%; position:absolute; right:10px; top:9px;   border:0px solid #d1d1d1;}
#slide_map .box ul li a.ov {color:#fff; font-weight:600;}
#slide_map .box ul li a.ov:after {width:32px; height:32px; background:url(../images/comm/btn_up.png) no-repeat center 50%; border:0px solid #1b3d64;}
#slide_map .box ul li ul {display:none; margin:0; padding:0; border-bottom:1px solid #1b3d64; background:#1b3d64; padding:20px 0 20px 0px;}
#slide_map .box ul li ul li {}
#slide_map .box ul li ul li a {border:0 !important; color:#fff;}
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
#slide_map .box ul li ul li a strong {display:block; font-weight:400; font-size:18px; line-height:32px; padding:3px 27px;  }
#slide_map .box ul li ul li a.ov {background:#364aa1; color:#fff;} 
#slide_map .box ul li ul li a.ov strong:after {content:""; display:block; width:30px; height:30px; background:url("/images/comm/m_minus.png") no-repeat center 50%; position:absolute; right:13px; top:3px;   }
#slide_map .box ul li ul li a:after {display:none;}
#slide_map .box ul li ul li ul {display:none; background:#fff; border:0; padding:15px 0 ;}
#slide_map .box ul li ul li ul li {}
#slide_map .box ul li ul li ul li a {color:#555; line-height:34px; }
#slide_map .box ul li ul li ul li a strong {font-size:14px; line-height:19px; padding:5px 10px 5px 40px; background:url("/images/comm/gdot.png") no-repeat 30px 13px;} 
#slide_map .box ul li ul li ul li a.ov {color:#000; font-weight:600;background:none;}
#slide_map .box ul li ul li ul li a.ov strong {background:url("/images/comm/gdot_ov.png") no-repeat 18px 12px;}
#slide_map .box ul li ul li ul li ul {background:none; padding:0 0 5px 0;}
#slide_map .box ul li ul li ul li ul li {}
#slide_map .box ul li ul li ul li ul li a {color:#666;}
#slide_map .box ul li ul li ul li ul li a strong {font-size:14px; line-height:18px; padding:3px 10px 3px 38px; }
#slide_map .box ul li ul li ul li ul li a.ov {color:#666;}
#slide_map .box ul li ul li ul li ul li a.ov strong {text-decoration:underline;}
#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:50px; height:50px; z-index:1001; background:#1b3d64; text-indent:-9999px;}
#slide_map .box .close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url("/images/comm/menu_x.png") no-repeat center 50%; background-size:28px;-webkit-transition:all .8s ease; transition:all .8s ease;}
#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#1b3d64; opacity:0.5; -webkit-opacity:0.5; filter:alpha(opacity=50);}
}
 
@media screen and (min-width:1281px){
#slide_map {display:none !important;}	
}

@media screen and (max-width:500px){
#header h1.logo {position:absolute; left:50px; top:30px; z-index:702; width:70% ; max-width:420px;}
#header .g_nav { width:20%; position:absolute; top:50px; right:60px !important; font-size:0.8rem; }
}

.footer { background:#000; margin:0 auto; text-align:left; width:100%; padding:50px 6.5vw; height:auto;  color:#fff; font-weight:300; line-height: 1.4; font-size:1rem;}
.footer .section{margin:0 auto;width:100%; }
.footer_b,.footer_c {width:100%; }
.footer_b a,.footer_b a:hover,.footer_b a:focus,.footer_b a:visited,.footer_b a:link,.footer_b a:active{color:#fff !important;}
.footer_b .privacy_f a{color:#0060ad !important; font-weight:600;}
.footer_c {padding-top:30px;}





@media all and (max-width:450px) {

.footer_c p, .footer_c p b {font-size:0.9rem;}

}