/* 더보기 링크 (타이틀 영역 오른쪽) */
.main-store-container .section-more-link {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #A8A8A8;
    letter-spacing: -0.08px;
    line-height: 15px;
    white-space: nowrap;
    text-decoration: none;
    padding-bottom: 6px;
    flex-shrink: 0;
}
.main-store-container .section-more-link::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #A8A8A8;
    border-top: 1.5px solid #A8A8A8;
    transform: rotate(45deg);
    margin-left: 4px;
}
.main-store-container .section-title-row {
    display: flex;
    align-items: flex-end;
}
.main-store-container .section-title-row > :first-child {
    flex: 1;
}
.bold{
    font-weight: 600 !important;
}
.span.badge.badge-round{
    border-radius: 2px;
}
.main-store-container .box{
    display: flex;
    gap: 5px;
}
.main-store-container .box .discount-rate{
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #FF5862;
}
.main-store-container .box .discount-rate.time-sale{
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #FF5862;
}
.main-store-container .box .lowest-price{
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.08px;
}
.main-store-container .right-arrow-btn{
    width: 28px;
    height: 28px;
    background-image: url(/m/statics/img/store/store-arrow-btn.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.main-store-container .xi-angle-right{
    color: #252525 !important;
}
.main-store-container .info .tag-box{
    display: block;
    max-width: 100%;
    max-height: 100px;
    gap: 4px;
    margin-top: 4px;
}
.main-store-container .info .tag-box .tag{
    padding: 4px 3px;
    border-radius: 2px;
    background: #F4F4F4;
    font-weight: 700;
    font-size: 8px;
    line-height: 9px;
}
.main-banner-container.store{
    padding: 20px 0 0 0;
}
.main-banner-container.store img{
    width: 100%;
    border-radius: 5px;
}
/*.main-banner-container.store .main-banner-paging-info-area{*/
/*    position: absolute;*/
/*    z-index: 10;*/
/*    right: 20px;*/
/*    bottom: 20px;*/
/*    border-radius: 100px;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*    padding: 5px 14px;*/
/*}*/
/*.main-banner-container.store .main-banner-paging-info-area .main-banner-paging-info-txt{*/
/*    color: #fff;*/
/*}*/
.main-store-categories{
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0 15px;
}
.main-store-categories .main-store-category-list{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    width: 100%;
}
.main-store-categories .main-store-category-list .swiper-slide{
    width: calc(100%/5);
    text-align: center;
    margin-bottom: 25px;
}
.main-store-categories .main-store-category-list .swiper-slide img{
    width: 52px;
    height: 52px;
}
.main-store-categories .main-store-category-list .swiper-slide .main-store-category-item {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.main-store-time-sale-container{
    display: flex;
    flex-flow: column;
}
.main-store-time-sale-container .main-store-time-sale-title{
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 35px auto 20px auto;
}
.main-store-time-sale-container .main-store-time-sale-title .time-img{
    width: 22px;
    height: 22px;
    background-image: url(/m/statics/img/store/store-time.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.main-store-time-sale-container .main-store-time-sale-title .title{
    font-weight: 800;
    font-size: 23px;
    line-height: 26px;
    letter-spacing: -0.08px;
    color: #252525;
    margin-right: 5px;
}
.main-store-time-sale-container .main-store-time-sale{
    display: flex;
    margin: 0 auto;
    gap: 4px;
}
.main-store-time-sale-container .main-store-time-sale .time-number{
    width: 29px;
    height: 39px;
    background: #252525;
    border-radius: 2px;
    padding: 8px;
    color: #fff;
    align-items: center;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
}
.main-store-time-sale-container .main-store-time-sale .time-shape{
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.08px;
    color: #252525;
    align-self: center;
}
.main-store-time-sale-container .swiper{
    margin: 20px 15px;
    box-shadow : 0px 4px 10px rgba(168, 168, 168, 0.2);
    border-radius: 5px 5px 5px 5px;
}
.main-store-time-sale-container .swiper .swiper-wrapper .swiper-slide{
    border-radius: 5px 5px;
}
.main-store-time-sale-container .swiper .swiper-wrapper .swiper-slide .thumb{
    width: 100%;
    height: 220px;
}
.main-store-time-sale-container .swiper .swiper-wrapper .swiper-slide .thumb .img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-store-time-sale-container .swiper .swiper-wrapper .swiper-slide .thumb .sale-percent{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background: #FF5862;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.main-store-time-sale-container .swiper .swiper-wrapper .swiper-slide .thumb .sale-percent .percent{
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}
.main-store-card .swiper-slide .info{
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
}
.main-store-card .swiper-slide .info .txt{
    display: flex;
    flex-flow: column;
}
.main-store-card .swiper-slide .info .txt .box .category-name{
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.main-store-card .swiper-slide .info .txt .title{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.main-store-card .swiper-slide .info .txt .box{
    display: flex;
    gap: 5px;
    margin-bottom: 2px;
    width: 100%;
}
.main-store-card .swiper-slide .info .txt .box.category{
    justify-content: space-between;
}
.main-store-card .swiper-slide .info .txt .box .favorite-heart{
    position: unset;
    background-image: url(/m/statics/img/store/store-heart.png);
}
.main-store-card .swiper-slide .info .txt .box .favorite-heart.on{
     background-image: url(/m/statics/img/icon/heart-on-g.png);
}
.main-store-swiper-pagination{
    text-align: center;
}
.main-store-swiper-pagination .swiper-pagination-bullet{
    height: 5px;
    width: 5px;
}
.main-store-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    height: 5px !important;
    width: 5px !important;
    background: #555555 !important;
}
.main-store-review-list-area{
    margin-top: 30px;
}
.main-store-review-list-area .swiper .swiper-slide{
    width: 137px;
}
.main-store-review-list-area .swiper .swiper-slide .thumb .img{
    width: 100%;
    height: 192px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 5px 5px;
}
.main-store-review-list-area .swiper .swiper-slide .info{
    padding: 0;
}
.main-store-card .swiper-slide .info .txt-2 .title{
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    margin: 10px 0;
    height: 28px;
}
.main-store-card .swiper-slide .info .txt-2 .contents{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    margin-bottom: 7px;
    height: 42px;
}
.main-store-review-list-area .main-store-card .star span{
    background-image: url(/m/statics/img/icon/ic_rating_yellow.svg);
}
.favorite-class-list-container{
    margin-top: 40px;
}
.favorite-class-list-container .favorite-class-box-title{
    padding: 0 15px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}
.favorite-class-group .favorite-class > a{
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 55px 82px auto 60px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}
.favorite-class-group .favorite-class .rank{
    font-size: 20px;
    color:#252525;
    font-weight:600;
    text-align: center;
}
.favorite-class-group:first-child .favorite-class:first-child .rank{
    color:#ff5862;
}
.favorite-class-group .favorite-class .class-thumb{
    position: relative;
    min-width: 82px;
    height: 100%;
    display: block;
}
.favorite-class-group .favorite-class .class-thumb .img{
    position:relative;
    width: 82px;
    height: 82px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
}
.favorite-class-group .favorite-class .class-info{
    padding-top: 3px;
    padding-left: 3px;
    font-size: 12px;
    align-self: flex-start;
    display: flex;
    flex-flow: row;
    align-items: center;
}
.favorite-class-group .favorite-class .class-info .category-name{
     font-weight: 700;
     font-size: 12px;
     line-height: 20px;
     letter-spacing: -0.08px;
}
.favorite-class-group .favorite-class .class-info .class-title{
    max-width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    height: 32px;
}
.favorite-class-group .favorite-class .class-info .heart{
    margin-left: 25px;
}
.favorite-class-group .favorite-class .favorite-heart{
    position: unset;
    width: auto;
    background-image: url(/m/statics/img/store/store-heart.png);
}
.favorite-class-group .favorite-class .favorite-heart.on{
    background-image: url(/m/statics/img/icon/heart-on.png);
}
.main-kids-kit-banner-container{
    padding: 30px 0 0 0;
}
.main-kids-kit-banner-container .title-box{
    padding: 0 0 0 15px;
    margin-bottom: 20px;
    align-items: center;
}
.main-kids-kit-banner-container .title-box .title{
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
    color: #252525;
    display: flex;
    align-items: center;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper{
    width: 100%;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .vod-wrapper{
    width: 100%;
    padding-bottom: 7px;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .vod-wrapper .kit-banner-vod{
    border-radius: 5px;
    width: 100%;
    aspect-ratio: 364.61 / 506.39;
    object-fit: cover;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .class-card .wrapper .txt-info{
    width: calc(100% - -50px);
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .class-card .wrapper .txt-info .txt-1 {
    font-weight: 800;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #252525;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .class-card .wrapper .txt-info .txt-2{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    margin-top: 6px;
    margin-bottom: 5px;
}
.main-kids-kit-banner-swiper-container .swiper-wrapper .swiper-slide .class-card .wrapper .txt-info .class-tag-box{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.main-store-thumb-curation-container{
    display: flex;
    flex-flow: column;
}
.main-store-thumb-curation-container .thumb{
    width: 100%;
}
.main-store-thumb-curation-container .thumb .thumb-img{
    max-width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-store-thumb-curation-container .favorite-class-group{
    padding: 7px 15px 0 15px;
}
.main-store-thumb-curation-container .favorite-class-group .favorite-class > a{
    display: grid;
    grid-template-columns: 82px auto 40px;
}
.main-store-thumb-curation-container .favorite-class-group .favorite-class .class-info .class-title{
    max-width: 100%;
    height: 34px;
}
@media screen and (max-width: 500px) {
    #main-banner-container .swiper-slide .banner-list > a > img{
        vertical-align: unset;
        max-width: 100%;
        min-width: 100%;
        max-height: 100%;
        min-height: 100%;
        object-fit: unset;
    }
    .main-store-thumb-curation-container .thumb .thumb-img{
        height: 300px;
    }
}