/* =========================================================
   FriendPay Review KBoard Skin v5.0

   DESKTOP  : 3 COLUMNS
   TABLET   : 2 COLUMNS
   MOBILE   : 2 COLUMNS
   SMALL    : 2 COLUMNS

   Mobile 2-Column Fixed Version
========================================================= */


/* =========================================================
   RESET
========================================================= */

#kboard-friendpay-review-list,
#kboard-friendpay-review-list *,
#kboard-friendpay-review-document,
#kboard-friendpay-review-document *,
#kboard-friendpay-review-editor,
#kboard-friendpay-review-editor * {
    box-sizing: border-box;
}


#kboard-friendpay-review-list,
#kboard-friendpay-review-document,
#kboard-friendpay-review-editor {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   LIST
========================================================= */

.fp-review-board {

    width: 100%;
    max-width: 1120px;
    min-width: 0;

    margin: 0 auto;

    padding:
        50px 0
        90px;

    font-family:
        "Noto Sans KR",
        "Pretendard",
        "Apple SD Gothic Neo",
        sans-serif;

    color: #333;
}


/* =========================================================
   TOOLBAR
========================================================= */

.fp-review-toolbar {

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    width: 100%;

    margin-bottom: 42px;
}


.fp-review-search {

    flex: 1;

    min-width: 0;
}


.fp-review-search form {

    display: flex;

    align-items: center;

    gap: 9px;

    width: 100%;

    margin: 0;
}


.fp-review-search select,
.fp-review-search input {

    height: 40px;

    border: 1px solid #ddd;

    border-radius: 6px;

    background: #fff;

    color: #555;

    font:
        400 14px/1.2
        "Noto Sans KR",
        "Pretendard",
        sans-serif;

    outline: none;

    transition:
        border-color .18s,
        box-shadow .18s;
}


.fp-review-search select {

    flex:
        0 0 105px;

    width: 105px;

    padding:
        0 34px
        0 13px;
}


.fp-review-search input {

    width: 255px;

    min-width: 0;

    padding:
        0 14px;
}


.fp-review-search select:focus,
.fp-review-search input:focus {

    border-color: #ff6a00;

    box-shadow:
        0 0 0 3px
        rgba(255,106,0,.08);
}


/* =========================================================
   BUTTON
========================================================= */

.fp-review-button {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 104px;

    height: 40px;

    padding:
        0 20px;

    border: 0;

    border-radius: 6px;

    background: #292929;

    color: #fff !important;

    font:
        700 14px/1
        "Noto Sans KR",
        "Pretendard",
        sans-serif;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background .18s,
        transform .18s,
        box-shadow .18s;
}


.fp-review-button:hover,
.fp-review-button:focus-visible {

    background: #ff6a00;

    color: #fff !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 18px
        rgba(255,106,0,.15);
}


.fp-review-button--write {

    flex:
        0 0 auto;

    min-width: 145px;

    height: 44px;

    background: #ff6a00;

    font-size: 17px;
}


.fp-review-button--search {

    min-width: 78px;
}


/* =========================================================
   REVIEW GRID
========================================================= */

.fp-review-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap:
        46px 20px;

    align-items: start;

    width: 100%;

    max-width: 100%;

    min-width: 0;
}


/* =========================================================
   REVIEW CARD
========================================================= */

.fp-review-card {

    width: 100%;

    max-width: 360px;

    min-width: 0;

    margin: 0;

    justify-self: center;

    background: #fff;
}


/* =========================================================
   THUMBNAIL
========================================================= */

.fp-review-card__image {

    position: relative;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    border:
        1px solid #efefef;

    border-radius: 8px;

    background:
        #ff6a00 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 6px 18px
        rgba(0,0,0,.09);

    transition:
        transform .22s,
        border-color .22s,
        box-shadow .22s;
}


.fp-review-card__brand-thumb {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 34px;

    background:

        linear-gradient(
            145deg,
            #ff790f 0%,
            #ff6500 55%,
            #ed5700 100%
        );
}


.fp-review-card__brand-copy {

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;

    text-align: center;
}


.fp-review-card__brand-copy small {

    margin:
        0 0 12px;

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 2.4px;
}


