@charset "utf-8";

/****************************************/ 
/* Name: DESIGH WAVE
/* PART: LAYOUT STYLE
/* Version: 1.0
/****************************************/

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

/*============* header *============*/
#header {width:100%;/* height:130px;*/}
#header .headBox {position:relative; width:1200px; height:100%; box-sizing:border-box; margin:0 auto; z-index:10;}


#globList {position:relative; width:100%; height:40px; box-sizing:border-box; border-bottom:1px solid #e7e7e7; overflow:hidden;}
#globList::after {position:absolute; top:0; left:53%; width:100%; height:40px; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:#f3f3f3; content:'';}
#globList p {position:absolute; top:0; right:0; font-size:12px; color:#414141; line-height:40px;}
#globList p span {font-size:18px; font-weight:600; color:#ef533a; padding-left:10px; vertical-align:top;}

ul.quick_gnb {float:left;}
ul.quick_gnb li {position:relative; float:left; padding:0 13px; font-size:14px;}
ul.quick_gnb li:first-of-type {padding-left:0;}
ul.quick_gnb li::before {position:absolute; top:14px; left:0; width:1px; height:13px; background:#ccc; content:'';}
ul.quick_gnb li:first-of-type::before {display:none;}
ul.quick_gnb li a {color:#7d7d7d; line-height:40px;}

ul.glob {position:absolute; top:0; right:330px;}
ul.glob li {position:relative; float:left; padding:0 10px; font-size:12px;}
ul.glob li::before {position:absolute; top:15px; left:0; width:1px; height:10px; background:#ccc; content:'';}
ul.glob li a {color:#414141; line-height:40px;}
ul.glob li.login {}
ul.glob li.login::before {display:none;}
ul.glob li.login a {padding:3px 10px; border:1px solid #ddd; color:#242424;}

#gnbList {width:100%; height:90px; box-sizing:border-box; border-bottom:1px solid #e7e7e7;}
#gnbList h1 {padding-top:21px;}

ul.gnb {position:absolute; top:5px; right:0;}
ul.gnb li {float:left; padding:37px 15px; font-size:18px;}

ul.gnb li a {color:#333;}
ul.gnb li>ul {display:none; position:absolute; top:85px; width:170px; background:#fff; margin-left:-40px;}
ul.gnb li ul li {position:relative; width:100%;  padding:15px; border-top:1px dashed #d9d9d9;text-align:center;font-size:15px;box-sizing:border-box;}
ul.gnb li ul li:first-of-type {border-top:0;}
ul.gnb li ul li a {display:block; width:100%; height:100%; text-decoration:none;}
ul.gnb li ul>li:hover {background:#f18098;}
ul.gnb li ul>li:hover>a {color:#fff;}
ul.gnb li ul li ul {position:absolute; top:0; right:-190px;}




/*  헤더 :: GNB MOBILE */
#gnbM{/* width:86%; */ width:70%; 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; padding:0 15px; z-index:99999; padding:0}
	
.gnbM_header {position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden; box-sizing:border-box; padding-right:50px;}
#gnbM.open{right:0px;}

#gnbNavigation > ul{width:100%; overflow:hidden;}
#gnbNavigation > ul > li{position:relative; width:100%; border-bottom:1px solid #ddd; }
#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; color:#333; font-size:15px; font-weight:400; letter-spacing:-0.25px; text-decoration:none; padding-left:15px}
#gnbNavigation > ul > li .gnb-2dep{display:none;  background-color:#fafafa; border-top:1px solid #ddd;}
#gnbNavigation > ul > li .gnb-2dep li{}
#gnbNavigation > ul > li .gnb-2dep li a{display:block; color:#1e1e1e; font-size:14px; padding:12px 7%;}
#gnbNavigation > ul > li .gnb-2dep li a:hover {background:#f18098; color:#fff; text-decoration:none}
#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}

	ul.logList {width:100%; overflow:hidden;  background:#393d40; }
	ul.logList li {position:relative; float:left; width:50%; height:50px; line-height:50px; box-sizing:border-box; text-align:center; font-size:14px;}
	ul.logList li a {color:#babcbe;}
	ul.logList li.login {}
	ul.logList li.login::after {position:absolute; right:0; top:0; width:1px; height:100%; background:#000;content:''}
	ul.logList li.join::before {position:absolute; left:0; top:0; width:1px; height:100%; background:#393d40; content:''}
	
	.close_menu  {display:block; position:absolute; top:0 !important; right:0; width:50px; height:50px !important; background-color:#f18098; cursor:pointer; padding:0 !important; text-align:center;}
	.close_menu img {width:20px; padding-top:15px;}
		
	.M_call	 {line-height:54px; color:#333; font-size:18px; font-weight:400; padding-left:15px}
	.M_call a {padding-left:10px; font-weight:bold; color:#f18098; }
  .M_call a:hover {text-decoration:none}
	
	
/*menu*/
.menu {display:none;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  padding: 15px 0;
  cursor: pointer;
  z-index:9999999999;
}


.menu:before {
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  background: #000;
}
.menu:after {
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  background: #000;
}
.menu .bar {
  display: block;
  width: 22px;
  height: 2px;
  background: #000 ;
  margin: 5px 0;
}
.menu .bar:last-child {
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 17px;
}
/*============* container *============*/
#container {width:100%; overflow:hidden;}
#container .contents {position:relative; width:1200px; height:100%; overflow:hidden; margin:0 auto;}

#subContainer { position:relative; width:100%; overflow:hidden; background:#f8f8f8;}
#subContainer .contents {position:relative; width:1200px; height:100%; margin:0 auto; background:#fff; box-sizing:border-box; padding:50px; padding-left:320px; padding-bottom:100px; }


.main_section {width:100%; overflow:hidden; padding:80px 0;}
.main_section h2 {font-size:47px; color:#010101; letter-spacing:-2px; line-height:55px;}
.main_section h2 span {font-weight:400;}
.main_section h4 {font-size:27px; letter-spacing:-2px;}
.main_section h5 {font-size:23px; letter-spacing:-2px;}


/*========== #footer ==========*/
#footer {width:100%; height:205px; box-sizing:border-box; overflow:hidden; background:#dcdcdc url(../_img/common/bg_footer.jpg) repeat-x; font-family: 'NanumSquare', 'Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;}
#footer .footBox {position:relative; width:1200px; height:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:20px 0;}
#footer .footBox h1 {float:left; padding-right:70px;}

ul.f_menu {margin:6px 0 10px 0;}
ul.f_menu li { float:left; font-size:14px; height:10px; padding:0 10px; border-right: 1px solid #999; display:table}
ul.f_menu li:last-child {border:0}
ul.f_menu li a { padding:2px 0; vertical-align:central}


.f_inner {float:left; overflow:hidden; width:70%; box-sizing:border-box;  clear:both; margin:50px 0px; }
.f_inner p {color:#505050; font-size:14px; font-weight:500; padding:2px 0; }
.f_inner p span {border:1px solid #fff; font-size:12px; padding:3px 10px;}
.f_inner p.copy {font-size:13px; color:#8e8f98; text-align:left;}
.f_inner p strong {font-size:41px; font-weight:500; color:#fff; line-height:50px;}
.f_inner#cs_center {padding:30px 0 0 90px;}


.sns_list {text-align:right;}
.sns_list a {margin:0 2px; }


ul.fnb {overflow:hidden; text-align:right; font-size:0; margin:35px 0 10px 0;}
ul.fnb li {display:inline-block; width:152px; height:46px;  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; text-decoration:none;}
ul.fnb li a:hover {background:#8e8f98;}