@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;}

/* layout */
.subscribeEvent-w{overflow:hidden;position:relative;}
.subscribeEvent-w.event251027{width:100%;width:100%;height:100%;background-color:#FFE3E7;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;}
    [class*='seImg']{display:block;}
                    .seImg-01{width:870px;}
                    .seImg-02{width:920px;}
                    .seImg-03{width:900px;}
                    .seImg-04{width:577px;}
                    .seImg-05{width:900px;}
                    .seImg-06{width:1200px;}
                    .seImg-bg{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:1920px;height:1100px;z-index:1;}
    /* section1 */
    .se-section1{padding-top:38px;display:flex;flex-direction:column;align-items:center;gap:30px;}
        .seTop-w{position:relative;display:flex;flex-direction:column;align-items:center;}
            .seTop-w .date{font-size:28px;color:#435C45;font-weight:400;padding-top:10px;min-height:50px;align-content:center;}
        .seBottom-w{}
            .seBottom-w .seInfo-inner{display:flex;flex-direction:column;gap:12px;}
                .seBottom-w .seInfo-inner li{position:relative;max-width:900px;}
                .seBottom-w .seInfo-inner .seButton-view{position:absolute;right:150px;bottom:7px;display:block;align-content:center;padding:0 10px;height:36px;font-size:16px;color:#D8384D;font-weight:500;border:1px solid rgba(216, 56, 77, 0.60);background-color:#FFCAD7;border-radius:4px;box-sizing:border-box;transition:.2s;}
                .seBottom-w .seInfo-inner .seButton-view:hover{color:#FFF;border:1px solid rgba(255, 255, 255, 0.60);background-color:#D8384D;}
                
    /* section2 */
    .se-section2{margin-top:30px;padding-bottom:64px;}
        .seBenefit img{margin:0 auto;}
        .seButton-w{display:flex;justify-content:center;gap:30px;margin-top:60px;}
                .seButton-w button{display:block;width:473px;height:138px;background-repeat:no-repeat;background-size:100% auto;background-position:center;transition:.2s;}
                .seButton-w .seButton-event{background-image:url(../img/btn_event.png);}
                .seButton-w .seButton-event:hover{background-image:url(../img/btn_event_on.png);}
                .seButton-w .seButton-replay{background-image:url(../img/btn_replay.png);}
                .seButton-w .seButton-replay:hover{background-image:url(../img/btn_replay_on.png);}
               
    /* notice */
    .se-section3{position:relative;}
        .seNotice-w{margin:0 auto;width:100%;background-color:#F2F2F2;position:relative;z-index:1;}
            .seNotice-inner{margin:0 auto;width:100%;max-width:1920px;position:relative;z-index:1;padding:0 60px;box-sizing:border-box;}
                .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 #888;}
                    .seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:14px;font-weight:500;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;}
