@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: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.event260330{width:100%;width:100%;height:100%;background-color:#222222;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;}
    [class*='seImg']{display:block;margin:0 auto;}
                    .seImg-01{width:419px;}
                    .seImg-02{width:696px;}
                    .seImg-03{width:220px;top:-20px;left:-246px;}
                    .seImg-04{width:200px;bottom:-5px;left:-270px;}
                    .seImg-05{width:120px;top:100px;right:-191px;}
                    .seImg-06{width:160px;top:-40px;right:-166px;}
                    .seImg-07{width:200px;bottom:-30px;right:-271px;}
                    .seImg-08{width:808px;}
                    .seImg-09{width:626px;}
                    .seImg-10{width:666px;}
                    .seImg-11{width:226px;}
                    .seImg-12{width:488px;}
    /* section1 */
    .se-section1{}
        .slide-w{position:relative;overflow:hidden;}
            .slide-w .swiper-wrapper{display:flex;position:relative;width:100%;height:100%;z-index:1;box-sizing:border-box;transition-timing-function:linear !important;}
                .slide-w .swiper-slide{width:auto;}
                .slide-w .swiper-slide>img{width:260px;}
                .slide-w:before,.slide-w:after{position:absolute;content:'';top:0;display:block;width:520px;height:100%;z-index:2;background:linear-gradient(90deg, #222 0%, rgba(34, 34, 34, 0.00) 100%);}
                .slide-w:before{left:0;}
                .slide-w:after{right:0;transform:rotate(180deg);}

        .se-section1 .se-inner{max-width:696px;margin:0 auto; position:relative;padding:100px 0;box-sizing:border-box;}
            .se-section1 .se-inner .se-title{display:flex;flex-direction:column;gap:20px;justify-content:center;}
            .se-section1 .se-inner .circle{position:absolute;z-index:10;animation:seFloatY20 2s ease-in-out infinite alternate;will-change:transform;}
            .se-section1 .se-inner .seImg-03{animation-delay:0s;}
            .se-section1 .se-inner .seImg-04{animation-delay:.2s;}
            .se-section1 .se-inner .seImg-05{animation-delay:.5s;}
            .se-section1 .se-inner .seImg-06{animation-name:seFloatY10;animation-delay:.8s;}
            .se-section1 .se-inner .seImg-07{animation-name:seFloatY30;animation-delay:1.2s;}

    @keyframes seFloatY20{
        0%{transform:translate3d(0,0,0);}
        100%{transform:translate3d(0,-20px,0);}
    }
    @keyframes seFloatY10{
        0%{transform:translate3d(0,0,0);}
        100%{transform:translate3d(0,-10px,0);}
    }
    @keyframes seFloatY30{
        0%{transform:translate3d(0,0,0);}
        100%{transform:translate3d(0,-30px,0);}
    }
    
                
    /* section2 */
    .se-section2{padding:80px 0;}
        .se-section2 .se-inner{max-width:1200px;margin:0 auto;box-sizing:border-box;}
        .se-section2 .seTop-w{width:100%;border-radius:40px;overflow:hidden;}
            .se-section2 .seTop-w .title{background-color:#000;padding:50px 0;}
            .se-section2 .seTop-w .con{background-color:#fff;padding:60px 0 80px;}
                .se-section2 .seTop-w .con .seImg-10{margin:20px auto 20px;}
                .se-section2 .seTop-w .info-w{display:flex;gap:21px;justify-content:center;align-items:center;}
                    .se-section2 .seTop-w .info-w .item{position:relative;display:flex;flex-direction:column;gap:12px;color:#222;text-align:center;padding:0 40px;}
                    .se-section2 .seTop-w .info-w .item:after{content:'';position:absolute;top:50%;right:-10px;width:1px;height:41px;background-color:#222;opacity:.1;transform:translateY(-50%);}
                    .se-section2 .seTop-w .info-w .item:last-of-type:after{display:none;}
                    .se-section2 .seTop-w .info-w .item .tit01{font-size:18px;font-weight:500;}
                    .se-section2 .seTop-w .info-w .item .txt01{display:inline-flex;align-items:center;gap:4px;font-size:22px;font-weight:700;letter-spacing:-0.4px;}
                    .se-section2 .seTop-w .info-w .item .txt02{font-size:14px;opacity:.6;}
                    .se-section2 .seButton-event{display:block;width:477px;padding:28px 0;border-radius:20px;border:2px solid rgba(255, 255, 255, 0.60);background-color:#000;font-size:32px;font-weight:700;color:#fff;margin:60px auto 0;box-sizing:border-box;text-align:center;transition:.1s;letter-spacing:-0.4px;}
                    .se-section2 .seButton-event:hover{background-color:#3752AB;}
                    .seButton-event.disabled{/*pointer-events:none;*/background-color:#BCBCBC !important;}
                    .seButton-event .complete{display:none;}
                    .seButton-event.disabled .default{display:none;}
                    .seButton-event.disabled .complete{display:block;}
        .se-section2 .seBottom-w{margin-top:80px;}
            .se-section2 .seBottom-w .card-w{margin-top:40px;}
            .se-section2 .seBottom-w .card-w ul{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
            .se-section2 .seBottom-w .card-w ul>li:last-child{grid-column:span 2;}
            .se-section2 .seBottom-w .card-w .item{display:block;width:100%;height:100%;border-radius:20px;overflow:hidden;transition:.5s;}
            .se-section2 .seBottom-w .card-w .item .img-con{position:relative;width:100%;height:216px;overflow:hidden;}
            .se-section2 .seBottom-w .card-w .item .img-con img{width:100%;height:100%;object-fit:cover;transition:.5s;}
            .se-section2 .seBottom-w .card-w .item:hover .img-con img{transform:scale(1.1);}
            .se-section2 .seBottom-w .card-w .item .img-con .badge{position:absolute;top:0;left:0;z-index:1;width:68px;height:44px;border-radius: 0 0 20px 0;background:#3857C0 url(https://image.sbs.co.kr/event/yys_event_260330/img/badge_txt01.png)no-repeat center;}
            .se-section2 .seBottom-w .card-w .item .btn-con{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 20px;background-color:#000;}
            .se-section2 .seBottom-w .card-w .item .btn-con p{color:#fff;font-size:16px;}
            .se-section2 .seBottom-w .card-w .item .btn-con p em{font-weight:800;margin-right:6px;transition:.3s;}
            .se-section2 .seBottom-w .card-w .item:hover .btn-con p em{color:#BFFF0A;}
            .se-section2 .seBottom-w .card-w .item .btn-con .arrow{display:block;position:relative;width:13px;height:13px;transition:.5s;}
            .se-section2 .seBottom-w .card-w .item .btn-con .arrow:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:2px;background-color:#fff;}
            .se-section2 .seBottom-w .card-w .item .btn-con .arrow:after{content:'';position:absolute;top:50%;right:-1px;transform:translateY(-50%);width:8px;height:13px;background:url(https://image.sbs.co.kr/event/yys_event_260330/img/ico_arrow.svg)no-repeat center / 100% auto;}
            .se-section2 .seBottom-w .card-w a.item:hover .btn-con .arrow,
            .se-section2 .seBottom-w .card-w .last .item .btn-con:hover .arrow{width:20px;}

            .se-section2 .seBottom-w .card-w .last .item{display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;background-color:rgba(255, 255, 255, 0.05);}
            .se-section2 .seBottom-w .card-w .last .item .btn-con{display:inline-flex;border-radius:24px;padding:14px 20px;}
            .se-section2 .seBottom-w .card-w .last .item:hover{background:rgba(255, 255, 255, 0.10);}
            
    /* notice */
    .se-section3{position:relative;}
        .seNotice-w{margin:0 auto;padding:50px 0;width:100%;background-color:#171717;position:relative;z-index:1;}
            .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;line-height:29px;}
                    .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%;}
                .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:400;line-height:25px;color:#888;margin-bottom:6px;padding-left:16px;} /*탬플릿별 텍스트 컬러 변경*/
                    .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:#888;margin-top:-2px;}

    /* 팝업 */
    .bwe_layer_w {display:none;}
    [class^="bwe_popup_layer"] {position:fixed;box-sizing:border-box;z-index:40;display:none;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;gap:12px;align-items:center;justify-content:center;}
    [class^="bwe_popup_layer"].active{display:flex;z-index:400;}
        [class^="bwe_popupImg"] {display:block;width:510px;}
        .bwe_layer_w .bwe_closeBtn{width:44px;height:44px;border-radius:50%;background:#fff url(https://image.sbs.co.kr/event/yys_event_260330/img/ico_close.svg)no-repeat center;}