@charset "utf-8";

#event_container{background:url('./images/bg_pattern.svg') repeat;}
#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;padding-bottom:23px;}
.btn_lang > a{border:1px solid #121212;padding:12px 16px;background-color:#a9a9a9;color:#fff;font-size:24px;line-height:1;font-weight:600;}
.btn_lang > a.active{background-color:#E2FB6A;color:#121212}

.fw_700{font-weight:700;}
.fc_impact{color:#8700EF}
.bgc_lemon{background-color:#E2FB6A}

.event_contents{width:1200px;margin:0 auto;padding:0 141px 60px;}
.event_contents > .inner{position:relative;}
.event_contents .bg_box{position:absolute;width:100%;height:100%;background:#E2E2E2;border:1px solid #121212;}
.event_contents .bg_box.bg1{top:-8px;left:-8px;background-color:#C8C8C8}
.event_contents .bg_box.bg1:after{content:'';display:block;position:absolute;top:1921px;right:-186px;width:266px;height:312px;background:url('./images/img_smile2.png') no-repeat;}
.event_contents .bg_box.bg2{top:-16px;left:-16px;background-color:#BDBDBD}
.event_contents .bg_box.bg2:after{content:'';display:block;position:absolute;top:1134px;left:-144px;width:201px;height:221px;background:url('./images/img_smile1.png') no-repeat;}
.event_contents .bg_box.bg3{top:-24px;left:-24px;background-color:#BDBDBD}
.event_contents .cont_wrap{position:relative;padding:20px 75px;background:#E2E2E2;border:1px solid #121212;}
.event_contents .top{display:flex;flex-direction:column;gap:40px;padding-bottom:60px;}
.event_contents .top p{text-align:center;font-weight:500;}
.event_contents .top .desc{padding-top:20px;font-size:15px;text-align:center;line-height:1.4;color:#0D0D0D}
.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.1;}
#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:#222;display:flex;align-items:center;flex-direction:column;gap:11px;padding:0 10px 14px;}
.list_box .title{font-size:16px;font-weight:500;padding:6px 12px;background-color:#fff;}
.list_box .title.bgc_lemon{background-color:#E2FB6A}
.list_box .text{display:flex;line-height:1.4;flex:1;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:500;}

.event_contents .bottom{padding-top:30px;border:1px solid #121212;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;}
.event_contents .bottom h4{flex:1;font-size:17px;font-weight:700;line-height:1;}
.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:#222}


/* 선택화면 리스트형 */
.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{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;}
.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;}