@charset "utf-8";

@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff');
}

/* Description: 브라우저 초기화/공통요소*/

/* RESET */
html,body{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div{margin:0;padding:0;font-weight:300;}
img,fieldset{border:0}
button{background:none;border:0;cursor:pointer;}
ul,ol{list-style:none}
input,select{vertical-align:middle;background:#fff;}
em,address,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0px;empty-cells:show;table-layout:fixed}
legend,caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{text-decoration:none;color:#000;}
a:hover,a:focus{text-decoration:none;}
input,button,select{border-radius:0;}
body{position:relative;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;font-size:16px;color:#000;font-weight:300;min-width:1170px;}


/* common */
.blind{position:absolute;top:0;left:-9999em;width:0;height:0;font-size:0;line-height:0}
.hide{top:-99999em;left:-99999em;font-size:1px;opacity:0;text-indent:-99999em;}
.ir{zoom:-10;z-index:-1;position:relative;display:block !important;width:100%;line-height:0;font-size:0px !important;text-align:center;white-space:nowrap;overflow:hidden;}
.bl{display:block;}
.roboto{font-family:'Roboto', sans-serif;}

/* skip_navigation */
#skip_nav{position:absolute;left:0;top:0 !important;width:100%;z-index:9999;}
#skip_nav a{position:absolute;left:0;top:-100px;display:block;width:100%;height:60px;background-color:#015293;font-size:17px;color:#fff;line-height:60px;text-align:center;}
#skip_nav a:active,#skip_nav a:focus{top:0;height:60px;z-index:999;}

#header{position:relative;display:block;width:100%;background-color:#2c2c2c;color:#fff;}
body.dimm:before{position:absolute;content:'';display:block;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:300;}

/* layout */
.subscribeEvent-w{overflow:hidden;position:relative;}
.subscribeEvent-w.event261021{width:100%;height:100%;background-color:#000;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;}
[class*='seImg']{display:block;margin:0 auto;}
.seImg-01{position:relative;width:726px;z-index:3;}
.seImg-02{width:1200px;z-index:1;}
.seImg-03{width:406px;}
.seImg-04{width:418px;margin:0;}
.seImg-05{width:760px;}
                

/* section1 */
.se-section1{padding-top:40px;background-image:url("https://image.sbs.co.kr/event/replay_261021/img/top_bg.png");background-repeat:no-repeat;background-position:center top;background-size:1837px 562px;}
.se-section1 [class*='bg-']{position:absolute;top:0;z-index:0;}
.se-section1 .bg-left{left:0;}
.se-section1 .bg-right{right:0;}
.se-section1 .seTop-img{position:relative;width:100%;}
.se-section1 .seTop-img [class*='bg0']{position:absolute;left:50%;z-index:2;}
.se-section1 .seTop-img .bg01{top:161px;transform:translateX(-480px);width:167px;height:167px;}
.se-section1 .seTop-img .bg02{top:60px;transform:translateX(-348px);width:137px;height:137px;}
.se-section1 .seTop-img .bg03{top:111px;transform:translateX(235px);width:171px;height:171px;}
.se-section1 .seTop-img [class*='bg0'] img{display:block;width:100%;}
/* 퍼즐 둥둥 모션 : i는 위치(translateX) 담당, img에 모션 적용 */
.se-section1 .seTop-img [class*='bg0'] img{animation:puzzleFloat 3s ease-in-out infinite;}

.se-section1 .info-w{margin-top:114px;padding:61px 0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:45px;background-image:url("https://image.sbs.co.kr/event/replay_261021/img/bg_center.png");background-repeat:repeat-x;background-position:center top;background-size:auto 302px;}
.se-section1 .info-w:before{position:absolute;left:0;top:0;content:'';display:block;width:100px;height:302px;background-image:url("https://image.sbs.co.kr/event/replay_261021/img/bg_left.png");background-repeat:no-repeat;background-position:center top;background-size:auto 302px;background-color:#000;}
.se-section1 .info-w:after{position:absolute;right:0;top:0;content:'';display:block;width:100px;height:302px;background-image:url("https://image.sbs.co.kr/event/replay_261021/img/bg_right.png");background-repeat:no-repeat;background-position:center top;background-size:auto 302px;background-color:#000;}
.se-section1 .info-w .seBtn-w{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:12px;}
.se-section1 .info-w .seBtn-w .info-txt01{width:100%;display:block;font-size:18px;font-weight:400;line-height:1.4;color:#fff;text-align:center;}
.se-section1 .info-w .seBtn-w .seBtn01{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:85px;border-radius:60px;background-color:#FE4275;padding:0 80px;}
.se-section1 .info-w .seBtn-w .seBtn01:hover{background-color:#9D0E34 ;}
.se-section1 .info-w .seBtn01:after{content:'';display:block;width:27px;height:29px;background-image:url("https://image.sbs.co.kr/event/replay_261021/img/ico_arrow01.png");background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
.se-section1 .info-w .seBtn01 .txt01{display:block;color:#fff;font-size:30px;font-weight:700;line-height:1.2;}

.se-section1 .seBottom-w{width:100%;}   
.bnr-list{display:flex;flex-direction:column;}
.bnr-list li{display:flex;justify-content:center;}
.bnr-item01{width:100%;background-color:#3F3F3F;}
.bnr-item02{width:100%;background-color:#00968B;}
.bnr-wrap{position:relative;width:1200px;display:flex;justify-content:space-between;align-items:center;padding:51px 0;}
.bnr-wrap .con01{}
.bnr-wrap .con01 .tit01{display:block;font-size:32px;font-weight:700;line-height:1.5;letter-spacing:-1.6px;color:#fff;}
.bnr-wrap .con01 .txt01{display:block;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-1px;color:#fff;}
.bnr-wrap .con01 .txt01>em{font-weight:700;}
.bnr-wrap .con01 .txt02{display:block;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-1px;color:#84FFF7;}
.bnr-wrap .bnr-img{}
.bnr-wrap .bnr-img .img{z-index:1;position:absolute;}
.bnr-item01 .bnr-wrap .bnr-img .img{top:-4px;right:270px;}
.bnr-item02 .bnr-wrap .bnr-img .img{top:0;right:270px;}
.bnr-wrap .bnr-btn01{position:relative;z-index:2;display:block;width:332px;height:65px;color:#fff;font-size:22px;font-weight:700;line-height:1.5;letter-spacing:-1.1px;}
.bnr-item01 .bnr-wrap .bnr-btn01{background-color:#1C1C1C;}
.bnr-item01 .bnr-wrap .bnr-btn01:hover{background-color:#000000;}
.bnr-item02 .bnr-wrap .bnr-btn01{background-color:#003B37;}
.bnr-item02 .bnr-wrap .bnr-btn01:hover{background-color:#002826;}

/* 풍선 : --x 위치, --op 최종 opacity */
.balloon01{position:absolute;left:50%;bottom:950px;z-index:4;--x:-899px;--op:1;}
.balloon02{position:absolute;left:50%;bottom:800px;--x:-1050px;--op:1;}
.balloon03{position:absolute;right:50%;bottom:800px;z-index:4;--x:870px;--op:1;}
.balloon04{position:absolute;right:50%;bottom:1195px;--x:976px;--op:1;}
[class*='balloon0']{transform:translateX(var(--x));opacity:var(--op);}
/* 풍선 모션 : i는 아래에서 떠오르며 opacity 0 → --op, img는 위아래 둥둥 */
.balloon01{animation:balloonUp 1.8s cubic-bezier(.22,.8,.3,1) .2s both;}
.balloon02{animation:balloonUp 1.8s cubic-bezier(.22,.8,.3,1) .5s both;}
.balloon03{animation:balloonUp 1.8s cubic-bezier(.22,.8,.3,1) .35s both;}
.balloon04{animation:balloonUp 1.8s cubic-bezier(.22,.8,.3,1) 0s both;}
[class*='balloon0'] img{display:block;animation:balloonFloat 3.6s ease-in-out infinite;}
.balloon02 img{animation-duration:4.2s;}
.balloon03 img{animation-duration:3.9s;}
.balloon04 img{animation-duration:4.4s;}
@keyframes balloonUp{
	0%{transform:translateX(var(--x)) translateY(900px);opacity:0;}
	100%{transform:translateX(var(--x)) translateY(0);opacity:var(--op);}
}
@keyframes balloonFloat{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(-16px);}
}
@media (prefers-reduced-motion:reduce){
	[class*='balloon0'],[class*='balloon0'] img{animation:none;}
}

/* notice */
.se-section3{position:relative;}
.seNotice-w{margin:0 auto;padding:50px 0 60px;width:100%;background-color:#171717;position:relative;z-index:1;}
.seNotice-inner{margin:0 auto;width:100%;max-width:1200px;position:relative;z-index:1;box-sizing:border-box;}
.seNotice-title{position:relative;overflow:hidden;padding:0 0 16px 30px;display:block;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-align:left;color:#888;font-size:23px;font-weight:500;}
.seNotice-title:before{position:absolute;overflow:hidden;content:'';display:block;left:0;top:3px;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Cscript xmlns=''/%3E%3Cpath d='M5.07401e-06 11.4955C-0.00185305 9.30825 0.64886 7.17019 1.86889 5.35483C3.08893 3.53948 4.82281 2.12937 6.84871 1.30493C8.87462 0.480476 11.1004 0.279169 13.2414 0.726758C15.3823 1.17435 17.3411 2.25048 18.867 3.81748L17.7 4.91248C16.0809 3.26647 13.912 2.27477 11.6079 2.12689C9.30375 1.97901 7.02591 2.68532 5.20965 4.11085C3.3934 5.53638 2.16609 7.58116 1.76226 9.85445C1.35843 12.1277 1.8064 14.4701 3.02056 16.434C4.23472 18.3978 6.12993 19.8454 8.34403 20.5002C10.5581 21.1549 12.9358 20.9709 15.0228 19.9832C17.1098 18.9956 18.7597 17.2736 19.6572 15.1463C20.5547 13.019 20.6368 10.6356 19.888 8.45148L21 6.92348C21.6849 8.41814 22.0261 10.0473 21.9984 11.6912C21.9708 13.3351 21.5749 14.9519 20.8401 16.4226C20.1052 17.8934 19.05 19.1807 17.7521 20.1899C16.4542 21.1991 14.9465 21.9045 13.34 22.2543C11.7336 22.604 10.0691 22.5892 8.46909 22.2109C6.86909 21.8326 5.37422 21.1005 4.09445 20.0684C2.81468 19.0362 1.78256 17.7303 1.07399 16.2468C0.365418 14.7632 -0.00157397 13.1396 5.07401e-06 11.4955ZM4.25101 11.0765L10.438 13.9055L21.4 3.65248L10.879 18.0595L4.25101 11.0765Z' fill='%23777777'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;}
.seNotice-list{overflow:hidden;border-top:1px solid #888;padding-top:16px;}
.seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:14px;font-weight:500;line-height:1.4;color:#888;margin-bottom:4px;padding:4px 0 4px 18px;} /*탬플릿별 텍스트 컬러 변경*/
.seNotice-text:last-of-type{margin-bottom:0;}
.seNotice-text a{color:#1541A3;}
.seNotice-text a:hover{text-decoration:underline;}
.seNotice-text:before{position:absolute;display:block;content:'';left:0;top:12px;width:4px;height:4px;border-radius:50%;background-color:#888;margin-top:-1px;}