@charset "utf-8";

#wrap{ position:relative; }
body{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

img{ max-width:100%; }
header{ /* Chrome 10-25, Safari 5.1-6 */
/*header 그라데이션************************************************************/
background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
/****************************************************************************/
padding:0 60px; width:100%; height:100px; position:absolute; top:0; left:0; z-index:900; box-sizing:border-box; -webkit-box-sizing:border-box; }
header h1{ float:left; width:122px; margin:20px 47px 0 0; }
.lang{ position:absolute; top:50%; left:240px; transform:translateY(-50%); }
.lang a{ font-size:20px; color:rgba(255,255,255,0.5); margin-right:20px; }
.lang a:nth-child(1):after{ content:''; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,.5); margin-left:20px; }
.lang a.on{ color:#fff; }
header nav{ float:right; position:relative; height:100%; }
header #gnb{ float:left; margin-right:130px; }
header #gnb > li{ display:inline-block; margin:0 40px; }
header #gnb > li > a{ display:block; line-height:100px; font-size:20px; color:rgba(255,255,255,0.6); }
header #gnb > li:hover > a{ color:#fff; }
header #gnb > li > a span{ padding-bottom:9px; border-bottom:0px solid transparent; transition:all .8s; }
header #gnb > li:hover > a span{ border-bottom:3px solid #0076ce; }
header nav > button{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; height:22px; font-size:0; background:url(../img/common/menu_btn.png)no-repeat 0 0 /cover; }
header nav > button:hover{ background:url(../img/common/menu_btn_hover.png)no-repeat 0 0 /cover; }


#all_menu{ position:fixed; z-index:1000; width:100%; height:100%; background:#000; top:-100%; left:0;  }
#all_menu .gnb{ max-width:1200px; position:absolute; top:200px; left:50%; transform:translateX(-50%); }
#all_menu .gnb > li > a{ display:block; font-size:50px; color:rgba(255,255,255,.5); text-align:center; line-height:2; transition:color .3s; }
#all_menu .gnb > li > a:hover{ color:#fff; }
#all_menu .close_btn{ position:absolute; top:114px; left:50%; transform:translateX(-50%); }
#all_menu .close_btn button{ font-size:0; width:44px; height:44px; background:url(../img/common/all_menu_close.png)no-repeat 0 0; }

footer{ position:relative; padding:43px 0 63px; background-color:#222; }
footer .footerLogo{position:absolute;left:60px;top:60px;width:140px;height:60px;background: url(../img/common/hd_logo.png) no-repeat; background-size: contain;}
footer .inner{ padding-left:260px; }
footer .inner a,footer .inner span{ font-size:15px; color:#85888d; display:inline-block; }
footer .inner .foot_menu a{ margin-right:40px;  height:16px;}
footer .inner .foot_menu a:last-child{ margin-right:0px; }
footer address{ margin-top:16px; }
footer address span{ margin-right:30px; line-height:1.5; }
footer address p{ font-size:15px; color:#85888d; margin-top:10px; }
footer .top_btn{ width:70px; height:70px; position:absolute; top:-20px; right:10px; font-size:0; background:url(../img/main/top_btn.jpg)no-repeat 0 0; }

.lnb{ text-align:center;}
.lnb ul{ display:inline-block; }
.lnb ul li{ display:inline-block; width:220px; margin-left:-4px; margin-right:10px; }
.lnb ul li:last-child{ margin-right:0px; }
.lnb ul li a{ display:block; line-height:67px; background:#f6f6f6; border:2px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:20px; color:#666; transition:all .3s; }
.lnb ul li a:hover,.lnb ul li a.on{ background:#0076ce; border-color:#0076ce; color:#fff; }

/* colorline - subcColor */
.colorline{width:100%;height:30px;background-color:#92cdea;}

/* media query */
@media all and (max-width:1200px){
	header nav #gnb{ display:none; }
	footer .footerLogo{ position:absolute;top:40px;left:50%;transform:translateX(-50%); }
	footer .inner{ padding:100px 5% 0; text-align:center;}
	footer address{ margin-top:22px; }
	.lnb ul{ display:block; }
	.lnb ul li{ width:25%; margin-right:0; }
	.lnb ul li a{ font-size:18px; }
}
@media all and (max-width:640px){
	header{ padding:0 5%; height:70px; }
	header h1 { width:80px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }
	header .lang{ left:5%; }
    footer .footerLogo{ width:100px; top: 48px; }
	footer .inner address br{ display:none; }
	footer .inner address span{ display:block; margin:0; }
}
@media all and (max-width:460px){
	header .lang a{ font-size:16px; margin-right:10px; }
	header .lang a:nth-child(1):after{ margin-left:10px; }
	header nav > button{ width:20px; height:15px; }
	#all_menu .gnb > li > a{ font-size:5vh; }
	#all_menu .close_btn button{ width:30px; height:30px; background-size:30px 30px; }
	footer .inner .foot_menu a{ margin-right:20px; }
	.lnb ul li{ width:50%; margin-right:0; margin-top:-2px; }
	.lnb ul li a{ font-size:18px; }
    /* colorline - subcColor */
    .colorline{width:100%;height:15px;background-color:#92cdea;}
}