.section1{background-image:url(/images/event/e251001_chuseok_event/bg_01.jpg);}
.section2{background-image:url(/images/event/e251001_chuseok_event/bg_02.jpg);}
.section3{background-image:url(/images/event/e251001_chuseok_event/bg_03.jpg);}
.section4{background-image:url(/images/event/e251001_chuseok_event/bg_04.jpg);}

.event_date{right:10px;color:#D5D5D5;font-weight: bold;font-size: 14px;}
.evt_wrap{position:relative;margin:0 auto;width:100%;max-width:700px;}
.evt_wrap img{width:100%;}
.e_btn_wrap{width:90%;}
.notice{background-color: #464646;}

.e_btn_wrap button{width:60%;max-width:380px;}
.complete{pointer-events: none;filter: grayscale(1)}

.section1 .title_img{margin-top:10%;margin-bottom:39%;width:100%;max-width:800px;}

.section2 .evt1{margin-bottom:3%;margin-top:5%;}
.section2 .evt1 .input_box{top:27.1%;left:30%;width:58%;max-width:400px;display:flex;flex-direction: column;}
.section2 .evt1 .input_box input[type=text]{margin-bottom:6px;display:block;width:100%;padding:0 2%;height:10vw;min-height:29px;max-height:72px;font-size:1.25rem;color:#563A2B;border:none;background-color:transparent;font-weight: bold;letter-spacing: inherit;}
.section2 .evt1 .input_box input[type=text]:focus{outline:0;}
.section2 .evt1 .e_btn_wrap{position:absolute;top:61%;}

.section3 .evt2 .songpyeon_wrap .songpyeon{width:27%;filter:grayscale(1);}
.section3 .evt2 .songpyeon_wrap .songpyeon.on{filter: grayscale(0);cursor: pointer;}
.section3 .evt2 .songpyeon_wrap .A{position:absolute;top:31%;right:36%;;max-width:224px;}
.section3 .evt2 .songpyeon_wrap .B{position:absolute;top:36%;right:48%;max-width:220px;z-index:1;}
.section3 .evt2 .songpyeon_wrap .C{position:absolute;top:42%;right:44%;max-width:230px;z-index:1;}
.section3 .evt2 .songpyeon_wrap .D{position:absolute;top:42%;right:26%;max-width:224px;z-index:2;}
.section3 .evt2 .songpyeon_wrap .E{position:absolute;top:35%;right:25%;max-width:230px;z-index:1;}
.section3 .evt2 .e_btn_wrap{bottom:32%;}


.layer#mission_layer .close{right:20px;}
.layer#mission_layer .close:after{content:'';display: block;margin-right:10px;margin-top:10px; width:20px;height:20px; background-image:url(/images/event/e251001_chuseok_event/img_ex.png);background-repeat: no-repeat;}
.layer#mission_layer img{width:100%;max-width:580px;}

.section4 .vote_class{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:90%;display:flex;flex-wrap:wrap;gap:10px;}
.section4 .vote_class img {flex:1;width:47%;max-width:342px;cursor: pointer;}
.section4 .vote_class.done img {filter:grayscale(1);pointer-events: none;}
.section4 .vote_class .selected {outline:3px solid #F75252;outline-offset:-3px;box-sizing: border-box;border-radius: 10px;}
.section4 .vote_class.done .active {filter:grayscale(0) !important;}
.section4 .e_btn_wrap {top:57%;}

@media(min-width:280px){
    .section2 .evt1 .input_box input[type=text]{margin-bottom:4%;}
}

@media(min-width:300px){
    .section2 .evt1 .input_box input[type=text]{margin-bottom:4.3%;}
}

@media(min-width:400px){
    .section2 .evt1 .input_box input[type=text]{font-size:1.4rem;}
    .e_btn_wrap img{width:100%;}
    .section4 .vote_class .selected {border-radius: 15px;}
}

@media(min-width:480px){
    .layer#mission_layer .inner {padding:0;}
    .layer#mission_layer .close:after{padding:0;margin-right:0;margin-top:0;}
}

@media(min-width:500px){
    .section2 .evt1 .input_box input[type=text]{font-size:1.7rem;}
}

@media(min-width:578px){
    .section2 .evt1 .input_box input[type=text]{margin-bottom:4.5%;font-size:2rem;}
}

@media(min-width:620px){
    .section3 .evt2 .e_btn_wrap{gap:30px;}
    .section4 .vote_class .selected {border-radius: 20px;}
}

@media(min-width:660px){
    .section3 .evt2 .e_btn_wrap{gap:40px;}
    .section2 .evt1 .input_box input[type=text]{font-size:2.5rem;}
}

@media(min-width:700px){
    .section2 .evt1 .input_box input[type=text]{margin-bottom:15px;}
}