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

:root{
  /* 이미지 --ui-bg### */
  --ui-bg001:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/bg01.jpg); /* bg01 : 배경 */
  --ui-bg002:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/bg02.jpg); /* bg02 : 배경 */
  --ui-bg003:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/btn_txt01.png); /* 버튼텍스트 : SBS play 이용권 구독하기 */
  --ui-bg004:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/btn_txt02.png); /* 버튼텍스트 : 이벤트 응모하기 */
  --ui-bg005:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/balloon.png); /* 풍선 */
  --ui-bg006:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/ico_arrow01.svg); /* 화살표 */
  --ui-bg007:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/ico_arrow02.svg); /* 화살표 */
  --ui-bg008:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/ico_check.svg); /* 체크 */

  --filter-color001:brightness(0.8) invert(79%) sepia(28%) saturate(0%) hue-rotate(362deg) brightness(122%) contrast(98%)/* 모든색 → #CDCDCD */
 
}


/* 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.event260803{width:100%;min-width:1180px;background-color:#171717;font-family:'SUIT', sans-serif;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
[class*='se-section'] .se-inner{width:100%;max-width:1200px;margin:0 auto;}

/* section1 */
.se-section1{z-index:2;color:#fff;font-weight:normal;background-color:#591515;background-image:var(--ui-bg001);background-size:1920px auto;background-repeat:no-repeat;background-position:center center;}
.se-section1 .con01{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:100px;}
.se-section1 .poster{position:relative;width:560px;height:643px;}
.se-section1 .poster .img{position:absolute;top:0;left:0;width:560px;height:743px;display:block;}
.balloon-animation{width:77px;height:93px;display:block;position:absolute;top:274px;right:194px;background-image:var(--ui-bg005);background-repeat:no-repeat;background-position:center center;animation:balloons 4s ease-in-out infinite;transform-origin:bottom center;}

@keyframes balloons {
  0%,100%{ transform:translateY(0) rotate(-4deg); }
  50%{ transform:translateY(-25px) rotate(4deg); }
}

/* section2 */
.se-section2{background-color:#1A1615;padding:90px 0 50px;}
.se-section2 .con01 .tit01{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.se-section2 .con01 .txt01{text-align:center;opacity:.9;font-size:24px;line-height:34px;font-weight:500;}
.se-section2 .con01 .txt02{text-align:center;opacity:.6;font-size:22px;line-height:32px;font-weight:400;}
                       
/* section3 */
.se-section3{background-color:#1A1615;}
.se-section3 .con01{wdidth:1200px;padding-bottom:80px; }
.se-section3 .info-wrap{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.se-section3 .info-wrap .info-box{position:relative;width:calc(50% - 10px);height:270px;box-sizing:border-box;padding:10px;
  background: linear-gradient(135deg,  rgba(0,0,0,1) 0%,rgba(75,75,75,1) 25%,rgba(48,48,48,1) 75%,rgba(0,0,0,1) 100%);}
.se-section3 .info-wrap .info-box .box-bg .box-line{position:absolute;display:block;width:1px;height:50px;background-color:rgba(255,255,255,.5);}
.se-section3 .info-wrap .info-box .box-bg .box-line.line-lt{top:0;left:0;transform:rotate(-45deg) translate(17px, 6px);}
.se-section3 .info-wrap .info-box .box-bg .box-line.line-rt{top:0;right:0;transform:rotate(45deg) translate(-17px, 6px);}
.se-section3 .info-wrap .info-box .box-bg .box-line.line-lb{bottom:0;left:0;transform:rotate(-135deg) translate(-17px, 6px);}
.se-section3 .info-wrap .info-box .box-bg .box-line.line-rb{bottom:0;right:0;transform:rotate(135deg) translate(17px, 6px);}

.se-section3 .info-wrap .info-box .info-text{display:flex;justify-content:center;flex-direction:column;gap:6px;align-items:center;position:relative;width:100%;height:100%;box-sizing:border-box;z-index:3;border:10px solid #fff;background-color:#591515;box-shadow: -8px -8px 12px 0 rgba(0, 0, 0, 0.10) inset, 8px 8px 12px 0 rgba(0, 0, 0, 0.10) inset;}
.se-section3 .info-wrap .info-box .info-text .tit01{margin-bottom:12px;}
.se-section3 .info-wrap .info-box .info-text .txt01{text-align:center;font-size:24px;font-weight:800;line-height:1.4;}
.se-section3 .info-wrap .info-box .info-text .txt02{text-align:center;font-size:18px;font-weight:400;line-height:1.2;}
.se-section3 .info-wrap .info-box .info-text .txt03{text-align:center;font-size:13px;font-weight:400;opacity:.7;}

/* se-section4 */
.se-section4{background-color:#591515;background-image:var(--ui-bg002);padding:100px 0;}
.se-section4 .con01{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;width:1200px;padding:60px;}
.se-section4 .con01 .tit01{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.se-section4 .con01 .txt01{text-align:center;opacity:.9;font-size:24px;line-height:34px;font-weight:500;}
.se-section4 .con01 .line01{position:absolute;width:50px;height:2px;background-color:#D9D9D9;display:block;}
.se-section4 .con01 .line01:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:50px;background-color:#D9D9D9;}
.se-section4 .con01 .line01.style01{left:0;top:0;}
.se-section4 .con01 .line01.style02{right:-24px;top:24px;transform:rotate(90deg);}
.se-section4 .con01 .line01.style03{right:0;bottom:0;transform:rotate(180deg);}
.se-section4 .con01 .line01.style04{left:-24px;bottom:24px;transform:rotate(270deg); }   
.se-section4 .btn-type01{display:inline-flex;gap:6px;align-items:center;justify-content:center;color:#fff;}
.se-section4 .btn-type01 .txt01{font-size:18px;}
.se-section4 .btn-type01:after{flex-shrink:0;content:'';display:block;width:13px;height:8px;background-image:var(--ui-bg007);background-repeat:no-repeat;transform:translateX(0);}
.se-section4 .btn-type01:hover:after{transtion:.1s ease-in-out transform;transform:translateX(5px);}
.se-section4 .btns-wrap{display:flex;align-items:center;justify-content:center;gap:20px;width:1200px;}
.se-section4 .btn-type02{display:flex;align-items:center;justify-content:center;height:112px;width:100%;}
.se-section4 .btn-type02.style01{background-color:#C41821;}
.se-section4 .btn-type02.style01:hover{background-color:#A20008;}
.se-section4 .btn-type02.style02{background-color:#000;}
.se-section4 .btn-type02.style02:hover{background-color:#222}
.se-section4 .btn-type02 .txt01{width:358px;height:35px;display:block;background-image:var(--ui-bg003);background-repeat:no-repeat;background-position:center center;}
.se-section4 .btn-type02 .txt02{width:223px;height:30px;display:block;background-image:var(--ui-bg004);background-repeat:no-repeat;background-position:center center;}
.se-section4 .btn-type02.disabled{background-color:#BCBCBC!important;}

.se-section4 .terms-wrap{width:1200px;box-sizing:border-box;margin:60px auto;padding:24px;border-radius:20px;background:rgba(0, 0, 0, 0.30);}
.se-section4 .terms-wrap.active .terms-content{display:flex;}
.se-section4 .terms-wrap.active .terms-title .terms-btn{transform:rotate(0deg);}
.se-section4 .terms-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:20px;}
.se-section4 .terms-title label{display:flex;align-items:center;gap:8px;}
.se-section4 .terms-title label input{position:absolute;top:0;left:0;z-index:2;width:32px;height:32px;opacity:0;}
.se-section4 .terms-title label:before{content:'';position:relative;width:32px;height:32px;background-image:var(--ui-bg008);background-repeat:no-repeat;background-position:center center;background-size:24px 24px;filter:var(--filter-color001);}
.se-section4 .terms-title label:has(input:checked):before{filter:none;}
.se-section4 .terms-title label span{font-weight:700;color:#fff;}
.se-section4 .terms-title .terms-btn{width:32px;height:32px;background-image:var(--ui-bg006);background-repeat:no-repeat;background-position:center center;transform:rotate(-180deg);transition:.1s ease-in-out transform;}
.se-section4 .terms-content{padding:16px 4px 0;display:none;flex-direction:column;gap:2px;font-size:16px;font-weight:500;color:#fff;}
.se-section4 .terms-content .txt01{position:relative;line-height:1.5;padding-left:10px;}
.se-section4 .terms-content .txt01::before{content:'';position:absolute;display:block;content:'';left:0;top:10px;width:5px;height:5px;border-radius:100%;background-color:#fff;}


/* notice */
.se-section5{position:relative;}
.se-section5 .seNotice-w{margin:0 auto;padding:50px 0;width:100%;background-color:#171717;position:relative;z-index:1;}
.se-section5 .seNotice-inner{margin:0 auto;width:100%;max-width:1200px;position:relative;z-index:1;box-sizing:border-box;}
.se-section5 .seNotice-title{position:relative;overflow:hidden;padding:0 0 16px 32px;display:block;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-align:left;color:#999;font-size:23px;font-weight:700;line-height:29px;}
.se-section5 .seNotice-title:before{position:absolute;overflow:hidden;content:'';display:block;left:0;top:2px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 23.3478C13.4902 23.3478 14.9658 23.0542 16.3426 22.4839C17.7194 21.9137 18.9704 21.0778 20.0241 20.024C21.0779 18.9703 21.9137 17.7193 22.484 16.3426C23.0543 14.9658 23.3478 13.4901 23.3478 11.9999C23.3478 10.5097 23.0543 9.03408 22.484 7.6573C21.9137 6.28052 21.0779 5.02954 20.0241 3.9758C18.9704 2.92206 17.7194 2.08618 16.3426 1.5159C14.9658 0.94562 13.4902 0.6521 12 0.6521C8.99036 0.6521 6.10399 1.84767 3.97586 3.9758C1.84773 6.10393 0.652161 8.99029 0.652161 11.9999C0.652161 15.0096 1.84773 17.8959 3.97586 20.024C6.10399 22.1522 8.99036 23.3477 12 23.3478ZM11.7075 16.5895L18.0118 9.02427L16.0751 7.41036L10.6534 13.9152L7.84794 11.1085L6.06507 12.8914L9.84768 16.674L10.8236 17.6499L11.7075 16.5895Z' fill='%23999999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;}
.se-section5 .seNotice-list{overflow:hidden;border-top:1px solid #707070;padding-top:16px;}
.se-section5 .seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:17px;font-weight:400;line-height:25px;color:#888;margin-bottom:6px;padding-left:16px;} /*탬플릿별 텍스트 컬러 변경*/
.se-section5 .seNotice-text.highlight{color:#EE6C00;}
.se-section5 .seNotice-text:last-of-type{margin-bottom:0;}
.se-section5 .seNotice-text a{color:#888;}
.se-section5 .seNotice-text a:hover{text-decoration:underline;}
.se-section5 .seNotice-text:before{position:absolute;display:block;content:'';left:0;top:12px;width:4px;height:4px;border-radius:50%;background-color:#666;margin-top:-2px;}