@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
@import url(../_css/webfont.css);

/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
img, fieldset {border:0px;}
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
li img, object {vertical-align:top;}
input, select, textarea, form img {vertical-align:middle;}
a {outline:0; text-decoration:none; border:none;}

/* global css */

.en {font-family: 'Noto Sans KR', sans-serif !important;}
.container-2000 {max-width:2000px; padding-left:27.5px; padding-right:27.5px; margin:0 auto;}
.noMargin {margin:0px;}
.noPadding {padding-right:0px; padding-left:0px;}
.noPaddingL {padding-left:0px!important;}
.noBorder-R {border-right:none!important;}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {padding-left:27.5px; padding-right:27.5px; padding-bottom:55px;}
.row {margin-left:0px; margin-right:0px;}

.headerTop {width:100%; height:1000px; background:#aaa;}
.header {position:fixed; top:0px; left:0px; right:0px; margin:0 auto; max-width:2000px; padding-left:55px; padding-right:55px; background:#fff; z-index:1000;}
.header .gnb li {float:left; padding:40px 35px 39px 0px;}
.header .gnb li a {font-family: 'Noto Sans KR', sans-serif !important; font-style:normal; font-size:18px; color:#333; text-decoration:none!important;}
.header .gnb li a.active {border-bottom:2px solid #000; padding-bottom:6px;}
.header .gnb .logo {position:absolute; right:0px; padding:42px 55px 30px 0px;}
.contents {width:100%; min-height:500px; margin-top:104px;}
.footer {width:100%; overflow:hidden;}
.footer p {font-size:12px; padding:20px 27.5px 20px 27.5px; color:#ccc;}

@media screen and (max-width:767px) {
.header
.headerWrap {padding-left:10px; padding-right:10px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {padding-left:10px; padding-right:10px; padding-bottom:20px;}
.container-2000 {padding-left:10px; padding-right:10px;}
.contents {margin-top:80px;}
.mheader {position:fixed; top:0px; left:0px; right:0px; padding:0px 20px; z-index:1000; background:#fff; }
.mheader .menu .logo {position:fixed; top:13px; right:20px; text-align:right;}
.mheader .menu .logo a img {width:80%;}
.dropdownbox {
  font-family: 'Noto Sans KR', sans-serif !important; font-style:normal;
  margin: 21px auto 0;
  color: #000;
  cursor: pointer;
}

.dropdownbox .icon {position:absolute; top:25px; left:100px;}

.dropdownbox > p {
  letter-spacing:0.5px;
  font-size: 17px;
  line-height: 1.4em;
  user-select: none;
  -moz-user-select:none;
  /* Safari */
  -khtml-user-select: none;
}

ul.menu {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 0;
  color: #000;
  cursor: pointer;
  user-select: none;
  -moz-user-select:none;
  /* Safari */
  -khtml-user-select: none;
}

ul.menu li {
  padding: 10px 0px;
  font-size: 17px;
  line-height: 1.4em;
}

ul.menu li a {font-family: 'Noto Sans KR', sans-serif !important; font-style:normal; color:#000; text-decoration:none;}

.menu.showMenu {

  /*-moz-transform:scale(1);*/
  padding-top:7px;
  height: 235px;
}

}