.section_top { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 450px; background-color: black; background-image: url(../img/success/section_top.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 60px;}

.section01{
    padding: 20px 0 160px;
}

.section01 .wrap{
    width: 100%;
    max-width: 1590px;
    margin: 0 auto;
}

.section01 .wrap > p{
    color: #4D4D4D;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.77px;
    width: 80%;
    margin: 0 auto;
    margin-top: 70px;
}

.section01 .wrap > p span{
    width: 100%;
    color: #2B2B2B;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.77px;
    display: inline;
}

/* .section01 .wrap .flexbox{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px 1.33%;
    margin-top: 80px;
}

.section01 .wrap .flexbox > img{
    width: 24%;
    cursor: pointer;
} */

.section02 {
    padding: 80px 0;
}

.section02 .wrap{
    width: 100%;
    max-width: 1590px;
    margin: 0 auto;
}

.section02 .wrap .wrap_btn{
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.section02 .wrap_btn button{
    padding: 5px 15px;
    border: 1px solid #E0E0E0;
    border-radius: 120px;
    color: #1461FF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.45px;
}

.section02 .wrap_btn button:focus{
    color: #fff;
    background-color: #1461FF;
}

.section02 .flexbox{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 4%;
    margin-top: 80px;
}

.section02 .flexbox .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px 0;
    width: 22%;
    cursor: pointer;
}

.section02 .flexbox .item div{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.section02 .flexbox .item img{
    width: 100%;
}

.section02 .flexbox .item .stamp{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section02 .flexbox .item span{
    padding: 5px 15px;
    color:#1461FF;
    border-radius: 120px;
    border: 1px solid #E0E0E0;
}

.section02 .flexbox .item p{
color: #222;
text-align: center;
font-size: 19px;
font-weight: 600;
line-height: 145.682%;
letter-spacing: 0.665px;
}


.section-slide .wrap {
    position:relative;
    width: 95%;
    max-width: 1590px;
    margin: 0 auto;
}

.section-slide p.section-title {
    color:#9E2020;
    font-size:30px;
    font-weight:900;
    padding-left:43px;
    background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 0.472656C16.8125 0.472656 17.1122 0.598274 17.3332 0.821875C17.5541 1.04548 17.6783 1.34874 17.6783 1.66496V2.86681C22.5095 2.93993 27.3233 3.47218 32.0562 4.45655C32.3428 4.51544 32.5975 4.68009 32.7708 4.9185C32.9442 5.1569 33.0237 5.45201 32.9939 5.74643C32.9641 6.04085 32.8272 6.31354 32.6097 6.51147C32.3923 6.7094 32.1098 6.81842 31.8174 6.81732H28.8042L32.6909 22.9119C32.7531 23.1691 32.729 23.4399 32.6224 23.6817C32.5157 23.9235 32.3325 24.1225 32.1017 24.2473C30.5645 25.0794 28.8477 25.5136 27.1043 25.5111C25.361 25.5136 23.6441 25.0794 22.1069 24.2473C21.8762 24.1225 21.693 23.9235 21.5863 23.6817C21.4796 23.4399 21.4555 23.1691 21.5178 22.9119L25.4045 6.81732H17.6783V27.9291C19.7096 28.0499 21.6592 28.4744 23.4863 29.1628C23.7454 29.2602 23.9624 29.4468 24.0993 29.6897C24.2362 29.9327 24.2844 30.2167 24.2353 30.4919C24.1863 30.7672 24.0431 31.0163 23.831 31.1955C23.6188 31.3748 23.3511 31.4729 23.0747 31.4727H9.92531C9.6489 31.4729 9.3812 31.3748 9.16903 31.1955C8.95687 31.0163 8.81374 30.7672 8.76469 30.4919C8.71564 30.2167 8.76379 29.9327 8.90071 29.6897C9.03763 29.4468 9.25462 29.2602 9.51371 29.1628C11.3392 28.4744 13.2904 28.0499 15.3217 27.9307V6.81573H7.5955L11.4822 22.9103C11.5445 23.1675 11.5204 23.4383 11.4137 23.6801C11.307 23.9219 11.1238 24.1209 10.8931 24.2457C9.356 25.0784 7.63914 25.5132 5.89566 25.5111C4.15232 25.5136 2.43546 25.0794 0.898272 24.2473C0.667478 24.1225 0.484301 23.9235 0.377629 23.6817C0.270958 23.4399 0.246862 23.1691 0.309142 22.9119L4.19583 6.81732H1.18263C0.890153 6.81842 0.607731 6.7094 0.390284 6.51147C0.172837 6.31354 0.0359081 6.04085 0.0061269 5.74643C-0.0236543 5.45201 0.055841 5.1569 0.229153 4.9185C0.402465 4.68009 0.657205 4.51544 0.943831 4.45655C5.67669 3.47217 10.4905 2.93992 15.3217 2.86681V1.66496C15.3217 1.34874 15.4459 1.04548 15.6668 0.821875C15.8878 0.598274 16.1875 0.472656 16.5 0.472656ZM24.1634 22.0026L27.1043 9.82194L30.0453 22.0026H24.1634ZM8.8366 22.0026L5.89566 9.82194L2.95473 22.0026H8.8366Z' fill='%239E2020'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
    background-size:32px;
    margin-bottom:74px;
}



.swiper1 {
    width:100%;
    margin: 50px 0;
}

.swiper1 .swiper-wrapper{
    align-items: center;
}

.swiper1 .swiper-slide{
    text-align: center;
}

.swiper1 .swiper-button-prev, .swiper1 .swiper-rtl .swiper-button-next{
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.swiper1 .swiper-button-next, .swiper1 .swiper-rtl .swiper-button-prev{
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.swiper2 {
    width:90%;
}


.swiper2 .swiper-slide .slide-box {
    display:block;
    max-width:460px;
    width:100%;
    border-radius:20px;
    border:1px solid #d9d9d9;
    overflow:hidden;
    text-align:center;
    margin-bottom:40px;
}

.swiper2 .swiper-slide .slide-box .box-title {
    width:100%;
    height:80px;
    line-height:80px;
    background-color:#9E2020;
    font-size:30px;
    font-weight:700;
    color:#fff;
}

.swiper2 .swiper-slide .slide-box .box-content {
    padding:0 30px 40px;
    background:url('/img/success/bg.png') 50% 50% no-repeat;
    background-size:60%;
}

.swiper2 .swiper-slide .slide-box .box-content .content-title {
    border-bottom:1px solid #000;
    padding:20px 0;
    margin-bottom:30px;
    font-size:25px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.swiper2 .swiper-slide .slide-box .box-content .content-content {
    font-size:17px;
    line-height:140%;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left;
}

.swiper2 .swiper-slide .slide-box:hover .box-content,
.swiper2 .swiper-slide .slide-box:focus .box-content,
.swiper2 .swiper-slide .slide-box:active .box-content {
    background-color:#0D1D3E;
}

.swiper2 .swiper-slide .slide-box:hover .box-content .content-title,
.swiper2 .swiper-slide .slide-box:focus .box-content .content-title,
.swiper2 .swiper-slide .slide-box:active .box-content .content-title {
    color:#9E2020;
    border-bottom-color:#DEBA6A;
}

.swiper2 .swiper-slide .slide-box:hover .box-content .content-content,
.swiper2 .swiper-slide .slide-box:focus .box-content .content-content,
.swiper2 .swiper-slide .slide-box:active .box-content .content-content {
    color:#d6d6d6;
}

.swiper2 .swiper-slide .slide-box:hover .box-title,
.swiper2 .swiper-slide .slide-box:focus .box-title,
.swiper2 .swiper-slide .slide-box:active .box-title {
    background-color:#fff;
    color:#222;
}

.swiper-button-next, .swiper-button-prev {
    top:calc(50% + 59px) !important;
    width:50px !important;
    height:50px !important;
}

.swiper-button-prev {
    background:url('/img/success/left.svg') 50% 50% no-repeat;
    background-size:cover;
    left:0 !important;
}

.swiper-button-next {
    background:url('/img/success/right.svg') 50% 50% no-repeat;
    background-size:cover;
    right:0 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display:none;
}

.swiper-pagination-bullet-active {
    background-color:#FFA800 !important;
}

.swiper-pagination {
    display:none !important;
}

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

    .section01 {
        padding:20px 0 50px;
    }

    .section01 .wrap{
        width: 95%;
    }

    .section01 .wrap > p{
        font-size: 14px;
        margin-top: 0;
    }

    .section01 .wrap > p span{
        font-size: 14px;
    }

    /* .section01 .wrap .flexbox{
        gap: 30px 4%;
        margin-top: 50px;
    }

    .section01 .wrap .flexbox > img{
        width: 48%;
    } */
    
    .section02{
        padding: 50px 0;
    }

    .section02 .wrap{
        width: 95%;
        margin: 0 auto;
    }

    .section02 .wrap .wrap_btn{
        flex-wrap: wrap;
        gap: 8px 10px;
    }

    .section02 .wrap_btn button{
        font-size: 14px;
    }

    .section02 .flexbox{
        gap: 20px 4%;
        margin-top: 40px;
    }

    .section02 .flexbox .item{
        width: 48%;
    }

    .section02 .flexbox .item p{
        font-size: 12px;
    }

    .swiper-button-next, .swiper-button-prev {
        display:none !important;
    }

    .swiper-pagination {
        display:block !important;
    }
}

@media all and (max-width:560px) {
    .section-slide p.section-title {
        font-size:18px;
        padding-left:29px;
        background-size:23px;
        margin-bottom:25px;
    }

    .swiper2 .swiper-slide .slide-box {
        width:90%;
        margin:0 auto 40px;
    }

    .swiper2 .swiper-slide .slide-box .box-title {
        font-size:18px;
        line-height:54px;
        height:54px;
    }

    .swiper2 .swiper-slide .slide-box .box-content {
        padding:0 15px 25px;
    }

    .swiper2 .swiper-slide .slide-box .box-content .content-title {
        font-size:16px;
        padding:10px 0;
        margin-bottom:15px;
    }

    .swiper2 .swiper-slide .slide-box .box-content .content-content {
        font-size:15px;
    }
}