@charset "UTF-8";

/* default set */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, table, th, td, figure, hr {
    margin: 0;
    padding: 0;
    font-weight: normal;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
}
body{overflow-x: hidden;}
ul, ol {list-style:none;}
a{text-decoration:none;color:inherit;}
.blind {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
}
img {border:0;margin:0;padding:0;line-height:0;}
a{display:inline-block;text-decoration:none;}

@keyframes dot{
	0%{transform:scale(0);-webkit-transform:scale(0)}
}

/* 헤더 */
.header{position:fixed;top:0;left:0;right:0;width:100%;height:72px;margin:0 auto;z-index:999;font-weight:500;text-align:center;transition:margin 200ms;color:#fff;box-sizing:border-box;background:rgba(48, 48, 57, 0.70);backdrop-filter:blur(16px);}

.gnb{max-width:1200px;min-width:1200px;margin:0 auto;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:72px;}
.gnb-logo{display:flex;gap:7px;height:100%;align-items:center;}
.gnb-logo a{width:100%;height:100%;display:inline-block;line-height:72px;}
.gnb-menu{display:flex;height:100%;align-items:center;gap:40px;justify-content:space-between;}
.gnb-menu li{line-height:38px;}
.gnb-menu .login{letter-spacing:-0.24px;background:url(../img/btn-mypage-white.png) 2px 9px no-repeat;padding:0 0 0 28px;}
.gnb-menu .onair{position:relative;width:70px;height:18px;background:url(../img/btn-onair-white.png) 0 100% no-repeat;padding:0 10px 0 0;margin-top:10px}
.gnb-menu .onair::after{content:"";display:block;position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:100%;background:#f33;animation:dot 1s infinite alternate ease;-webkit-animation:dot 1s infinite alternate ease;}

/* 푸터 */
footer{padding:0 0 80px 0;width:100%;border-top:1px solid #414141;background-color:#1e1f21;}
footer .footer-top{margin:0 auto;width:1200px;border-bottom:1px solid #414141;;}
footer .footer-top > ul{margin:0 -10px;}
footer .footer-top > ul li{float:left;}
footer .footer-top > ul li a{padding:16px 10px;font-size:12px;font-weight:600;color:#b6b3ae;}
footer .footer-top > ul li a strong{color:#0384c7;}
footer .footer-top > ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-top > ul li.footer-select{position:relative;margin:0 20px 0 0;}
footer .footer-top > ul li.footer-select a{padding:16px 35px 16px 10px;}
footer .footer-top > ul li.footer-select a .ico{position:absolute;right:13px;top:50%;border-bottom:6px solid #b6b3ae;;border-right:5px solid transparent;border-left:5px solid transparent;margin:-2px 0 0 0;}
footer .footer-top > ul li.footer-select > ul{display:none;border:1px solid #414141;position:absolute;bottom:-1px;right:0;z-index:3;background:#252628;}
footer .footer-top > ul li.footer-select > ul li a{position:relative;min-width:140px;padding:0 20px;box-sizing:border-box;line-height:40px;font-size:12px;font-weight:600;color:#b6b3ae;}
footer .footer-top > ul li.footer-select > ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-top > ul li.footer-select > ul li a .ico{position:absolute;right:13px;top:50%;border-top:6px solid #b6b3ae;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:none;margin:-2px 0 0 0;}
footer .footer-top > ul li.footer-select > ul li:nth-last-of-type(1) > a{padding:5px 20px;}
footer .footer-top > ul li.footer-select > ul.on{display:block;}
footer .footer-top .footer-top-left{float:left;}
footer .footer-top .footer-top-left .footer-select{margin:0;}
footer .footer-top .footer-top-right{float:right;}
footer .footer-top::after{content:"";display:block;clear:both;width:100%;}
footer .footer-bottom{position:relative;width:1200px;margin:30px auto 0;}
footer .footer-bottom dl{overflow:hidden;}
footer .footer-bottom dl dt{float:left;margin:0 20px 0 0;font-size:12px;color:#b6b3ae;}
footer .footer-bottom dl dd{float:left;}
footer .footer-bottom dl dd ul{overflow:hidden;}
footer .footer-bottom dl dd ul li{float:left;margin:0 0 5px 0;font-size:12px;color:#7A7B85;}

footer .footer-bottom dl dd ul li a{vertical-align:top;color:#7A7B85;}
footer .footer-bottom dl dd ul li a:focus{outline:1px dashed;  outline:1px auto -webkit-focus-ring-color;  transform:scale(0.99);}
footer .footer-bottom dl dd ul li + li{margin-left: 20px;}
footer .footer-bottom dl dd.footer-sns{float:right;margin:0 23px 0 0;}
footer .footer-bottom dl dd.footer-sns ul li{position:relative;margin:0 4px;width:30px;height:30px;background:url(../img/ico-sns.png) no-repeat;}
footer .footer-bottom dl dd.footer-sns ul li a{position:absolute;top:0;left:0;width:100%;height:100%;}
footer .footer-bottom dl dd.footer-sns ul li a:focus{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;transform:scale(0.99);}
footer .footer-bottom dl dd.footer-sns ul li.facebook{background-position-y:0;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.youtube{background-position-y:-31px;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.instagram{background-position-y:-64px;background-position-x:-30px;}
footer .footer-bottom dl dd.footer-sns ul li.twitter{background-position-y:-96px;background-position-x:-30px;}

/* 메인 */
@keyframes bg-txt {
    0%{transform:scale(0);opacity:0;}
    25%{transform:scale(.7);opacity:0;}
    70%{transform:scale(1);opacity:1;}
    100%{transform:scale(1.2);opacity:0;}
}

@keyframes main-txt {
    0%{transform:translateY(7px);opacity:0;}
    100%{transform:translateY(0px);opacity:1;}
}

.main{padding-top:72px;background:#1f1c24 url(../img/archive-bg.png) center 0 no-repeat;background-size:cover}
.wrap{text-align:center;position:relative;min-width:1200px;margin:0 auto;padding:137px 0 108px;}
.main-txt{position:relative;top:43%;left:0;right:0;z-index:5;}
.main-txt h2{width:731px;height:93px;margin:0 auto 45px; background:url(../img/main-tit.png)no-repeat;background-size:contain;animation:main-txt 1s ease-out forwards;opacity:0;}
.main-txt .txt{font-family:'Arita-buri';font-size:20px;font-weight:300;line-height:30px;margin:110px auto 50px;color:#000;animation:main-txt 1s ease-out forwards;opacity:0;}

.main-txt .tit{display:flex;width:1200px;font-family:'Arita-buri';font-size:74px;font-weight:100;line-height:116px;margin:0 auto;padding:0 108px;align-items:center;color:#1f3069;height:125px;}
.main-txt .tit span{display:inline-block;font-family:'Arita-buri';position:relative;opacity:0;}
.main-txt .tit.row1 span:nth-child(1){animation:main-txt .8s .8s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(2){animation:main-txt .5s 1.1s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(3){animation:main-txt .5s 1.4s ease-out forwards;margin-right:20px;}
.main-txt .tit.row1 span:nth-child(4){animation:main-txt .5s 1.7s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(5){animation:main-txt .5s 2s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(6){animation:main-txt .5s 2.3s ease-out forwards;margin-right:20px;}
.main-txt .tit.row1 span:nth-child(7){animation:main-txt .5s 2.6s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(8){animation:main-txt .5s 2.9s ease-out forwards;}
.main-txt .tit.row1 span:nth-child(9){animation:main-txt .5s 3.2s ease-out forwards;}

.main-txt .tit.row2{justify-content:flex-end;}
.main-txt .tit.row2 span:nth-child(1){animation:main-txt .8s 3.3s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(2){animation:main-txt .5s 3.6s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(3){animation:main-txt .5s 3.9s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(4){animation:main-txt .5s 4.2s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(5){animation:main-txt .5s 4.5s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(6){animation:main-txt .5s 4.8s ease-out forwards;margin-right:10px;}
.main-txt .tit.row2 span:nth-child(7){animation:main-txt .5s 5.1s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(8){animation:main-txt .5s 5.4s ease-out forwards;}
    .main-txt .tit.row2 span:nth-child(9){animation:main-txt .5s 5.7s ease-out forwards;}
.main-txt .tit.row2 span:nth-child(10){animation:main-txt .5s 6s ease-out forwards;}

.main-txt .tit .pt1{letter-spacing:-11px;top:-5px;font-size:98px;font-weight:500;line-height:154px;color:#440b75;}
.main-txt .tit .pt2{top:26px;font-size:98px;font-weight:500;line-height:154px;color:#440b75;}
.main-txt .tit .pt3{letter-spacing:-15px;top:15px;font-size:98px;font-weight:500;line-height:154px;color:#440b75;}
.main-txt .tit .pt4{top:-15px;font-size:98px;font-weight:500;line-height:154px;color:#440b75;}

.main-txt .btn{font-family:'Arita-buri';display:inline-flex;font-size:42px;width:341px;height:82px;border-radius:50px;background: linear-gradient(rgba(18,48,150,1) 0%, rgba(68,11,117,1) 82%);color:#fff;justify-content:center;align-items:center;font-weight:100;animation:main-txt 1s ease-out forwards;opacity:0;}

.moving-group{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:1200px;height:100%;}
.moving-group .item{position:absolute;opacity:0;}
.moving-group .item:nth-child(1){animation: bg-txt 8s infinite ;top:456px;left:-185px;}
.moving-group .item:nth-child(2){animation: bg-txt 8s infinite 4s; top:299px;left:-330px;width:137px;}
.moving-group .item:nth-child(3){animation: bg-txt 8s infinite 6s;top:630px;left:-269px;}
.moving-group .item:nth-child(4){animation: bg-txt 8s infinite 9s;width:148px;top:415px;right:-125px;}
.moving-group .item:nth-child(5){animation: bg-txt 8s infinite 3s;top:472px;right:-330px;}
.moving-group .item:nth-child(6){animation: bg-txt 8s infinite 7s;top:707px;right:-185px;}


/*메인 비디오 링크 영역 추가 */
.main-video__list{display:inline-flex;align-items:center;justify-content:center;grid-gap:12px;width:auto;margin:80px auto;padding:27px;background:rgba(255,255,255,0.3);border-radius:10px}
.main-video__item-link{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;width:222px;height:120px}
.main-video__item-thumb{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#2c2660;border-radius:10px;overflow:hidden}
.main-video__item-thumb img{width:100%;height:auto}
.main-video__item-txt{position:relative;padding:10px 5px;color:#fff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);}
.main-video__item-txt strong{display:block;font-family:'Arita-buri';font-size:15px;line-height:1.6;letter-spacing: -0.1px;font-weight:500}
.main-video__item-txt span{font-family:'Arita-buri';font-size:14px;line-height:1;font-weight:100}