html{overflow-x: hidden;}
/* background image */
.sec01 {background: url("../images/202506/01_bg.jpg") no-repeat top center/cover; }
.sec02 {background: url("../images/202506/02_bg.jpg") no-repeat top center/cover;}
.sec02 .quiz-bg{background:url("../images/202506/02_evt_box.png") no-repeat top/contain; max-width: 95.9rem; aspect-ratio: 959 / 1731; padding-bottom: 0; }
.sec03 {background: url("../images/202506/03_bg.jpg") no-repeat top center/cover; }
.sec04 {background: url("../images/202506/04_bg.png") no-repeat top center/cover; }
.sec05 {background: #101010; }
.modal .btn{background: #3b37b5}

/* section style */

.sec05 .inquiry p{font-size: 1.8rem; }
.sec05 .inquiry p.fc-primary{color: #ffffcf!important;}
.sec01 .main-title img{max-width: 707px;}
.sec01 .event-list li:nth-child(1) {background: url("../images/202506/01_bg_desc_01.png") no-repeat top center/100% 100%;}
.sec01 .event-list li:nth-child(2) {background: url("../images/202506/01_bg_desc_02.png") no-repeat top center/100% 100%;}
.sec01 .event-list li:nth-child(3) {background: url("../images/202506/01_bg_desc_03.png") no-repeat top center/100% 100%;}
.sec01 .main-title02{padding-bottom: 5.3rem;}
.sec02{padding-top: 4rem;}
.sec02 .inner{max-width: 142rem; position: relative;}
.sec02 .inner::before{content: '';display: block;background: url(../images/202506/object_01.png) no-repeat top center / contain;width: 19.8rem;height: 13.3rem;position: absolute;left: -26.44vw;top: 1vw;}
.sec02 .inner::after{content: '';display: block;background: url(../images/202506/object_02.png) no-repeat top center / contain;width: 42.2rem;height: 40.9rem;position: absolute;right: -12.28vw;top: -14.21vw;}
.sec02 .quiz{padding-top: 4.2rem;}
.sec02 .quiz-bg a{display: inline-block; margin: 3rem auto 0;}
.sec02 .answer-list {margin-bottom: 3.8rem;}
.evt-info .round-badge {margin: 0 auto 2rem}

.sec04{padding: 0 0 6rem 0;background-position-y: -36rem;-ms-background-position-y: -36rem; background-size: 2560px;}
.sec04 .sub-title{padding-top: 7rem;}
.sec04 .campaign-box{margin: 0 auto; margin-top: -10rem;}
.sec04 .campaign-box a{margin:5rem auto 0rem;display: inline-block; }
.sec04 .caution-list{padding-top: 5rem;}
.sec04 .caution-list li::before{background: #E42823;}

.modal .term-wrap{padding: 0 2rem;}
.modal .radio-wrap{position: relative;}
/*.modal .form-wrap .radio-wrap::before{content: '셀프'; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; }*/
/*.modal #ans01O{padding-left:4rem;}*/
@media screen and (max-width: 1200px) {
    .sec04{background-position-y: -28rem}

}
@media screen and (max-width: 750px) {

    .sec01 {padding-bottom: 9vw; background-position-y: -20rem;}
    .sec01 .main-title img{width: 80%;}
    .sec01 .bg-img{width: 120%; margin-left: -10%;}
    .sec01 .main-title02{padding-bottom: 4.3rem;}

    .sec02 {background: url(../images/202506/02_evt_box_m.png) no-repeat top center / cover; padding-bottom: 0; background-size: 100%;}
    .sec02 .inner::before {display: none;}
    .sec02 .inner::after {display: none;}
    .sec02 .quiz{padding-top: 0; }
    .sec02 .quiz-bg{padding: 28vw 3vw 0; width: 100%; background: none; aspect-ratio: unset;}
    .sec02 .quiz img{width: 100% !important;}
    .sec02 .evt-info{background-color: transparent; padding: 4vw 0;}
    .sec02 .quiz-bg a{margin: 2.3vw auto 0; width: 62vw;}
    .sec02 .answer-list {margin: 6.6vw 0 7.1vw;}
    .sec02 .evt-info .fc-primary{text-align: left; padding-left: 20vw;}
    /*.sec02 .evt-info .round-badge{ font-size: 2rem; height: 3.5rem; min-width: 5vw; }*/

    .sec04{ padding: 0; background: url(../images/202506/04_bg_m.png) no-repeat top center / contain;background-size: 100%; margin-top: -60vw;background-position-y: -15%;}
    .sec04 .sub-title{padding-top: 62vw; position: relative;}
    .sec04 .campaign-box{margin-top: 4vw;}
    .sec04 .campaign-box a {margin: 11.9vw 0 0; width: 63.1vw;}
    .sec04 .campaign-box .campaign-img{width: 90% !important;}
    /*.caution-wrap{padding-top: 11.9vw; padding-bottom: 28vw}*/
    .product-list li img{width: 100% !important; max-width: 50vw;}
}

@media screen and (max-width: 560px) {
    /*.sec04{background-size: 110%;margin-top:-55vw;}*/
    .sec01 .monthly-list{margin-top: 11vw;}
    .sec01 .monthly-list img{max-width: 55vw;}
    /*img:not(.modal img) {*/
    /*    width: unset !important;*/
    /*}*/
}