.section1{background:url(/images/event/e250826_vampir_open/img01.jpg) no-repeat center;background-size:auto;}
.section2{background:url(/images/event/e250826_vampir_open/img02.jpg) no-repeat center;background-size:auto;}
.section3{background:url(/images/event/e250826_vampir_open/img03.jpg) no-repeat center;background-size:auto;}
.section4{background:url(/images/event/e250826_vampir_open/img04.jpg) no-repeat center;background-size:auto;}

.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%;}
.done{pointer-events: none;}

.section1 .title_img{width:100%;max-width:820px;}
.section2 .evt1{margin-top:9px;}
.section2 .evt1 .input_box{top:29%;width:90%;max-width:252px;}
.section2 .evt1 .input_box .placeholder{font-size:21px;color:#3d3d37;font-weight: bold;}
.section2 .evt1 .input_box input[type=text]{position:absolute;left:0;width:100%;padding-left:5%;font-size:21px;color:#C4BC9B;font-weight: bold;border:none;background-color: transparent;letter-spacing: inherit}
.section2 .evt1 .input_box input[type=text]:focus{outline:0;}
.section2 .evt1 .e_btn_wrap{position:absolute;top:50%;}

.section3 .evt2 .e_btn_wrap{top:33%;}

.section4 .vampir_class img {position:absolute;width:59%;filter:grayscale(1);}
.section4 .vampir_class .active {filter:grayscale(0);}
.section4 .vampir_class .vampir_class01 {top:12%;left:20%;max-width:430px;}
.section4 .vampir_class .vampir_class02 {top:21%;left:20%;width:33%;max-width:232px;}
.section4 .vampir_class .vampir_class03 {top:19%;right:17%;width:30%;max-width:222px;}
.section4 .vampir_class .vampir_class04 {top:36%;left:19%;max-width:460px;}
.section4 .class_send {top:46%;}
.section4 .class_pick {top:56%;display:flex;align-items:center;justify-content:center;width:90%;gap:10px;}
.section4 .class_pick img {width:40%;}
.section4 .fate_send {top:69%;}

@media(min-width:400px){
    .section2 .evt1 .input_box{max-width:320px;}
    .section2 .evt1 .input_box .placeholder{font-size:28px;}
    .section2 .evt1 .input_box input[type=text]{padding-left:3%;font-size:28px;}
}

@media(min-width:500px){
    .section2 .evt1 .input_box{max-width:370px;}
    .section2 .evt1 .input_box .placeholder{font-size:34px;}
    .section2 .evt1 .input_box input[type=text]{padding-left:0;font-size:34px;}
}


@media(min-width:578px){
    .section2 .evt1 .input_box{max-width:470px;}
    .section2 .evt1 .input_box .placeholder{font-size:42px;}
    .section2 .evt1 .input_box input[type=text]{padding-left:7px;font-size:42px;}
}

@media(min-width:620px){
    .section3 .evt2 .e_btn_wrap{gap:30px;}
}

@media(min-width:660px){
    .section3 .evt2 .e_btn_wrap{gap:40px;}
}