@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:#201411;;}
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:#201411;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.event261029{width:100%;height:100%;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;}
    [class*='titImg']{display:block;margin:0 auto;}
    [class*='seImg']{display:block;margin:0 auto;}
    [class*='txtImg']{display:block;margin:0 auto;}
    .titImg-01{width:424px;}
    .titImg-02{width:130px;}
    .titImg-03{width:130px;}
    .titImg-04{width:244px;}
    
    .seImg-01{width:403px;}
    
    .txtImg-01{width:622px;}
     
    .box-w{
        width:100%; 
        box-sizing:border-box;
        padding:16px;
        background: #FFF;
        box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.10);
    }

    .box-inner{position:relative; border:solid 2px #861D3E;}

    .box-inner > [class^='bg0']{position:absolute;z-index:1;width:65px;height:65px;background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-box.jpg) no-repeat;}
    .box-inner .bg01{top:-2px;left:-2px;}
    .box-inner .bg02{top:-2px;right:-2px;transform:rotate(90deg);}
    .box-inner .bg03{right:-2px;bottom:-2px;transform:rotate(180deg);}
    .box-inner .bg04{left:-2px;bottom:-2px;transform:rotate(270deg);}

    /* section1 */
    .se-section1{
        padding:80px 0;
        background:#F3F6FA url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/bg01.png) no-repeat center top;
    }
    .se-section1 .seTop-w{
        display:flex;align-items:center;flex-direction:column;justify-content:center;gap:50px;
    }
    .se-section1 .seTop-w .seTop-img{
        display:flex;align-items:center;flex-direction:column;justify-content:center;gap:50px;
    }
    .se-section1 .se-inner{width:1002px;margin:0 auto;}
        .se-section1 .info-w{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:40px;padding:60px 0;}
        .se-section1 .info-w .txt01{margin-top:12px; font-size:20px; font-weight:800;}
        .se-section1 .info-w .txt02{margin-top:12px; display:flex;}
        .se-section1 .info-w .txt02 li{display:flex; align-items:center; gap:12px; font-size:20px; font-weight:800; color:#201411;}
        .se-section1 .info-w .txt02 li::after{display:block; content:''; width:21px; height:15px; 
            background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-arrow.png) no-repeat; margin-right:12px;}
        .se-section1 .info-w .txt02 li:last-child::after{display:none;}
        .se-section1 .info-w .tips{background: #FFF2F2; padding:22px 40px;}
        .se-section1 .info-w .txt03{margin-top:6px;}


        .se-section1 .info-w .info-list{display:flex;flex-direction:column;gap:14px;position:absolute;bottom:40px;left:172px;}
        .se-section1 .info-w .info-list li{display:flex;gap:14px;height:40px;align-items:center;}
        .se-section1 .info-w .info-list .tit01{height:40px;display:flex;}
        .se-section1 .info-w .info-list .txt01{line-height:1.5;font-size:20px;font-weight:500;color:#4F2D2D;}
 
        .se-section1 .radio-w{display:flex;flex-wrap:wrap;justify-content:center;gap:80px; margin-top:-16px;}
        /* 라디오 버튼 */
        .radio-w .radio-button{display:block;position:relative;width:220px;overflow:hidden;}
        .radio-w .radio-button .bg-ticket{display:block;width:220px;height:334px;background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/bg-ticket01.png) no-repeat;padding:30px 35px; box-sizing:border-box;}
        .radio-w .radio-button:has(.radio-input:checked) .bg-ticket{background-image:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/bg-ticket02.png);}
        .radio-w .radio-button .logo{display:block; margin:0 auto; opacity:0.3}
        .radio-w .radio-button:has(.radio-input:checked) .logo{opacity:1;}
        .radio-w .radio-button .tit{display:block; text-align:center; opacity:0.3; font-size:14px; font-weight:700; letter-spacing: -0.28px; margin:6px auto 0;}
        .radio-w .radio-button:has(.radio-input:checked) .tit{opacity:1;}

        .radio-w .radio-button .schedule{display:flex;flex-direction:column;gap:14px; background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-line01.png) no-repeat center top; margin-top:30px; padding-top:30px;}
        .radio-w .radio-button:has(.radio-input:checked) .schedule{background-image:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-line02.png);}
        .radio-w .radio-button .schedule .item{display:flex;flex-direction:column;}
        .radio-w .radio-button .schedule .date01{font-size:14px; color:rgba(32, 20, 17, 0.60);}
        .radio-w .radio-button .schedule .date02{font-weight:800;}

        .radio-button .radio-input{position:absolute;width:220px;height:378px;top:0;left:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
        .radio-button .radio-txt{position:relative;display:flex;align-items:center; justify-content:center; gap:8px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing: -0.36px;z-index:3; margin-top:16px;}
        .radio-button .radio-input:focus-visible + .radio-txt{outline:2px solid #fff;outline-offset:2px;}
        .radio-button .check{position:relative;width:28px;height:28px;background:url("https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-radio01.png") no-repeat;flex-shrink:0;}
        .radio-button .radio-input:checked + .radio-txt .check{background-image:url("https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-radio02.png");}
        
        .se-section1 .seButton-w{display:flex;gap:20px;width:100%;}
        .se-section1 .seButton-w [class*='seBtn0']{display:flex;justify-content:center;align-items:center;flex:1;min-width:0;height:94px;box-sizing:border-box;transition:.1s;}
        .se-section1 .seButton-w [class*='seBtn0'] img{display:block;max-width:100%;height:auto;}
        .se-section1 .seButton-w .seBtn01{background-color:#861D3E;}
        .se-section1 .seButton-w .seBtn01:hover{background-color:#5B0420;}
        .se-section1 .seButton-w .seBtn02{background-color:#201411;}
        .se-section1 .seButton-w .seBtn02:hover{background-color:#000;}
                
    /* section2 */
    .se-section2{
        padding:70px 0; 
        background:#781337 url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/bg02.png) no-repeat center top;
    }
    .se-section2 .se-inner{width:1002px;margin:0 auto;}
        .se-section2 .musical-info-w{display:flex;align-items:center;gap:28px;line-height: 1.5;}
        .se-section2 .musical-info-w .tit01{font-size:32px;font-weight:800;color:#fff;}
        .se-section2 .musical-info-w .txt01{font-size:22px;font-weight:600;color:#fff;padding-top:20px;}
        .se-section2 .musical-info-w .txt02{font-size:18px;font-weight:400;line-height:28px;color:#fff;padding-top:6px; letter-spacing: -0.54px;}
        .se-section2 .musical-info-w .seButton-link{display:inline-flex;align-items:center;background-color:#D6B48E;box-sizing:border-box;padding:0 20px;height:44px;margin-top:20px; gap:4px;}
        .se-section2 .musical-info-w .seButton-link .txt{font-weight:800;}
        .se-section2 .musical-info-w .seButton-link:after{content:'';display:block;width:20px;height:20px;background:url("https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-more.png")no-repeat center / 100% auto;}

    /* 개인정보 동의 공통 레이아웃 */
    .sePrivacy-w{display:flex;justify-content:center;}
    .sePrivacy-w .sePrivacy-box{background: #FFF1F1;width:567px;padding:24px;box-sizing:border-box;}
    .sePrivacy-w .sePrivacy-header{display:flex;align-items:center;gap:8px;justify-content:space-between;}
    .sePrivacy-w .sePrivacy-btn{width:32px;height:32px;display:block;flex-shrink:0;background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-arrow-down.png) no-repeat;}
    .sePrivacy-w .sePrivacy-btn.active{transform:rotate(180deg);}
    .sePrivacy-w .sePrivacy-label{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-sizing:border-box;}
    .sePrivacy-w .sePrivacy-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    /* 체크박스 색상 변경시 background-color 수정 */
    .sePrivacy-w .sePrivacy-label:before{content:'';display:block;flex-shrink:0;width:32px;height:32px;box-sizing:border-box;background:url(https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-check01.png) no-repeat;}
    .sePrivacy-w .sePrivacy-label:has(.sePrivacy-input:checked):before{background-image:url('https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-check02.png');}
    .sePrivacy-w .sePrivacy-label:has(.sePrivacy-input:focus-visible){outline:auto;outline-offset:2px;}
    .sePrivacy-w .sePrivacy-title{display:block;font-size:20px;font-weight:700;color:#1A1A1A;line-height:1.5;flex:1;}

    .sePrivacy-w .sePrivacy-body{max-height:0;overflow:hidden;transition: max-height 0.2s ease-out;box-sizing:border-box;}
    .sePrivacy-w .sePrivacy-list{padding-top:16px;display:flex;flex-direction:column;gap:2px;}
    .sePrivacy-w .sePrivacy-list .sePrivacy-text{position:relative;padding-left:10px;line-height:1.5;font-size:16px;font-weight:500;color:#747474;}
    .sePrivacy-w .sePrivacy-list .sePrivacy-text:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#898989;position:absolute;left:0;top:9px;box-sizing:border-box;}
    .sePrivacy-w .sePrivacy-list .sePrivacy-text.ref-txt{padding-left:0;}
    .sePrivacy-w .sePrivacy-list .sePrivacy-text.ref-txt:before{display:none;}
    
    /* notice */
    .se-section3{position:relative;}
        .seNotice-w{margin:0 auto;padding:50px 0;width:100%;background-color:#171717;}
            .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 32px;display:block;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-align:left;color:#999;font-size:23px;font-weight:700;}
                    .seNotice-title:before{position:absolute;overflow:hidden;content:'';display:block;left:0;top:3px;width:24px;height:24px;background:url('https://image.sbs.co.kr/event/mbutterfly_event_261029/pc/ic-notice.png') no-repeat center center / 100% auto;}
                .seNotice-list{overflow:hidden;border-top:1px solid #707070;padding-top:16px;}
                    .seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:17px;font-weight:500;line-height:1.4;color:#888;padding:3px 0 3px 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:#666;margin-top:-1px;}




