html {
    overflow-x: hidden;
}

/* background image */
.sec01 {
    background: url("../images/202511/01_bg.jpg") no-repeat top center/cover;
    background-size: 2560px;
}

.sec02 {
    background: url("../images/202511/02_bg.jpg") no-repeat top center/cover;
}

.sec02 .quiz-bg {
    background: url("../images/202511/02_evt_box.png") no-repeat top/contain;
    max-width: 107rem;
    aspect-ratio: 1070 / 1779;
    padding: 18rem 0 0;
}

/*.sec03 {background: url("../images/202511/03_bg.png") no-repeat top center/cover; }*/
.sec04 {
    background: url("../images/202511/03_bg.png") no-repeat top center/cover;
    background-position-y: 0;
    margin-top: -9rem;
}

.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/202511/01_bg_desc_01.png") no-repeat top center/100% 100%;
}

.sec01 .event-list li:nth-child(2) {
    background: url("../images/202511/01_bg_desc_02.png") no-repeat top center/100% 100%;
}

.sec01 .event-list li:nth-child(3) {
    background: url("../images/202511/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;
    background-position-y: 0;
}

.sec02 .inner {
    max-width: 142rem;
    position: relative;
}

.sec02 .inner::before {
    content: none;
    display: block;
    background: url(../images/202511/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: none;
    display: block;
    background: url(../images/202511/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;
    -ms-background-position-y: top;
    background-size: 2560px 100%;
    background-position-y: top;
}

.sec04 .sub-title {
    padding-top: 14rem;
}

.sec04 .mo-campagin-title {
    display: none;
}

.sec04 .campaign-box {
    margin: 0 auto;
    margin-top: -9rem;
}

.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: 750px) {

    .sec01 {
        background: url("../images/202511/01_bg_m.jpg") no-repeat top center/cover;
        padding-bottom: 5rem;
    }

    .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/202511/02_evt_box_m.jpg)no-repeat top center / cover;
        padding-bottom: 0;
        background-size: cover;

    }
    .sec02 .product-list{
        padding-bottom: 15vw;
    }
    .sec02 .inner::before {
        display: none;
    }

    .sec02 .inner::after {
        display: none;
    }

    .sec02 .quiz {
        padding-top: 0;
    }

    .sec02 .quiz-bg {
        padding: 27vw 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/202511/03_bg_m.jpg)no-repeat top center/100% 100%;
        margin-top: 0;
        position: relative;
        background-position-y: bottom;

    }

    .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;
    }
    .sec04 .campaign-box p{padding: 0 5vw; font-size: 3.3vw;}
    /*.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: 6vw 5vw;
        width: 100%;
        margin: 0;

    }

    .sec04 .caution-list li {
        font-size: 2.3vw;
    }

}

@media screen and (max-width: 500px) {
    /*.sec01{background-position-y: 9vw;}*/
    .sec01 .main-title02 {
        padding-top: 61vw;
    }

    /*.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;*/
    /*}*/
}