@charset "utf-8";

@font-face {
    font-family: 'BNKgothic';
    src: url('/event/survey2026/font/BNKGOTHIC-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BNKgothic';
    src: url('/event/survey2026/font/BNKGOTHIC-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}

p {color:#27334A;}
#event_container{background:url('./images/bg_pattern.svg') repeat; }
#event_container * {font-family:"Pretendard", Arial, sans-serif;}
#event_container .bg_obj{background:url('./images/bg_img.png') no-repeat center 0 / 1920px auto;}
#event_container .btn_lang > a{letter-spacing:-0.6px;}
.btn_lang{display:flex;gap:8px;justify-content:center;padding-top:30px;}
.btn_lang > a{padding:12px 16px;background-color:#a9a9a9;color:#707070;border:1px solid #BABABA;font-size:24px;line-height:1;font-weight:600;}
.btn_lang > a.active{background-color:#A10A0C;color:#fff;border:1px solid #000;}

.fw_700{font-weight:700!important;}
.fc_impact{color:#D00C0C}
.bgc_red{background-color:#A10A0C}
.font_bnk{font-family:"BNKgothic", "Pretendard", Arial, sans-serif!important; transform:skew(-0.1deg);}

.event_contents{width:1200px;margin:0 auto;padding:0 141px 60px;}
.event_contents > .inner{position:relative;}
.event_contents .cont_wrap{position:relative;padding:20px 75px;background:#E2E2E2;border:1px solid #27334A;}
.event_contents .top{display:flex;flex-direction:column;gap:40px;padding-bottom:60px;}
.event_contents .top p{text-align:center;font-weight:500;transform:skew(-0.1deg);}
.event_contents .top .desc{padding-top:20px;font-size:15px;text-align:center;line-height:1.4;color:#27334A;transform:skew(-0.1deg);}
.event_contents .title_logo{display:flex;flex-direction:column;gap:20px;align-items:center;font-size:18px;letter-spacing:-0.45px;}
#event_container.en .list_box .text{font-size:14px;letter-spacing:-0.375px;}
#event_container.en .event_contents .bottom h4,
#event_container.en .img_style .input_wrap label > .inner{line-height:1.2; font-size:15px;}
#event_container.en .img_style:not(.player) .input_wrap label{height:118px}

.list_box{display:flex;justify-content:space-between;gap:1px;}
.list_box > li{flex:1;background-color:#232837;display:flex;align-items:center;flex-direction:column;gap:11px;padding:0 10px 14px;}
.list_box .title{margin-top:1px;font-size:17px;font-weight:700;padding:4px 12px;background-color:#fff;}
.list_box .title.bgc_red{background-color:#A10A0C;color:#fff;}
.list_box .text{display:flex;line-height:1.4;flex:1;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:700;}

.event_contents .bottom{padding-top:30px;border:1px solid #27334A;background:#DBDBDB;}
.event_contents .bottom .title{padding:0 45px;}
.event_contents .bottom .tNum{display:flex;gap:2px;font-size:17px;font-weight:700;line-height:1;align-items:baseline;}
.event_contents .bottom .tNum h4{flex:1;font-size:17px;font-weight:700;line-height:1.2;color:#27334A;}
.event_contents .bottom .tNum.v2 *{font-size:16px;color:#404A5D}
.event_contents .bottom .tNum.v2 h5{padding-top:20px;}
.event_contents .bottom .tNum span{color:#27334A;}
.event_contents .bottom .tNum span.fc_impact{color:#D00C0C;font-size:13px;}
.event_contents .bottom .desc{padding-top:10px;padding-left:17px;font-size:13px;font-weight:500;line-height:1.2;}
.event_contents .bottom .form_container{width:460px;margin:40px auto 50px;display:flex;flex-direction:column;gap:60px;}
.event_contents .btn_wrap .btn{width:100%;height:56px;border:0;font-size:20px;font-weight:700;color:#fff;background-color:#27334A}


/* 선택화면 리스트형 */
.list_style{display:flex;flex-direction:column;gap:8px;padding-top:20px;}
.list_style > li{padding:10px 12px;background-color:#fff;}
/* 선택화면 이미지형 */
.img_style{display:flex;justify-content:space-between;padding-top:20px;}
.img_style > li{flex:1;}
.img_style .input_wrap label{gap:0;position:relative;height:93px;align-items:baseline!important;}
.img_style .input_wrap label > .inner{position:absolute;width:100%;height:100%;font-size:13px;font-weight:500;line-height:1;text-align:center;}
.img_style .thumb_img{margin:0 auto;width:70px;height:80px;}
.img_style .thumb_img > img{width:65px;height:65px;object-fit:contain;top:50%;left:50%;transform:translate(-50%, -50%)}
.img_style + .form_wrap{display:flex;padding-top:24px;}
.img_style + .form_wrap input{flex:1;color:#27334A;}
.img_style.player{flex-wrap:wrap;gap:20px;}
.img_style.player > li{flex:0 0 120px;}
.img_style.player .thumb_img{width:100%;height:120px;}
.img_style.player .thumb_img > img{width:100%;height:100%;}

.img_style.player .input_wrap label{width:100%;height:163px;}
.img_style.player .input_wrap label > .inner{display:flex;flex-direction:column;}
.img_style.player .input_wrap label > .inner span{padding-top:10px;}
.img_style.player .input_wrap label > .inner span.name{padding-top:5px;font-size:15px;}

.form_wrap input{background-color:#fff;border:0;padding:10px 12px;font-size:15px;height:35px;}
.form_wrap input::placeholder{color:#8B8C97}
/* checkbox */
.input_wrap.radio input,
.input_wrap.check input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;border-radius:0;}
.input_wrap.radio input + label,
.input_wrap.check input + label{display:flex;align-items:center;gap:12px;position:relative;color:#414352;font-size:15px;font-weight:500;cursor:pointer;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;}
.input_wrap.radio input + label:before,
.input_wrap.check input + label:before { /* 가짜 체크박스 */ content:'';display:inline-block;flex:0 0 16px;height:16px;border-radius:16px;border:1px solid #ccc;background-color:#fff;}
.input_wrap.radio input:checked + label:before { /* 체크박스를 체크했을때 */ content:'';display:inline-block;width:16px;height:16px;border-radius:16px;background:url('./images/icon_radio.svg') no-repeat center center / 10px auto;}
.input_wrap.check input:checked + label:before { /* 체크박스를 체크했을때 */background:url('./images/icon_checked.svg') no-repeat center center / 10px auto}
.input_wrap.check .all_check{font-size:15px;font-weight:500;}