html{overflow-x: hidden;}
/* background image */
.sec01 {background: url("../images/202508/01_bg.jpg") no-repeat top center/cover;  background-size: 2560px;}
.sec02 {background: url("../images/202508/02_bg.jpg") no-repeat top center/cover;}
.sec02 .quiz-bg{background:url("../images/202508/02_evt_box.png") no-repeat top/contain; max-width: 107rem; aspect-ratio: 1070 / 1779; padding: 18rem 0 5.7rem;}
/*.sec03 {background: url("../images/202508/03_bg.png") no-repeat top center/cover; }*/
.sec04 {background: url("../images/202508/03_bg.png") no-repeat top center/cover; background-position-y: -40rem;}
.sec05 {background: #101010; }
.modal .btn{background: #3b37b5}

/* section style */
.sec01 .sec01-inner .bg-img{margin-top: 6rem;}
.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/202508/01_bg_desc_01.png") no-repeat top center/100% 100%;}
.sec01 .event-list li:nth-child(2) {background: url("../images/202508/01_bg_desc_02.png") no-repeat top center/100% 100%;}
.sec01 .event-list li:nth-child(3) {background: url("../images/202508/01_bg_desc_03.png") no-repeat top center/100% 100%;}
.sec01 .main-title02{padding-bottom: 5.3rem; padding-top: 5.8rem;}
.sec02{padding-top: 4rem; background-size: 2560px;}
.sec02 .inner{max-width: 142rem; position: relative;}
.sec02 .inner::before{content: '';display: block;background: url(../images/202508/01_object_01.png) no-repeat top center / contain;width: 67.98rem;height: 63.6rem;position: absolute;left: -22.44vw;top: -20vw;}
.sec02 .inner::after{content: '';display: block;background: url(../images/202508/01_object_02.png) no-repeat top center / contain;width: 65.4rem;height: 82.8rem;position: absolute;right: -22.28vw;top: -24vw;}
.sec02 .quiz{padding-top: 4.2rem;}
.sec02 .quiz-bg a{display: inline-block;}
.sec02 .answer-list {margin-bottom: 2.8rem;}
.sec02 .evt-info .round-badge {margin: 0 auto 2rem; background: #323854;}
.sec02 .evt-info .fc-primary{color: #343434;}

.sec04{padding: 0 0 6rem 0;background-position-y: 0;-ms-background-position-y: 0; background-size: 2560px; background-position-y: -40rem;}
.sec04 .sub-title{padding-top: 20rem; margin-top: -11rem;}
.sec04 .mo-campagin-title{display: none;}
.sec04 .campaign-box{margin: 0 auto; margin-top: -10rem;}
.sec04 .campaign-box a{margin:5.8rem auto 0rem;display: inline-block; }
.sec04 .caution-list{padding-top: 6rem;}
.sec04 .caution-list li{font-size: 1.4rem;}
.sec04 .caution-list li::before{content: none;}
.sec04 .campaign-box div{margin-top: 0;}
.sec04 .campaign-box div b{color: #2c324e; font-weight: 800; font-size: 4.2rem;}

.modal .btn{background: #3B37B5;}
.modal .ipt-wrap > label {width: 10rem;}
.modal .ipt-wrap.check-wrap{flex-direction: column; align-items: flex-start;}
.modal .term-wrap{padding: 0 2rem;}
.modal .radio-wrap{position: relative;}
.modal .modal-body .ipt-wrap input[type="radio"]{accent-color: #3B37B5;width: 1em;height: 1em;vertical-align: middle; border-radius: 0;}

.check-wrap input[type="radio"] {display: none;}
.check-wrap label {display: inline-flex;align-items: center;cursor: pointer;padding-left: 28px;position: relative;font-size: 16px;}
.check-wrap label::before {content: "";width: 20px;height: 20px;border: 2px solid #999;border-radius: 0px; position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;}
.check-wrap input[type="radio"]:checked + label::after {content: "✔";position: absolute;left: 5px; top: 50%;transform: translateY(-50%);font-size: 14px;color: #3B37B5;}
/*.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: 1800px) {
    .sec02 .inner::after{width: 55.4rem; right: -20.28vw;}
    .sec02 .inner::before{width: 54rem; left: -17vw;}

}
@media screen and (max-width: 1600px) {
    .sec02 .inner::after{content: none;}
    .sec02 .inner::before{content: none;}

}
@media screen and (max-width: 1200px) {
    .sec04{background-position-y: -28rem}

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

    .sec01 {background-position-y: -20rem; background: url("../images/202508/01_bg_m.jpg") no-repeat top center/cover;}
    .sec01 .main-title img{width: 80%;}
    .sec01 .bg-img{display: none;}
    .sec01 .main-title02{padding-bottom: 4.3rem; padding-top: 57vw;}

    .sec02 {background: url(../images/202508/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: 34vw 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: 3.6vw 0 4vw;}
    .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:  #fff url(../images/202508/03_bg_m.png)no-repeat top center/100% 100%;; background-size: 100vw;  margin-top: 32vw; position: relative; background-position-y: bottom; background-position-x: 10%;}
    .sec04 .sub-title{padding-top: 0; position: relative;}
    .sec04 .mo-campagin-title{display: block; margin: 0 !important;}
    .sec04 .campaign-box{margin-top: 2.5vw; }
    .sec04 .campaign-box div b{font-size: 4.8vw;}
    .sec04 .campaign-box a {margin: 7vw 0 0; width: 63.1vw;}
    /*.sec04 .campaign-box p{margin: 2rem 0;}*/
    .sec04 .campaign-box .campaign-img{width: fit-content !important;}
    /*.caution-wrap{padding-top: 11.9vw; padding-bottom: 28vw}*/
    .caution-wrap{background: transparent;}
    .product-list li img{width: 100% !important; max-width: 50vw;}
    .sec04 .caution-list{padding-top: 6vw;}
    .sec04 .caution-list li{font-size: 2.3vw;}
}

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

    .sec01 .main-title02{padding-top: 55vw;}
    /*.sec04{background-size: 110%;margin-top:-55vw;}*/
    /*.sec01 .monthly-list{margin-top: 11vw;}*/
    /*.sec01 .monthly-list img{max-width: 55vw;}*/
    /*.sec04 .sub-title {*/
    /*    padding-top: 20vw;}*/

    /*img:not(.modal img) {*/
    /*    width: unset !important;*/
    /*}*/
}