.fp-review-card__brand-copy strong {

    color: #fff;

    font-size: 34px;

    font-weight: 900;

    line-height: 1.15;

    letter-spacing: -1.7px;

    white-space: nowrap;
}


.fp-review-card__brand-copy em {

    margin-top: 18px;

    padding:
        8px 17px;

    border-radius: 999px;

    background: #fff;

    color: #171717;

    font-size: 13px;

    font-style: normal;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -.3px;

    white-space: nowrap;
}


.fp-review-card:hover
.fp-review-card__image {

    transform:
        translateY(-3px);

    border-color:
        #ff6a00;

    box-shadow:
        0 14px 32px
        rgba(255,106,0,.18);
}


/* =========================================================
   BADGE
========================================================= */

.fp-review-card__badge {

    position: absolute;

    top: 12px;

    left: 12px;

    padding:
        5px 10px;

    border-radius: 4px;

    background: #ffe500;

    color: #ff3b3b;

    font-size: 12px;

    font-weight: 800;
}


/* =========================================================
   CARD BODY
========================================================= */

.fp-review-card__body {

    width: 100%;

    min-width: 0;

    padding:
        16px 12px 0;
}


/* =========================================================
   TITLE
========================================================= */

.fp-review-card__title {

    min-height: 24px;

    margin:
        0 0 15px;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.55;

    letter-spacing: -.35px;
}


.fp-review-card__title a {

    display: -webkit-box;

    min-width: 0;

    overflow: hidden;

    color:
        #3c3c3c !important;

    text-decoration:
        none !important;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    word-break: break-all;
}


.fp-review-card__title a:hover {

    color:
        #ff6a00 !important;
}


.fp-review-card__lock {

    margin-right: 5px;

    color: #ff6a00;

    font-size: 8px;

    vertical-align: 2px;
}


/* =========================================================
   META
========================================================= */

.fp-review-card__meta {

    display: grid;

    gap: 3px;

    width: 100%;

    min-width: 0;

    margin: 0;

    color: #595959;

    font-size: 14px;

    line-height: 1.45;
}


.fp-review-card__meta div {

    display: flex;

    min-width: 0;
}


.fp-review-card__meta dt {

    position: absolute;

    width: 1px;

    height: 1px;

    overflow: hidden;

    clip:
        rect(0,0,0,0);

    white-space: nowrap;
}


