@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');
}
/* 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;font-family:'Pretendard','SUIT','Noto Sans KR',Arial,sans-serif;}
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,textarea{border-radius:0;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;}
body{position:relative;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;font-size:16px;color:#000;font-weight:300;}

:root{
    --ui-color001:rgba(109, 29, 0, 0.25);
    --ui-color002:rgba(205, 144, 122, 0.20);

     /* bg01 : 배경 */
    /* 이미지 --ui-bg### */
    --ui-bg001:url(https://image.sbs.co.kr/event/sbsplay_event_260921/img/m/event_bg.jpg); /* bg : 배경 */
    --ui-bg002:url(https://image.sbs.co.kr/event/sbsplay_event_260921/img/m/event_stamp01.png); /* 스템프 */
   
   
  
    --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;}

/* layout */
.sbsEventContainer-w{display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;background-image:var(--ui-bg001);background-repeat:repeat;background-position:center center;}
.sbsEventContainer-w.event260427{width:100%;background-color:#FF6CC4;}
[class*='event-section']{display:flex;justify-content:center;position:relative;width:100%;}
[class*='event-section'] .se-inner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;width:100%;}
[class*='event-section'] h2{display:flex;}
[class*='event-section'] h2>img.tit01{height:29px;}

/* section1 */
.event-section1{position:relative;overflow:hidden;height:300px;display:flex;justify-content:center;background-color:var(--ui-color001);} 
.event-section1 .img01{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);display:block;height:300px;}

/* section1 */
.event-section2{padding:30px 0 50px;background-color:var(--ui-color002);} 
.event-section2 .se-inner{gap:20px;padding:0 20px;}
.event-section2 .img01{display:block;width:100%;max-width:335px;}

