@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:1200px;}


/* 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;}

/* layout */
.subscribeEvent-w{overflow:hidden;position:relative;}
    .subscribeEvent-w.dimm:before{position:absolute;content:'';z-index:10;display:block;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
    .subscribeEvent-w.event250428{background-color:#235CD7;} /* 분기별 bg 제어 */
    /* section1 */
    .se-section1{padding-top:60px;display:flex;flex-direction:column;align-items:center;}
        .seTop-w, .seBottom-w{position:relative;display:flex;flex-direction:column;align-items:center;}
        [class*='seImg']{display:block;margin:0 auto;}
            .seImg-01{width:445px;}
            .seImg-02{margin-top:30px;width:706px;}
            .seImg-03{width:720px;}
            .seImg-04{width:552px;}
        [class*='seText']{font-size:20px;line-height:1.5;color:#fff;text-align:center;}
            .seText-date{display:inline-block;padding:8px 16px;margin-top:30px;font-size:16px;letter-spacing:-1.2px;font-weight:500;background-color:#0A3CA8;border-radius:999px;}
            .seText-large{font-size:32px;font-weight:600;letter-spacing:-0.64px;}
            .seText-medium{padding-top:10px;font-size:20px;font-weight:500;letter-spacing:-0.2px;}
            .seText-mediumGreen{padding-top:10px;font-size:20px;font-weight:500;letter-spacing:-0.2px;color:#D0FF33;}
            .seText-small{padding-top:20px;display:block;font-size:13px;font-weight:700;letter-spacing:-0.13px;opacity:0.7;text-align:center;}
            .seText-green{box-sizing:border-box;padding:4px 10px;background-color:#D0FF33;font-size:32px;font-weight:800;color:#235CD7;line-height:48px;}
            .seText-blue{font-size:24px;color:#235CD7;font-weight:800;}
        .seBg-w{position:absolute;}
            .seBg-w [class*='bg']{position:absolute;display:block;background-repeat:no-repeat;background-position:center center;background-size:100%;}
                .seBg-w .bg01{right:-340px;top:-10px;width:193px;height:74px;background-image:url("https://image.sbs.co.kr/event/sbsplay_ticket_250428/img/bg_top.png");animation:motion 1s ease-in-out 0s infinite alternate;}
                .seBg-w .bg02{left:-400px;top:40px;width:143px;height:165px;background-image:url("https://image.sbs.co.kr/event/sbsplay_ticket_250428/img/bg_left.png");}
                .seBg-w .bg03{right:-450px;top:170px;width:231px;height:210px;background-image:url("https://image.sbs.co.kr/event/sbsplay_ticket_250428/img/bg_bottom.png");}
                    @keyframes motion {
                        0% {transform:translateY(0);}
                        100% {transform:translateY(10px);}
                    }
    /* section2 */
    .se-section2{background:linear-gradient(180deg, #235CD7 45%, #133C94 100%);padding-bottom:60px;}
        .seInfo-w{position:relative;background-color:#002D8F;}
            .seInfo-inner{margin:40px auto;padding:40px;max-width:1170px;color:#000;}
                .seInfo-text{text-align:center;}
        .seCoupon-w{}
            .seCoupon-w .seButton{margin:10px auto 0;width:312px;height:76px;border-radius:10px;background-color:#D0FF33;}
            .seCoupon-w .seButton:hover{background-color:#2664EA;}
            .seCoupon-w .seButton:hover .seText-blue{color:#D0FF33;}
            .seCoupon-w .seButton:hover .svgIcon-download{filter:invert(97%) sepia(99%) saturate(1001%) hue-rotate(44deg) brightness(184%) contrast(95%)}
            .seCoupon-w .svgIcon-download{margin-left:10px;width:28px;height:28px;background-repeat:no-repeat;background-size:100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M24.5 17.5V22.1667C24.5 22.7855 24.2542 23.379 23.8166 23.8166C23.379 24.2542 22.7855 24.5 22.1667 24.5H5.83333C5.21449 24.5 4.621 24.2542 4.18342 23.8166C3.74583 23.379 3.5 22.7855 3.5 22.1667V17.5' stroke='%23235CD7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.16669 11.6666L14 17.5L19.8334 11.6666' stroke='%23235CD7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 17.5V3.5' stroke='%23235CD7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
        .seButton-w{margin:40px auto 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;}
            .seButton-w .seButton{margin:0;}
                .seButton{display:flex;align-items:center;justify-content:center;margin:30px auto 0;width:380px;height:84px;background-color:#18191B;border-radius:10px;text-align:center;font-family:'SUIT',sans-serif;font-size:22px;color:#fff;font-weight:800;}
                .seButton:hover{background-color:#002167;}
    /* notice */
    .se-section3{position:relative;}
        .seNotice-w{background-color:#F2F2F2;position:relative;z-index:1;}
            .seNotice-inner{margin:0 auto;width:1200px;position:relative;z-index:1;}
                .seNotice-title{position:relative;overflow:hidden;padding:20px 0 16px 30px;display:block;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-align:left;line-height:34px;color:#888;font-size:23px;font-weight:500;}
                    .seNotice-title:before{position:absolute;overflow:hidden;content:'';display:block;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='ic' d='M5.07401e-06 11.4954C-0.00185305 9.30813 0.64886 7.17006 1.86889 5.35471C3.08893 3.53935 4.82281 2.12925 6.84871 1.3048C8.87462 0.480354 11.1004 0.279047 13.2414 0.726636C15.3823 1.17423 17.3411 2.25036 18.867 3.81736L17.7 4.91236C16.0809 3.26635 13.912 2.27465 11.6079 2.12677C9.30375 1.97889 7.02591 2.6852 5.20965 4.11073C3.3934 5.53626 2.16609 7.58104 1.76226 9.85433C1.35843 12.1276 1.8064 14.47 3.02056 16.4339C4.23472 18.3977 6.12993 19.8453 8.34403 20.5001C10.5581 21.1548 12.9358 20.9708 15.0228 19.9831C17.1098 18.9955 18.7597 17.2734 19.6572 15.1461C20.5547 13.0188 20.6368 10.6354 19.888 8.45136L21 6.92336C21.6849 8.41802 22.0261 10.0472 21.9984 11.6911C21.9708 13.335 21.5749 14.9517 20.8401 16.4225C20.1052 17.8932 19.05 19.1806 17.7521 20.1898C16.4542 21.199 14.9465 21.9044 13.34 22.2541C11.7336 22.6039 10.0691 22.5891 8.46909 22.2108C6.86909 21.8325 5.37422 21.1004 4.09445 20.0683C2.81468 19.0361 1.78256 17.7302 1.07399 16.2466C0.365418 14.763 -0.00157397 13.1395 5.07401e-06 11.4954ZM4.25101 11.0764L10.438 13.9054L21.4 3.65236L10.879 18.0594L4.25101 11.0764Z' fill='%23777777'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:50% 50%;}
                .seNotice-list{overflow:hidden;padding:16px 0 60px;border-top:1px solid #707070;}
                    .seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:17px;font-weight:500;line-height:25px;color:#888;margin-bottom:6px;padding-left:14px;} /*탬플릿별 텍스트 컬러 변경*/
                    .seNotice-text a{color:#1541A3;}
                    .seNotice-text a:hover{text-decoration:underline;}
                    .seNotice-text:before{position:absolute;display:block;content:'';left:0;top:53%;width:4px;height:4px;border-radius:50%;background-color:#888;margin-top:-2px;}
