@charset "utf-8";

/****************************************/ 
/* Name: DESIGH WAVE
/* PART: LAYOUT STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

#wrapper {width:100%; overflow:hidden;}

/*========== header ==========*/
header {position:fixed; left:0; top:0; width:100%; height:auto; overflow:hidden;  z-index:99999; transition:all 0s ease; transition:top .5s;}
header .headBox {position:relative; width:1500px; overflow:hidden; margin:0 auto;}
header h1 {float:left; padding:30px 0; transform:scale(1,1); transition:padding .5s, transform .5s; }
header h1 img {width:100%;}

header.sub_head {position:relative;}
header.sub_head h1 {padding:18px 0;}

ul.gnb {position:absolute; right:50px; top:50%; margin-top:-15px; transition:all 0s ease; transition:top .5s;}
ul.gnb li {float:left; font-size:18px; padding:10px 25px; font-weight:600;}
ul.gnb li a {color:#000;}


header.active {background:#fff;}
header.active h1 {width:220px; padding:10px 0; transform:scale(0.9,0.9); transition:padding .5s, transform .5s;}
header.active ul.gnb {top:30px; transition:top .5s;}

.overview p {position:relative; left:120px; opacity:0; transition:all 0s ease;}
.overview p.active {left:0; opacity:1; transition:left .8s ease .5s, opacity .8s ease .5s, transform .8s ease .5s;}

/*========== container ==========*/
.contents {position:relative; width:1200px; height:100%; margin:0 auto; box-sizing:border-box; padding:11% 0;}

#container {width:100%; overflow:hidden;}
#container .contents {padding:0;}

.sub_mainContents {width:100%; overflow:hidden;}


/*========== footer ==========*/
footer {width:100%; height:240px; box-sizing:border-box; overflow:hidden; background:#3a3a3a;}
footer .footBox {position:relative; width:1200px; height:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; padding-left:350px; padding-top:85px;}
footer .footBox h1 {position:absolute; top:50%; margin-top:-46px; left:0;}
footer .footBox p {color:#fff; font-size:17px;}
footer .footBox p span {display:block; font-size:31px; padding:10px 0;}
footer .footBox p.copyright {font-size:13px; color:#727272;}

.sns_list {position:absolute; top:85px; right:0;}
.sns_list a {margin:0 2px;}

ul.fnb {position:absolute; right:0; bottom:80px;}
ul.fnb li {float:left; width:140px; height:30px; border:1px solid #9e9e9e; box-sizing:border-box; margin:0 2px; box-sizing:border-box;}
ul.fnb li a {display:block; width:100%; line-height:28px; color:#fff; text-align:center; font-size:12px;}