@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://fonts.googleapis.com/css?family=Material+Icons);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;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:#505050;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:600}
.inner {width:1200px;margin:auto;clear:both}
.inner2 {width:1100px;margin:auto;clear:both}
.c_main {color:#ed145b !important}
.c_sub {color:#fcaf17 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:50px;}
h2 {font-size:40px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.6}
p {font-size:17px;font-weight:400;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}

span {color:inherit}

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


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:auto;}


.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}



.mt50 {margin-top: 50px;} 
.mt100 {margin-top: 100px;} 
.mb50 {margin-bottom:  50px;} 
.mb100 {margin-bottom: 100px;} 


/* 컬럼 설정 */
.col5 {width:20%;}
.col5_r {width:80%;}
.col4 {width:25%;}
.col3 {width:33.33%;}
.half {width:50% !important}
.w40 {width:40%;}
.w60 {width:60%;}
.w90 {width:90%;}



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

h1.logo {width:258px;height:82px;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:198px; border-bottom:1px #e0e0e0 solid;}
#header > .inner {position:relative;height:136px;}
#header .logo {position:absolute;top:26px;left:50%;margin-left:-129px;}
#header a.site {position:absolute;top:60px;right:0;background:url(images/header_site.png);width:125px;height:34px;display:block;text-indent:-3333px;}


#header #gnb {width:100%; min-width:1200px; background-color:rgba(0,0,0,0.6);height:62px;color:#fff;}
#header #gnb > ul {position:relative;float:right;left:-50%;}
#header #gnb > ul > li {position:relative;float:left;left:50%;margin:0 25px;}
#header #gnb > ul > li p a {display:block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-align:center;font-size:18px;line-height:62px;}
#header #gnb > ul > li p a.on,#header #gnb > ul > li p a:hover {color:#fcaf17;}
#header #gnb .subnav { margin:auto;
background:rgba(0,0,0,0.5);
color:#555;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:center;
  top:62px;
  font-size:14px;
  width:150px;
  color:#fff;
 }
#header #gnb .subnav dl {padding:10px 0;}
#header #gnb .subnav dd {line-height:32px;}
#header #gnb .subnav a {display:block;padding:0 15px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#header #gnb .subnav a:hover {color:#fcaf17}
#header .hn9 .subnav {margin-left:-62px !important;}
#header .hn1 .subnav {margin-left:-52px !important;}
#header .hn2 .subnav {margin-left:-52px !important;}
#header .hn3 .subnav {margin-left:-45px !important;}
#header .hn4 .subnav {margin-left:-32px !important;}
#header .hn5 .subnav {margin-left:-45px !important;}
#header .hn6 .subnav {margin-left:-32px !important;}
#header .hn7 .subnav {margin-left:-32px !important;}
#header .hn8 .subnav {margin-left:-45px !important;}
#header .hn10 .subnav {margin-left:-45px !important;}



/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;background-color:#303030;float:left;padding-bottom:30px;}
#footer .term {width:100%;background-color:#505050;height:60px;line-height:60px;color:#fff;}
#footer .term ul {float:right;position:relative;left:-50%;}
#footer .term li {float:left;position:relative;left:50%;display:inline-block;margin-right:20px;}
#footer .term li:after {content:"|";padding-left:20px;font-weight:100;color:#aaa;}
#footer .term li.last:after {content:"";}

#footer .inner {padding-top:30px;}
#footer .inner > * {float:left}
#footer .txt {color:#fff;padding-top:8px;}
#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:15px;}
#footer span.link:after {content:"|";padding-left:10px;}
#footer span.link.last:after {content:"";}
#footer a#back-top {display:block; width:50px;height:50px;float:right;text-align:center; border:1px #c0c0c0 solid; -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#c0c0c0;line-height:50px;position:absolute;right:20px;}
#footer a#back-top i {line-height:inherit;}
#footer a#back-top:hover {color:#fff; border:1px #fff solid}