/* 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 {position:relative; width:100%; max-width:100%;  height:auto; margin:0 auto; background-color:#f4f4f6; box-sizing: border-box; }
 .bg_grey{background-color:#f4f4f6;}

/* Header */
#slide_map {display:none;}
#header {position:absolute; top:0; left:0; width:100%; height:120px;/* z-index:700; */z-index:70; 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:30px; z-index:702; width:100%; max-width:160px;}
#header h1.logo a { background:url("../images/comm/logo.png") no-repeat center 50%; background-size:100%;  width:100%; line-height: 70px; height:70px; display: inline-block;  }
#header h1.logo a span { width:100%; line-height: 70px; height:70px; 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 #nav {display:none !important;}
}

#header .mem{position:relative;  padding:10px 50px 10px 0; width:100%; border-bottom:1px solid rgba(255,255,255,0.5); text-align:right;}
#header .mem a {color:#000;}
#header .lang {display:block; position:absolute; z-index:800;  text-align:center;width:75px; height:32px; line-height:32px;  position:absolute; right:95px; top:35px; vertical-align: middle; color:#fff;}
#header .lang a{color:#fff;}
#header .mob_btn {display:block; position:absolute; z-index:800; width:70px; height:100px; background:url("../images/comm/menu.png") no-repeat center 50%; right:25px; top:0px; background-size:28px;}


#header #nav {width:auto;  padding:0; position:relative; }
#header #nav #blind {width:100%; height:0% !important; position:absolute; left:0; top:140px; z-index:1; }
#header #nav #gnb {width:100%; margin:0 auto; position:relative; /*z-index:5000;*/ z-index:500; }
#header #nav #gnb ul {width:100%; max-width:1000px; padding:0 0 0 300px; margin:0 auto; height:auto; font-size:0; text-align: right; font-size:0; margin-right:0%;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb ul li {width:20%; float:left; text-align:center; }
#header #nav #gnb ul li.menu5{}

#header #nav #gnb ul > li a { text-decoration:none; width:100%; display:block; text-align:left;  }/*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; text-align:center; vertical-align:top; font-size:1.3rem; font-weight:600;line-height:103px; height:103px; padding:0;  color:#fff; 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:#fff;}

#header #nav #gnb ul > li a.ov span:after, 
#header #nav #gnb ul > li ul.ov li a {color:#000; text-align:left; }
#header #nav #gnb ul > li ul {width:100%; padding:10px 0 0px 0; max-height:205px; height:205px; margin:-14px 0 0 0; }
#header #nav #gnb ul > li ul.ov {will-change: opacity; background: rgba(255,255,255,1); height:100%;color:#000; position:relative; top:0; left:0;z-index:200;border-radius:20px; border:0px dashed rgba(61,84,242,0.8); overflow:hidden;} /* ¼öÁ¤ 20240411*/
#header #nav #gnb ul > li ul li {float:none; width:auto; margin:3px 0; padding-left:30px;}

/*#header #nav #gnb ul li.menu1 ul {height:110px !important;} */
#header #nav #gnb ul li.menu2 ul {height:150px !important;}
#header #nav #gnb ul li.menu3 ul,
#header #nav #gnb ul li.menu4 ul {height:90px !important;}

#header #nav #gnb ul li.menu1 ul li,
#header #nav #gnb ul li.menu3 ul li,
#header #nav #gnb ul li.menu4 ul li {padding-left:55px; }


#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:800; color:#000;}

#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:inline-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%; } 
#header{width:100%; background: rgba(61,84,242,0);}
#header #nav #gnb ul {width:55%;padding:0;float:right;margin: 0; margin-right:150px;}

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


/* Header */
#slide_map {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:100px; padding:50px 70px; min-height:100px;height:100px;background:#111;  box-sizing:border-box;}
#slide_map .box .title img{width:70%; max-width:160px;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#111;}
#slide_map .box ul {width:auto; height:auto; margin:0; padding:150px  50px  0 50px;background:#111;}
#slide_map .box ul li {border-bottom:1px solid #111;}
#slide_map .box ul li a {display:block;   position:relative; color:#fff;}
#slide_map .box ul li a span {display:block; font-size:1.5rem; line-height:2rem; font-weight:600; padding:20px 0 20px 15px; }
#slide_map .box ul li a:after {content:""; display:block; width:30px; height:30px; background:url("../images/comm/btn_down_.png") no-repeat center 50%; position:absolute; right:10px; top:9px;   border:0px solid #d1d1d1;}
#slide_map .box ul li a.ov { font-weight:600; color:#29a237;}
#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-top:1px solid #111;border-bottom:0px solid #ddd; background:#111; padding:20px 0 20px 0px;}
#slide_map .box ul li ul li {padding-right:20px; border-bottom:1px solid #111;}
#slide_map .box ul li ul li a {border:0 !important; background:url("../images/comm/m_plus.png") no-repeat right 50%; }
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {background:url("../images/comm/m_plusov.png") no-repeat right 50%; color:#29a237;}
#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; } 
#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:#111; 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:50px; top:70px; width:50px; height:50px; z-index:1001; background:#111; 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 !important;  position:absolute; width:100% !important; height:100% !important; left:0 !important; top:0 !important; z-index:110 !important; background:rgba(0,0,0,0.8) !important; opacity:0.8; -webkit-opacity:0.8; filter:alpha(opacity=50);}


@media screen and (max-width:1280px){
	#header h1.logo {left:20px !important; top:20px; margin:0;  }
	#header{width:100%; background: rgba(61,84,242,0);}

	/* Common */
	.js_mobile_check {display:block;}
	#header { height:80px;}
	.popupIs #header {position:fixed; top: 0px;}
	#header .inner { height:80px; }

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


@media screen and (max-width:500px){
	#header h1.logo a{background-size:80%;}
	#header .g_nav { width:20%; position:absolute; top:50px; right:60px !important; font-size:0.8rem; }
}

/*	 ¸ÞÀÎÀ̶û subÀÇ Æ÷Áö¼ÇÀÌ ´Þ¶ó main.css sub.css¿¡ º°µµ ¸í±â
.footer { position:absolute; bottom:0px; margin:0 auto;  width:100%; padding:50px 0; height:auto;  color:#fff; font-weight:300; line-height: 1.4; font-size:1rem; background:#000;}
 */

.footer .section{margin:0 auto;width:100%; max-width:1400px;  padding:0 20px;}
.footer .footer_section{margin:0 auto;width:100%; max-width:1400px;  padding:0 20px;}
.footer_b{padding-bottom:20px; border-bottom:1px solid #fff; margin-bottom:20px;}
.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:#005aaa !important; font-weight:600;}

.footer_c {padding-top:0px;}
.footer_c .bold{font-weight:600;}



@media all and (max-width:450px) {
	.footer_c p, .footer_c p b {font-size:0.9rem;}
}