@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;
}

/* html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, table, th, td, figure {
  font-family: "Helvetica Neue","Apple SD Gothic Neo",Arial,sans-serif;
} */

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)}
}

/* 헤더 */
.gnb{position:fixed;top:0;left:0;right:0;width:100%;height:56px;padding:15px 16px;z-index:99;box-sizing:border-box;background:rgba(48, 48, 57, 0.70);backdrop-filter:blur(16px);}
.gnb-logo{display:flex;gap:7px;justify-content:flex-start;align-items:center;}
.gnb-logo .logo-kbs{width:80px;}
.gnb-logo .logo-archive{width:115px;}

/* 푸터 */
footer {padding:0 0 30px 0;background:#100b19;font-size:13px;color:#7a7b85;border-top:1px solid #414141;}
footer .footer-app{color:#d1d2d4;}
footer .footer-app dt{position:relative;padding:17px 25px;letter-spacing:-1px;border-bottom:1px solid #414141;}
footer .footer-app dt .ico{display:block;position:absolute;right:18px;top:15px;width:24px;height:24px;background:url("../img/ico-group50.png") no-repeat 2px -741px;background-size:40px;}
footer .footer-app dt.on .ico{background-position:-18px -741px;}
footer .footer-app dd{display: none;color:#7a7b85;background:#252525;border-bottom:1px solid #444;}
footer .footer-app dd ul{margin:0 auto;padding:25px 0;overflow:hidden;}
footer .footer-app dd ul li{position: relative;float: left;width: 25%;text-align: center;}
footer .footer-app dd ul li a{display: block;width: 100%;height: 100%;}
footer .footer-app dd ul li a .ico{display: block;margin: 0 auto;padding: 50% 0 0 0;width: 50%;background: url("../img/ico-app.png") no-repeat;background-size: 100% auto;}
footer .footer-app dd ul li a .txt{display: block;font-size: 10px;margin: 3px 0 0;color: #d1d2d4;}
footer .footer-app dd ul li.myk .ico{background-position: 0 16.66%;}
footer .footer-app dd ul li.news .ico{background-position: 0 0;}
footer .footer-app dd ul li.kong .ico{background-position: 0 33.33%;}
footer .footer-app dd ul li.world .ico{background-position: 0 50%;}

footer .footer-sns{padding: 40px 0;width: 100%;text-align: center;}
footer .footer-sns li{display: inline-block;margin: 0 7px;width: 24px;height: 24px;background: url("../img/ico-sns.png") no-repeat;background-size: 48px;}
footer .footer-sns li a{display: inline-block;width: 100%;height: 100%;}
footer .footer-sns li.facebook{background-position: -24px -48px;}
footer .footer-sns li.youtube{background-position: -24px -24px;}
footer .footer-sns li.instagram{background-position: -24px 0;}
footer .footer-sns li.twitter{background-position: -24px -72px;}

footer .footer-list{padding: 0 5%;margin: 0 auto;text-align: center;}
footer .footer-list li{display: inline-block;margin: 0 5px 10px;}
footer .footer-list li a{display: inline-block;width: 100%;height: 100%;font-size: 13px;line-height: 15px;}
footer .footer-list li a .en{display: none;}

footer > div{margin: 15px 0 0 0;font-size: 11px;line-height: 13px;text-align: center;}
footer .btn-top{display: none;position: fixed;right: 5px;bottom: 5px;width: 32px;height: 32px;z-index: 100000;background: url("../img/ico/ico-top.png") no-repeat 0 0;}

/* 메인 */
@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:56px;background:#1f1c24 url(../../img/archive-bg.png) center 0 no-repeat;background-size:cover;}
.main-txt{position:relative;width:100%;padding:38px 10px 103px;min-height:328px;text-align:center;background: radial-gradient(transparent 10px, transparent 78%, #1f1c24 151%);}
.main-txt h2{animation:main-txt 1s ease-out forwards;opacity:0;width:100%;height:88px;background:url(../img/m-main-tit.png) center 0 no-repeat;margin-bottom:37px;}

.main-txt .txt-box{width:100%;padding:0 24px;}
.main-txt .tit{display:flex;width:292px;padding:0 24px;font-family:'Arita-buri';font-size:28px;font-weight:100;line-height:44px;margin:0 auto;align-items:center;color:#1f3069;height:55px;}
.main-txt .tit.row2{justify-content:flex-end;}

.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:5px;}
.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:5px;}
.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 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:2px;}
.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{top:-2px;font-size:38px;font-weight:500;line-height:59px;color:#440b75;letter-spacing:-4px;}
.main-txt .tit .pt2{top:10px;font-size:38px;font-weight:500;line-height:59px;color:#440b75;}
.main-txt .tit .pt3{top:6px;font-size:38px;font-weight:500;line-height:59px;color:#440b75;letter-spacing:-7px;}
.main-txt .tit .pt4{top:-5px;font-size:38px;font-weight:500;line-height:59px;color:#440b75;}

.main-txt .btn{font-family:'Arita-buri';display:inline-flex;font-size:25px;width:205px;height:49px;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;margin-top:50px;}

/* 미디어쿼리 */
@media screen and (max-width:359px){
  .main-txt h2{width:250px;background:url(../img/m-main-tit.png) center 0 no-repeat;margin:0 auto 37px;background-size: contain;}
  .main-txt .tit{width:250px;display:flex;font-family:'Arita-buri';font-size:20px;font-weight:100;line-height:44px;align-items:center;height:50px;}
  .main-txt .tit .pt1{top:-2px;font-size:30px;}
  .main-txt .tit .pt2{top:10px;font-size:30px;}
  .main-txt .tit .pt3{top:6px;font-size:30px;}
  .main-txt .tit .pt4{top:-5px;font-size:30px;}

  .main-txt .btn{margin-top:68px;}
}




/*메인 비디오 링크 영역 추가 */
.main-video__list{width:100%;margin-top:38px;padding:17px 16px;background:rgba(13,4,26,0.53);border-radius:10px}
.main-video__item + .main-video__item{margin-top:10px}
.main-video__item-link{display:flex;align-items:center;justify-content:flex-start;grid-gap:14px;width:100%}
.main-video__item-thumb{display:block;flex-basis:68px;width:68px;height:45px;background-color:#2c2660;border-radius:10px;overflow:hidden}
.main-video__item-thumb img{width:100%}
.main-video__item-txt{flex:1;color:#fff;text-align:left;line-height:1}
.main-video__item-txt strong{display:block;font-family:'Arita-buri';font-size:15px;line-height:1.4;letter-spacing: -0.1px;font-weight:500}
.main-video__item-txt span{font-family:'Arita-buri';font-size:14px;font-weight:100}