.fp-review-card__meta dd {

    width: 100%;

    min-width: 0;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


/* =========================================================
   MORE BUTTON
========================================================= */

.fp-review-card__more {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 112px;

    height: 34px;

    margin:
        18px auto 0;

    border-radius: 6px;

    background: #303030;

    color: #fff !important;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none !important;

    transition:
        background .18s,
        transform .18s;
}


.fp-review-card__more:hover,
.fp-review-card__more:focus-visible {

    background: #ff6a00;

    color: #fff !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   EMPTY
========================================================= */

.fp-review-empty {

    grid-column:
        1 / -1;

    padding:
        90px 20px;

    text-align: center;

    color: #888;

    border-top:
        1px solid #eee;

    border-bottom:
        1px solid #eee;
}


/* =========================================================
   ONLY ONE CARD
========================================================= */

#kboard-friendpay-review-list
.fp-review-grid
> .fp-review-card:only-child {

    grid-column:
        2 / 3;
}


/* =========================================================
   PAGINATION
========================================================= */

.fp-review-pagination {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin:
        60px auto 0 !important;

    padding: 0 !important;

    overflow: hidden;

    box-sizing:
        border-box !important;
}


.fp-review-pagination ul {

    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    justify-content: center !important;

    gap:
        6px !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    list-style:
        none !important;

    white-space:
        normal !important;
}


.fp-review-pagination ul li {

    display:
        block !important;

    flex:
        0 0 auto !important;

    float:
        none !important;

    width:
        auto !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    list-style:
        none !important;
}


.fp-review-pagination ul li a,
.fp-review-pagination ul li span,
.fp-review-pagination ul li .active {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        36px !important;

    height:
        36px !important;

    margin:
        0 !important;

    padding:
        0 10px !important;

    border:
        1px solid #e2e2e2 !important;

    border-radius:
        6px !important;

    background:
        #fff !important;

    color:
        #333 !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;
}


.fp-review-pagination ul li a:hover,
.fp-review-pagination ul li a:focus {

    border-color:
        #ff6a00 !important;

    color:
        #ff6a00 !important;
}


.fp-review-pagination ul li span.active,
.fp-review-pagination ul li .active,
.fp-review-pagination ul li.active a,
.fp-review-pagination ul li.active span {

    border-color:
        #ff6a00 !important;

    background:
        #ff6a00 !important;

    color:
        #fff !important;

    font-weight:
        700 !important;
}


/* =========================================================
   DOCUMENT
========================================================= */

.fp-review-document {

    width: 100%;

    max-width: 920px;

    min-width: 0;

    margin:
        0 auto;

    padding:
        55px 0 90px;

    font-family:
        "Noto Sans KR",
        "Pretendard",
        "Apple SD Gothic Neo",
        sans-serif;

    color: #333;
}


.fp-review-document
.kboard-document-wrap {

    overflow: hidden;

    border:
        1px solid #e6e6ea;

    border-radius:
        10px;

    background:
        #fff;
}


/* =========================================================
   DOCUMENT TITLE
========================================================= */

.fp-review-document
.kboard-title {

    padding:
        28px 32px 21px;

    border-bottom:
        1px solid #ececef;
}


.fp-review-document
.kboard-title h1 {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #ff6a00;

    font-size:
        24px;

    font-weight:
        700;

    line-height:
        1.45;

    letter-spacing:
        -.65px;
}


/* =========================================================
   DOCUMENT DETAIL
========================================================= */

.fp-review-document
.kboard-detail {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap:
        7px 22px;

    padding:
        13px 32px;

    border-bottom:
        1px solid #ececef;

    background:
        #fafafa;
}


.fp-review-document
.detail-attr {

    display: flex;

    align-items: center;

    gap:
        6px;

    margin: 0;

    padding: 0;
}


.fp-review-document
.detail-name {

    color: #999;

    font-size: 11px;

    font-weight: 500;
}


.fp-review-document
.detail-value {

    color: #555;

    font-size: 12px;

    font-weight: 500;
}


/* =========================================================
   DOCUMENT CONTENT
========================================================= */

.fp-review-document
.kboard-content {

    min-height:
        0 !important;

    margin: 0;

    padding:
        0 !important;

    border: 0;
}


.fp-review-document
.content-view {

    min-height:
        165px !important;

    padding:
        42px 32px 48px !important;

    color:
        #3f3f3f;

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.9;

    letter-spacing:
        -.2px;

    overflow-wrap:
        anywhere;
}


.fp-review-document
.content-view p {

    margin:
        0 0 14px;
}


.fp-review-document
.content-view p:last-child {

    margin-bottom: 0;
}


.fp-review-document
.kboard-document-options-group {

    margin-bottom:
        12px;
}


/* =========================================================
   ANSWER SECTION
========================================================= */

.fp-review-answer-section {

    padding:
        0 32px 32px;
}


.fp-review-answer-heading {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom:
        11px;

    color:
        #ff6a00;

    font-size:
        14px;

    font-weight:
        700;

    letter-spacing:
        -.3px;
}


.fp-review-answer-mark {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        24px;

    height:
        24px;

    border-radius:
        50%;

    background:
        #ff6a00;

    color:
        #fff;

    font-size:
        10px;

    font-weight:
        800;
}


.fp-review-answer-list {

    display:
        grid;

    gap:
        10px;
}


.fp-review-answer {

    padding:
        19px 21px 20px;

    border:
        1px solid #eadfd8;

    border-left:
        3px solid #ff6a00;

    border-radius:
        7px;

    background:
        #fffaf6;
}


.fp-review-answer-meta {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        0 0 9px;
}


.fp-review-answer-author {

    color:
        #333;

    font-size:
        13px;

    font-weight:
        700;
}


.fp-review-answer-date {

    color:
        #aaa;

    font-size:
        11px;

    font-weight:
        400;
}


.fp-review-answer-content {

    color:
        #444;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.8;

    letter-spacing:
        -.2px;

    overflow-wrap:
        anywhere;
}


.fp-review-answer-content p {

    margin:
        0 0 8px;
}


.fp-review-answer-content p:last-child {

    margin-bottom: 0;
}


/* 기존 Reply 중복 출력 제거 */

.fp-review-document
.fp-review-replies,
.fp-review-document
.fp-review-reply {

    display:
        none !important;
}


/* 좋아요 / 인쇄 제거 */

.fp-review-document
.kboard-document-action {

    display:
        none !important;
}


/* =========================================================
   ATTACH
========================================================= */

.fp-review-document
.kboard-attach {

    margin:
        0 32px 30px;

    padding:
        18px 0 0;

    border-top:
        1px solid #ececec;
}


/* =========================================================
   POWERED BY
========================================================= */

.fp-review-poweredby {

    display:
        none !important;
}


/* =========================================================
   PREV / NEXT
========================================================= */

.fp-review-document
.kboard-document-navi {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap:
        10px;

    margin:
        18px 0 0;
}


.fp-review-document
.kboard-prev-document,
.fp-review-document
.kboard-next-document {

    min-width: 0;
}


.fp-review-document
.kboard-document-navi a,
.fp-review-document
.fp-review-navi-empty {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    width:
        100%;

    min-height:
        64px;

    padding:
        11px 16px;

    border:
        1px solid #e5e5e8;

    border-radius:
        7px;

    background:
        #fff;

    text-decoration:
        none !important;
}


.fp-review-document
.kboard-document-navi a {

    transition:
        border-color .18s,
        background .18s;
}


.fp-review-document
.kboard-document-navi a:hover {

    border-color:
        #ff6a00;

    background:
        #fffaf6;
}


.fp-review-document
.fp-navi-label {

    display:
        block;

    margin-bottom:
        4px;

    color:
        #aaa;

    font-size:
        10px;

    font-weight:
        500;
}


.fp-review-document
.navi-document-title {

    display:
        block;

    min-width: 0;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

    color:
        #444;

    font-size:
        13px;

    font-weight:
        500;
}


.fp-review-document
.kboard-next-document a {

    align-items:
        flex-end;

    text-align:
        right;
}


.fp-review-document
.kboard-next-document
.fp-review-navi-empty {

    align-items:
        flex-end;

    text-align:
        right;
}


.fp-review-document
.fp-review-navi-empty {

    color:
        #bbb;

    font-size:
        12px;
}


/* =========================================================
   DOCUMENT CONTROL
========================================================= */

.fp-review-document
.kboard-control {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-top:
        14px;
}


.fp-review-document
.kboard-control .left,
.fp-review-document
.kboard-control .right {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;
}


.fp-review-document
.kboard-control
.fp-review-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        82px;

    height:
        40px;

    padding:
        0 16px;

    border: 0;

    border-radius:
        6px;

    background:
        #333;

    color:
        #fff !important;

    font-size:
        12px;

    font-weight:
        600;

    text-decoration:
        none !important;

    box-shadow:
        none !important;
}


.fp-review-document
.kboard-control
.fp-review-button:hover {

    background:
        #ff6a00;
}


.fp-review-document
.fp-review-button--list {

    background:
        #ff6a00 !important;
}


/* =========================================================
   EDITOR
========================================================= */

.fp-review-editor {

    width:
        100%;

    max-width:
        920px;

    min-width:
        0;

    margin:
        0 auto;

    padding:
        55px 0 90px;

    font-family:
        "Noto Sans KR",
        "Pretendard",
        "Apple SD Gothic Neo",
        sans-serif;

    color:
        #333;
}


.fp-review-editor
.kboard-form {

    padding:
        30px;

    border:
        1px solid #e5e5e5;

    border-radius:
        10px;

    background:
        #fff;
}


.fp-review-editor
.kboard-attr-row {

    display:
        flex;

    align-items:
        flex-start;

    padding:
        12px 0;

    border-bottom:
        1px solid #eee;
}


.fp-review-editor
.attr-name {

    flex:
        0 0 130px;

    padding:
        9px 15px 0 0;

    color:
        #333;

    font-weight:
        700;
}


.fp-review-editor
.attr-value {

    flex: 1;

    min-width: 0;
}


.fp-review-editor
input[type=text],
.fp-review-editor
input[type=password],
.fp-review-editor
input[type=email],
.fp-review-editor
select,
.fp-review-editor
textarea {

    width:
        100%;

    min-width:
        0;

    min-height:
        42px;

    padding:
        9px 12px;

    border:
        1px solid #ddd;

    border-radius:
        6px;

    background:
        #fff;

    outline:
        none;
}


.fp-review-editor
input:focus,
.fp-review-editor
select:focus,
.fp-review-editor
textarea:focus {

    border-color:
        #ff6a00;

    box-shadow:
        0 0 0 3px
        rgba(255,106,0,.08);
}


.fp-review-editor
.kboard-control {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        12px;

    margin-top:
        20px;
}


.fp-review-editor
.kboard-control .left,
.fp-review-editor
.kboard-control .right {

    display:
        flex;

    gap:
        8px;
}


/* =========================================================
   EDITOR CONTENT FIELD
========================================================= */

.fp-review-editor
.kboard-attr-row
.kboard-content {

    flex:
        1 1 auto !important;

    width:
        auto !important;

    min-width:
        0 !important;

    max-width:
        none !important;
}


.fp-review-editor
.kboard-content textarea,
.fp-review-editor
textarea#kboard-input-content,
#kboard-friendpay-review-editor
textarea[name="content"] {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        100% !important;

    height:
        320px !important;

    min-height:
        320px !important;

    padding:
        14px 16px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid #ddd !important;

    border-radius:
        6px !important;

    background:
        #fff !important;

    resize:
        vertical !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1180px) {

    .fp-review-board {

        padding-left:
            24px;

        padding-right:
            24px;
    }

}


@media (max-width:900px) {

    .fp-review-grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            38px 18px;
    }


    #kboard-friendpay-review-list
    .fp-review-grid
    > .fp-review-card:only-child {

        grid-column:
            1 / -1;

        width:
            calc(50% - 9px);
    }


    .fp-review-toolbar {

        align-items:
            flex-end;
    }


    .fp-review-search form {

        flex-wrap:
            wrap;
    }


    .fp-review-search input {

        width:
            230px;
    }

}


