@charset "UTF-8";
.review-section{width: 100%;background-color: #ffffff;    overflow: hidden;}
.review-section .mobile-only{display: none;}
.review-section .title-box{text-align: center;}
.review-section .title-box h2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-family: GmarketSansBold,sans-serif;font-size: 56px;letter-spacing: -0.04em;line-height: 1.25;}
.review-section .title-box h2 > :is(span,em){display: inline-flex;align-items: flex-start}
.review-section .title-box h2 > span::before{content:'';display: inline-block;background-image: url("../images/event/review/icon-coma-left.svg");background-size:cover;width: 34px;height: 28px;margin-right: 12px;}
.review-section .title-box h2 > em::after{content:'';display: inline-block;background-image: url("../images/event/review/icon-coma-right.svg");background-size:cover;width: 34px;height: 28px;margin-left: 12px;}
.review-section .title-box h2 em{color:#4a9ae9;margin-left: 0.2em;}
.review-section .title-box p{font-family: GmarketSansMedium,sans-serif;font-size: 36px;letter-spacing: -0.04em;line-height: 1.28;margin-top: 24px;position: relative}
.review-section .title-box p em{  box-shadow: inset 0 -29px 0 #fff689;}
.review-section .review-wrapper{max-width: 1308px;margin: 0 auto;width: 100%;background-image: url("../images/event/review/review-bg.svg");background-repeat: no-repeat;background-position: center top;background-size:1308px 380px;padding:100px 0 110px;}

.review-section .review-wrapper .list-box{width: 100%;max-width: 1148px;/*height: 926px;*/margin: 50px auto 0;position: relative;}
.review-section .review-wrapper .list-box .list-wrapper{width:100%;height:100%;overflow: hidden;padding:20px;box-sizing: border-box}
.review-section .review-wrapper .list-box .reviewSwiper{ width: 100%;height: 100%;overflow: visible}
.review-section .review-wrapper .list-box .reviewSwiper .swiper-slide{display: flex;flex-wrap: wrap;align-items: flex-start;height: auto;column-gap: 36px;row-gap: 36px;}
.review-section .review-wrapper .list-box .review-item{width: calc((100% - 72px) / 3);box-sizing: border-box;border-radius: 20px;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);border: solid 1px #dbdbdb;background-color: #fff;overflow: hidden;}
.review-section .review-wrapper .list-box .review-item.__item__{display: none;}
.review-section .review-wrapper .list-box .review-item .img-box {width: 100%;height: 220px;background-size: cover;background-position: center;}
.review-section .review-wrapper .list-box .review-item .review-content {box-sizing: border-box;height:206px;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.review-section .review-wrapper .list-box .review-item .text-box {padding:0 10px;}
.review-section .review-wrapper .list-box .review-item .text-box .subject{font-family: Pretendard,sans-serif;font-size: 18px;font-weight: 500;line-height: 1.44;letter-spacing: -0.04em;text-align: left;color: #292929;min-height: 52px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box{display: flex;justify-content: space-between;align-items: center;margin-top: 16px;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age{width: 50px;height: 24px;display: flex;align-items: center;justify-content: center;padding:3px 0 4px;border-radius: 11px;background-color: #32c1a8;font-family: Pretendard,sans-serif;font-size: 14px;font-weight: bold;letter-spacing: -0.04em;text-align: center;color: #fff;box-sizing: border-box;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_4{background-color: #fcaa39;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_4::before{content:'4세';}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_5{background-color: #ac71f8;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_5::before{content:'5세';}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_6{background-color: #32c1a8;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_6::before{content:'6세';}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_7{background-color: #5687e6;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_7::before{content:'7세';}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_8{background-color: #eb659f;}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .age.age_8::before{content:'8세';}
.review-section .review-wrapper .list-box .review-item .text-box .user-box .name{font-family: Pretendard,sans-serif;font-size: 16px;font-weight: bold;letter-spacing: -0.04em;text-align: right;color: #292929;}
.review-section .review-wrapper .list-box .review-item .more-button{width: 100%;height: 45px;border-radius: 10px;border: solid 1px #d8d8d8;font-family: Pretendard,sans-serif;font-size: 16px;font-weight: 500;letter-spacing: -0.04em;text-align: center;color: #292929;}
.review-section .review-wrapper{--swiper-navigation-color:#5C5C5C;--swiper-navigation-sides-offset:-40px;--swiper-pagination-bullet-size:10px;--swiper-pagination-color:#303030;--swiper-pagination-bottom:-40px;}


.review-popup{display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: fixed;top:0;left: 0;z-index: 100;}
.review-popup .review-popup-wrapper{width: 564px;max-width:calc(100% - 32px);height: 690px;padding: 12px 36px 36px;border-radius: 20px;background-color: #fff;    box-sizing: border-box;}
.review-popup .review-popup-wrapper .review-header{display: flex;justify-content: flex-end;align-items: center;height: 68px;}
.review-popup .review-popup-wrapper .review-header .close-button{width: 28px;height: 28px;}
.review-popup .review-popup-wrapper .review-header .close-button > img{width: 100%;height: 100%;display: block;}
.review-popup .review-popup-wrapper .review-popup-content{height: calc(100% - 68px);overflow: auto;}
.review-popup .review-popup-wrapper .review-popup-content::-webkit-scrollbar{display: none;}
.review-popup .review-popup-wrapper .review-images{position: relative;}
.review-popup .review-popup-wrapper .review-images :is(.swiper-popup-button-next,.swiper-popup-button-prev){background-size:cover;width: 40px;height: 60px;position: absolute;top:50%;z-index: 2;transform: translateY(-50%);cursor: pointer;}
.review-popup .review-popup-wrapper .review-images .swiper-popup-button-next{background-image: url("../images/event/review/icon-img-arrow-next.svg");right: 0;}
.review-popup .review-popup-wrapper .review-images .swiper-popup-button-prev{background-image: url("../images/event/review/icon-img-arrow-prev.svg");left: 0;}
.review-popup .review-popup-wrapper .review-images .review-img {width: 100%;height: 318px;border-radius: 10px;overflow: hidden;}
.review-popup .review-popup-wrapper .review-images .review-img > img{width: 100%;height: 100%;object-fit: cover;}
.review-popup .review-popup-wrapper .text-box {margin-top: 24px;}
.review-popup .review-popup-wrapper .text-box p{font-family: Pretendard,sans-serif;font-size: 18px;font-weight: 500;line-height: 1.56;letter-spacing: -0.04em;text-align: left;color: #292929;}
.review-popup .review-popup-wrapper .text-box p em{background-color: #fff689;font-weight: 700;}
.review-popup .review-popup-wrapper .text-box .name {font-family: Pretendard,sans-serif;font-size: 18px;font-weight: bold;letter-spacing: -0.04em;color: #292929;margin-top: 20px;display: flex;justify-content: flex-end;}

.review-popup.open{display: flex;}


@media screen and (max-width: 1024px) {
    .review-section .mobile-only{display: block;}
    .review-section .title-box h2{}
    .review-section .title-box h2 em{margin-left: 0;}
    .review-section .review-wrapper{background-image: url("../images/event/review/review-bg-m.svg");background-size: 100% auto;background-position: center top;}
    .review-section .review-wrapper .list-box .reviewSwiper {overflow: hidden;}
}

@media screen and (max-width: 960px) {
    .review-section .review-wrapper .list-box .review-item{width: calc((100% - 36px) / 2);}
}

@media screen and (max-width: 720px) {
    .review-section .name_age{display: none;}
    .review-section .review-wrapper {padding: 40px 0 80px;}
    .review-section .title-box h2 {font-size: 42px;display: inline-block;}
    .review-section .title-box h2 > :is(span,em){position: relative}
    .review-section .title-box h2 > span::before {position: absolute;top:0;left: -8px;width: 22px;height: 18px;transform: translateX(-100%);}
    .review-section .title-box h2 > em::after {position: absolute;width: 22px;height: 18px;right: -8px;top:0;transform: translateX(100%);}
    .review-section .title-box p {font-size: 30px;margin-top: 14px;}
    .review-section .review-wrapper .list-box {margin-top: 10px;}
    .review-section .review-wrapper .list-box .reviewSwiper .swiper-slide {column-gap: 8px;row-gap: 24px;}
    .review-section .review-wrapper .list-box .review-item {width: calc((100% - 8px) / 2);border-radius: 16px;box-shadow: none;}
    .review-section .review-wrapper .list-box .review-item .review-content {height: 140px;padding: 8px;}
    .review-section .review-wrapper .list-box .review-item .img-box {height: 137px;}
    .review-section .review-wrapper .list-box .review-item .text-box {padding: 4px 4px 0;}
    .review-section .review-wrapper .list-box .review-item .text-box .subject {font-size: 14px;min-height: 41px;}
    .review-section .review-wrapper .list-box .review-item .text-box .user-box .age {width: 40px;height: 20px;padding: 2px 0 1px;font-size: 12px;}
    .review-section .review-wrapper .list-box .review-item .text-box .user-box .name {font-size: 12px;}
    .review-section .review-wrapper .list-box .review-item .more-button {height: 32px;border-radius: 8px;font-size: 14px;}

    .review-popup .review-popup-wrapper {height: 540px;padding: 6px 16px 16px;border-radius: 16px;}
    .review-popup .review-popup-wrapper .review-header {height: 44px;}
    .review-popup .review-popup-wrapper .review-header .close-button{width: 24px;height: 24px;}
    .review-popup .review-popup-wrapper .review-popup-content{height: calc(100% - 48px);}
    .review-popup .review-popup-wrapper .review-images .review-img{height: auto;aspect-ratio: 296 / 188;}
    .review-popup .review-popup-wrapper .review-images :is(.swiper-popup-button-next,.swiper-popup-button-prev){width: 30px;height: 47px;}
    .review-popup .review-popup-wrapper .text-box p {font-size: 14px;}
    .review-popup .review-popup-wrapper .text-box .name {font-size: 14px;}

}

@media screen and (max-width: 460px) {
    .review-section .title-box h2 {font-size: 32px;}
    .review-section .title-box p {font-size: 20px;}
    .review-section .review-wrapper .list-box .list-wrapper {padding: 16px;}
    .review-section .review-wrapper .list-box .review-item .img-box {height: 102px;}
    .review-section .review-wrapper .list-box .review-item .text-box .user-box .name {font-size: 11px;letter-spacing: -0.08em;}
}