@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#555;}
div {display:block;}
h1,h2,h3 {font-weight:300;line-height:1.3}
h4 {font-weight:300;line-height:1.4}
h5 {font-weight:300;line-height:1.6}
b {letter-spacing:inherit;font-weight:700;}
.inner {width:1200px;margin:auto;clear:both}
.inner2 {width:1100px;margin:auto;clear:both}

.c_main {color: #916c3e !important;}
.c_sub {color: #b79469 !important;}
.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#909090 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important;}


h1 {font-size:50px;}
h1.big {font-size:60px;}
h2 {font-size:40px}
h3 {font-size:30px; }
h4 {font-size:24px;}
h5 {font-size:20px;}
p {font-size:18px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:16px;}
.roboto {font-family:'Roboto';}
.thin {font-weight:100;}
.bold {font-weight:700;}
.tight {letter-spacing:-0.11em !important;}
.loose {letter-spacing:0.1em !important;}
.font15 {font-size:15px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.font30 {font-size:30px;}
.font41 {font-size:41px;}
.font45 {font-size:45px;}
.font80 {font-size:80px;}

span {color:inherit}

.float {float:left !important;}
.float_r {float:right !important;}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.clearfix:after {content:"";clear:both;}
.flex {display: flex;}
.col {flex: 1;}



.bd_b {border-bottom:1px #d0d0d0 solid}
.bd_t {border-top:1px #d0d0d0 solid}
.bd_r {border-right:1px #d0d0d0 solid}
.bd_l {border-left:1px #d0d0d0 solid}



/* 폭 설정 */
.half {width:50% !important}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}



/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }

.logo { width:333px; height: 35px; background-image: url(images/logo.png); text-indent: -3333px;}
#footer .logo {background-image: url(images/footer_logo.png);}

#header {width:100%; min-width:1200px; height:187px; float:left; border-bottom: 1px #808080 solid;}
#header .logo { position: absolute; top: 47px; left: 50%; margin-left: -166.5px; }

#header #gnb { width:100%; height:64px; border-top:2px #644a43 solid; position: absolute; top: 123px;}
#header #gnb ul > li {float:left; width: 13%; background: url(images/gnb_part.gif) right center  no-repeat; height: 62px; line-height: 62px;}
#header #gnb ul > li.menu {width: 9%;}
#header #gnb ul > li.menu i {font-size: 40px; line-height: inherit; color: #958175;}
#header #gnb ul > li > a {display:block; line-height: inherit; -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;text-align:center;font-size:20px;}
#header #gnb ul > li > a.on,#header #gnb ul > li > a:hover {font-weight:bold; color: #958175;}
#header #gnb .subnav { margin:auto;
background:rgba(0,0,0,0.7);
color:#fff;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:62px;
  left:0;
  font-size:15px;
  border-bottom:1px #333 solid;
 }
#header #gnb .subnav .inner {padding: 0 0 0 5.5%;}
#header #gnb .subnav dl {float:left;width:14.28%;padding:10px 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;min-height:258px;}
#header #gnb .subnav dl:hover {background-color:rgba(0,0,0,0.2);}
#header #gnb .subnav dd {line-height:34px; }
#header #gnb .subnav a:hover {color: #f9deb4;}
#header #gnb .subnav a {display:block;margin:0 10px; border-bottom: 1px rgba(255,255,255,0.1) dotted;}




/* 공통 하단 */
#footer {width:100%; min-width:1200px; position:relative; float:left; background-color: #303030;}
#footer .sitemap {width: 100%; background-color: #786661; color: #fff;}
#footer .sitemap .inner {display: flex;}
#footer .sitemap .inner ul {width: 14.28%; flex: 1; text-align: left; opacity: 0.8;}
#footer .sitemap .inner ul h4 {margin-bottom: 5px;}
#footer .sitemap .inner ul li {line-height: 1.7; font-weight: 200; font-size: 18px;}
#footer .inner {text-align: center; padding: 50px 0;}
#footer .inner .logo {margin: auto;}
#footer .inner .txt {color: #b0b0b0;}
#footer .inner .txt span {font-size:17px;display:inline-block;margin:0 6px;font-weight:200;line-height:1.5;}

#footer a#back-top {display:block; position:absolute; right:20px; bottom: 20px; position:absolute; z-index:1; background-color: #ccc; width:60px; height: 60px; text-align: center; font-size: 30px; line-height: 60px;}