@font-face{
font-family:'notokr-bold';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-Bold/notokr-bold.eot');
src:url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'), 
url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'), 
url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-regular') format('svg');
}
@font-face{
font-family:'notokr-medium';
font-weight:normal;
font-style:normal;   
src:url('../fonts/NotoKR-Medium/notokr-medium.eot');
src:url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'), 
url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'), 
url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-regular') format('svg');
}
@font-face{
font-family:'notokr-regular';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-Regular/notokr-regular.eot');
src:url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'), 
url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
}


/*section 공통*/
a{display:block;height:100%}
header, header *, section, section *, footer, footer *, .sub_middle, .sub_middle *, .sub_bottom, .sub_bottom *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{position:relative;width:100%;overflow:hidden}
/*header*/
header{width:100%;height:78px;background:#fff;border-bottom:2px solid #1772c3;position:fixed;top:0;left:0;z-index:200}
header h1{display:inline-block;width:150px;height:45px;margin-top:10px}
header ul{position:absolute;top:25px;right:20px;height:29px}
header ul li{display:inline-block}
header ul li:first-child{margin-right:8px}
.header_space{width:100%;height:78px}
.layer_bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:400;opacity:0.7}
.share_pop{display:none;width:250px;height:120px;position:absolute;top:100px;left:50%;margin-left:-125px;background:#fff;z-index:500}
.share_pop h3{margin:20px 0;font-size:16px;color:#333;line-height:1}
.share_pop ul{width:100%;height:45px;position:absolute;bottom:20px;left:20px}
.share_pop ul li{width:45px;height:45px;float:left;margin-left:10px}
.share_pop ul li:nth-child(1){margin-left:0;background:#4c69ba}
.share_pop ul li:nth-child(2){background:#55acee}
.share_pop ul li:nth-child(3){background:#f2d60a}
.share_pop ul li:nth-child(4){background:#ff0012}
.share_pop ul li:nth-child(1) img{margin-top:11px}
.share_pop ul li:nth-child(2) img{margin-top:13px}
.share_pop ul li:nth-child(3) img{margin-top:13px}
.share_pop ul li:nth-child(4) img{margin-top:14px;margin-left:4px}
.share_pop > a{width:13px;position:absolute;top:10px;right:10px}
@media screen and (max-width:640px){
    header ul{right:10px}
}

/*sec1 = main visual*/
.sec1{width:100%;height:400px;position:relative}
.sec1:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle}
.sec1 .sec1_bg{width:100%;height:400px;position:absolute;top:0;left:0;overflow:hidden}
.sec1 .sec1_bg span{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}
.sec1 .sec1_bg span:first-of-type{display:block}
.sec1_bg span:nth-child(1){background:url(../images/kvisual-1-min.jpg) center;background-size:cover}
.sec1_bg span:nth-child(2){background:url(../images/kvisual-2-min.jpg) center;background-size:cover}
.sec1_bg span:nth-child(3){background:url(../images/kvisual-0-min.jpg) center;background-size:cover}
.sec1_bg span:nth-child(3):after{display:block;content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;opacity:0.4}


.sec1 dl{display:inline-block;vertical-align:middle;line-height:30px;color:#fff;position:relative;z-index:10}
.sec1 dl > *{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}
.sec1 dl dd:first-child{font-family:'Titillium Web' !important;font-size:21px;margin-bottom:10px}
.sec1 dl dt{font-size:33px;font-weight:bold;font-family:'notokr-bold';margin-bottom:20px}
.sec1 dl dd{font-size:17px;font-family:'notokr-medium' !important;letter-spacing:0}
.sec1 dl dd:nth-child(3){font-size:15px;font-family:'notokr-regular' !important;letter-spacing:0;line-height:20px;padding-top:20px}
.sec1 dl dd:nth-child(3) > span{display:block}
@media screen and (max-width:620px){
    .sec1 dl dd:first-child{font-size:18px;margin-bottom:0}
    .sec1 dl dt{font-size:26px;margin-bottom:13px}
    .sec1 dl dd{font-size:16px}
}
@media screen and (max-width:500px){
    .sec1 dl dd:nth-child(3) > span span{display:block}
}
@media screen and (max-width:420px){
    /*.sec1{height:300px}*/
    .sec1 dl dd:first-child{font-size:15px}
    .sec1 dl dt{font-size:23px;margin-bottom:5px}
    .sec1 dl dd{font-size:15px}
}

/*contents layout padding*/
section{position:relative;border-bottom:1px solid #e9e9e9;width:920px;margin:0 auto}
section > div, .sub_bottom{display:inline-block;width:920px;margin:0 auto;margin-bottom:30px}
@media screen and (max-width:1024px){
    section, .sub_bottom{padding:0 60px 0 60px}
    section, section > div, .sub_bottom{width:100%}
}
@media screen and (max-width:640px){
    section, .sub_bottom{padding:0 20px 0 20px}
}
@media screen and (max-width:480px){
    section, .sub_bottom{padding:0 10px 0 10px}
}

/*section common*/
section h2{font-size:22px;color:#1772c3;font-weight:bold;margin:25px 0;line-height:1}
section h3{font-size:18px;color:#333;font-weight:bold;margin:20px 0 15px 0;line-height:1}
section h3.first{margin-top:0}
section .sec_info{display:inline-block}
section .sec_info:after{content:"";display:block;clear:both}
section .sec_info dl{position:relative}
section .sec_info dl > *{display:inline-block;text-align:left;font-size:15px;line-height:18px;margin-top:7px}
section .sec_info dl:first-child > *{margin-top:0}
section .sec_info dl dt{position:absolute;top:0;left:0;color:#1771c4;padding-left:7px}
section .sec_info dl dt:after{display:block;content:"";width:3px;height:3px;position:absolute;top:7px;left:0;background:#1771c4;border-radius:50%}
section .sec_info dl dd{width:100%;color:#555}
/*sec2*/
section.sec2 .sec_info dl dd{padding-left:78px}
section.sec2 .sec_info dl{width:50%;float:left}
/*section.sec2 .sec_info dl:nth-child(2n+2){width:55%}*/
section.sec2 .sec_info dl:nth-child(2) > *{margin-top:0}
@media screen and (max-width:1024px){
    section.sec2 .sec_info dl,
    section.sec2 .sec_info dl:nth-child(2n+2){width:100%;float:none}
    section.sec2 .sec_info dl:nth-child(2) > *{margin-top:7px}
}

/*sec3*/
section table{width:100%;border-top:2px solid #4c4c4c;border-bottom:1px solid #4c4c4c}
section table tr > *{border-left:1px solid #e0e0e0}
section table tr > *:first-child{border-left:0 none}
section table th{height:50px;background:#f4f4f4;border-bottom:1px solid #e0e0e0;font-size:15px;color:#4c4c4c;font-weight:bold}
section table td{padding:14px 10px;color:#555;font-size:14px}
section table td span{display:block;line-height:18px}
/*sec4*/
section.sec4{border-bottom:0 none}
section.sec4 #map{width:100%;height:300px;border:1px solid #cfd3d4;margin-top:20px}
section.sec4 .sec_info dl dd{padding-left:50px}

.ticket_buy{border:1px solid #d4d4d4}
.ticket_buy > div{border:9px solid #ececec;padding:17px}
.ticket_buy > div h2{display:inline-block;font-size:22px;font-weight:bold;color:#333;line-height:1;/* background:url(../images/ticket.svg") no-repeat left top;background-size:23.5px;*/}
.ticket_buy > div h5{font-size:15px;color:#555;line-height:1;margin:18px 0 13px 0}
.ticket_buy p span{display:block;line-height:18px;color:#999;font-size:12px}
.host{border-top:1px solid #dedede;margin-top:1px;background:#f7f7f7}
.host ul{display:inline-block;height:40px}
.host ul li{display:inline-block}
.host ul li:first-child{width:40px;height:100%;background:#e8e8e8;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;line-height:38px}
.host ul li img{display:block}
.host ul li.sk img{margin:1px 10px}
.host ul li.sed img{margin:15px 10px 0 0}
.host ul li.klpga img,
.host ul li.sbs img{margin:12px 10px 0 10px}
@media screen and (max-width:460px){
    .host ul:nth-child(3){display:none}
}

/*Footer*/
footer{width:100%;background:#4e4e4e;padding:20px 20px;position:relative}
footer > div{display:inline-block;color:#d7d7d7}
footer > div > address{width:100%;line-height:18px;font-size:13px}
footer > div > address > span{display:block}
footer > div > address > span.foot_num{margin-top:10px}
footer > div > .pc_ver{display:inline-block;width:100px;height:30px;border:1px solid #fff;color:#fff;line-height:28px;margin-top:20px}
.scroll_top{display:block;width:35px;height:35px;position:fixed;bottom:30px;right:0}
.scroll_top.detail{bottom:66px}
.scroll_top a{width:35px;height:35px;position:absolute;right:20px;top:4px;background:url("../images/science_m_24.svg") no-repeat;background-size:35px;text-indent:-9999px}
@media screen and (max-width:640px){
    footer > div > address > span > span{display:block}
}
@media screen and (max-width:480px){
    .scroll_top a{right:10px}
}