#header{position:absolute; left:0; top:0; width:100%; z-index:100;  }
#header .header_inner{position:relative;height:4.5rem; }
#header h1{ position:absolute; left:2rem; top:50%; transform:translateY(-50%); z-index:10;}
#header.over{ }

/* Å¾¸Þ´º */
#header .header_inner #nav {height:100%; margin:0 auto; text-align:center; position: relative; /* background:rgba(0, 117, 201, 0.9); */ min-width:60rem;}
#header .header_inner #nav:before{content : ""; display : block; position : absolute; left:-30%; top:0; width : 30%; height :100%; background:rgba(0, 117, 201, 0.9);}
#header .header_inner #nav img{vertical-align:bottom; }
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul  li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul > li:first-child:before{content : ""; display : none;}
#header .header_inner #nav ul > li:before{content : ""; display : block; position : absolute; left:0; top:50%; margin-top:-0.375rem; width : 1px; height :.75rem; background:rgba(255,255,255,0.2);}
#header .header_inner #nav ul li div a{text-align:center; color:#fff; font-weight: 500;display:inline-block; height:4.5rem; line-height:4.5rem; text-transform: uppercase;position:relative;  font-size:1rem; }
#header .header_inner #nav ul li div{position:relative; padding:0 1.5rem; margin:0 1rem;}
#header .header_inner #nav ul li.on div:after{content : ""; display : block; position : absolute; left:0; bottom:0; margin-left:10%; width : 80%; height :3px; background:#00AEEF; z-index:1000;}
#header .header_inner #nav ul li.on ul{}
#header .header_inner #nav ul li.on div a:before{width:100%; left:0%;}
#header .header_inner #nav strong{font-weight: normal;}
#header .header_inner #nav ul li ul {z-index: 100; display:none; position: absolute; width:100%; left:0;  top:3.75rem; padding:40px 0px 0px; box-sizing:border-box;  border-top:none; text-align:center;}
#header .header_inner #nav ul li ul li {display:block;margin-bottom:13px; line-height:1.5;}
#header .header_inner #nav ul li ul li:before{content : ""; display : none;}
#header .header_inner #nav ul li ul li a{display:block;color:#0a0a0a; font-size:.8rem; height:auto;  line-height:1.5;}
#header .header_inner #nav ul li ul li a:before{content:""; display:block; clear:both;}
#header .header_inner #nav ul li ul li a:hover{color:#1B5E20;}
#header .header_inner #nav ul li ul li ul{display:none;}
#header .header_inner #nav ul li ul li ul li{display:none;}
#header .header_inner .bg_box {display:none; position: absolute; width:60rem; left:50%; margin-left:-30rem; height: 17rem; top: 4.5rem; z-index:10; box-sizing:border-box; background:rgba(236, 232, 228, 0.95) ; }
#header .header_inner .bg_box:before{content : ""; display : block; position : absolute; left:-30%; top:0; width : 30%; height :100%; background:rgba(236, 232, 228, 0.95) url('../bts_img/main/header_bg.png')no-repeat 90% 155%; }
#header .memMenu{position:absolute; right:1rem; top:50%; transform:translateY(-50%); font-size:.9rem;}
#header .memMenu a{padding:0 20px; position:relative; color:#fff; }
#header .memMenu a:first-child:before{content : ""; display : block; position : absolute; right:0; top:50%; margin-top:-0.375rem; width : 1px; height :.75rem; background:rgba(255,255,255,0.2);}


/* footer */
footer {background:#f2f4f6; position:relative; margin:0; padding:1rem 0 1.5rem;font-size:.8rem; }
footer .f_logo img{width:8rem;}
footer .inn {position:relative; width:60rem;  margin:0 auto;}
footer .inn p {}
footer .inn .address{ letter-spacing:0; position:relative; font-size:.75rem;}
footer .inn .address ul{margin-bottom:5px;}
footer .inn .address ul li{display:inline-block; position:relative; margin-right:10px;}
footer .inn .address ul li span{margin-right:10px;}
footer .inn .address ul li a{font-size:1rem; font-weight:500; color:#212121;}
footer .inn .address p span{padding-left:1rem; position:relative;}
footer .inn .address p span:before { position:absolute; left:0.5rem; top:50%; margin-top:-5px;  width:1px; height:10px;  background-color:#a0a0a0; content:'';}
footer .inn .sns{position:absolute; right:0; bottom:1rem; }
footer .inn .sns a{margin:0 0.5rem;}
footer .inn .sns a img{margin-top:-5px; width:1.8rem;}
footer .inn .address .app{margin-top:1rem;}
footer .inn .address .app img{width:10rem;}
footer .copy{margin-top:10px; font-size:0.75rem;}

footer .bottomlogo {position:absolute; left:10px;}
footer .bottomlogo img {padding-bottom:30px}
footer .foot_menu a{font-size:15px; color:#000; padding:0}
footer .foot_menu a span{position:relative; padding-left:2rem}
footer .foot_menu a span:before { position:absolute; left:1rem; top:50%; margin-top:-2px; width:4px; height:4px;  background-color:#a0a0a0; content:''; border-radius:50%;}


@media screen and (max-width:1200px){
	footer .inn{width:100%;}

}

@media screen and (max-width:960px){
	.f_logo{text-align:center;}
	footer .inn .address div{margin:0; display: table;  margin-left: auto;  margin-right: auto; margin-top:1.5rem; margin-bottom:1.5rem;}
	footer .inn .address{font-size:0.8rem; }
	footer .inn .address span{padding:0; line-height:1.6; font-size:0.8rem;}
	footer .inn .address ul{display:table; margin-right:auto; margin-left:auto;}
	footer .inn .sns{position:relative; right:auto; bottom:auto; margin:1.5rem 0 1rem;}
	footer .inn .address p span{display:block;}
	footer .inn .address ul li a{font-size:1.2rem; }
}