/* section1 */
.event-section3{display:flex;justify-content:center;padding:30px 0 0;background-color:var(--ui-color001);} 
.event-section3 .se-inner{gap:40px;padding:0 20px;box-sizing:border-box;}
.event-section3 .seTop-w{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:335px;width:100%;padding:40px 20px;box-sizing:border-box;background-color:#fff;}
.event-section3 .seTop-w h3{display:flex;}
.event-section3 .seTop-w h3>img.tit02{height:20px;}
.event-section3 .seTop-w .list01{margin-top:30px;display:flex;flex-direction:column;gap:20px;width:100%;}
.event-section3 .seTop-w .list01 li{position:relative;display:flex;justify-content:center;width:100%;}
.event-section3 .seTop-w .list01 li a{display:block;}
.event-section3 .seTop-w .list01 li img{display:block;width:100%;}
.event-section3 .seTop-w .list01 li.disable a,
.event-section3 .seTop-w .list01 li .btn-disable{display:none;}
.event-section3 .seTop-w .list01 li.disable .btn-disable{display:flex;}
.event-section3 .seTop-w .txt01{display:flex;width:100%;margin-top:16px;}
.event-section3 .seTop-w .txt01 img{display:block;height:36px;}
.sticker01{position:absolute;top:-28px;left:25px;display:block;width:124px;height:60px;}
.sticker01 img{display:block;width:100%;height:100%;}
.sticker02{position:absolute;bottom:-33px;right:25px;display:block;width:121px;height:68px;}
.sticker02 img{display:block;width:100%;height:100%;}

.event-section3 .seBottom-w{margin-top:10px;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:335px;width:100%;padding:40px 0;box-sizing:border-box;}
.event-section3 .seBottom-w .list01{width:100%;display:flex;justify-content:center;gap:75px;flex-direction:column;}
.event-section3 .seBottom-w .list01 li{padding-top:60px;position:relative;background-color:#fff;position:relative;display:flex;justify-content:center;width:100%;}
.event-section3 .seBottom-w .list01 li a{display:flex;flex-direction:column;align-items:center;width:100%;}
.event-section3 .seBottom-w .list01 li a>.img{display:block;width:100%;max-width:230px;}
.event-section3 .seBottom-w .list01 li span.stamp_w{position:absolute;top:-50px;left:50%;transform:translateX(-50%);display:block;width:100px;height:100px;}
.event-section3 .seBottom-w .list01 li span.stamp_w .img{display:block;width:100%;height:100%;}
.event-section3 .seBottom-w .list01 li .btn_go{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:48px;box-sizing:border-box;border: 1px solid #7C6454;background-color:#CCA459;}
.event-section3 .seBottom-w .list01 li .btn_go .img{display:block;height:19px;}
.event-section3 .seBottom-w .list01 li span.stamp_w:after{content:'';position:absolute;opacity:0;top:0;left:0;background-size:100% 100%;display:block;width:100%;height:100%;background-image:var(--ui-bg002);}
.event-section3 .seBottom-w .list01 li.active span.stamp_w:after{opacity:1;-webkit-animation-name: pulse; animation-name: pulse; animation-delay:0.1s; -webkit-animation-delay:0.1s; -webkit-animation-duration: 0.5s; animation-duration: 0.3s; opacity: 0; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

@-webkit-keyframes pulse{
    0%{
      opacity: 0;
    }
    10%{
      opacity:.50;
      transform-origin: 50% 50%;
      transform: rotate(-2deg) scale(8);
      transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    }
    100%{
      opacity:1;
      transform: rotate(-15deg) scale(1);
    }
  }
  

/* notice */
.eventNotice-w{position:relative;overflow:hidden;margin:0 auto;width:100%;background-color:#F2F2F2;font-size:14px;padding-bottom:60px;}
.eventNotice-box{margin:0 auto;max-width:343px;padding:0 16px;}
.eventNotice-title{position:relative;overflow:hidden;padding:30px 0 14px 28px;display:block;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:'SUIT',sans-serif;line-height:normal;color:#888;font-size:23px;font-weight:500;border-bottom:1px solid #707070;}
.eventNotice-title:before{position:absolute;overflow:hidden;content:'';display:block;left:0;top:32px;width:22px;height:22px;background-image:url('https://image.sbs.co.kr/event/sbsplay_event_260921/img/ico_check.svg');background-repeat:no-repeat;background-position:50% 50%;background-size:100%;}
.eventNotice-text{display:block;margin:16px 0;font-weight:700;color:#888;}
.eventNotice-list{display:flex;flex-direction:column;gap:8px;overflow:hidden;}
.eventNotice-inner{position:relative;display:block;padding-left:18px;font-family:'SUIT',sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#888;word-break:keep-all;text-align:left;}
.eventNotice-inner:before{position:absolute;display:block;content:'';left:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:#888;}
.eventNotice-inner>a{color:#888;}

/* app용 예외처리 */
/* .app .event-section3{background:#F0EEEA url('https://image.sbs.co.kr/event/sbsplay_event_260915/img/mobile/section3_bg.png') no-repeat;background-size:100% 100%;background-position:50% 100%;}
.app .eventInfo-w{background:none;padding:48px 10px 0;}
@media screen and (min-width:768px){.app .event-section3{background-size:429px auto;background-position:50% -110px;}}
.app .eventNotice-w{background:none;padding:0 10px 48px;}
.app .eventNotice-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 auto;padding:20px 16px;max-width:600px;width:100%;border:1px solid #A4A4A4;background-color:#fff;}
.app .eventNotice-title{padding:0 0  0 20px;color:#454545;font-family:'SUIT',sans-serif;font-size:14px;font-weight:700;line-height:normal;}
.app .eventNotice-title:before{top:50%;margin-top:-8px;width:16px;height:16px;background:url('https://image.sbs.co.kr/event/sbsplay_event_260915/img/mobile/ico_check.svg') no-repeat 50% 50%;}
.app .eventNotice-list{padding:0 6px;border-top:0;gap:8px;width:100%;}
.app .eventNotice-inner{padding-left:11px;font-size:12px;font-weight:400;line-height:1.3;color:#454545;}
.app .eventNotice-inner:before{top:6px;width:3px;height:3px;background-color:#454545;}
.app .eventNotice-inner>a{color:#454545;} */

#footer .footer_simple_w .footer_middlecont_w {margin-top:0 !important;}