@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url( ./fonts.css );

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:16px; font-family:"Noto Sans KR", sans-serif; overflow-x:hidden; color:#404040;}
textarea, select{font-size:12px; font-family:"Noto Sans KR", sans-serif; border-radius:0; -webkit-border-radius:0;}
select{height:24px; margin:0; padding:2px; border-radius:0; -webkit-border-radius:0; border:1px solid #d7d7d7; font-family:"Noto Sans KR", sans-serif; background:#fff;}
p{margin:0; padding:0; word-break:break-all;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
p{word-break:keep-all; word-wrap:break-word;}
input{border-radius:0; -webkit-border-radius:0;}
label{margin:0 !imortant; font-weight:normal !important;}

img{max-width:100%;}
.dn{display:none;}

.cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 10px; position:relative;}

.mT30{margin-top:30px;}
.mT50{margin-top:50px;}

.blind{font-size:0; left:-1000em; line-height:0; position:absolute;}


/*
#header-wrap{position:relative;}
#header-section{width:100%; min-width:1200px; z-index:1000; background:#fff;  -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s;}
#header-section .header-area{width:1200px;  height:100px; margin:0 auto; position:relative;}
#header-section .header-area:after{clear:both; content:""; display:block;}
#header-section #tnb{top:22px; right:10px; position:absolute;}
#header-section #tnb ul{}
#header-section #tnb ul:after{clear:both; content:""; display:block;}
#header-section #tnb ul li{float:left;}
#header-section #tnb .gtop{float:left;}
#header-section #tnb .gtop a{height:28px; margin-left:18px; display:block;}
#header-section #tnb .gtop ul li:nth-child(1) a{width:31px; background:url("../img/gicon01.png") no-repeat center 3px;}
#header-section#tnb  .gtop ul li:nth-child(2) a{width:26px; background:url("../img/gicon02.png") no-repeat center 3px;}
#header-section #tnb .tmem{float:left;}
#header-section #tnb .tmem a{margin-left:30px; font-weight:600; font-size:13px; line-height:20px; color:#333; display:block; position:relative;}

#header-section #logo{top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:10000; position:absolute;}
#header-section #gnb{height:100px; position:relative;}
#header-section #gnb .gnb{width:920px; float:right;}
#header-section #gnb .gnb:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul{}
#header-section .gnb .gb-ul:after{clear:both; content:""; display:block;}
#header-section .gnb .gb-ul .gb-1li{height:100px; position:relative; float:left;}
#header-section .gnb .gb-ul .gb-1li .gb-1a{height:100px; padding:0 40px; font-weight:500; font-size:19px; line-height:100px; text-align:center; color:#212121; display:block; vertical-align:middle; position:relative;}
#header-section .gnb .gb-ul .gb-1li .gb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:0; z-index:1; background:rgba(0,27,54,.7); content:""; position:absolute; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; -ms-transition:all 0.33s ease-out 0s; -o-transition:all 0.33s ease-out 0s; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#header-section .gnb .gb-ul .gb-1li .gb-1a.on:after,
#header-section .gnb .gb-ul .gb-1li .gb-1a:hover:after{width:80%;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul{width:100%; height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li a{font-size:16px; line-height:36px; text-align:center; color:#fff; display:block; position:relative;}
#header-section .gnb .gb-ul .gb-1li .gb-2ul li:first-child{padding-top:15px;}
#header-section .hbg-menu{width:45px; height:45px; top:15px; right:10px; text-indent:-9000px; border:1px solid #222; background:#fff url("../img/btn_allmenu.png") no-repeat center center; display:none; position:absolute;}

.gnb-bg-box{width:100%; height:0; top:100px; left:0; z-index:101; background-color:rgba(22,76,117,.9); display:none; position:absolute;}
*/
#wrap{z-index:9999; position:relative;}
#wrap.page,
#wrap.wide{padding-top:100px;}

#header-section{width:100%; top:0; left:0; z-index:9999; position:absolute; background:rgba(255,255,255,.6);}
#header-section .header-area{width:100%; min-width:1240px; margin:0 auto; padding:0 20px;}
#header-section .gnb-box{height:100px; z-index:9999; position:relative;}
#header-section #logo{ top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#header-section #logo img{width:70%;}
#header-section #gnb{margin-right:0; float:right;}

#header-section #gnb:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul{}
#header-section #gnb .gnb-1ul:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul .gnb-1li{position:relative; float:left;}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{padding:0 55px; font-size:18px; line-height:100px; display:block; color:#000; font-weight:700;}
#header-section.header-on #gnb .gnb-1ul .gnb-1li .gnb-1a{color:#000;}
#header-section #gnb .gnb-2ul{height:0; z-index:10000; opacity:0; overflow:hidden; position:absolute;}
#header-section #gnb .gnb-2ul:after{clear:both; content:""; display:block;}

#header-section #gnb .gnb-1ul .gnb-1li:last-child .gnb-2wrap{border-right:1px solid #e1dfe2;}
#header-section #gnb .gnb-2ul .gnb-2li{background-color:rgba(255,255,255,.9); text-align:center;}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a{padding:10px 0; font-size:16px; color:#000; display:block; position:relative;}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a:hover{text-decoration:underline;}
#header-section #gnb .gnb-2ul .gnb-2li:first-child .gnb-2a{padding:30px 0 10px;}
#header-section #gnb .gnb-2ul .gnb-2li:last-child .gnb-2a{padding:10px 0 30px;}


#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:after{width:0; max-width:100%; height:4px; left:50%; bottom:0; z-index:1; background:#fff; content:""; position:absolute; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; -ms-transition:all 0.33s ease-out 0s; -o-transition:all 0.33s ease-out 0s; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a.on:after,
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a:hover:after{width:60px;}

#header-section #gnb .gnb-1ul .gnb-1li:nth-child(1) .gnb-2ul{width:180px; left:0px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(2) .gnb-2ul{width:180px; left:0;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(3) .gnb-2ul{width:180px; left:20px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(4) .gnb-2ul{width:180px; left:0;}
.gnb-bg-box{width:auto; height:0; top:88px; left:0; z-index:1000; background-color:rgba(255,255,255,0.9); display:none; position:absolute;}


#footer-section{width:100%; min-width:1200px; background:#141720; padding:20px 0 40px;}
#footer-section .fbtn-area{width:1200px; margin:0 auto; padding:0 10px; position:relative;}
#footer-section .fbtn-area:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox{padding:15px 0;}
#footer-section .fbtn-area .abox:after{clear:both; content:""; display:block;}
#footer-section .fbtn-area .abox ul{text-align:center;}
#footer-section .fbtn-area .abox ul li{display:inline-block;}
#footer-section .fbtn-area .abox a{margin-right:51px; font-size:14px; color:#fff; display:block; position:relative;}
#footer-section .fbtn-area .abox a:after{width:1px; height:10px; top:50%; right:-25.5px; margin-top:-5px; background:#ccc; content:""; display:block; position:absolute;}
#footer-section .fbtn-area .abox ul li:last-child a{margin-right:0;}
#footer-section .fbtn-area .abox ul li:last-child a:after{display:none;}
#footer-section .footer-area{color:#fff; text-align:center; font-size:14px; line-height:180%; margin-top:20px;}

.sub {width:100%; background:#f8f8f8;}
.sub #container-section{width:1200px; margin:-40px auto 80px; padding:50px 20px 60px; background:#fff;}
.sub #container-section:after{clear:both; display:block; content:"";}
.sub #contents-section {width:880px; float:right;}
.sub #smenu-area {width:230px; float:left;}
.sub #smenu-area h1{font-size:32px; font-weight:500; color:#333; margin:0 0 50px 20px;}
.sub #smenu-area ul{border-top:2px solid #1e2326; border-bottom:2px solid #000;}
.sub #smenu-area ul li{line-height:54px; border-bottom:1px solid #dedede;}
.sub #smenu-area ul li:last-child{border-bottom:none;}
.sub #smenu-area ul li a{font-size:17px; color:#222; width:100%; display:inline-block; padding-left:20px;}
.sub #smenu-area ul li:hover, .sub #smenu-area ul li.curr{background:#1e2326;}
.sub #smenu-area ul li:hover a, .sub #smenu-area ul li.curr a{color:#fff; background:url("../img/smenu_bullet.png") no-repeat right center;}

#svisual-section{height:200px; background:#d8e5e8 url("../img/svisual01.jpg") no-repeat center top; overflow:hidden;}
#svisual-section .sv-txt{width:1200px; margin:0 auto; height:180px; text-align:center; position:relative;}
#svisual-section .sv-txt div{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#svisual-section .sv-txt h1{font-family:"visionheavy"; font-weight:500; font-size:50px; color:#fff;}
#svisual-section .sv-txt p{margin-top:0; font-weight:300; font-size:18px; color:#fff;}

.pageTitle {margin:20px 0 50px;}
.pageTitle .title-section {overflow:hidden; padding-bottom:20px; border-bottom:1px solid #dedede;}
.pageTitle .title-section h1 {font-size:36px; font-weight:500; float:left; line-height:34px; color:#333;}
.pageTitle .title-section p.navi {float:right; font-size:14px; margin-top:13px;}
.pageTitle .title-section p.navi span a {padding-left:15px; height:14px; background:url(../img/bullet_home.gif) no-repeat 0 center; margin-right:5px;}

.subTitle{margin-bottom:20px; font-size:24px; font-weight:500; color:#262626; background:url(../img/bullet_page.gif) no-repeat left center; padding-left:20px;}
.subCont{margin-left:20px; font-size:16px; color:#464646; line-height:180%; font-weight:400;}


aside .side-quick {
    position: fixed;
    /*    top: 250px;*/
    top: 350px;
    right: 0;
    z-index: 1;
    width: 140px;
    margin: 0 auto;
    text-align: center;
}

aside .side-quick ul li {
    height: 100px;
    /*    line-height: 100px;*/
}

aside .side-quick ul.side-btn li {
    height:85px;
    line-height:85px;
}


aside .side-quick ul.detail_fm li a {
    display: block;
    position: relative;
    width: 255px;
}

aside .side-quick ul.detail_fm li a > span {
    position: absolute;
    z-index: 3;
    color: white;
    line-height: 1.8;
    font-size: 14px;
}

aside .side-quick ul.detail_fm li a > span span {
    font-size: 22px;
}

aside .side-quick ul.detail_fm li.q1 a > span {
    left: 20px;
    bottom: 20px;
    text-align: left;
}

aside .side-quick ul.detail_fm li.q2 a > span {
    right: 20px;
    top: 20px;
    text-align: right;
}

aside .side-quick ul.detail_fm li.q4 a > span {
    right: 20px;
    bottom: 20px;
    text-align: right;
}

.side-btn li {
    background: rgba(0, 0, 0, 0.3);
}

.side-btn a{width:100%; color:#fff; display: block; background:rgba(0,0,0,.5);}


.side-btn a:hover {
    font-weight: bold;
}

aside .side-quick .detail_fm {
    position: fixed;
    top: 250px;
}

aside .side-quick .detail_fm li {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1;
    line-height: normal;
}

.side-btn li.q1{background:url("../img/quick01_bg.jpg") no-repeat center; background-size:cover;}
.side-btn li.q2{background:url("../img/quick02_bg.jpg?2026") no-repeat center; background-size:cover;}
.side-btn li.q3{background:url("../img/quick03_bg.jpg?v2") no-repeat center; background-size:cover;}
.side-btn li.q4{background:url("../img/quick04_bg.jpg") no-repeat center; background-size:cover;}

/*서브탭*/
.exhibit-tab{width:100%; margin:0 auto 0;}
.exhibit-tab ul{}
.exhibit-tab ul:after{clear:both; content:""; display:block;}
.exhibit-tab ul li a{width:100%; margin-top:-1px; font-weight:400; font-size:16px; line-height:48px; text-align:center; color:#515151; border:1px solid #e2e2e2; border-right:0; background:#fff; display:table; position:relative;}
.exhibit-tab ul li.curr a{font-weight:500; color:#fff; border-top:1px solid #024da1; border-left:1px solid #024da1; background:#024da1; font-size:16px;}
.exhibit-tab ul li a:after{width:1px; height:49px; top:0; right:-1px; z-index:100; background:#e2e2e2; content:""; position:absolute;}
.exhibit-tab ul.exhibit li{float:left; width:50%;}
.exhibit-tab ul.special li{float:left; width:33.333%;}
.exhibit-tab ul.program li{float:left; width:33.333%;}