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

 /* noto-sans-kr-regular - latin_korean */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Regular.woff') format('woff');
 }

 /* fonts : Noto Sans KR medium */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 500;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Medium.woff') format('woff');
 }

 /* fonts : Noto Sans KR bold */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Bold.woff') 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{outline:none;border-radius:0;}
 body{position:relative;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;font-size:16px;color:#000;font-weight:300;}


 /* 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%;font-size:0px !important;line-height:0;text-align:center;white-space:nowrap;overflow:hidden;}
 .bl{display:block;}
 .roboto{font-family:'Roboto', sans-serif;}
 .gra_bg{display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;
         background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);/* FF3.6-15 */
         background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 );
 }

 /* 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:0;background-color:#1a1a1a;color:#fff;line-height:50px;text-align:center;}
 #skip_nav a:active,#skip_nav a:focus{top:0;height:50px;z-index:999;}

/* header 영역 */
#header{position:fixed;display:block;width:100%;z-index:100;background-color:#fff;}
#footer .footer_simple_w .footer_middlecont_w{margin-top:0 !important;} 
.signup-event-w{overflow:hidden;position:relative;/*padding-top:52px;*/background-color:#C7EDFB;}
.signup-event-w .img{width:100%;}
/* 공통 */
.signup-event-w.web-type img.img.web{display:block!important;}
.signup-event-w.web-type img.img.play,
.signup-event-w.web-type img.img.radio{display:none;}
.signup-event-w.play-type img.img.play{display:block;}
.signup-event-w.play-type img.img.web,
.signup-event-w.play-type img.img.radio{display:none;}
.signup-event-w.radio-type img.img.radio{display:block;} 
.signup-event-w.radio-type img.img.web,
.signup-event-w.radio-type img.img.play{display:none;}
.signup-event-w.web-type img.img.web.play,
.signup-event-w.play-type img.img.web.play{display:block!important;}
/* 탑영역 */
.signup-event-w .top-contents{padding-bottom:72px;display:flex;flex-direction:column;align-items:center;background-color:#A6E8FD;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/bg_sky.png);background-size:1280px auto;background-position:center bottom;background-repeat:no-repeat;}
.signup-event-w .top-contents:after{opacity:0.8;content:'';position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:500px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00aaff+0,00aaff+100&1+0,0+100 */
    background: linear-gradient(to bottom,  rgba(0,170,255,1) 0%,rgba(0,170,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.signup-event-w .top-contents .hero-section{padding-top:72px;display:flex;flex-direction:column;align-items:center;width:100%;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/bg_program.png);background-size:1080px auto;background-position:center bottom;background-repeat:no-repeat;}
@media screen and (max-width:767px){
    .signup-event-w .top-contents .hero-section{background-size:800px auto;background-position:center 345px;}
}
.signup-event-w .top-contents [class$='-section']{position:relative;z-index:2;}
.signup-event-w .top-contents .hero-section .tit01{position:relative;width:100%;max-width:337px;padding:0 19px;box-sizing:border-box;}
.signup-event-w .top-contents .hero-section .tit01 .onair-ani-wrap{position:absolute;top:24px;right:27px;display:flex;width:106px;height:27px;background-image:url('https://image.sbs.co.kr/event/signup_event_260401/img/m/txt_enjoy.png');background-size:100% auto;background-repeat: no-repeat;}
.signup-event-w .top-contents .hero-section .tit01 .onair-ani{position:absolute;top:9px;right:11px;width:6px;height:6px;border-radius:100%;background-color:#FF0000;animation:onair-blink 1s ease-in-out infinite;}
.signup-event-w .top-contents .hero-section .tit01 .img{width:100%;}
.signup-event-w .top-contents .visual-area{padding-top:57px;height:382px;position:relative;display:flex;justify-content:center;align-items:center;}
.signup-event-w .top-contents .visual-area .img-con01{position:absolute;top:55px;left:50%;transform:translate(-50%,0);margin-left:16px;width:208px;will-change:transform;animation:visual-gorilla-float 2.7s cubic-bezier(0.42,0,0.2,1) infinite;}
.signup-event-w .top-contents .visual-area .img-con01 .img{width:100%;}
.signup-event-w .top-contents .visual-area .img-con02{position:absolute;top:11px;margin-left:-34px;left:50%;width:180px;}
.signup-event-w .top-contents .visual-area .img-con02 .img{width:100%;}
.signup-event-w .top-contents .visual-area .img-con03{position:absolute;bottom:122px;right:50%;margin-right:-6px;width:181px;}
.signup-event-w .top-contents .visual-area .img-con03 .img{width:100%;}
@media screen and (max-width:767px){
    .signup-event-w .top-contents .visual-area{height:330px;}
    .signup-event-w .top-contents .visual-area .img-con03{bottom:36px;}
}
.signup-event-w .top-contents .info-gift-section{padding:0 16px;display:flex;flex-direction:column;align-items:center;}
.signup-event-w .top-contents .info-gift-section .sub-title01{position:relative;width:100%;max-width:391px;margin-bottom:48px; }
.signup-event-w .top-contents .info-gift-section .sub-title01 .img{width:100%;}
.signup-event-w .top-contents .info-gift-section .gift_area>.tit01{display:flex;justify-content:center;width:100%;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01{max-width:695px;margin:30px auto 87px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;align-items:stretch;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li{overflow:hidden;width:167px;border-radius:6px;box-sizing:border-box;border:2px solid #000;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style01{border-color:#0F99FF;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style01 .tit-wrap{background-color:#0F99FF;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style02{border-color:#F8CA4B;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style02 .tit-wrap{background-color:#F8CA4B;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style03{border-color:#B46C3E;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style03 .tit-wrap{background-color:#B46C3E;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style04{border-color:#3B7478 ;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style04 .tit-wrap{background-color:#3B7478;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style05{border-color:#3968B0;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style05 .tit-wrap{background-color:#3968B0;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style06{border-color:#1A5A0B;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style06 .tit-wrap{background-color:#1A5A0B;}

.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box{width:100%;height:100%;background-color:#fff;box-sizing:border-box;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap{position:relative;padding:0 13px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:46px;width:100%;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap .tit01{display:flex;align-items:center;color:#fff;flex-direction:column;align-items:flex-start}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap .tit01 em{font-size:13px;font-weight:700;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap .tit01 span{font-size:9px;font-weight:400;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 li.style02 .item-box .tit-wrap .tit01{color:#000000}

.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap [class*='logo-']{background-size:100% auto;display:flex;position:absolute;top:50%;transform:translateY(-50%);right:13px;}
.gift_area .logo-radio{width:35px;height:13px;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/logo_radio.png);}
.gift_area .logo-meet{width:34px;height:25px;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/logo_meet.png);}
.gift_area .logo-animal{width:31px;height:20px;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/logo_animal.png);}
.gift_area .logo-woori{width:33px;height:24px;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/logo_woori.png);}
.gift_area .logo-running{width:37px;height:21px;background-image:url(https://image.sbs.co.kr/event/signup_event_260401/img/m/logo_running.png);}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .img-con01{position:relative;width:100%; padding-top: 82.85%; overflow: hidden;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .img-con01 .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .txt-tag01{position:absolute;top:4px;right:4px;z-index:2;width:34px;height:34px;display:flex;justify-content:center;align-items:center;background-color:#383838;border-radius:100%;color:#fff;font-size:9px;font-weight:700;}


@media screen and (max-width:374px){
    .signup-event-w .top-contents .info-gift-section{padding:0 10px;}
    .signup-event-w .top-contents .info-gift-section .gift_area .list01{gap:8px;}
    .signup-event-w .top-contents .info-gift-section .gift_area .list01 li{width:146px;}
    .signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap{padding:0 8px;}
    .signup-event-w .top-contents .info-gift-section .gift_area .list01 .item-box .tit-wrap [class*='logo-']{display:none;}
}


.signup-event-w .top-contents .download-area{display:flex;justify-content:center;align-items:center;padding-bottom:30px;flex-direction:column;gap:24px;}
.signup-event-w .top-contents .download-area .tit01{display:flex;width:244px;}
.signup-event-w .top-contents .download-area .btns-wrap{display:flex;flex-direction:column;gap:16px;width:237px;}
.signup-event-w .top-contents .download-area .btns-wrap .btn-type01{width:100%;display:flex;}
.signup-event-w .top-contents .download-area .btns-wrap .btn-type01 img{width:100%;}
.signup-event-w.play-type .top-contents .download-area .btn-type01:has(img[src*='play']){display:none;}
.signup-event-w.radio-type .top-contents .download-area .btn-type01:has(img[src*='radio']){display:none;}

/* 하단영역 */
.signup-event-w .bottom-contents{padding:125px 0;background: linear-gradient(to bottom,  rgba(245,252,252,1) 0%,rgba(232,248,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.signup-event-w .bottom-contents .info-event-section{}
.signup-event-w .bottom-contents .event-area{display:flex;flex-direction:column;align-items:center;}
.signup-event-w .bottom-contents .event-area .tit01{margin-bottom:77px;display:flex;width:212px;}
.signup-event-w .bottom-contents .event-area .tit01{}
.signup-event-w .bottom-contents .event-area .list01{width:379px;display:flex;flex-direction:column;gap:20px;}
.signup-event-w .bottom-contents .info-area {margin-top:65px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:0 16px;box-sizing:border-box;}
.signup-event-w .bottom-contents .info-area .tit01{display:flex;justify-content:center;background-color:#C9E8FF;border-radius:48px;max-width:688px;padding:24px 83px;}
.signup-event-w .bottom-contents .info-area .tit01 .img01{width:522px;}
.signup-event-w .bottom-contents .info-area .tit01 .img02{display:none;}
.signup-event-w .bottom-contents .info-area .txt01{padding:0 13px;margin-top:27px;line-height:1.5;text-align:left;font-size:16px;font-weight:500;color:#052882;}
@media screen and (max-width:767px){
    .signup-event-w .bottom-contents{padding:80px 0;}
    .signup-event-w .bottom-contents .info-area{align-items:stretch;}
    .signup-event-w .bottom-contents .info-area .tit01{padding:16px 27px;}
    .signup-event-w .bottom-contents .info-area .tit01 .img01{display:none;}
    .signup-event-w .bottom-contents .info-area .tit01 .img02{display:block;width:221px;}
    .signup-event-w .bottom-contents .event-area .tit01{margin-bottom:48px;width:165px;}
    .signup-event-w .bottom-contents .event-area .list01{width:100%;padding:0 10px;box-sizing:border-box;width:303px;}
}

/* 기간 / 당첨자 발표 / 안내사항 — dl > dt + dd (행은 grid) */
.signup-event-w .bottom-contents .info-event-section .notice-area{max-width:720px;width:100%;margin:66px auto 0;padding:0 16px;box-sizing:border-box;display:grid;grid-template-columns:220px 1fr;row-gap:12px;column-gap:0;}
.signup-event-w .bottom-contents .info-event-section .notice-area dt,
.signup-event-w .bottom-contents .info-event-section .notice-area dd{margin:0;border:1px solid #C2EEFF;}
.signup-event-w .bottom-contents .info-event-section .notice-label{min-height:56px;display:flex;align-items:center;justify-content:center;padding:16px 24px;box-sizing:border-box;background-color:#B8DEF9;color:#004373;font-size:18px;font-weight:700;line-height:1.3;text-align:center;border-radius:32px 0 0 32px;border-right:0 !important;}
.signup-event-w .bottom-contents .info-event-section .notice-value{min-height:56px;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background-color:#fff;color:#000;font-size:16px;font-weight:400;line-height:1.6;text-align:center;border-radius:0 32px 32px 0;border-left:0 !important;}
.signup-event-w .bottom-contents .info-event-section .notice-value--multi{align-items:flex-start;justify-content:flex-start;text-align:left;}
.signup-event-w .bottom-contents .info-event-section .notice-list{margin:0;padding:0;list-style:none;width:100%;}
.signup-event-w .bottom-contents .info-event-section .notice-list li{position:relative;padding-left:12px;}
.signup-event-w .bottom-contents .info-event-section .notice-list li:first-child{margin-top:0;}
.signup-event-w .bottom-contents .info-event-section .notice-list li::before{content:'-';position:absolute;left:0;top:0;}
@media screen and (max-width:767px){
    .signup-event-w .bottom-contents .info-event-section .notice-area{grid-template-columns:87px 1fr;}
    .signup-event-w .bottom-contents .info-event-section .notice-label{font-size:14px;padding:10px 6px;}
    .signup-event-w .bottom-contents .info-event-section .notice-value{padding:14px 12px;font-size:14px;}
}



/* 애니메이션 */
@keyframes onair-blink{
    0%, 100%{
        opacity:1;
       
    }
    50%{
        opacity:0.1;
        
    }
}

@keyframes visual-gorilla-float{
    0%, 100%{transform:translate(-50%,0);}
    50%{transform:translate(-50%,-7px);}
}