@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;
}
ul, ol {list-style:none;}
a{text-decoration:none;color:inherit;}
.blind,.sr-only {
  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 txt-main-ani{0%{opacity:0;top:18%}
  100%{opacity:1;top:23%}
}

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

:root{
  --common-txt-desc: #8F8F8F;
  --common-txt: #DDD;
  --common-line: #3A3A3A;
  --common-background: #1E1F21;
  --sp-img: url(https://res.static.kbs.co.kr/img/sp-kbs.v2.svg);
  --sp-ico-logo__18: -200px -20px;
  --sp-sns-facebook: 0 -400px;
  --sp-sns-youtube: -40px -400px;
  --sp-sns-instagram: -80px -400px;
  --sp-sns-twitter: -120px -400px;
  --sp-sns-kakaotalk: -160px -400px;
  --sp-sns-naver: -200px -400px;
  --sp-sns-apple: -240px -400px;
  --sp-sns-google: -280px -400px;
  --sp-sns-tiktok: -320px -400px;
  --sp-arrow-up__fill-gray: -80px -160px;
}

/* 공용 */
.wrap{display:flex;flex-direction:column;min-height:100vh;background:#1A1B20 url(/ceolive2026/img/img-background.jpg) center top / 2560px auto no-repeat;}

/* 헤더 */
.header{position:fixed;top:0;left:0;right:0;z-index:10;width:100%;height:137px;margin:0 auto;max-width:100%;padding:50px 0;box-sizing:border-box;background:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:transform .3s ease,background-color .3s ease,backdrop-filter .3s ease, -webkit-backdrop-filter .3s ease;}
.header.is-hidden{transform:translate3d(0,-100%,0);}
.header.is-hidden:focus-within{transform:translate3d(0,0,0);}
.header.is-scrolled{background:rgba(30, 31, 33, 0.7);backdrop-filter:blur(12px);}

.gnb{max-width:1200px;width:100%;margin:0 auto;}
.gnb-logo{display:flex;align-items:center;gap:8px;}
.gnb-logo-kbs img{display:block;height:32px;}
.gnb-logo-title{display:block;height:36px;padding:5px 0;box-sizing:border-box;;}

/* 메인 */
.main{flex:1 0 auto;min-height:0;width:100%;max-width:1200px;margin:0 auto;padding-top:137px;box-sizing:border-box;}
.main-header{margin-top:90px;}
.main-title{}
.main-title-img{display:block;width:917px;margin:0 auto;}
.main-desc{margin-top:44px;font-size:40px;line-height:1.2;letter-spacing:-.4px;color:#FFFFFF;text-align:center;}

.main-live{width:100%;margin:140px 0 150px;box-sizing:border-box;border-radius:16px;overflow:hidden;}
.main-live-iframe{display:block;width:100%;aspect-ratio:1200/675;object-fit:cover;}
.main-live-bg{position:relative;width:100%;height:100%;}
.main-live-img{display:block;width:100%;border-radius:8px;}
.main-live-notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;font-size:48px;line-height:1.2;letter-spacing:-.4px;color:#FFFFFF;font-weight:700;text-align:center;}

.main-subtext{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.4px;color:#FFFFFF;text-align:center;}

.main-contents{padding-bottom:162px;}
.candidate-header{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:45px;}
.candidate-text{font-size:18px;line-height:1.5;color:#FFFFFF;letter-spacing:-.4px;text-align:center;}
.candidate-info{flex:1;min-height:0;}
.candidate-list{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:14px;}
.candidate-item{display:flex;flex-direction:column;gap:20px;}
.candidate-profile{position:relative;max-width:228px;width:100%;aspect-ratio:228/290;object-fit:cover;}
.candidate-name{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:30px;line-height:1.3;letter-spacing:-.4px;font-weight:700;color:#FFFFFF;}
.candidate-img{display:block;width:100%;}


.candidate-info{}
.candidate-info-list{display:flex;flex-direction:column;gap:4px;}
.candidate-info-item{display:flex;gap:12px;}
.candidate-info-year,
.candidate-info-text{font-size:16px;line-height:1.5;letter-spacing:-.4px;color:#FFFFFF;}
.candidate-link{display:block;width:100%;padding:16px 24px;box-sizing:border-box;font-size:18px;color:#FFFFFF;line-height:1.5;text-align:center;letter-spacing:-.4px;border-radius:16px;outline:1px solid rgba(255,255,255,0.4);}
.candidate-link:hover{background-color:rgba(255,255,255,0.2);}


/* 푸터 */
:root, .lightmode {
  --footer-txt: var(--common-txt-desc);
  --footer-link: var(--common-txt);
  --footer-line: var(--common-line);
  --footer-background: var(--common-background);
}

footer, .footer {
  padding: 0 0 80px 0;
  width: 100%;
  border-top: 1px solid var(--footer-line);
  background: var(--common-background) ;
}
footer a, .footer a {
  color: var(--footer-link);
}
footer .footer-top, .footer .footer-top {
  margin: 0 auto;
  width: 1200px;
  height: 58px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--footer-line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-top > ul li, .footer .footer-top > ul li {
  font-size: 12px;
  line-height: 16px;
}
footer .footer-top > ul li a, .footer .footer-top > ul li a {
  vertical-align: top;
}
footer .footer-top > ul li a strong, .footer .footer-top > ul li a strong {
  color: var(--color-blue2);
  font-weight: 600;
}
footer .footer-top > ul li.footer-select, .footer .footer-top > ul li.footer-select {
  position: relative;
}
footer .footer-top > ul li.footer-select a, .footer .footer-top > ul li.footer-select a {
  display: inline-flex;
  align-items: center;
}
footer .footer-top > ul li.footer-select a .ico, .footer .footer-top > ul li.footer-select a .ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--sp-img) var(--sp-arrow-up__fill-gray) no-repeat;
  margin-left: 4px;
}
footer .footer-top > ul li.footer-select > ul, .footer .footer-top > ul li.footer-select > ul {
  display: none;
  border: 1px solid var(--footer-line);
  background: var(--footer-background);
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: 3;
}
footer .footer-top > ul li.footer-select > ul li, .footer .footer-top > ul li.footer-select > ul li {
  margin: 20px;
  min-width: 100px;
}
footer .footer-top > ul li.footer-select > ul li a, .footer .footer-top > ul li.footer-select > ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
}
footer .footer-top > ul li.footer-select > ul li a .ico, .footer .footer-top > ul li.footer-select > ul li a .ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--sp-img) var(--sp-arrow-down__fill-gray) no-repeat;
  margin-left: 4px;
}
footer .footer-top > ul li.footer-select > ul.on, .footer .footer-top > ul li.footer-select > ul.on {
  display: block;
}
footer .footer-top .footer-top-left, .footer .footer-top .footer-top-left {
  display: flex;
  gap: 20px;
}
footer .footer-top .footer-top-right, .footer .footer-top .footer-top-right {
  display: flex;
  gap: 20px;
}
footer .footer-bottom, .footer .footer-bottom {
  position: relative;
  width: 1200px;
  margin: 30px auto 0;
}
footer .footer-bottom dl, .footer .footer-bottom dl {
  display: flex;
  gap: 20px;
}
footer .footer-bottom dl dt, .footer .footer-bottom dl dt {
  margin-top: 2px;
  width: 58px;
  height: 18px;
  overflow: hidden;
  text-indent: 100%;
  background: var(--sp-img) var(--sp-ico-logo__18) no-repeat;
}
footer .footer-bottom dl dd ul, .footer .footer-bottom dl dd ul {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0 0 4px;
}
footer .footer-bottom dl dd ul li, .footer .footer-bottom dl dd ul li {
  color: var(--footer-txt);
  font-size: 12px;
}
footer .footer-bottom dl dd ul li a, .footer .footer-bottom dl dd ul li a {
  vertical-align: top;
  color: var(--footer-txt);
}
footer .footer-bottom dl dd.footer-sns, .footer .footer-bottom dl dd.footer-sns {
  margin-left: auto;
}
footer .footer-bottom dl dd.footer-sns ul li a, .footer .footer-bottom dl dd.footer-sns ul li a {
  display: block;
  width: 24px;
  height: 24px;
  background: var(--sp-img) no-repeat;
}
footer .footer-bottom dl dd.footer-sns ul li.facebook a, .footer .footer-bottom dl dd.footer-sns ul li.facebook a {
  background-position: var(--sp-sns-facebook);
}
footer .footer-bottom dl dd.footer-sns ul li.youtube a, .footer .footer-bottom dl dd.footer-sns ul li.youtube a {
  background-position: var(--sp-sns-youtube);
}
footer .footer-bottom dl dd.footer-sns ul li.instagram a, .footer .footer-bottom dl dd.footer-sns ul li.instagram a {
  background-position: var(--sp-sns-instagram);
}
footer .footer-bottom dl dd.footer-sns ul li.twitter a, .footer .footer-bottom dl dd.footer-sns ul li.twitter a {
  background-position: var(--sp-sns-twitter);
}
footer .footer-bottom dl dd.footer-sns ul li.tiktok a, .footer .footer-bottom dl dd.footer-sns ul li.tiktok a {
  background-position: var(--sp-sns-tiktok);
}

/*# sourceMappingURL=footer.css.map */