/* COMMON CSS - LAYOUT CSS */

/* all layout */
body, 
header#header, 
footer#footer  { 
  min-width:1200px;
}
.wrap {width:100%;}

/* content layout */
#mainContent, #content, #header, #footer {
  width:100%;
  overflow:hidden;
  display:block;
  margin:0 auto;
}
#mainContent, #content {
  position:relative;
}
section.mainSection, section.section {
  width:100%;
  display:block;
  margin:0 auto;
  
  word-break: keep-all;
}
section.mainSection {}
section.section {}
section > .sec_wrap {
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}


#content {
  padding:100px 0;
}

#content .cont_wrap {
  width:1200px;
  margin:0 auto;
  margin-bottom:120px;
}

#content .cont_wrap:last-child {
  margin-bottom:0;
}

/* header */
header#header {
  position:absolute;
  top:0;
  left:0; right:0;
  padding:14px 0;
  z-index:99;
}
#header .head_wrap {
  width:1200px;
  margin:0 auto;
  overflow: hidden;
}
#header h1.logo {
  float:left;
}
#header ul.gnbmenu {
  float:right;
  overflow: hidden;
}
#header ul.gnbmenu > li {
  float:left;
  position:relative;
  margin:19px 52px 0 52px;
}
#header ul.gnbmenu > li:last-child {
  margin-right:0;
}
#header ul.gnbmenu > li > a {
  font-family: "NanumSquare", sans-serif;
  font-size:19px;
  font-weight: bold;
  font-weight: 700;
  color:#fff;
}


/* submenu */

#submenu {
  width:100%;
  display:block;
  text-align: center;
  min-width:1200px;
  padding:55px 0 0 0;
}
#submenu ul {
  display:inline-block;
  max-width:1200px;
  position:relative;
}
#submenu ul li {
  position:relative;
  float:left;
  width:294px;
  height:48px;
  margin-right:8px;
}
#submenu ul li:nth-child(4n) {
  margin-right:0;
}
#submenu ul li a {
  width:100%;
  height:100%;
  box-sizing: border-box;
  line-height:46px;
  border:1px solid #d7d7d7;
  color:#333;
  font-size:16px;
}
#submenu ul li a:hover {
  background:#f6f6f6;
}
#submenu ul li.on a, #submenu ul li.on a:hover  {
  background:#333;
  color:#fff;
}


/* footer */
footer#footer {
  background:#393e46;
  padding:30px 0 40px 0;
}
#footer .foot_wrap {
  width:1200px;
  margin:0 auto;
}
#footer .foot_wrap > div { position:relative; }
#footer .foot_info { float:left; }
#footer .foot_cs { float:right; }
#footer .foot_info img {
  margin-bottom:16px;
}
#footer .foot_info p {
  font-size:13px;
  color:#fff;
}
#footer .foot_info p > span {
  position:relative;
  display:inline-block;
  margin: 0 10px;
}
#footer .foot_info p.copy {
  color:#c8c8c8;
  margin-top:24px;
}

#footer .foot_cs h4 {
  font-size:20px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-weight: 400;
  color:#f98100;
}
#footer .foot_cs p.num {
  font-size:36px;
  color:#fff;
  font-family:"Roboto", sans-serif;
  font-weight: bold;
  font-weight: 700;
  padding:6px 0;
}
#footer .foot_cs p.time {
  font-size:13px;
  color:#fff;
  line-height:16px;
}


/* Top btn */
.topBtn {
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-41.5px;
  width:83px;
  height:42px;
  background:url('../images/common/top_btn.png')no-repeat center center;
  cursor: pointer;
}




/* etc */
font.kanji { font-family: 'Nanum Gothic', sans-serif; }