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

:root{
  /* --ui-bg001:url(https://image.sbs.co.kr/event/banksy_event_2600803/img/pc/bg01.jpg); */
   /* bg01 : 배경 */
  /* 이미지 --ui-bg### */
  --ui-bg001:url(https://image.sbs.co.kr/event/richpolice2_event_260824/img/pc/bg01.jpg); /* bg01 : 배경 */
  --ui-bg003:url(https://image.sbs.co.kr/event/richpolice2_event_260824/img/pc/btn_txt01.png); /* 버튼텍스트 : SBS play 이용권 구독하기 */
  --ui-bg004:url(https://image.sbs.co.kr/event/richpolice2_event_260824/img/pc/btn_txt02.png); /* 버튼텍스트 : 이벤트 응모하기 */
  --ui-bg005:url(https://image.sbs.co.kr/event/richpolice2_event_260824/img/pc/ico_arrow01.png); /* 풍선 */
  --ui-bg008:url(https://image.sbs.co.kr/event/richpolice2_event_260824/img/pc/ico_check.svg); /* 체크 */

  --filter-color001:brightness(0.8) invert(79%) sepia(28%) saturate(0%) hue-rotate(362deg) brightness(122%) contrast(98%)/* 모든색 → #CDCDCD */
 
}


/* 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.event260824{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:1180px;background-color:#0D393A;font-family:'SUIT', sans-serif;} /* 분기별 bg 제어 */
[class*='se-section']{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111}
[class*='se-section'] .se-inner{width:100%;max-width:1200px;margin:0 auto;}

/* section1 */
.se-section1{position:relative;width:1920px;padding:100px 0 84px;z-index:2;color:#000;font-weight:normal;background-image:var(--ui-bg001);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.se-section1:before,
.se-section3:before{content:'';position:absolute;top:0;left:0;width:200px;height:100%;z-index:1;background:linear-gradient(to right, rgba(13,57,58,1) 0%,rgba(13,57,58,0) 100%); }
.se-section1:after,
.se-section3:after{content:'';position:absolute;top:0;right:0;width:200px;height:100%;z-index:1;background: linear-gradient(to right, rgba(13,57,58,0) 0%,rgba(13,57,58,1) 100%);}

/* section2 */
.se-section2{width:100%;background-color:#FFC247;;padding:50px 0 44px;}
.se-section2 .con01 .tit01{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.se-section2 .con01 .txt01{text-align:center;opacity:.9;font-size:24px;line-height:34px;font-weight:500;}
.se-section2 .con01 .txt02{text-align:center;opacity:.6;font-size:22px;line-height:32px;font-weight:400;}
                       
/* section3 */
.se-section3{position:relative;width:1920px;padding:150px 0 100px;z-index:2;background-image:var(--ui-bg001);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.se-section3 .con01{width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.se-section3 .con01 .info-wrap{width:1200px;position:relative;}
.se-section3 .con01 .info-wrap+.info-wrap{margin-top:138px;}
.se-section3 .con01 .info-wrap>.tit01{z-index:3;position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:270px;}
.se-section3 .con01 [class*='info-box0']{display:flex;justify-content:center;padding:81px 0 55px;box-sizing:border-box;position:relative;width:100%;max-width:1200px;background:#fff;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));min-height:250px;}
.se-section3 .con01 .info-box01{clip-path:polygon( 0%     34.30%, 1.70%  68.60%, 0%     96%, 96.98% 96%, 99.17% 61.51%, 98.23% 0%, 2.27%  0% );}
.se-section3 .con01 .info-box01 .info-text{display:flex;flex-direction:column;gap:20px;max-width:1100px;}
.se-section3 .con01 .info-box01 .info-text>.tit01{display:flex;justify-content:center;font-size:28px;font-weight:700;}
.se-section3 .con01 .info-box01 .info-text>.txt01{text-align:center;font-size:18px;font-weight:500;}
.se-section3 .con01 .info-box02{clip-path:polygon( 0%     17.60%, 1.44%  68.60%, 0.34%  96%, 97.79% 96%, 99.17% 29.77%, 95.37% 0%, 4.15%  0% );}
.se-section3 .con01 .info-box02 .list01{display:flex;align-items:center;gap:10px;min-height:100px;width:100%;max-width:1100px;}
.se-section3 .con01 .info-box02 .list01 li{display:flex;justify-content:center;align-items:center;}
.se-section3 .con01 .info-box02 .list01 li:before{flex-shrink:0;content:'';display:block;width:52px;height:24px;background-image:var(--ui-bg005);background-repeat:no-repeat;background-position:center center;margin-right:10px;}
.se-section3 .con01 .info-box02 .list01 li:first-of-type:before{display:none;}
.se-section3 .con01 .info-box02 .list01 li .txt01{flex-shrink:0;width:221px;text-align:center;font-size:20px;font-weight:500;}
.se-section3 .con01 .btns-wrap{width:100%;display:flex;justify-content:center;gap:10px;margin-top:88px;gap:20px;}
.se-section3 .con01 .btns-wrap .btn-type02{display:flex;align-items:center;justify-content:center;width:100%;height:116px;}
.se-section3 .con01 .btns-wrap .btn-type02.disabled{background-color:#BCBCBC!important;}
.se-section3 .con01 .btns-wrap .btn-type02 .txt01{filter:brightness(0) invert(1);}
.se-section3 .con01 .btns-wrap .btn-type02.style01{background-color:#FFC247;}
.se-section3 .con01 .btns-wrap .btn-type02.style01:hover{background-color:#FFAB02;}
.se-section3 .con01 .btns-wrap .btn-type02.style02{background-color:#000;}
.se-section3 .con01 .btns-wrap .btn-type02.style02:hover{background-color:#222;}
.se-section3 .con01 .btns-wrap .btn-type02 .txt01{flex-shrink:0;width:371px;height:34px;background-image:var(--ui-bg003);background-repeat:no-repeat;background-position:center center;}
.se-section3 .con01 .btns-wrap .btn-type02 .txt02{flex-shrink:0;width:314px;height:29px;background-image:var(--ui-bg004);background-repeat:no-repeat;background-position:center center;}
.se-section3 .con01>.txt01{text-align:center;font-size:20px;font-weight:700;margin-top:20px;color:#FFC247;}
/* notice */
.se-section5{width:100%;position:relative;background-color:#171717;}
.se-section5 .seNotice-w{margin:0 auto;width:1200px;padding:50px 0;position:relative;z-index:1;}
.se-section5 .seNotice-inner{margin:0 auto;width:100%;max-width:1200px;position:relative;z-index:1;box-sizing:border-box;}
.se-section5 .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;}
.se-section5 .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%;}
.se-section5 .seNotice-list{overflow:hidden;border-top:1px solid #707070;padding-top:16px;}
.se-section5 .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;} /*탬플릿별 텍스트 컬러 변경*/
.se-section5 .seNotice-text.highlight>strong{color:#FFC247;font-weight:400;}
.se-section5 .seNotice-text:last-of-type{margin-bottom:0;}
.se-section5 .seNotice-text a{color:#888;}
.se-section5 .seNotice-text a:hover{text-decoration:underline;}
.se-section5 .seNotice-text:before{position:absolute;display:block;content:'';left:0;top:12px;width:4px;height:4px;border-radius:50%;background-color:#666;margin-top:-2px;}