@charset "UTF-8";

/* main-banner */
.main-banner{height: 562px;position: relative;}
.main-banner__slide{height: 100%;z-index: 2;}
.main-banner__slide .inner{max-width: calc(1440px + 80px);}
.main-banner__slide ul li{background-repeat: no-repeat; background-size: cover; background-position: 50%;}
.main-banner__txt{margin-top: 95px; max-width: 825px; background-repeat: no-repeat; background-size: 334px 232px; background-position: top right;}
.main-banner__txt .tit{font-size: 48px; line-height: 1.3;}
.main-banner__txt .txt{font-size: 24px; font-weight: 500; margin-top: 24px; line-height: 1.6;}
.main-banner .banner-form{position: absolute;top: 50%;transform: translateY(-50%);right: calc((100vw - 1440px) / 2);z-index: 2; max-width: 426px; width: 100%;}
.confirm-main .confirm-box__tit{text-align: center;font-size: 24px;font-weight: 700; margin-bottom: 24px;}
.confirm-main .form-input__wrap input{border: 0;padding: 0;height: 48px;}
.confirm-main .form-input__wrap{border-radius: 10px;border: 1px solid var(--color-200);background: #fff;gap: 14px;padding: 0 20px;flex-direction: row;}

.confirm-main .confirmBtn{margin-top: 28px;}
.confirm-main .form-input__tit{margin-bottom: 0; color: var(--color-800); font-weight: 600}
.confirm-main .form-input-btn {align-items: center;}
.confirm-main.confirm-box .btn.confirmBtn{background-color: #1791FF; color: #fff;}
.confirm-main .btn.medium{min-width: 98px;}
.main-banner__slide .swiper-control{position: absolute;bottom: 95px;left: 0; z-index: 1; margin-left: calc((100vw - 1440px) /2 );max-width: 541px;width: 100%;display: flex;align-items: center;gap: 60px;}
.main-banner__slide .swiper-control__btn {display: flex;}
.main-banner__slide .swiper-pagination {width: auto;position: static;width: 321px;padding-left: 288px;}
.main-banner__slide .swiper-pagination span {color: #fff;font-weight: 600;}
.main-banner__slide .swiper-pagination .swiper-pagination-total {}
.main-banner__slide .swiper-pagination .swiper-pagination-current::before {content: '';width: 0;height: 6px;background: #fff;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);z-index: 1;border-radius: 10px;}
.main-banner__slide .swiper-pagination .swiper-pagination-current::after {content: '';width: 270px;height: 16px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 10px;opacity: 0.3;background: #fff;}
.main-banner__slide .play-btn i{ min-width: 10px; height: 16px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-pause.svg); }
.main-banner__slide .play-btn.pause i{background-image: url(../../images/ico/ico-play.svg);min-width: 15px;height: 19px;}
.main-banner__slide .swiper-pagination .swiper-pagination-current.timeBox::before { animation: aniPrgressbar 6s ease-in-out .1s; animation-fill-mode: forwards; }
.main-banner__slide .btn {display: none;}
@keyframes aniPrgressbar {
    from { width: 0; }
    to { width: 260px; }
}
.main-banner__slide .slide-btn{background: rgba(255,255,255,0.3)}


/* main-quick */
.main-quick{background: var(--color-100);padding: 18px 0 95px;}
.main-quick .inner{position: relative;}
.main-quick .quick-txt{position: absolute;top: -65px;left: -44px;z-index: 2;padding-left: 70px;}
.main-quick .quick-txt img{position: absolute;left: 0px;top: -25px;}
.main-quick .quick-txt__box{padding: 45px 75px 42px;background: url("../../images/user/main/quick-box.png") no-repeat 50% / cover;text-align: center;font-size: 22px;font-weight: 600;line-height: 1.5; /* 154.545% */width: 292px;height: 174px;}
.main-quick .inner{display: flex;}
.main-quick .quick-menu{padding-left: 330px; gap: 60px;}



/* main-sect01 */
.main-sect .swiper-container .comBox:hover{transform: translateY(-10px)}
.main-tit__wrap{margin-bottom: 20px;}
.main-tit{font-size: 44px;font-weight: 700;line-height: 1.25;}
.main-tit.tit-xs{font-size: 22px;}
.main-sect01{margin-top: 80px;}
.main-sect01 .main-tit__wrap{margin-bottom: 40px;}
.sect-col .sect-row + .sect-row{margin-top: 30px}
.sect-row{display: flex; gap: 30px}
.sect-row > * {flex: 1;}
.main-sect02{position: relative; padding-top: 64px; margin-top: 120px;}
.main-sect02::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 472px; background: #A0F48F; z-index: -1}
.main-sect02__cont{margin-top: 20px; position: relative;}
.main-sect02__slide.swiper-container {padding: 30px 20px;margin: -30px 0 -20px -20px;position: static}
.main-sect02__slide .comBox{min-height: 384px;}
.main-sect02__slide > ul > li{width: 404px; margin-right: 24px;}
.main-sect02__slide > ul > li:last-child{margin-right: 0;}
.main-sect02 .tab-menu{gap: 20px; display: flex;}
.main-sect02 .tab-btn{border: 2px solid #fff;height: 48px;padding: 12px 40px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);color: var(--color-600);font-size: 20px;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.main-sect02 .tab-btn.active{border: 2px solid #4DB848;background: #FFF;color: #4DB848;font-weight: 700;}
.main-sect02 .comBox-tit{font-size: 32px; min-height: 88px;}
.main-sect02 .comBox-cont{min-height: 52px;}
.main-sect02 .noList .comBox-cont{text-align: center; line-height: 1.6; font-size: 26px; font-weight: 600; margin-top: 0;}
.main-sect02 .noList .comBox-tit p + p{margin-top: 18px;}
.main-sect02 .comBox-linkTxt{margin-top: 60px;}
.main-sect02 .swiper-control{position: absolute;top: -33px;right: 0;display: flex;align-items: center}

.main-sect03{margin-top: 130px;}
.main-sect03__cont{position: relative;}
.main-sect03__slide.swiper-container{padding: 30px 20px;margin: -30px 0 -20px -20px;position: static}
.main-sect03__slide > ul > li{width: 440px; margin-right: 30px;}
.main-sect03 .swiper-control{position: absolute;top: -37px;right: 0;display: flex;align-items: center}
.main-sect03 .comBox-subTit{font-size: 20px; margin-top: 20px; margin-bottom: 8px;}
.main-sect03 .comBox-linkTxt{margin-top: 47px;}

.main-sect04{margin-top: 140px}
.main-sect04 .comBox {min-height:235px;}
.main-sect04 .comBox:hover{border-color: transparent;}
.main-sect04 .comBox-top{display: flex; align-items: center; gap: 12px;}
.main-sect04 .comBox-top__img{flex: none;}
.main-sect04 .comBox-top .txt01{font-size: 22px; margin-bottom: 10px; display: block;}
.main-sect04 .comBox-top .txt02 span{font-size: 18px; font-weight: 500; color: var(--color-600)}
.main-sect04 .comBox-top .txt02 span + span{margin-left: 12px;}
.main-sect04 .comBox-cont{color: #000}
.main-sect04__slide {padding: 20px;margin: -20px;}

.bottom-link { background: #FFDA89; padding: 40px 0; }
.bottom-link .main-tit__wrap{text-align: center;}
.bottom-link .main-tit{font-size: 30px;}
.bottom-link .link + .link{margin-top: 35px; padding-top: 35px; border-top: 1px solid #fff;}
.bottom-link__wrap { position: relative; }
.bottom-link__wrap .swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); }
.bottom-link__wrap .swiper-btn.swiper-prev { left: 0; }
.bottom-link__wrap .swiper-btn.swiper-next { right: 0; }
.ico-slide_next { transform: rotate(180deg); }
.bottom-link__wrap .swiper-btn i { width: 32px; height: 32px; background: no-repeat 50% / cover; background-image: url(/assets/images/ico/ico-link_btn.svg); }
.bottom-link__wrap .swiper-container {max-width: 1170px;width: 100%;margin: 0 auto;}
.bottom-link__wrap .swiper-container a {width: 200px;height: 60px;background: #fff;border-radius: 10px;overflow: hidden;padding: 5px;display: flex;align-items: center;justify-content: center;}
.bottom-link__wrap .swiper-container a img {max-width: 65%; max-height: 100%; width: auto; height: auto; transition: 0.4s; object-fit: cover;}
.bottom-link__wrap .swiper-container a:hover img{transform: scale(1.05);}
.bottom-link .swiper-slide {width: 210px; display: flex; justify-content: center;}

@media screen and (max-width: 1480px) {
    .main-banner .banner-form{display: none; right: 40px;}
    .main-banner__slide .swiper-control {margin-left: 40px;}
    .main-banner__txt {max-width: 100%;padding-bottom: 100px;background-position: bottom right;background-size: 200px; margin-top: 60px;}
    .main-banner__txt .tit {font-size: 40px;}
    .main-banner__txt .txt {font-size: 20px;}
    .main-banner__txt pre span {word-break: keep-all;white-space: pre-line;}
    .main-banner__slide .swiper-control{flex-direction: column; align-items: flex-start; gap: 30px;}
    .main-quick .quick-txt {left: 20px;}
    .main-quick .quick-menu{padding-left: 0;padding-top: 107px;gap: 15px;}
    .main-quick .quick-menu > li {width: auto;flex: 1;}
    .main-quick .inner {flex-direction: column;}

    .sect-row{gap: 20px;}
    .sect-col .sect-row + .sect-row{margin-top: 20px;}
    .main-tit{font-size: 36px;}

    .bottom-link__wrap .swiper-container {max-width: calc(100% - 220px);}
}

@media screen and (max-width: 1024px) {
    .sect-row{flex-direction: column;}
    .sect-row > *{flex: none;}


}
@media screen and (max-width: 768px){
    .main-banner {}
    .main-banner__txt{max-width: 100%;margin-top: 40px;padding-bottom: 180px;background-size: 155px;}
    .main-banner__txt .tit {font-size: 30px;}
    .main-banner__txt .txt {font-size: 18px;margin-top: 14px;}
    .main-banner__slide .swiper-control {max-width: 100%;margin: 0;padding: 0 20px;gap: 12px;bottom: 58px;}
    .main-banner__slide ul li{background-repeat: repeat;background-position: top 110px right 55%;}
    .main-quick{padding-bottom: 40px;}
    .main-quick .quick-menu{gap: 0;padding-top: 24px;}
    .main-quick .quick-menu > li {width: 33.3333%;flex: none;}
    .main-quick .quick-txt__box br {display: none;}
    .main-quick .quick-txt__box {width: 100%;height: 104px;background-image: url("/assets/images/user/main/quick-box_m.png");padding: 31px 47px 48px;font-size: 16px;}
    .main-quick .quick-txt img {width: 68px;top: 0;}
    .main-quick .quick-txt {padding-left: 27px;}

    .main-tit{font-size: 26px}
    .main-sect01 .main-tit__wrap{margin-bottom: 20px;}
    .main-sect01{margin-top: 40px;}
    .main-sect02{margin-top: 100px;}
    .main-sect02 .tab-btn {padding: 3px 11px;font-size: 14px;height: 35px;border-radius: 10px;white-space: nowrap;}
    .main-sect02 .tab-menu {gap: 10px;overflow-x: auto;}
    .main-sect02 .swiper-control {position: static;justify-content: right;margin-top: 20px;padding-right: 20px; gap: 10px}
    .main-sect02__slide.swiper-container {padding: 20px 0 0;margin: -20px -20px 0 0;}
    .main-sect02::before{height: 430px;}
    .main-sect02__slide .comBox{min-height: auto;}
    .main-sect02 .noList .comBox{min-height: 323px;}
    .main-sect02 .noList .comBox-cont{font-size: 24px;}
    .main-sect02 .noList .comBox-cont p + p{margin-top: 10px;}

    .main-sect03{margin-top: 80px;}
    .main-sect03 .swiper-control {position: static;margin-top: 20px;justify-content: right; gap: 10px}
    .main-sect03 .more-btn{position: absolute;top: -28px;right: 0;}
    .main-sect03__slide > ul > li {width: 100%;margin-right: 20px;}
    .main-sect03__slide.swiper-container {padding: 30px 20px 0 20px;margin: -30px -20px 0px -20px;}
    .main-sect04{margin-top: 80px;}
    .main-sect02__slide > ul > li {width: calc(100% - 40px);}
    .main-sect03 .comBox-subTit {font-size: 16px;margin-top: 10px;}
    .main-sect04 .comBox-top .txt01 {font-size: 18px;}
    .main-sect04 .comBox-top {flex-direction: column;}
    .bottom-link__wrap .swiper-container {max-width: 210px;}
    .bottom-link{padding: 25px 0;}
    .bottom-link .main-tit{font-size: 24px;}
}