.section1{background:url(/images/event/e250717_summer_event/img_01_bg.jpg) no-repeat center;background-size:auto;}
.section2{background:url(/images/event/e250717_summer_event/img_02_bg.jpg) no-repeat center;background-size:cover;}
.section3{background:url(/images/event/e250717_summer_event/img_03_bg.jpg) no-repeat center;background-size:cover;}

.event_date{right:10px;color:#FFF;font-weight: bold;font-size: 14px;}
.pointer{cursor: pointer;}
button{background: transparent;}
.title_img{margin-top:7%;width:100%; max-width: 980px;}

.section.notice{background-color: #73009F;}
.section.notice .notice_title{color:#F8E6FF;}

.evt_layer {background-color:var(--color-white);}
.evt_layer .inner{padding:10px;background-color:var(--color-white);}
.evt_layer .inner img{width:100%;}
.evt_layer .title{margin-bottom:0;border-bottom:0;}
.evt_layer .close:after{color:var(--color-black);}

.section1 .evt1_wrap{position:relative;margin:8.5vw auto 0;max-width:820px;width:100%;}
.section1 .evt1_wrap .evt1_bg{width:100%;max-width:820px;}
.section1 .evt1_wrap .btn_evt1_notice{width:100%}
.section1 .evt1_wrap #btn_evt1_notice{position:absolute;top:75px;right:8px;width:18%;max-width:135px;}
.section1 .evt1_wrap .weather_wrap{position:absolute;display:flex;flex-direction:column;top:102px;left:50%;transform:translateX(-50%);padding-left:20%;width:90%;gap:1vw 0;}
.section1 .evt1_wrap .weather_box{display:flex;flex-direction:row;gap:0 6px;max-width:560px;}
.section1 .evt1_wrap .weather_box > img{flex:1;max-width:186px;width:14%;cursor:pointer;}
.section1 .evt1_wrap .weather_box > img.disabled{cursor:initial;}
.section1 .evt1_wrap .btn_evt1_apply{max-width:333px;width:53%;}
.section1 .evt1_benefit{margin-top:5vw;margin-bottom:4vw;width:100%;max-width:817px;}

.section2 .evt2_wrap{position:relative;margin:6vw auto 0;max-width:820px;width:100%;}
.section2 .evt2_wrap .evt2_bg{width:100%;max-width:800px;}
.section2 .evt2_wrap .material{filter: grayscale(100%)}
.section2 .evt2_wrap .material.on{filter: grayscale(0);cursor: pointer;}
.section2 .evt2_wrap .material.init{filter: grayscale(0);cursor: initial;}
.section2 .evt2_wrap .samgyetang_wrap .A{position:absolute;top:150px;right:41px;width:28%;max-width:205px;z-index:1;}
.section2 .evt2_wrap .samgyetang_wrap .B{position:absolute;top:128px;left:25px;width:30%;max-width:279px;}
.section2 .evt2_wrap .samgyetang_wrap .C{position:absolute;top:128px;left:78px;width:30%;max-width:257px;}
.section2 .evt2_wrap .samgyetang_wrap .D{position:absolute;top:192px;left:103px;width:28%;max-width:232px;}
.section2 .evt2_wrap .samgyetang_wrap .btn_evt2_mission{position:absolute;bottom:0;left:50%;padding-bottom:29px;transform:translateX(-50%);max-width:333px;width:42%;}
.section2 .evt2_benefit{margin-top:3vw;margin-bottom:3vw;width:100%;max-width:653px;}

.section3 .evt3_wrap{position:relative;margin:6vw auto 0;max-width:810px;width:100%;}
.section3 .evt3_wrap .evt3_bg{width:100%;max-width:800px;}
.section3 .evt3_wrap .evt3_layer{position:absolute;display:flex;align-items:center;justify-content:center;top:38%;left:50%;transform:translateX(-50%);width:92%;max-width:765px;height:34%;background-color:#000;border-radius: 15px;opacity:0.9;z-index:1;}
.section3 .evt3_wrap .evt3_layer img{max-width:325px;width:40%;}
.section3 .evt3_wrap .samgyetang_select_wrap{position:absolute;top:40%;left:50%;transform:translateX(-50%);width:100%;}
.section3 .evt3_wrap .samgyetang_select_wrap > .samgyetang_box{display:flex;margin:0 auto;padding:0 2%;justify-content:center;width:100%;max-width:800px;max-height:240px;}
.section3 .evt3_wrap .samgyetang_select_wrap > .samgyetang_box div{position:relative;display:inline-block;flex:1;width:100%;}
.section3 .evt3_wrap .samgyetang_select_wrap > .samgyetang_box div img{width:80%;max-width:234px;cursor:pointer;}
.section3 .evt3_wrap .samgyetang_select_wrap > .samgyetang_box div.select::after{content:'';display:block;position:absolute;top:-20%;right:0;width:70%;height:70%;max-width:151px;background-image:url(/images/event/e250717_summer_event/img_03_5.png);background-size: contain;background-repeat:no-repeat;}
.section3 .evt3_wrap .samgyetang_select_wrap.done > .samgyetang_box div img{filter:grayscale(100%)}
.section3 .evt3_wrap .samgyetang_select_wrap.done > .samgyetang_box div img.on{filter:grayscale(0)}
.section3 .evt3_wrap .btn_evt3{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding-bottom:26px;max-width:333px;width:42%;}
.section3 .evt3_benefit{margin-top:5vw;margin-bottom:4vw;width:100%;max-width:816px;}

@media(min-width:280px){
    .section1 .evt1_wrap #btn_evt1_notice{top:26.5vw;right:3vw;}
    .section1 .evt1_wrap .weather_wrap{top:36.5vw;right:6vw;}

    .section2 .evt2_wrap .samgyetang_wrap .A{top:54vw;right:14vw;}
    .section2 .evt2_wrap .samgyetang_wrap .B{top:46vw;left:9vw;}
    .section2 .evt2_wrap .samgyetang_wrap .C{top:46vw;left:28vw;}
    .section2 .evt2_wrap .samgyetang_wrap .D{top:69vw;left:35vw;}
    .section2 .evt2_wrap .samgyetang_wrap .btn_evt2_mission{padding-bottom:9vw;}
}

@media(min-width:320px){
    .section1 .evt1_wrap #btn_evt1_notice{top:26vw;right:3vw;}
    .section1 .evt1_wrap .weather_wrap{top:36.5vw; gap:0.4vw 0;}

}
@media(min-width:360px){
    .section1 .evt1_wrap #btn_evt1_notice{top:26vw;right:3vw;}
    .section1 .evt1_wrap .weather_wrap{top:36.5vw; gap:0.4vw 0;}
    .section2 .evt2_wrap .samgyetang_wrap .btn_evt2_mission{padding-bottom:7.6vw;}
    .section3 .evt3_wrap .samgyetang_select_wrap > div >img{flex:1;width:56%}
}

@media(min-width:400px){
    .section3 .evt3_wrap .evt3_layer{border-radius: 30px;}
}

@media(min-width:480px){
    .evt_layer{background-color: rgba(0, 0, 0, .7);}
}


@media(min-width:576px){
    .section1 .evt1_wrap #btn_evt1_notice{top:26.5vw;}
    .section2 .evt2_wrap .samgyetang_wrap .btn_evt2_mission{padding-bottom:6.6vw;}
    .section3 .evt3_wrap .btn_evt3{padding-bottom:7vw;}
}

@media(min-width:768px){
    .event_date{font-size:20px;}
    .title_img{margin-top:3%;}
    .section1 .evt1_wrap{position:relative;margin:5.5% auto 0;}
    .section1 .evt1_wrap #btn_evt1_notice{right:3.5%;}
}

@media(min-width:820px){
    .section1 .evt1_wrap #btn_evt1_notice{top:222px;right:34px;}
    .section1 .evt1_wrap .weather_wrap{top:300px;gap:6px 0;}
    .section1 .evt1_wrap .weather_box > img{flex:1;max-width:186px;}
    .section1 .evt1_wrap .btn_evt1_apply{width:100%;}
    .section1 .evt1_benefit{margin-top:45px;margin-bottom:45px;}

    .section2 .evt2_wrap{margin:80px auto 0;}
    .section2 .evt2_wrap .samgyetang_wrap .A{top:443px;right:114px;}
    .section2 .evt2_wrap .samgyetang_wrap .B{top:377px;left:73px;}
    .section2 .evt2_wrap .samgyetang_wrap .C{top:377px;left:229px;}
    .section2 .evt2_wrap .samgyetang_wrap .D{top:566px;left:297px;}
    .section2 .evt2_wrap .samgyetang_wrap .btn_evt2_mission{padding-bottom:46px;}
    .section3 .evt3_wrap{margin:80px auto 0;}
    .section3 .evt3_wrap .samgyetang_select_wrap > div >img{width:100%;}
    .section3 .evt3_wrap .btn_evt3{padding-bottom:40px;}
}