/* =========================================================
   MOBILE
   ★ 핵심: 무조건 2열
========================================================= */

@media (max-width:767px) {

    /* =====================================================
       BOARD
    ====================================================== */

    .fp-review-board {

        width:
            100%;

        max-width:
            100%;

        min-width:
            0;

        padding:
            34px 12px 65px;
    }


    /* =====================================================
       TOOLBAR
    ====================================================== */

    .fp-review-toolbar {

        display:
            grid;

        grid-template-columns:
            1fr;

        gap:
            10px;

        width:
            100%;

        min-width:
            0;

        margin-bottom:
            25px;
    }


    .fp-review-search {

        width:
            100%;

        min-width:
            0;
    }


    .fp-review-search form {

        display:
            grid;

        grid-template-columns:
            78px minmax(0,1fr) 58px;

        gap:
            5px;

        width:
            100%;

        min-width:
            0;
    }


    .fp-review-search select,
    .fp-review-search input {

        width:
            100%;

        min-width:
            0;

        height:
            39px;

        font-size:
            12px;
    }


    .fp-review-search select {

        padding:
            0 20px 0 8px;
    }


    .fp-review-search input {

        padding:
            0 9px;
    }


    .fp-review-button--search {

        min-width:
            0;

        height:
            39px;

        padding:
            0 6px;

        font-size:
            11px;
    }


    .fp-review-button--write {

        justify-self:
            end;

        width:
            102px;

        min-width:
            102px;

        height:
            38px;

        padding:
            0 10px;

        font-size:
            13px;
    }


    /* =====================================================
       ★ REVIEW GRID - MOBILE 2 COLUMNS
    ====================================================== */

    .fp-review-grid {

        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            27px 9px;

        width:
            100%;

        max-width:
            100%;

        min-width:
            0;
    }


    .fp-review-card {

        width:
            100%;

        max-width:
            none;

        min-width:
            0;

        justify-self:
            stretch;
    }


    /* 하나만 있을 경우 왼쪽 첫 칸 */

    #kboard-friendpay-review-list
    .fp-review-grid
    > .fp-review-card:only-child {

        grid-column:
            1 / 2;

        width:
            100%;
    }


    /* =====================================================
       MOBILE THUMBNAIL
    ====================================================== */

    .fp-review-card__image {

        width:
            100%;

        aspect-ratio:
            1 / 1;

        border-radius:
            7px;

        box-shadow:
            0 4px 12px
            rgba(0,0,0,.08);
    }


    .fp-review-card:hover
    .fp-review-card__image {

        transform:
            none;
    }


    .fp-review-card__brand-thumb {

        padding:
            12px 7px;
    }


    .fp-review-card__brand-copy small {

        margin-bottom:
            7px;

        font-size:
            7px;

        letter-spacing:
            1.2px;
    }


    .fp-review-card__brand-copy strong {

        font-size:
            clamp(19px,5.4vw,24px);

        line-height:
            1.1;

        letter-spacing:
            -1px;
    }


    .fp-review-card__brand-copy em {

        margin-top:
            10px;

        padding:
            6px 9px;

        font-size:
            8px;
    }


    .fp-review-card__badge {

        top:
            7px;

        left:
            7px;

        padding:
            3px 6px;

        font-size:
            8px;
    }


    /* =====================================================
       MOBILE BODY
    ====================================================== */

    .fp-review-card__body {

        padding:
            10px 3px 0;
    }


    .fp-review-card__title {

        min-height:
            21px;

        margin:
            0 0 8px;

        font-size:
            13px;

        line-height:
            1.45;
    }


    .fp-review-card__title a {

        -webkit-line-clamp:
            1;
    }


    /* =====================================================
       MOBILE META
    ====================================================== */

    .fp-review-card__meta {

        gap:
            2px;

        font-size:
            10.5px;

        line-height:
            1.45;
    }


    /* =====================================================
       MOBILE MORE
    ====================================================== */

    .fp-review-card__more {

        width:
            100%;

        height:
            32px;

        margin-top:
            10px;

        border-radius:
            6px;

        font-size:
            11px;
    }


    /* =====================================================
       PAGINATION
    ====================================================== */

    .fp-review-pagination {

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            40px auto 0 !important;

        padding:
            0 2px !important;

        overflow:
            hidden !important;
    }


    .fp-review-pagination ul {

        display:
            flex !important;

        flex-wrap:
            wrap !important;

        justify-content:
            center !important;

        gap:
            4px !important;
    }


    .fp-review-pagination ul li a,
    .fp-review-pagination ul li span,
    .fp-review-pagination ul li .active {

        flex:
            0 0 32px !important;

        width:
            32px !important;

        min-width:
            32px !important;

        max-width:
            32px !important;

        height:
            32px !important;

        min-height:
            32px !important;

        max-height:
            32px !important;

        padding:
            0 !important;

        border-radius:
            6px !important;

        font-size:
            12px !important;
    }


    /* =====================================================
       DOCUMENT MOBILE
    ====================================================== */

    .fp-review-document,
    .fp-review-editor {

        width:
            100%;

        max-width:
            100%;

        min-width:
            0;

        padding:
            30px 14px 70px;
    }


    .fp-review-document
    .kboard-document-wrap {

        border-radius:
            8px;
    }


    .fp-review-document
    .kboard-title {

        padding:
            21px 18px 17px;
    }


    .fp-review-document
    .kboard-title h1 {

        font-size:
            19px;

        line-height:
            1.45;
    }


    .fp-review-document
    .kboard-detail {

        gap:
            5px 13px;

        padding:
            11px 18px;
    }


    .fp-review-document
    .detail-name {

        font-size:
            10px;
    }


    .fp-review-document
    .detail-value {

        font-size:
            11px;
    }


    .fp-review-document
    .content-view {

        min-height:
            130px !important;

        padding:
            30px 18px 35px !important;

        font-size:
            14px;

        line-height:
            1.85;
    }


    /* ANSWER */

    .fp-review-answer-section {

        padding:
            0 18px 22px;
    }


    .fp-review-answer-heading {

        margin-bottom:
            9px;

        font-size:
            13px;
    }


    .fp-review-answer-mark {

        width:
            22px;

        height:
            22px;

        font-size:
            9px;
    }


    .fp-review-answer {

        padding:
            16px 17px 17px;
    }


    .fp-review-answer-author {

        font-size:
            12px;
    }


    .fp-review-answer-date {

        font-size:
            10px;
    }


    .fp-review-answer-content {

        font-size:
            13px;

        line-height:
            1.75;
    }


    /* PREV / NEXT */

    .fp-review-document
    .kboard-document-navi {

        grid-template-columns:
            1fr;

        gap:
            7px;
    }


    .fp-review-document
    .kboard-document-navi a,
    .fp-review-document
    .fp-review-navi-empty {

        min-height:
            56px;

        padding:
            10px 13px;
    }


    .fp-review-document
    .kboard-next-document a,
    .fp-review-document
    .kboard-next-document
    .fp-review-navi-empty {

        align-items:
            flex-start;

        text-align:
            left;
    }


    /* CONTROL */

    .fp-review-document
    .kboard-control {

        align-items:
            flex-start;

        gap:
            8px;
    }


    .fp-review-document
    .kboard-control .left,
    .fp-review-document
    .kboard-control .right {

        gap:
            5px;
    }


    .fp-review-document
    .kboard-control
    .fp-review-button {

        min-width:
            64px;

        height:
            37px;

        padding:
            0 10px;

        font-size:
            11px;
    }


    /* EDITOR */

    .fp-review-editor
    .kboard-form {

        padding:
            18px;
    }


    .fp-review-editor
    .kboard-attr-row {

        display:
            block;

        align-items:
            stretch;
    }


    .fp-review-editor
    .attr-name {

        padding:
            0 0 8px;
    }


    .fp-review-editor
    .kboard-content textarea,
    .fp-review-editor
    textarea#kboard-input-content,
    #kboard-friendpay-review-editor
    textarea[name="content"] {

        height:
            260px !important;

        min-height:
            260px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ★ 여기서도 절대 1열로 바꾸지 않음
========================================================= */

@media (max-width:420px) {

    .fp-review-board {

        padding-left:
            9px;

        padding-right:
            9px;
    }


    .fp-review-grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            24px 7px;
    }


    .fp-review-card__brand-thumb {

        padding:
            10px 5px;
    }


    .fp-review-card__brand-copy small {

        margin-bottom:
            6px;

        font-size:
            6.5px;

        letter-spacing:
            1px;
    }


    .fp-review-card__brand-copy strong {

        font-size:
            19px;

        letter-spacing:
            -.8px;
    }


    .fp-review-card__brand-copy em {

        margin-top:
            8px;

        padding:
            5px 7px;

        font-size:
            7px;
    }


    .fp-review-card__body {

        padding:
            9px 2px 0;
    }


    .fp-review-card__title {

        margin-bottom:
            7px;

        font-size:
            12px;
    }


    .fp-review-card__meta {

        font-size:
            9.5px;
    }


    .fp-review-card__more {

        height:
            30px;

        margin-top:
            9px;

        font-size:
            10px;
    }


    .fp-review-button--write {

        width:
            96px;

        min-width:
            96px;

        font-size:
            12px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   360px 이하에서도 2열 유지
========================================================= */

@media (max-width:360px) {

    .fp-review-board {

        padding-left:
            7px;

        padding-right:
            7px;
    }


    .fp-review-grid {

        gap:
            22px 6px;
    }


    .fp-review-card__brand-copy strong {

        font-size:
            17px;
    }


    .fp-review-card__brand-copy em {

        padding:
            4px 6px;

        font-size:
            6.5px;
    }


    .fp-review-card__title {

        font-size:
            11.5px;
    }


    .fp-review-card__meta {

        font-size:
            9px;
    }


    .fp-review-card__more {

        font-size:
            9.5px;
    }


    .fp-review-search form {

        grid-template-columns:
            72px minmax(0,1fr) 52px;

        gap:
            4px;
    }


    .fp-review-button--search {

        font-size:
            10px;
    }

}