@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");



/*** reset ***/

html {-webkit-text-size-adjust:none;}
html, body {height:100%; min-height:100%; background:#fff; font-size:16px; color:#282828; font-weight:300; letter-spacing:-0.04em; line-height:1.4; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif !important;}
html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; line-height:inherit; font-size:inherit; font-family:inherit}
table {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
th, td {vertical-align:middle}
th {font-weight:bold}
input {-webkit-appearance:none; border-radius:0; color:#353535}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
*:focus {outline:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold}

input, button, textarea {box-sizing:border-box; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
select, button {cursor:pointer; box-sizing:border-box;}
select  {appearance:none; -webkit-appearance:none; padding:0 50px 0 8px; background:url(../_img/slt.png) right 50% no-repeat #fff;}
select::-ms-expand { display:none; }
input[type="submit"]{cursor:pointer}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
a {color:inherit; text-decoration:none}
em {display:inline-block; font-style:normal}
strong {font-weight:300}

/*** common ***/
body.dimmed {overflow:hidden;}
body.dimmed::after {position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9; content:'';}


.wfix {max-width:1320px; margin:0 auto;}
.hidetxt {font-size:0; line-height:0; text-indent:-9999px;}
.blind {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; opacity:0.1; font-size:0; line-height:0; text-indent:-9999px;}
.fl {float:left;}
.fr {float:right;}
.ovf {overflow:hidden;}
.after:after {display:block; width:100%; height:0; overflow:hidden; clear:both; content:'';}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fwb {font-weight:bold; font-weight:600;}
.lts0 {letter-spacing:0;}
.block {display:block;}
.w100 {width:100% !important; box-sizing:border-box;}
input:-ms-input-placeholder {color:#aaa; font-weight:300}
input::-webkit-input-placeholder {color:#aaa; font-weight:300}
input::-moz-placeholder {color:#aaa; font-weight:300}
textarea:-ms-input-placeholder {color:#aaa; font-weight:300}
textarea::-webkit-input-placeholder {color:#aaa; font-weight:300}
textarea::-moz-placeholder {color:#aaa; font-weight:300}
input.inp,
textarea.inp {border:1px solid #ccc; background:#fff}
.thumb {position:relative;}
.thumb:after {position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid rgba(0,0,0,0.15); content:'';}
.tit {text-align:center;}
.tit span {display:block; margin-bottom:3px; font-size:18px;}
.tit h3 {display:block; font-size:30px; font-weight:bold}
.tit p {margin-top:20px; font-size:18px; font-weight:300;}
.wfix {position:relative;}
.list_tab {overflow:hidden; text-align:center}
.list_tab li {float:left; width:50%; line-height:50px; font-size:20px; background:#fff; opacity:0.7; background:rgba(255,255,255,0.2); color:#fff; font-weight:400; cursor:pointer}
.list_tab li.active {background:#17469e; opacity:1}
.dimm > div:first-child {background:url(../img/dimm.png) rgba(0,0,0,0.2); text-align:center;}
.slick-arrow {position:absolute; top:50%; width:38px; height:62px; margin-top:-31px; background:url(../img/arw1.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:9999px;}
.slick-prev {left:0;}
.slick-next {right:0; background-position:right top }
.nojs .wrapper {position:absolute; top:50%; left:0; width:100%; padding:0;}
.w800 {width:800px; margin:0 auto;}
.w1000 {width:1000px; margin:0 auto;}

.nojs #wrap,
.nojs #fullpage,
.nojs .section {position:relative; height:100%;}

@media (max-width:1400px){
  .wfix {max-width:none;}
}

@media (max-width:1000px){
  .w800 {width:auto; margin:0 14px}
}
@media (max-width:800px){

  .wrapper {box-sizing:border-box;}
  .dimm > div:first-child {background-color:rgba(0,0,0,0.5)}
  .slick-arrow {background-size:38px 31px; width:19px; height:31px;}
  .tit span {font-size:14px;}
  .tit .nnbr {font-size:18px;}
}


#header {position:fixed; top:0; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.15); z-index:9}
#header .wfix {padding:27px 0; color:#fff; font-size:16px; transition:0.3s; overflow:hidden;}
#header.on .wfix {padding:10px 0; font-size:16px;}
#header h1 {float:left; margin-right:45px;}
#header h1 a {display:block; width:160px; height:32px; background:url(../img/logoW.png) 0 0 no-repeat; background-size:100% auto;}
#header.on h1 a {width:120px; height:24px; margin-top:4px;}
#header #gnb {padding:1px 0;}
#header #gnb ul {overflow:hidden; }
#header #gnb li {float:left;}
#header #gnb li + li {margin-left:28px;}
#header #gnb a {display:inline-block; line-height:30px; padding:0 10px;}
#header #topMenu {position:absolute; top:50%; right:0; margin-top:-10px; font-size:15px;}
#header #topMenu ul {overflow:hidden;}
#header #topMenu li {float:left;}
#header #topMenu li + li {margin-left:20px;}
#header #topMenu a {display:inline-block; line-height:20px; padding:0 10px; font-weight:normal}
#header.on #topMenu a {font-size:13px;}
#header .btn_menu {display:none; position:absolute; top:50%; right:0; width:25px; height:22px; margin-top:-11px; z-index:1001; cursor:pointer;}
#header .btn_menu span {position:absolute;  top:0; left:0; margin:auto; width:25px; height: 1px; background:#fff;}
#header .btn_menu .top {top: 0;}
#header .btn_menu .middle {top:10px;}
#header .btn_menu .bottom {top:20px;}
.nojs #header {position:absolute;}

@media (max-width:1400px){
  #header .wfix {margin:0 20px; font-size:15px}
  #header #gnb li + li {margin-left:20px}
  #menu .wrapper {margin:0}
}
@media (max-width:1000px){
  #header .wfix {margin:0 10px; padding:10px 0}
  #header #gnb,
  #header #topMenu {display:none;}
  #header .btn_menu {display:block}
  #header h1 a {width:28px; height:18px; margin:4px 0;; background-size:auto 100%}
  #header.on {background:rgba(0,0,0,0.5)}
  #header::after {position:absolute; top:50%; left:50%; width:111px; height:12px; margin:-6px 0 0 -55px; background:url(../img/logo_txt2.png) 50% 50% no-repeat; background-size:111px 12px; opacity:0.9; content:'';}
  #header.on h1 a {width:28px; height:18px; margin:10px 0}
  #header.on .wfix {padding:6px 0}
  #header.on .btn_menu {height:18px; margin-top:-9px;}
  #header.on .btn_menu .middle {top:8px}
  #header.on .btn_menu .bottom {top:16px;}
  #header.hd_white::after,
  #header.hd_history::after,
  #header.on::after {background-image:url(../img/logo_txt.png); opacity:0.8}
}


/* 전체 메뉴 */
#menu {display:none; position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:99; }
#menu .wrapper {position:absolute; top:0; bottom:0; right:-500px; width:420px; height:100%; padding:0; background:rgba(0,0,0,0.85); color:#c5c5c5; text-shadow:0 0 4px rgba(0,0,0,0.5); z-index: 999}
#menu .wrapper > ul {padding:80px 40px 0; font-weight:200}
#menu .d1 > a {font-size:18px; font-weight:300; color:#fff}
#menu .d1 + .d1 {margin-top:15px;}
#menu .d1 ul {padding-left:10px; font-size:14px;}
#menu .d2 + .d2 {margin-top:4px;}
#menu .d2 a {transition:0.3s}
#menu .d2 a:hover {color:#fff}
#menu .close {position:absolute;; top:40px; right:40px; width:28px; height:28px; background:url(../img/close.png) 50% 50% no-repeat; opacity:0; z-index:9999}
.menu_etc {position:absolute; bottom:0; left:0;}
.menu_etc ul {padding:40px 50px;}
.menu_etc li {display:inline-block; margin-right:20px;}

@media (max-width:800px){
  #menu .wrapper {width:90%; background:rgba(0,0,0,0.9);  overflow-y:auto;}
  #menu .wrapper > ul {padding:50px 30px 0;}
  #menu .d1 + .d1 {margin-top:16px;}
  #menu .wrapper > ul .d2  + .d2 {margin-top:6px}
  #menu .d1 > a {font-size:18px; font-weight:400}
  #menu .d1 ul {font-size:15px; padding-top:5px; font-weight:300}
  .menu_etc {position:relative;}
  .menu_etc ul {padding:40px 30px; font-size:14px;}
  #menu .close {top:0; right:0; width:64px; height:64px; padding:20px; background-size:24px}
}

#visual,
#board_visual {position:fixed; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-size:cover; z-index:-1}
#cont_visual,
#board_cont_visual {display:table; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1}
#cont_visual .inner {display:table-cell; vertical-align:middle; padding-top:70px;}
#cont_visual .wfix,
#board_cont_visual .wfix {text-align:center; color:#fff;}
#contents,
#board_contents {position:relative; background:#fff; z-index:2;}
#contents {margin-top:100%;}

.nojs #footer {height:auto;}
#footer {position:relative; z-index:3; background:#272727; color:#aaa;}
#footer .wfix {padding:70px 0 100px; overflow:hidden;}
#footer .fl {width:36%; overflow:hidden;}
#footer .fl > a {display:block; width:180px;}
#footer .fl .inner {margin-top:20px;}
#footer .fl .inner .links {font-size:0;}
#footer .fl .inner .links li {display:inline-block; color:#fff; font-size:14px; vertical-align:top}
#footer .fl .inner .links li:first-child {color:#00c0ff; letter-spacing:0;}
#footer .fl .inner .links li + li {margin-left:20px;}
#footer .fl .inner .info_footer {margin:30px 0; font-size:14px;}
#footer .fl .inner .info_footer strong,
#footer .fl .inner .info_footer strong + span {display:inline-block; vertical-align:top; font-size:18px; line-height:22px; margin-bottom:12px;}
#footer .fl .inner .info_footer strong + span::before {display:inline-block; vertical-align:top; width:1px; height:18px; background:#aaa; margin:2px 5px 0 5px; content:''}
#footer .fl .inner .info_email {width:360px; padding-top:30px; border-top:1px solid #555; color:#fff}
#footer .fl .inner .info_email strong {font-weight:bold}
#footer .sitemap {overflow:hidden; text-align:right;}
#footer .sitemap a {transition:0.4s}
#footer .sitemap a:hover {color:#fff;}
#footer .sitemap > li {display:inline-block; text-align:left; vertical-align:top; font-size:14px;}
#footer .sitemap > li + li {margin-left:48px;}
#footer .sitemap .depth1 {font-size:16px; color:#fff; font-weight:bold}
#footer .sitemap li ul {margin-top:16px;}
#footer .sitemap li li + li {margin-top:5px;}
#footer .copyright {border-top:1px solid #353535; background:#161616; color:#aaa; text-align:center; line-height:50px; font-size:15px; letter-spacing:0}
#footer .totop {position:fixed;; bottom:50px; right:50px; width:50px; height:50px; background:url(../img/totop.png) 50% 50% no-repeat #fff; border:1px solid #aaa; font-size:0; line-height:0; text-indent:-9999px; opacity:0}

@media (max-width:800px){
  #footer .wfix {padding:30px 14px; font-size:12px;}
  #footer .fl {float:none; width:auto;}
  #footer .fl > a {float:none; width:120px;}
  #footer .fl .inner {margin-top:16px;}
  #footer .fl .inner .links li {font-size:12px;}
  #footer .fl .inner .info_footer {font-size:12px;}
  #footer .fl .inner .info_footer strong,
  #footer .fl .inner .info_footer strong + span {font-size:16px;}
  #footer .sitemap {display:none;}
  #footer .copyright {font-size:12px;}
  #footer .totop {width:40px; height:40px; bottom:14px; right:14px;}
}

/* paging */
.paging {text-align:center; font-size:0; color:#777}
.paging * {display:inline-block; vertical-align:top;}
.paging > a {width:39px; height:39px; border:1px solid #ccc;}
.paging > a + a {border-left:none;}
.paging > a span {width:10px; height:9px; margin-top:15px; background:url(../img/ico_paging.png) 0 0 no-repeat;}
.paging .first span {background-position:0px -10px;}
.paging .prev span {background-position:0px 0px;}
.paging .next span {background-position:-20px 0px;}
.paging .last span {background-position:-20px -10px;}
.paging ul {margin:0 6px;}
.paging ul li {margin:0 3px;}
.paging ul a {width:41px; height:41px; line-height:41px; font-size:13px; letter-spacing:0; font-family:'arial'}
.paging ul a.bg {font-weight:bold}
.paging ul a:hover {background:#f7f7f7}
@media (max-width:800px){
  .paging .first,
  .paging .prev,
  .paging .next,
  .paging .last {display:none;}
}

/* Slider */
.slick-slider {position:relative;}
.slick-slider .slick-arrow {position:absolute; z-index:9}
.slick-slider {display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}

/* layer */
.layer {position:fixed; top:50%; left:50%; width:900px; margin-left:-450px; background:#fff; z-index:999}
.layer .hd_layer {position:relative; height:90px; padding:40px 50px 0;}
.layer .hd_layer .tit_layer {display:block; font-size:32px; font-weight:300;}
.layer .hd_layer .tit_layer::before {display:block; width:28px; height:3px; margin:0 0 4px 2px; background:#17469e; content:''}
.layer .hd_layer .close {position:absolute; top:10px; right:10px; width:50px; height:50px; border:1px solid #333; background:url(../img/ico_close.png) 50% 50% no-repeat #fff; background-size:16px;}
.layer .cont_layer {overflow-y:auto; padding:0 40px;}
.layer .desc_polity {padding:22px; background:#f5f5f5; font-size:15px;}
.layer .desc_polity > p {margin-bottom:10px}
.layer .desc_polity p.box {margin-bottom:30px; padding:30px; background:#f5f5f5}
.layer .desc_polity div {padding-left:10px}
.layer .desc_polity div + div {margin-top:20px;}
.layer .desc_polity div p {margin-top:8px}
.layer .desc_polity strong {display:block; font-weight:bold}
.layer .desc_polity strong.big {font-size:18px;}
.layer .desc_polity strong.small {padding-top:8px;}


@media (max-width:800px){
  .layer {width:calc(100% - 20px); height:calc(100% - 20px); top:10px; bottom:10px; left:10px; margin:0 !important; overflow-y:auto;}
  .layer .hd_layer {position:fixed; top:10px; left:10px; right:10px; height:85px;; padding:40px 20px 10px; box-sizing:border-box; background:#fff}
  .layer .hd_layer .tit_layer {font-size:20px; line-height:1.2;}
  .layer .hd_layer .close {width:30px; height:30px; opacity:0.7}
  .layer .cont_layer {padding:85px 0 0; overflow:hidden;}
  .layer .desc_polity {padding:18px 15px; font-size:14px;}
  .layer .desc_polity div {padding-left:6px;}
  .layer .desc_polity div + div {margin-top:12px;}
  .layer .desc_polity strong.big {font-size:16px;}
  .dimmed #wrap {overflow:hidden;}

}
