@charset "UTF-8";
.main{position: relative;}
.main .top_btn{display: none;}
.main footer{position: absolute;bottom: 0;margin-top: 0;}
#container.container-main{background: url("/assets/images/user/main/main-bg.png") no-repeat 50% / cover;min-height: 100vh; padding-bottom: 220px;}
.main-cont{margin-top: 100px;}
.main-cont .inner{gap: 100px;max-width: calc(1280px + 80px);}
.main-l {flex: 1;}
.main-r {width: 420px;}
.main-cont__subTit{color: var(--color-800);font-size: 28px;}
.main-cont__tit{font-size: 70px; margin-top: 18px; margin-bottom: 46px;}
.main-box{border-radius: 30px; background: rgba(5, 8, 10, 0.22); padding: 30px;}
.main-box *{position: relative; z-index: 1;}
.main-box.box01{position: relative; border-radius: 60px; background: linear-gradient(136deg, #4A8FF5 0.47%, #2B8F58 179.32%); padding: 60px 50px 70px;}
.main-box.box01::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/assets/images/user/main/main-box_bg.png") no-repeat 50% / cover;}
.main-box__tit{color: #fff;font-size: 28px;font-weight: 800;}
.main-box__subTit{color: #fff;font-size: 18px;margin-top: 8px;font-weight: 600;line-height: 1.55;}
.main-box__btn{transition: .4s; margin-top: 18px;padding: 10px 18px;font-weight: 700;color: #fff;border: 2px solid #fff;border-radius: 30px;display: inline-flex;align-items: center;justify-content: center;height: 40px;}
.main-box__btn:hover{background-color: #fff; color: #4A8FF1;}
.main-box.box01 .main-box__tit{font-size: 42px;line-height: 1.3;}
.main-box.box01 .main-box__subTit{font-size: 22px;margin-top: 18px;}
.main-box.box01 .main-box__btn{margin-top: 80px;font-size: 22px;padding: 14px 24px;height: 54px;}
.main-box.box02{transition: .4s;}
.main-box.box02 + .main-box.box02{ margin-top: 21px;}
.main-box.box02:hover{background: linear-gradient(103deg, rgba(10, 121, 200, 0.40) 0.08%, rgba(124, 221, 179, 0.40) 136.81%);}
.main-box.box02:hover .main-box__btn{background-color: #fff; color: #4A8FF1;}



@media screen and (max-width: 1280px) {
    #container.container-main {padding-bottom: 200px;}
    .main footer {position: relative;margin-top: -85px;}
    .main-cont .inner {flex-direction: column; gap: 50px;}
    .main-r {width: 100%;}
}


@media screen and (max-width: 768px){
    .bottom-link__slide{max-width: 200px;}
    .main-cont {margin-top: 50px;}
    .main-cont__tit {font-size: 44px;margin-top: 10px;margin-bottom: 30px;}
    .main-cont .inner {gap: 15px;}
    .main-cont__subTit {font-size: 18px;}
    .main-box {border-radius: 20px;}
    .main-box__tit {font-size: 24px;}
    .main-box__subTit {font-size: 16px;}
    .main-box.box01 {border-radius: 30px;padding: 35px 30px 45px;}
    .main-box.box01 .main-box__tit {font-size: 30px;}
    .main-box.box01 .main-box__btn {margin-top: 50px;font-size: 20px;padding: 10px 20px;height: 50px;}
    .main-box.box01 .main-box__subTit {font-size: 20px;}
    .main-box.box02 + .main-box.box02 {margin-top: 15px;}
}