﻿@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;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;}
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,textarea{border-radius:0;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;}
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%;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;}

/* layout */
.subscribeEvent-w{overflow:hidden;position:relative;}
.subscribeEvent-w.event260427{width:100%;background-color:#FF6CC4;}
[class*='se-section']{position:relative;}
    [class*='seImg']{display:block;margin:0 auto;max-width:100%;position:relative;}
    [class*='seImg'] img{max-width:100%;}
                    .seImg-01{width:806px;}
                    .seImg-02{width:782px;}
                    .seImg-03{}
                    .seImg-04{}
                    .seImg-05{width:100%;}
                    .seImg-06,
                    .seImg-07{width:100%;}
                    .seImg-08{max-width:400px;}
                    .seImg-09{width:299px;}
    
    /* 타입 공통 제어 */
    .app-type .se-section1 .web,
    .web-type .se-section1 .app{display:none !important;}
    .app-type .se-section1 .app,
    .web-type .se-section1 .web{display:block !important;}
    .mobile-w{display:none;}  

    /* section1 */
    .se-section1{margin:-10px auto 0;padding-bottom:80px;}
    .se-section1 .seTop-w{position:relative;z-index:2;}
        .se-section1 .seBottom-w{position:relative;margin-top:max(-9vw,-50px);box-sizing:border-box;}
        .se-section1 .tablet-w{max-width:768px;margin:0 auto;}
        .se-section1 .seBottom-w .item-w .item:nth-child(2){margin-top:-10px;}
        .se-section1 .seBottom-w .item-w .item:nth-child(3){margin-top:10px;}
        .se-section1 .seBottom-w .item-w .item .btn{display:block;margin:8px auto 0;width:100%;}
        .se-section1 .seButton-w{text-align:center;margin-top:64px;}
        .se-section1 .seButton-w .se-btn{display:inline-block;margin-bottom:24px;}
    
    /* section2 */
    .se-section2{padding:80px 40px;background-color:#67F6A1;}
    .se-section2 .seNotice-w{max-width:688px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
    .se-section2 .seNotice-w .seItem-box{display:flex;align-items:stretch;background-color:#FFF;box-sizing:border-box;text-align:center;min-height:81px;}
    .se-section2 .seNotice-w .seItem-box [class*='item-']{font-size:24px;line-height:1.3;padding:23px;box-sizing:border-box;align-content:center;}
    .se-section2 .seNotice-w .seItem-box .item-tit{font-weight:700;color:#67F6A1;background-color:#000;max-width:246px;width:50%;}
    .se-section2 .seNotice-w .seItem-box .item-con{flex:1;background-color:#FFF;border:2px solid #000;}
    .se-section2 .seNotice-w .seItem-box:last-child .item-con{padding:40px 20px;}
    .se-section2 .seNotice-w .seNotice-list{display:flex;flex-direction:column;gap:10px;}
    .se-section2 .seNotice-w .seNotice-list li{text-align:left;padding-left:30px;position:relative;}
    .se-section2 .seNotice-w .seNotice-list li:before{position:absolute;display:block;content:'';left:15px;top:12px;;width:5px;height:5px;border-radius:50%;background-color:#000;}
    .se-section2 .seNotice-w .seNotice-list .seNotice-text{font-size:22px;line-height:1.3;color:#000;}
    .se-section2 .seNotice-w .seNotice-list .seNotice-text a{color:#000;}


    @media (max-width:768px){
        .se-section1{margin:-6px auto 0;}
        .se-section1 .seBottom-w{max-width:375px;margin:max(-9vw,-35px) auto 0;padding:0 16px;}
        .se-section1 .tablet-w{display:none;}
        .se-section1 .mobile-w{display:block;}
        .se-section1 .seButton-w{margin-top:40px;}
        .seImg-01{width:390px;}
        .seImg-08{width:100%;}
        .seImg-09{width:299px;}
        .se-section2{padding:40px 16px;}
        .se-section2 .seNotice-w{max-width:375px;}
        .se-section2 .seNotice-w .seItem-box{flex-direction:column;}
        .se-section2 .seNotice-w .seItem-box .item-tit{width:100%;max-width:100%;font-size:20px;padding:16px;}
        .se-section2 .seNotice-w .seItem-box .item-con{width:100%;font-size:18px;}
        .se-section2 .seNotice-w .seItem-box:last-child .item-con{padding:24px 10px;}
        .se-section2 .seNotice-w .seNotice-list{gap:8px;}
        .se-section2 .seNotice-w .seNotice-list li{padding-left:22px;}
        .se-section2 .seNotice-w .seNotice-list li:before{width:3px;height:3px;left:10px;top:7px;}
        .se-section2 .seNotice-w .seNotice-list .seNotice-text{font-size:15px;}
    }

    @media (max-width:375px){
        /* .se-section1 .seBottom-w .item-w .item .btn{width:calc(100% - 21.8vw);} */
    }