@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.02em;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:#303030;}
div {display:block;}
h1,h2,h3,h4,h5 {line-height:1.3;font-weight:400}
b {letter-spacing:inherit;font-weight:600}
.inner {width:1200px;margin:auto;clear:both;position:relative;}
.inner2 {width:1100px;margin:auto;clear:both;position:relative;}
.c_green {color:#76a681 !important}
.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_blue {color:#4584a1 !important;}
.c_jung {color:#182A88 !important;}

h1 {font-size:60px;}
h1.font80 {font-size:80px;}
h1.font70 {font-size:70px;}
h2 {font-size:46px}
h3 {font-size:32px;}
h4 {font-size:25px;line-height:1.5}
h5 {font-size:20px;line-height:1.8;font-weight:200;word-break:keep-all;letter-spacing:-0.03em;}
p {font-size:18px;font-weight:200;line-height:1.8;color:inherit;word-break:keep-all;letter-spacing:-0.03em;}
p.small {font-size:16px;}
p.smaller {font-size:14px;}
.ind3 {padding-left:3px;}
.ind5 {padding-left:5px;}
.roboto {font-family:'Roboto';}
.thin {font-weight:100;}
.bold {font-weight:700;}
.italic {font-style:italic;}
.font24 {font-size:24px;}
.tight {letter-spacing:-0.07em;}


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 {clear:both;display:block;}
.clearfix:after {content:"";clear:both;}




.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}
.col4 {width:25%;}
.col3 {width:33.33%;}
.w40 {width:40%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w90 {width:90%;}
.w100 {width:100%;}



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

h1.logo {width:344px;height:83px;background-image:url(images/logo.png);text-indent:-3333px;}
h1.logo.white {background-image:url(images/logo_w.png);}


#header {width:100%; min-width:1200px; height:120px; background-color:#d6d6d6;}
#header .logo {margin-top:18px;float:left;}

#header #gnb {float:right;position:relative;}
#header #gnb > ul {}
#header #gnb > ul > li {float:left;position:relative;}
#header #gnb > ul > li p {padding-top:20px;line-height:97px;font-size:19px;}
#header #gnb > ul > li p > a {padding:0 20px;}
#header #gnb > ul > li p > a.on {font-weight:600;}
#header #gnb > ul > li p > a:hover {font-weight:600;}
#header #gnb .subnav { margin:auto;
width:200px;
 background:rgba(0,0,0,0.8); 
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:120px;
  font-size:16px;
  padding:10px; 
  margin-left:-45px;
  color:#bbbbbb;
 }
#header #gnb .subnav > ul {}
#header #gnb .subnav dl {display:block}
#header #gnb .subnav dd {height:30px;line-height:30px;}
#header #gnb .subnav a:hover {color:#fff;}
#header #gnb .subnav a {display:block;}
.hn6 .subnav {margin-left:-35px !important;}
.hn7 .subnav {margin-left:-53px !important;}
/* Underline From Center */
.hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #333;
  height: 3px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hover:hover:before, .hover:focus:before, .hover:active:before, .hover.on:before {
  left: 0;
  right: 0;
}



/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background-color:#303030;float:left;padding:40px 0;}
#footer .inner {position:relative;}
#footer .inner > * {float:left}
#footer .logo {opacity:0.6;}
#footer .txt {color:#888;}
#footer span {font-size:14px;display:inline-block;margin-right:10px;font-weight:300;line-height:1.5;opacity:0.7;}
#footer span.link {opacity:1;font-size:16px;color:#fff}
#footer span.link:after {content:"|";padding-left:15px;}
#footer span.link.last:after {content:"";}
#footer a#back-top {display:block; width:60px;height:60px;border-radius:60px;float:right;text-align:center; background-color:#505050; -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#c0c0c0;line-height:60px;position:absolute;right:20px;top:10px;}
#footer a#back-top i {line-height:inherit;font-size:30px;}
#footer a#back-top:hover {color:#fff; background-color:#888;}