@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: 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');
}

 /* noto-sans-kr-regular - latin_korean */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Regular.woff') format('woff');
 }
 
 /* fonts : Noto Sans KR medium */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 500;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Medium.woff') format('woff');
 }
 
 /* fonts : Noto Sans KR bold */
 @font-face{
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
     src: url('//static.cloud.sbs.co.kr/common/font/NotoSansKR-Bold.woff') 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;background-color:#000;background-position:center top;background-size:1920px auto;background-repeat:no-repeat;background-image:url('//image.sbs.co.kr/event/drama_event_250528/img/event_full_img01.png');}
[class*='se-section'] .se-inner{max-width:1920px;width:100%;margin:0 auto;}
.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.event250120{background-color:#7C3AFF;} /* 분기별 bg 제어 */
    /* section1 */
    .se-section1{height:4852px;}
        .se-section1 .se-inner{position:relative;padding-bottom:137px;}
        .seTop-w{position:relative;padding-top:574px;}
        .seTop-w img{display:block;width:623px;margin:0 auto;}
            [class*='seText']{font-size:20px;line-height:1.5;color:#fff;}
                .seText-date{display:block;padding:4px 0;font-size:16px;font-weight:500;text-align:center;}
                .seText-white{font-weight:600;}
                .seText-yellow{color:#FFD47C;font-weight:800;}
                .seText-lightpurple{font-size:16px;font-weight:500;color:#D3BDFF;}
                .seText-purple{color:#5E2BC3;font-weight:800;}
        .seInfo-w{position:relative;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;}
                .seInfo-w .seInfo-inner{display:flex;justify-content:center;gap:34px;width:100%;max-width:1920px;margin:0 auto;}
                .video-w{flex-shrink:0;width:580px;height:363px;}
                .video-w video{display:block;width:100%;}
                 .credit-w{color:#fff;font-size:20px;width:330px;}
                    .credit-title{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 20px;box-sizing:border-box;border:1px solid #fff;border-width:0 1px;}
                        .credit-title img{display:block;width:54px;}
                    .actor-list01{margin-top:18px;}
                        .actor-list01 li{display:flex;align-items:center;justify-content:flex-start;margin-top:5px;}
                        .actor-list01 li:first-of-type{margin-top:0;}
                            .actor-list01 li .list-title{flex-shrink:0;display:block;width:72px;font-weight:700;}
                            .actor-list01 li span{display:block;font-weight:400;}
                    .actor-list02{margin-top:30px;width:100%;}
                        .list-title{display:block;font-weight:700;}
                        .actor-list02 .list-title{margin-bottom:15px;}
                        .actor-list02 .swiper{position:relative;width:100%;height:80px;overflow:hidden;}
                        .actor-list02 .swiper-wrapper{position:absolute;left:0;width:100%;}
                            .actor-list02 .credits .swiper-slide{margin-top:5px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px 20px;}
                            .actor-list02 .credits .swiper-slide:first-of-type{margin-top:5px;}
                            .actor-list02 .credits .swiper-slide span{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
                    /* 시사회 참석 응모 버튼 */
                    .seButton-red{display:flex;align-items:center;justify-content:center;margin:26px auto 0;text-align:center;width:408px;height:104px;font-size:29px;color:#fff;font-weight:700;border-radius:50px;background:linear-gradient(to right,  #d92b2b 0%,#8e4040 100%);}
                    .seButton-red>strong{display:block;}
                    .seButton-red>span{display:block;}
                    .seButton-red .txt02{width:100%;margin-top:7px;display:flex;align-items:center;justify-content:center;font-size:25px;color:#FFDFAB;}
                    .seButton-red .txt02:before{display:block;content:'';width:30px;height:30px;margin-right:5px;background-repeat:no-repeat;background-size:100% auto;background-position:center;background-image:url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='10.5' stroke='%23FFDFAB' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.92184 8L13.6 11.45L9.92184 14.9L9 14.0375L11.7609 11.45L9 8.8625L9.92184 8Z' fill='%23FFDFAB' stroke='%23FFDFAB' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
                    /* 등장인물 소개 더보기 버튼 */
                    .tempLink{position:absolute;left:50%;transform:translateX(-50%);top:2383px;width:253px;height:55px;}
                    .tempLink a{display:block;width:100%;height:100%;}
    /* section2:댓글영역 */
    .se-section2{background-color:#000;}
    .se-section2 .module_comment_w{max-width:1572px;width:90%;height:100%;margin:0 auto;background-color:#fff;}

    

    /* 이벤트 공유하기, 유의사항 */
    .se-section3{overflow:hidden;position:relative;padding-top:244px;background-color:#000;background-image:url('//image.sbs.co.kr/event/drama_event_250528/img/event_bg_bottom01.png');background-repeat:no-repeat;background-position:center top;background-size:cover;}
    .se-section3:before{display:block;content:'';width:100%;height:489px;position:absolute;left:0;top:-244px;background-image:url('//image.sbs.co.kr/event/drama_event_250528/img/bg_gradient01.png');background-repeat:repeat-x;background-position:center bottom;background-size:contain;}
        .se-section3 .se-inner{padding-bottom:129px;box-sizing:border-box;}
        .seShare-w{}
            .seShare-title{display:block;text-align:center;}
            .seShare-title img{width:216px;}
            .seShare-list{display:flex;align-items:center;justify-content:center;margin-top:10px;}
                .seShare-list [class*='btnShare-']{display:block;padding:20px;box-sizing:Border-box;}
        .seNotice-w{margin:157px auto 0;width:894px;}
            .seNotice-title{display:block;text-align:center;}
            .seNotice-title img{width:121px;}
            .seNotice-title{position:relative;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
            .seNotice-list{overflow:hidden;padding-top:20px;}
                .seNotice-text{position:relative;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/display:block;font-size:17px;line-height:25px;color:#fff;margin-bottom:6px;padding-left:14px;} /*탬플릿별 텍스트 컬러 변경*/
                .seNotice-text:before{position:absolute;display:block;content:'-';left:0;top:0;}

/* templateType */
.templateType{background-size:1170px auto;background-color:transparent;background-image:url('//image.sbs.co.kr/event/drama_event_250528/img/event_temp_img01.png');}
.templateType .se-section1{height:1509px;}
.templateType .seTop-w{padding-top:457px;}
.templateType .seButton-red{position:absolute;left:50%;top:1258px;transform:translateX(-50%);}