@charset "utf-8";

@font-face {
    font-family: 'Paperlogy';
    src: url('../font/Paperlogy-4Regular.woff2') format('woff2'),
        url('../font/Paperlogy-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('../font/Paperlogy-5Medium.woff2') format('woff2'),
        url('../font/Paperlogy-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('../font/Paperlogy-6SemiBold.woff2') format('woff2'),
        url('../font/Paperlogy-6SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('../font/Paperlogy-7Bold.woff2') format('woff2'),
        url('../font/Paperlogy-7Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('../font/Paperlogy-8ExtraBold.woff2') format('woff2'),
        url('../font/Paperlogy-8ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/*Reset*/
legend,caption,.blind{display: none;}
html{font-size:10px;}
body{margin: 0; padding: 0;}
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{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
strong,h1,h2,h3,h4,h5,h6{font-weight:600;}
img{max-width:100%;}
/* common */
body,th,td,input,select,textarea,button{color:#000; font-size:10px; line-height:1.5;  font-family:'Paperlogy', sans-serif; font-weight:400; word-break:keep-all;}

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

@media (hover: hover) and (pointer: fine){
a:hover,a:active,a:focus{text-decoration:none; }
}

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

.blind{display:none;}
.group:after{clear:both; content:""; visibility:hidden; display:block; height:0;}

/* 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:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:0%;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/* header */
header{height:130px; position:fixed; z-index:55; width:100%; /*border-bottom:1px solid rgba(255,255,255,0.3);*/}
header h1{position:absolute; top:0; z-index:66; left:50%; margin-left:-775px;  height:130px;}
header h1 a{width:188px; height:100%; background:url(../../images/common/logo.png) no-repeat; background-position:center center; background-size:188px auto; font-size:0px; display:block;}
#headerWrap{overflow:hidden; height:130px; width:100%; position:absolute;background:none;
-webkit-transition-property: background, height; /* Safari */
  -webkit-transition-duration: 0.2s; /* Safari */
  -webkit-transition-delay: 0s;
  transition-property: background, height;
  transition-duration: 0.2s;
  transition-delay: 0s;
}

.gnb{text-align:center; max-width:1920px; margin:0 auto; box-sizing:border-box;  padding-right:5rem;}
.gnb > li{display:inline-block; vertical-align:top; position:relative;  margin-right:-3px;text-align:right;}
.gnb > li:first-child{margin-left:20rem;}
.gnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb li h2{height:130px; font-size:2rem; font-weight:600;}
.gnb li h2 a{display:block; padding:0 5.5rem; line-height:130px; color:#fff; text-align:center; }
.gnb li:first-child ul{border-left-width:0;}
.gnb li ul li{display:block; padding:1rem 0;}
.gnb li ul li a{color:#565654; font-size:1.8rem; line-height:1.5em; word-break: keep-all; display:block; padding:0 0.5rem; font-weight:400;}

header.sub .gnb li h2 a{text-shadow:none;}

/*hearder-fixed, hover 공통*/
header.fixed, header.sub.fixed{filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.2)); border:0;}
header.fixed,
#headerWrap.on{background:#fff;}
#headerWrap.on{height:380px;}
header.fixed h1 a,
#headerWrap.on h1 a{background-image:url(../../images/common/logo-color.png);}
header.fixed .gnb li h2 a,
#headerWrap.on .gnb li h2 a{color:#222;}
header.fixed #headerWrap .gnb li h2.current a{color:#9c6dd3;}
header.fixed #headerWrap .gnb li h2.current a:before{background:#9c6dd3;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
#headerWrap.on .gnb{text-align:center; border-bottom:1px #e6e6e6 solid; position:relative;}
#headerWrap.on .gnb > li{text-align:center;}
#headerWrap.on .gnb li ul{margin-top:0; padding-top:2.3rem;}
#headerWrap.on .gnb li h2 a, header.fixed .gnb li h2 a{text-shadow:none;}
#headerWrap .gnb li h2.current a{position:relative;}
#headerWrap .gnb li h2.current a:before{content:""; display:block; width:8px; height:8px; border-radius:999px; background:#fff; position:absolute; bottom:30px; left:51%; transform:translateX(-50%);}
#headerWrap.on .gnb li:hover h2 a:before{content:""; display:block; width:8px; height:8px; border-radius:999px; background:#9c6dd3; position:absolute; bottom:30px; left:51%; transform:translateX(-50%);}
#headerWrap .gnb li ul{position:absolute; width:100%;  text-align:center; padding-bottom:4rem; margin-top:2.3rem;}
#headerWrap.on .gnb > li:hover h2 a{color:#9c6dd3;}
#headerWrap .gnb > li ul li a{position:relative; display:inline-block; font-weight:500;}
/*#headerWrap .gnb > li ul li a:after{content:""; display:none; width:90%; height:2px; background:#f79833; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%);}*/
#headerWrap .gnb > li ul li a:hover{color:#9c6dd3; font-weight:500;}
#headerWrap .gnb > li ul li a:hover:after{display:block;}

.tnb{position:absolute; top:0rem; left:50%; margin-left:785px; height:130px; line-height:130px; z-index:7;}
.tnb a{display:block; }
.tnb span{display:inline-block; width:25px; height:25px; background:url(../../images/common/logo-insta.png) no-repeat; background-size:25px auto; vertical-align:middle;}
header.fixed .tnb span, #headerWrap.on .tnb span{background-image:url(../../images/common/logo-insta-color.png);}

#m-menu{display:none;}

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

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  header.fixed{border:1px solid #ccc;}
}

.inner{max-width:1300px; margin:0 auto;}
.inner_1500{max-width:1500px; margin:0 auto;}
.inner_1200{max-width:1200px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

footer{background:#111; font-size:1.5rem; color:#fff;}
footer .sponsor_box{border-bottom:1px solid #262626; padding:4rem 0; }
footer .sponsor_box .inner{display:flex; flex-wrap:wrap; gap:3rem 5rem; justify-content:center;}
footer .sponsor_box dl{display:flex; align-items:center; justify-content:center;}
footer .sponsor_box dt{font-size:1.7rem; font-weight:500; margin-right:2rem; padding-right:2rem; position:relative; color:#d8cbe7;}
footer .sponsor_box dt:after{content:""; display:block; width:1px; height:16px; background:#666; position:absolute; top:50%; right:0; transform:translateY(-50%);}
footer .sponsor_box dd p{display:inline-block; margin-left:2rem;}
footer .sponsor_box dd p:first-child{margin-left:0;}
footer .sponsor_box dd img{height:35px;}


footer > .inner{position:relative; padding:4rem 0; display:flex; justify-content:space-between; align-items:center;}
footer .link_box ul{display:flex; gap:5rem;}
footer .link_box li{font-weight:400; font-size:1.7rem;}
footer .link_box li strong{font-weight:600;}
footer .info_box p{opacity:0.5; text-align:right;}
footer .info_box .copy{margin-top:0.3rem;}
footer .info_box em.bar{display:inline-block; width:2px; height:13px; background:rgba(255,255,255,0.6); margin:0 1.5rem;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 2000px){
header h1 {left: 50px; margin-left: 0;}
.tnb{left:auto; right:5rem; margin-left:0;}
}

@media (max-width: 1600px){
header h1{left:15px;}
.inner_1500{max-width:100%; padding:0 2rem; box-sizing:border-box;}
footer .site_box .s_LR_btn li{left:20px;}
footer .site_box .s_LR_btn li.s_next{right:20px;}


}

@media (max-width:1400px) {
.inner, .inner_1200, .inner_1100, .inner_1000{max-width:100%; padding:0 2rem; box-sizing:border-box;}

/*header*/
header{background:#fff; height:150px;}
#headerWrap{min-width:100%; width:100%; left:auto; margin-left:0; height:150px;}
#headerWrap h1{position:relative; top:auto; left:auto; transform:inherit; z-index:99; height:90px; text-align:center; border-bottom:1px solid #ccc;}
#headerWrap h1 a{display:inline-block; vertical-align: top; background-image:url(../../images/common/logo-color.png);}
#headerWrap .gnb{text-align:center; position:relative; z-index:996; padding-right:0;}
#headerWrap .gnb li h2 a{color:#333; text-shadow:none; font-size:1.9rem; padding:0 4.5rem;}
#headerWrap .gnb li h2.current a:before, #headerWrap.on .gnb li:hover h2 a:before{bottom:7px; }
#headerWrap .gnb li ul{padding-top:3rem;}

#headerWrap.on .gnb li ul{margin-top:-1rem;}

.gnb > li:first-child{margin-left:0;}
.gnb > li{ text-align:center;}
.gnb li ul li:first-child{padding-top:1rem;}
.gnb li h2{height:60px;}
.gnb li h2 a{line-height:60px;}
#headerWrap.on .gnb{text-align:center;}
#headerWrap .gnb li h2.current a{ line-height:60px; }
#headerWrap.on .gnb li h2.current a{line-height:60px;}
#headerWrap .gnb li h2.current a:before{bottom:10px;}
#headerWrap.on{height:500px;}

.tnb{z-index:100; height:91px; line-height:91px;}
.tnb span{background-image:url(../../images/common/logo-insta-color.png);}

footer > .inner{padding:4rem 1.5rem;}
}

@media (max-width:1024px) {

header{height:70px; border-bottom: 1px solid #e9e9e9;}
header h1{height:70px; left:15px; margin-left:0;}
header h1 a{width:135px; background-size:135px auto; background-image:url(../../images/common/logo-color.png);}

#m-menu{display:block;}
#headerWrap{display:none;}

.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:13px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#111; height:45px; width:45px; line-height:45px; border-radius:4px;}
.m-menu-btn.m-menu-btn-open button i{margin-left:2px;}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:256px;}
.m-menu-btn.m-menu-btn-close button{background:#111; width:50px; height:50px; line-height:50px;color:#fff; border-radius:4px 0 0 4px;}
.m-menu-btn button i{font-size:25px; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:220px; height:auto; min-height:100%;  z-index:99;  right:0%;background:#fff;padding:0 2rem 2rem;}
header .m-menu-list h1{display:none;}
header .m-menu-list .gnb{margin-left:0;}
header .m-menu-list .gnb{padding-top:1rem; padding-top:0; height:auto;}
header .m-menu-list .gnb li{display:block; width:100%; text-align:left; padding:6px 0;}
header .m-menu-list .gnb li h2{ border-bottom:1px rgba(255,255,255,0.2) solid; padding:2rem 0 1rem; padding-left:0; border-bottom-width:0; margin:0; line-height:45px; height:auto; font-size:2rem;}
header .m-menu-list .gnb li h2 a{height:auto;}
header .m-menu-list .gnb li ul{position:relative; top:0; padding-bottom:0; margin-left:0; padding-top:0; border-left-width:0;}
header .m-menu-list .gnb{text-align:left; padding-right:0;}
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 #111 solid; padding-bottom:1px;font-size:2rem; line-height:35px; color:#111; text-align:left; padding:0; text-shadow:none;}
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;}

.tnb.pc{display:none;}
.tnb.mobile{height:71px; line-height:71px; right:8rem;}

footer > .inner{flex-direction:column;}
footer .link_box{margin-bottom:2rem;}
}

@media (max-width:768px) {
html{font-size:9px;}

#logo{padding-top:1.8rem;}
#logo img{width:150px;}

footer .sponsor_box .inner{justify-content:flex-start;}
footer .sponsor_box dl{flex-direction:column; text-align:center; width:100%;}
footer .sponsor_box dt{margin-right:0; padding-right:0;}
footer .sponsor_box dt:after{display:none;}
footer .sponsor_box dd img{height:27px;}

footer .link_box ul{gap:2rem;}
footer .info_box p{text-align:center;}
footer .info_box em.bar{display:block; width:0; height:0;}
}