/* 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:#f9f9f9; box-sizing: border-box; }
 .bg_grey{background-color:#f9f9f9;}
/* Header */
#slide_map {display:none;}
#header {position:absolute; top:0; left:0; width:100%; height:135px; 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:0px; top:0px; z-index:702; width:100%; max-width:251px;}
#header h1.logo a { background:url("../images/comm/logo.png") no-repeat center 50%; background-size:100%;  width:100%; line-height: 125px; height:125px; display: inline-block;  }
#header h1.logo a span { width:100%; line-height: 125px; height:125px; display: inline-block;font-size:0; }

		

#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:#111;}
#header .search_ico {display:block; position:absolute; z-index:800; border-radius:50%; text-align:center;width:32px; height:32px; line-height:32px; background: #111; position:absolute; right:95px; top:78px; vertical-align: middle;}
#header .mob_btn {display:block; position:absolute; z-index:800; width:80px; height:80px; background:url("../images/comm/menu.png") no-repeat center 50%; position:absolute; right:0px; top:25px; background-size:28px;}
#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:50; }
#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:25%; float:left; text-align:center; background:url("../images/comm/line_.gif") no-repeat  right 45px;}
#header #nav #gnb ul li.menu5{}
#header #nav #gnb ul li.menu1 ul{height:120px !important;}
#header #nav #gnb ul li.menu2 ul{height:210px !important;}
#header #nav #gnb ul li.menu3 ul{height:90px !important;}

#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.4rem; font-weight:800;line-height:135px; height:135px; padding:0;  color:#111; 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:#004d4d;}

#header #nav #gnb ul > li a.ov span:after, 
#header #nav #gnb ul > li ul.ov li a {color:#111; text-align:left; }

#header #nav #gnb ul > li ul {width:100%; padding:10px 0 0px 0; max-height:300px; 2025-02-12 margin:0px 0 0 0; }
#header #nav #gnb ul > li ul.ov {will-change: opacity; background: rgba(255,255,255,0.5); height:100%;color:#111; position:relative; top:0; left:0; z-index:2111;border-radius:20px; border:2px solid rgba(0,77,77,0.8);   box-shadow:10px 10px 10px rgba(0,0,0,0.1);  overflow:hidden;} /* ¼öÁ¤ 20240411*/
#header #nav #gnb ul > li ul li {float:none; width:auto; margin:3px 0; padding-left:15px;}
#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:#111;}

#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:96%; max-width:1500px; margin:0 auto;} 
#header{width:100%; background: rgba(255,255,255,0.8);}
#header #nav #gnb ul {width:55%;padding:0;float:right;margin: 0; margin-right:0px;}
#header .mob_btn {display:none;}
@media screen and (min-width:1401px){


    
}




@media screen and (max-width:1280px){
#header h1.logo {left:20px !important; top:20px; margin:0;  }
#header{width:100%; background:  rgba(255,255,255,0.8);}
#header .mem{display:none;}
#header .search_ico {display:block; top:25px !important; right:75px !important; position:absolute; }
/* Common */
.js_mobile_check {display:block;}
#header { height:100px;}
.popupIs #header {position:fixed; top: 0px;}
#header .inner { height:100px; }

#header h1.logo a {background:url("../images/comm/logo.png") no-repeat left top; background-size:80%;line-height:80px; height:80px; }
#header h1.logo a img {width:100%;  }
#header h1.logo a span {  line-height: 100px; height:100px;  }
#header #nav {display:none;}
#header .mob_btn {display:block;  width:60px; height:100px; background:url("../images/comm/menu.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:90%; height:100%; z-index:1000; }
#slide_map .box .title {display:block; position:absolute; width:100%; font-size:17px; line-height:100px; padding:0px 20px; min-height:28px;height:100px;background:#006f6f;  box-sizing:border-box;}
#slide_map .box .title img{width:50%; max-width:200px;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
#slide_map .box ul {width:auto; height:auto; margin:0; padding:100px 0 0 0;background:#fff;}
#slide_map .box ul li {border-bottom:1px solid #ddd;}
#slide_map .box ul li a {display:block; border-bottom:1px solid #555_;   position:relative; color:#111;}
#slide_map .box ul li a span {display:block; font-size:20px; line-height:22px; 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:#006f6f;}
#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 #ddd;border-bottom:0px solid #ddd; background:#f6fff7; padding:20px 0 20px 0px;}
#slide_map .box ul li ul li {padding-right:20px; border-bottom:1px solid #f6fff7;}
#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:#006f6f;}
#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:#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:#111; 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:30px; top:25px; width:50px; height:50px;z-index:1001; background:#006f6f; 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);}


}
/* 20240718 Ãß°¡ */
				.mem_login{width:90%; margin:0px 5%; border:1px solid #ddd; overflow:hidden;}
				.mem_login div{float:left;text-align:center; padding:10px 0; font-weight:400;width:50%;}
				.mem_login div a{color:#111;}
		     
				.mem_login .login{border-right:1px solid #ddd;  }
				@media screen and (min-width:1281px){
				.mem_login {display:none !important;}	
				.m_sns {display:none !important;}	
				}

				@media screen and (max-width:1280px){
				.mem_login {display:block !important;}	
				 .m_sns{display:block !important;}
				}

				.m_sns{width:90%; margin:20px 5%;}
 
@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:20px; 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 {  margin:0 auto; text-align:left; width:100%; max-width:1500px; padding:50px 20px; height:auto;  color:#111; 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:#111 !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;}

}