@charset "utf-8";
/* pack_slider */
.pack_slider_wrap .pack_pager { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 12px; } 
.pack_slider_wrap .pack_pager .swiper-pagination-bullet { display: inline-block; width: auto; height: 40px; font-size: 16px; font-weight: 500; color: var(--black-70); line-height: 40px; background: #ffffff; border: 1px solid var(--gray-300); border-radius: 20px; padding: 0 12px; box-sizing: border-box; opacity: 1; margin: 0 4px; }
.pack_slider_wrap .pack_pager .swiper-pagination-bullet.swiper-pagination-bullet-active { color: var(--purple); background: var(--purple-100); border: 1px solid var(--purple-100); } 
.pack_slider_wrap .pack_slider { width: calc(100% + 48px); margin-left: -24px; overflow: hidden; } 
.pack_slider .swiper-wrapper { height: auto; } 
.pack_slider .swiper-wrapper .swiper-slide { width: 300px; height: 280px; background: url(../../image/test/img_pack.webp) no-repeat center center; background-size: 100%; padding: 71px 28px 0; } 
.pack_slider .swiper-wrapper .swiper-slide.pack20 { background: url(../image/test/img_pack20.webp) no-repeat center center; background-size: 100%; } 
.pack_slider .top_box { display: flex; justify-content: space-between; align-items: center; } 
.pack_slider .top_box .title { width: calc(100% - 75px); font-size: 18px; font-weight: 700; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.pack_slider .top_box .time span { font-size: 18px; font-weight: 700; line-height: 26px; } 
.pack_slider .top_box .time img { width: 20px; vertical-align: -4px; } 
.pack_slider .list_box { display: flex; flex-wrap: wrap; flex-direction: column; height: 112px; overflow: hidden; margin-top: 16px; } 
.pack_slider .list_box li { position: relative; display: block; width: calc(50% - 5px); margin-bottom: 8px; padding-left: 10px; }
.pack_slider .list_box li:nth-of-type(n+5) { margin-left: 10px; }
.pack_slider .list_box li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: var(--gray-04); border-radius: 50%; content: ''; display: inline-block; } 
.pack_slider .list_box li .btn { width: 100%; font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; text-align: left; }