body{background: #F5F5F7;}
.main_top{padding:40px 0}
.main_top p.title{font-size: 2.4rem;font-weight: 800;}
.main_top p.text{color:#6A6A6A;margin-top: 10px;}
.search_wrap{margin-bottom: 45px;}
.main_cont{padding-bottom: 72px;}
.main_cont .cont01{width:100%;gap:8px;flex-wrap: wrap;}
.main_cont .cont01 .btn{background: #fff;border-radius: 10px;width:calc(50% - 4px);height: 50%;aspect-ratio: 1/1;max-height: 179px;text-align: left;padding: clamp(16px, 3vw, 24px);position: relative;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.main_cont .cont01 .btn01{background: #32D48A;}
.main_cont .cont01 .btn01 .title{color:#fff}
.main_cont .cont01 .btn01 .count{color:var(--main);}
.main_cont .cont01 .btn01 .count span{font-size: 4rem;font-weight: 800;color:inherit;margin-right: 4px;display: inline-block;}
.main_cont .cont01 .btn p.title{font-size: 1.6rem;font-weight: 800;}
.main_cont .cont01 .btn p:not(.title){color:#BCBCBA;}
.main_cont .cont01 .btn img,.main_cont .cont01 .btn01 .count{position: absolute;right:clamp(16px, 3vw, 24px);bottom: clamp(16px, 3vw, 24px);}
.main_cont .cont02{margin-top: 24px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);}
.main_cont .cont02 .swiper-slide{background: #fff;border-radius: 10px;height: 100px;position: relative;padding-left: 24px;}
.main_cont .cont02 .swiper-slide .flex{height: 100%;flex-direction: column;justify-content: center;position: relative;z-index: 2;    backdrop-filter: blur(1px);
    display: inline-flex;}
.main_cont .cont02 .swiper-slide>img{position: absolute;right:24px;top:50%;transform: translateY(-50%)}
.main_cont .cont02 .swiper-slide p.title{font-weight: 700;}
.main_cont .cont02 .swiper-slide p:not(.title){font-size: 1.2rem;}
.main_cont .cont02 .swiper-slide.sl02{background-color: #FFFCE8;}
.main_cont .cont02 .slide_page {width:auto;position: absolute;right:16px;top:12px;bottom: auto;left: auto;z-index: 2;}
.main_cont .cont02 .slide_page .swiper-pagination-bullet{width:5px;height: 5px;background: #D9D9D9;margin:0;opacity: 1;vertical-align: top;}
.main_cont .cont02 .slide_page .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 6px;}
.main_cont .cont02 .slide_page .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--main);}

@media (max-width: 320px){
    .main_cont .cont01 .btn{width:100%}
}