@charset "utf-8";

.review-board {width:100%;}
.review-board .sec-head {margin-bottom:40rem;}

.community-bar {
    display:flex;align-items:center;justify-content:space-between;gap:20rem;flex-wrap:wrap;
    margin:0 0 40rem;
}
.community-total {color:var(--bk-deep);font-size:var(--font16);font-weight:var(--fw-semibold);letter-spacing:-.32rem;}
.community-cate {flex:1;min-width:0;}
.community-cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.community-cate ul {display:flex;flex-wrap:wrap;gap:10rem;margin:0;padding:0;list-style:none;}
.community-cate a {
    display:block;padding:10rem 22rem;border:1px solid var(--gray-200);border-radius:var(--radius-full);
    color:var(--gray-500);font-size:var(--font16);background:var(--wh);
}
.community-cate a:hover,
.community-cate #bo_cate_on {
    border-color:var(--main-light);background:var(--main-light);color:var(--wh);font-weight:var(--fw-semibold);box-shadow:none;
}

.btn_write_review {
    flex:none;display:inline-flex;align-items:center;justify-content:center;height:auto;padding:12rem 20rem;
    border:1px solid var(--bk-deep);border-radius:var(--radius-full);background:var(--wh);color:var(--bk-deep);
    font-size:var(--font18);font-weight:var(--fw-semibold);letter-spacing:-.36rem;
}
.btn_write_review:hover {background:var(--main-pale);color:var(--bk-deep);}

.review-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:24rem;
    margin:0;padding:0;list-style:none;
}
.review-card {position:relative;margin:0;}
.review-card-btn {
    display:flex;flex-direction:column;gap:16rem;width:100%;height:100%;padding:28rem;text-align:left;
    border:1px solid var(--gray-200);border-radius:0;background:var(--wh);
    transition:border-color .2s;cursor:pointer;
}
.review-card-btn:hover {border-color:var(--main-light);}
.review-card .card-top {
    display:flex;align-items:center;gap:10rem;width:100%;justify-content:space-between;
}
.review-card .card-date {color:var(--gray-500);font-size:var(--font14);letter-spacing:-.28rem;}
.review-card .card-cate,
.review-card .card-badge {
    display:inline-flex;align-items:center;padding:4rem 10rem;border-radius:var(--radius-full);
    background:var(--main-pale);color:var(--main);font-size:var(--font14);font-weight:var(--fw-semibold);color:var(--main-light);
}
.review-card .card-badge {background:var(--main);color:var(--wh);}
.review-card .card-tit {
    margin:0;color:var(--bk-deep);font-size:var(--font24);font-weight:var(--fw-bold);line-height:1.5;letter-spacing:-.48rem;
}
.review-card .card-excerpt {
    margin:0;flex:1;color:var(--gray-500);font-size:var(--font18);line-height:1.5;letter-spacing:-.36rem;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.review-card .card-name {color:var(--main-light);font-size:var(--font14);font-weight:var(--fw-medium);letter-spacing:-.28rem;}
.review-grid .empty_list {grid-column:1/-1;padding:80rem 0;text-align:center;color:var(--color-text-muted);}

.community-more {display:flex;justify-content:center;margin-top:60rem;}
.btn_more_stories {
    display:inline-flex;align-items:center;justify-content:center;width:200rem;height:60rem;
    border:1px solid var(--bk-deep);border-radius:var(--radius-full);background:var(--wh);color:var(--bk-deep);
    font-size:var(--font20);font-weight:var(--fw-bold);letter-spacing:-.4rem;
}
.btn_more_stories:hover {background:var(--main-pale);}

.review-popup .pop-bx {
    width:720rem;max-height:80vh;display:flex;flex-direction:column;gap:24rem;
    padding:40rem;border-radius:20rem;
}
.review-popup .pop-head {
    display:flex;align-items:center;justify-content:space-between;gap:16rem;
}
.review-popup .pop-head-info {
    display:flex;align-items:center;gap:10rem;min-width:0;
}
.review-popup .pop-date {
    color:var(--gray-500);font-size:var(--font14);letter-spacing:-.28rem;line-height:1.5;
}
.review-popup .pop-cate {
    display:inline-flex;align-items:center;padding:4rem 10rem;border-radius:var(--radius-full);
    background:var(--main-pale);color:var(--main-light);font-size:var(--font14);font-weight:var(--fw-semibold);
}
.review-popup .pop-cate[hidden] {display:none !important;}
.review-popup #review-pop-tit {
    margin:0;font-size:var(--font24);font-weight:var(--fw-bold);line-height:1.5;letter-spacing:-.48rem;color:var(--bk-deep);
}
.review-popup .pop-con {
    flex:1;min-height:0;max-height:46vh;overflow-y:auto;
    font-size:var(--font18);line-height:1.5;letter-spacing:-.36rem;color:var(--gray-500);
}
.review-popup .pop-con p {margin:0 0 1em;}
.review-popup .pop-con p:last-child {margin-bottom:0;}
.review-popup .pop-con img {max-width:100%;height:auto;}
.review-popup .pop-foot {margin-top:auto;}
.review-popup .pop-name {
    color:var(--main-light);font-size:var(--font16);font-weight:var(--fw-medium);letter-spacing:-.32rem;
}
.review-popup .close-btn {display:flex;width:28rem;height:28rem;flex:none;align-items:center;justify-content:center;line-height:0;}
.review-popup .close-btn img {display:block;width:100%;height:auto;}

@media (max-width:1024px) {
    .review-grid {grid-template-columns:repeat(2,1fr);gap:16rem;}
    .review-card .card-tit {font-size:var(--font20);}
    .review-card .card-excerpt {font-size:var(--font16);}
}
@media (max-width:800px) {
    .review-grid {grid-template-columns:1fr;gap:12rem;}
    .review-card-btn {padding:24rem;}
    .community-bar {flex-direction:column-reverse;align-items:stretch;margin-bottom:0;}
    .community-cate {width:100%;}
    .btn_write_review {justify-content:center;width:fit-content;}
    .btn_more_stories {width:100%;}
    .review-popup .pop-bx {width:calc(100vw - 40rem);padding:24rem;gap:20rem;}
    .review-popup #review-pop-tit {font-size:var(--font20);}
    .review-popup .pop-con {font-size:var(--font16);max-height:50vh;}
    .review-board .sec-head{margin-bottom:32rem;}
}