@charset "utf-8";

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

#wrppaer {width:100%; min-width:1200px; overflow:hidden;}

/*====================== header ======================*/
#header {position:relative; width:100%; background:#060b1c; overflow:hidden; box-sizing:border-box; padding:0 10px; border-bottom:1px solid #252832}
#header h1 {float:left; padding:20px 0;}
#header h1 img {width:200px;}
#header span.gnb_open_btn  {position:absolute; top:50%; margin-top:-23px; right:0; width:60px; height:46px; background:url(../_img/icon/menu_btn.png) no-repeat center; text-indent:-9999px; background-size:30px;}


/*  헤더 :: GNB MOBILE */
#gnbM{/* width:86%; */ width:300px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#fff; z-index:99999; overflow-y:auto;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
	
.gnbM_header {position:relative; width:100%; overflow:hidden; padding:30px; box-sizing:border-box; background:#060b1c;}
ul.logList {width:100%; overflow:hidden;}
ul.logList li {float:left; height:40px; border-radius:2px; text-align:center; font-size:14px; margin-right:5px; padding:0 25px; line-height:40px;}
ul.logList li a {color:#fff;}
ul.logList li.login {}
ul.logList li.join {}

.close-box {position:absolute; top:15px; right:10px; cursor:pointer; display:block;}
.close-box img {}
	
	
#gnbM.open{right:0px;}

#gnbNavigation > ul{width:100%; overflow:hidden;}
#gnbNavigation > ul > li{position:relative; width:100%; border-bottom:1px solid #e4e4e4; }
#gnbM.open  #gnbNavigation> ul > li{animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigation > ul > li > a{position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#333; font-size:17px; font-weight:400; letter-spacing:-0.25px;}
#gnbNavigation > ul > li .gnb-2dep{display:none; padding:13px 0; background-color:#060b1c}
#gnbNavigation > ul > li .gnb-2dep li{}
#gnbNavigation > ul > li .gnb-2dep li a{display:block; color:#fff; font-size:14px; padding:12px 7%;}
#gnbNavigation > ul > li .gnb-2dep li a:hover{color:#00e0ce}
#gnbMenuBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}


/*====================== container ======================*/
#container {width:100%; overflow:hidden; background:#f6f7f9;}

#subContainer select {width:100%; height:42px; font-size:15px; box-sizing:border-box; padding:0 5px; color:#999; border:1px solid #ddd; background:url(../_img/icon/select_arrow.jpg) no-repeat center right 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
/*#subContainer select:first-of-type {margin-left:0;}*/
#subContainer select::-ms-expand {display:none;}

/*====================== footer ======================*/
#footer {width:100%; overflow:hidden; border-top:3px solid #d1d0d0; background:#eeedee; padding:20px 10px; box-sizing:border-box;}
#footer p {text-align:center; font-size:13px; color:#8b8b8b;}
#footer p span {color:#0aaea1; padding:0 5px; font-weight:500;}

ul.fnb {width:100%; overflow:hidden; text-align:center; font-size:0; margin:13px 0;}
ul.fnb li {display:inline-block; width:115px; box-sizing:border-box; font-size:13px; font-weight:500; padding:13px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
ul.fnb li:first-of-type {border-left:0;}
ul.fnb li a {color:#8b8b8b;}