@charset "utf-8";
@font-face {
  font-family: 'S-Core';
  font-weight:300;
  src: url('../font/S-CoreDream-3Light.eot');
  src: url('../font/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-3Light.svg#S-CoreDream-3Light') format('svg'),
       url('../font/S-CoreDream-3Light.ttf') format('truetype'),
       url('../font/S-CoreDream-3Light.woff') format('woff'),
       url('../font/S-CoreDream-3Light.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:400;
  src: url('../font/S-CoreDream-4Regular.eot');
  src: url('../font/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-4Regular.svg#S-CoreDream-4Regular') format('svg'),
       url('../font/S-CoreDream-4Regular.ttf') format('truetype'),
       url('../font/S-CoreDream-4Regular.woff') format('woff'),
       url('../font/S-CoreDream-4Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:500;
  src: url('../font/S-CoreDream-5Medium.eot');
  src: url('../font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-5Medium.svg#S-CoreDream-5Medium') format('svg'),
       url('../font/S-CoreDream-5Medium.ttf') format('truetype'),
       url('../font/S-CoreDream-5Medium.woff') format('woff'),
       url('../font/S-CoreDream-5Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'S-Core';
  font-weight:600;
  src: url('../font/S-CoreDream-6Bold.eot');
  src: url('../font/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-6Bold.woff') format('woff'),
       url('../font/S-CoreDream-6Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Nanum Pen Script';
  font-weight:400;
  src:url('../font/NanumPenScript-Regular.ttf') format('truetype');
}



/*Reset*/
html{font-size:10px;}
html, body{/*-webkit-user-select:none; -ms-user-select: none; 마우스블럭 막기*/}
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0; font-size:10px;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#444;}
td a, div a{color:#333;}
a:hover,a:active,a:focus{text-decoration:none; /*color:#0160aa;*/}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:600;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
/* common */
body,th,td,input,select,textarea,button{color:#444; font-size:10px; line-height:1.5; letter-spacing:-0.05em;font-family: "S-Core", sans-serif; font-weight:500;}
.group:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

@-moz-document url-prefix(){
 body,th,td,input,select,textarea,button{font-weight:300} /* 모질라전용핵 */
}   


article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}


.blind{display:none;}
.f_mont{font-family: 'Montserrat', sans-serif; letter-spacing:0.03em;}
/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:100%;height:26px;background:#0a94b2;color:#fff;font-size:1.2rem;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:0; text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}
.inner{width:1200px; margin:0 auto; max-width:100%;}


header{height:100px; position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,0.95);  z-index:999; box-shadow:0px 1px 3px rgba(0,0,0,0.15); }
header.move{background:#fff;}

header h1{position:absolute; top:50%; transform:translateY(-49%); left:20px;z-index:1; }
header h1 a{display:inline-block; vertical-align:middle;}
header h1 .logo_box .logo-img{width:218px; vertical-align:middle;}
header h1 .logo_box .logo-img img{width:100%; max-width:100%; }
header h1 .date_info{position:relative; display:inline-block; vertical-align:middle;font-size:2rem; margin-left:20px; padding-left:20px; font-weight:400; }
header h1 .date_info:before{content:""; display:block; width:1px; height:52px; background:#d4d4d4; position:absolute; top:6px; left:0;}
header h1 .date_info em{display:block; font-size:2.5rem; color:#f6ad1f; font-weight:400;}


#headerWrap{position:relative; height:100px;  }
#headerWrap.on{border-bottom:1px #f0f0ef solid; background:#fff;}

.lnb.mobile{display:none;}
.lnb{position:absolute; top:31px; right:20px; }
.lnb a{vertical-align:middle; margin-left:10px;}
.lnb .btn-link{display:inline-block; padding:6px 20px; border-radius:999px;font-size:1.6rem; line-height:1.2; color:#fff; background:#09ada4;}
.lnb .sns-link span{display:inline-block; width:40px; height:40px; line-height:39px; background:#37363c; border-radius:999px; text-align:center;}
.lnb .sns-link img{line-height:40px; vertical-align:middle; width:20px;}
.lnb .sns-link.in:hover span{background:#d02e7a;}
.lnb .sns-link.yu:hover span{background:#ff0000;}

.gnb{position:absolute; top:0; left:50%; /*margin-left:-500px;메뉴5개*/ margin-left:-460px; text-align:center;}
.gnb > li{display:inline-block; vertical-align:top; position:relative; width:200px; margin:0 30px; margin-right:-3px;text-align:center;}

.gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb li h2{height:100px; }
.gnb li h2 a{position:relative; display:block; padding:0 10px; line-height:100px; font-size:2.2rem; font-weight:500;}
/*.gnb li h2 a:before{content:""; display:none; width:70px; height:3px; background:#f6ad1f; position:absolute; bottom:0px; left:50%; margin-left:-33px;}*/
.gnb li:hover h2 a, .gnb li h2.current a{color:#fa5e00;}
.gnb li.active h2 > a:before{display:block;}
.gnb li ul{position:relative; background:#fa5e00; display:none; text-align:left; padding-bottom:20px; padding-top:20px; border-bottom-width:0; position:absolute; width:100%;  text-align:center;}
.gnb li ul li{display:block; padding:8px 0;}
.gnb li ul li a{position:relative; font-size:1.75rem; line-height:1.5em; word-break: keep-all; display:block; letter-spacing:-1.2px; color:#fff;}
.gnb li ul li:hover {background:#d3510e;}

#m-menu{display:none;}



/*@media screen and (min-width:0\0){ 
#header-box li a{font-weight:700;} 
}IE 9,10 핵*/

footer{width:100%; text-align:center; color:#c1c1c1;   background:#33363a; font-size:1.5rem;}
footer a{ color:#c1c1c1; font-size:1.6rem;}
footer .f_box{position:relative; padding:40px 0;  color:#c1c1c1; width:1200px; margin:0 auto;  box-sizing:border-box;padding-left:0; padding-top:0; text-align:left;}
footer .f_cont{text-align:center; padding-top:30px;}
.f_logo_box{display:inline-block; width:123px; position:absolute; top:47px; left:0;}
.f_logo_box img{width:100%; }

footer .f_list{margin-bottom:20px; border-top:0;}
footer .f_list li{display:inline-block;}
footer .f_list li:before{content:"|"; display:inline-block; color:#777;}
footer .f_list li:first-child:before{display:none;}
footer .f_list li a{display:inline-block; padding:0 15px;}
footer .f_list li:first-child a{padding-left:0;}
footer .vai-link,
footer .copy{display:inline-block;}
footer .vai-link{color:#cde9f6; margin-left:5px;}
footer .vai-link a{color:#2fb1ed; }

/*.sponsor-banners {padding-top:1rem}*/
.sponsor-banners .row {padding:2rem 1rem 2rem; border-bottom:1px solid rgba(255,255,255,.15)}
.sponsor-banners dt {float:left; width:14rem; padding-top:1.4rem; color:rgba(255,255,255,.6); font-weight:400; text-align:center; font-size:1.7rem;}
.sponsor-banners dd {float:left; width:calc(100% - 14rem); text-align:left;}
.sponsor-banners .banner {display:inline-block; height:4rem; padding:0.7rem 1rem; cursor:inherit; vertical-align:middle;}
.sponsor-banners .banner:not(:first-child) {margin-left:0.5rem}
.sponsor-banners .banner.two_line{margin-left:0; margin-top:5px;}
.sponsor-banners .banner img {display:block; height:100%; opacity:0.6}
.sponsor-banners .banner.gubun{line-height:4rem; padding:0; font-size:2rem; margin:0 0.5rem;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
header h1{ left:2%; }
#headerWrap{height:100px; }
.gnb{margin-left:-325px;}
.gnb > li:first-child{margin-left:0;}
.gnb > li{width:140px;}
.gnb li h2{height:100px;}
.lnb{right:2%;}
}

@media (max-width:1200px) {

.gnb{margin-left:-238px;}
.gnb > li{width:105px;}
.gnb li h2 a{line-height:100px; font-size:1.8rem;}
.inner{width:100%;}
footer{padding:0 15px; box-sizing:border-box;}
footer .f_box{width:100%; box-sizing:border-box;}
}

@media (max-width:1024px) {
header{height:70px;}

header h1 .number-img{width:60px;}
header h1 a .logo_box{margin-left:0;}
header h1{ left:10px; margin-left:0;}
header h1 .logo_box .logo-img{width:180px;}
header h1 a{font-size:1.6rem; letter-spacing:-0.1em; line-height:37px;}
#headerWrap{display:none;}

.lnb.mobile{display:block; top:15px; right:15px;}
.lnb.mobile a{margin-left:10px;}
.lnb.pc{top:34px; right:8%;}
.lnb.pc .sns-link{display:none;}
#m-menu{display:block;}
.m-menu-btn{position:absolute;   cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  text-align:center; font-size:0;}
.m-menu-btn.m-menu-btn-open{right:10px; top:12px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#fa5e00; height:45px; width:45px; line-height:45px;}
.m-menu-btn.m-menu-btn-open button i{}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:260px;}
.m-menu-btn.m-menu-btn-close button{background:#fa5e00; width:50px; height:50px; line-height:50px;color:#fff; }
.m-menu-btn button i{font-size:2.5rem; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:260px; height:auto; min-height:100%;  z-index:99;  right:0%;background:#fff;padding:0 20px 20px; padding-top:45px;}
header .m-menu-list .gnb{position:static; top:auto; left:auto; margin-left:0;padding-top:10px; padding-top:0; height:auto;}
header .m-menu-list .gnb li{display:block; width:100%; text-align:left; margin:0;}
header .m-menu-list .gnb li h2{border-bottom:1px rgba(255,255,255,0.2) solid; padding:20px 0 10px; padding-left:0; border-bottom-width:0; margin:0; line-height:45px; height:auto;}
header .m-menu-list .gnb li h2 a{height:auto; padding:0;}
header .m-menu-list .gnb li ul{display:block;position:relative; top:0; padding-bottom:0; margin-left:0; padding-top:0; border-left-width:0; background:#f7f7f7; }
header .m-menu-list .gnb li.gnb02 ul{padding:0; left:auto;}
header .m-menu-list .gnb li ul li a{color:#333; font-size:1.6rem; padding:0 10px;}
header .m-menu-list .gnb{text-align:left;}
header .m-menu-list .gnb li:first-child ul{margin-left:0px;}
header .m-menu-list .gnb li:first-child h2{padding-left:0px;}
header .m-menu-list .gnb li h2 a{border-bottom:2px #fa5e00 solid; padding-bottom:1px;font-size:1.8rem; line-height:35px; color:#fa5e00;}
header .m-menu-list .gnb li:hover{background:#f7f7f7;}
/*header .m-menu-list .gnb li:hover h2 a, header .m-menu-list .gnb ul li ul li a:hover{color:#fff;}
header .m-menu-list .gnb li:hover h2{height:auto;}
*/
.gnb li:hover ul,
.gnb ul li.current ul{margin-top:0; border-top:0;}


.sponsor-banners .row {padding:1.8rem 0rem 1.4rem}
.sponsor-banners dt {width:10rem}
.sponsor-banners dd {width:calc(100% - 10rem)}
}

@media screen and (max-width:767px){
body{min-width:100%;}
html, body{font-size:9px;}
.lnb.pc{width:100%; top:0; left:0; right:auto; text-align:center;}
.lnb.pc .btn-link{display:block; margin-left:0; border-radius:0;}

th, td, input, select, textarea, button{font-size:13px;}

footer .f_list li a{padding:0 7px;}
footer .foot-info, footer .foot-info a{font-size:1.2rem;}
footer .foot-logo img{height:18px;}
footer .foot-logo span{font-size:2rem;}
footer .foot-text{font-size:1.3rem;}
footer .foot-info{padding:10px 20px;}

header h1 a div{ font-weight:400; margin-left:10px;}
header h1 a span{margin-left:5px; font-size:1.8rem;font-weight:700;}
header h1 .number-img{width:40px; margin-right:5px;}
header h1 .date_info{font-size:1.6rem; margin-left:10px; padding-left:10px;}
header h1 .date_info em{font-size:2rem;}
header h1 .date_info:before{height:44px; top:4px;}

.m-menu-btn.m-menu-btn-open{top:19%;}


footer .f_logo_box{position:static; top:auto; left:auto; margin-bottom:15px;}
footer .f_box{padding-left:0; text-align:center; padding:30px 0; padding-top:0;} 
footer .foot-logo span{padding-left:10px; margin-left:0; }
footer .foot-text em{font-size:1.5rem;}
footer .foot-text span{font-size:2.1rem;}
footer .foot-logo{padding:20px 0 0px;}
footer .foot-bottom{margin-top:10px;}

.sponsor-banners dt {padding-top:0.6rem}
.sponsor-banners .banner {height:3.2rem; padding:0.5rem;}
.sponsor-banners .banner:not(:first-child){margin-left:0;}
.sponsor-banners .banner.two_line{margin-left:0rem;}
.sponsor-banners dt {color:rgba(255,255,255,0.8)}
.sponsor-banners .banner.gubun{line-height:3.2rem; font-size:1.6rem;}
}


@media screen and (max-width:480px){
.sponsor-banners .banner:nth-child(odd){margin-left:0}
.sponsor-banners .banner img{max-width:100%; }
}