/* BASIC css start */
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    font-display: swap;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    font-display: swap;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    font-display: swap;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    font-display: swap;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    font-display: swap;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
}

#reviewBoard { --img-w: 168px; }
#reviewBoard * { margin: 0; padding: 0; }
#reviewBoard,
#reviewBoard a,
#reviewBoard input,
#reviewBoard select,
#reviewBoard textarea { font-size: 0.813rem; line-height: 1.25rem; font-family: "SUIT", "Dotum", sans-serif; color: #292929; font-weight: 400; }
#reviewBoard a { color: #292929; text-decoration: none; }
#reviewBoard em { font-style: normal; }
#reviewBoard ul { list-style-type: none; }
#reviewBoard legend,
#reviewBoard caption { display: none; }
#reviewBoard fieldset { border: 0; }
#reviewBoard input[type=text],
#reviewBoard input[type=password] { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ececec; border-radius: 4px; box-sizing: border-box; outline: none; }
#reviewBoard select { width: 100%; height: 40px; padding: 0 5px; border: 1px solid #ececec; border-radius: 4px; box-sizing: border-box; outline: none; }
#reviewBoard textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #ececec; border-radius: 4px; box-sizing: border-box; outline: none; }
#reviewBoard table { width: 100%; border-collapse: collapse; table-layout: fixed; border-spacing: 0; }
#reviewBoard select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#reviewBoard select::-ms-expand { display: none; }
#reviewBoard select { background: #fff url(/images/common/ico_arr_bottom.svg) no-repeat right 20px center; }
#reviewBoard label { display: flex; align-items: center; gap: 5px; }

/* reviewBoard */
#reviewBoard { margin-top: 60px; margin-bottom: 100px; }
#reviewBoard .tpl-flex { display: flex; align-items: center; }
#reviewBoard .tpl-flex-right { margin-left: auto; }
#reviewBoard .tpl-link { display: flex; align-items: center; padding: 20px 0; border-top: 1px solid #ececec; }
#reviewBoard .tpl-link a { padding: 0 10px; border-right: 1px solid #ececec; color: #898989; font-size: 14px; display: flex; height: 12px; line-height: 12px; }
#reviewBoard .tpl-link li.now a { color: #292929; }
#reviewBoard .tpl-link li:first-child a { padding-left: 0; }
#reviewBoard .tpl-link li:last-child a { padding-right: 0; border-right: 0; }

#reviewBoard .frm { z-index: 2; display: grid; gap: 7px; margin-bottom: 20px; }
#reviewBoard .frm form { display: grid; grid-template-columns: 1fr 1.5fr; gap: 7px; }
#reviewBoard .frm .lst { z-index: 1; position: relative; width: 100%; height: 40px; border: 1px solid #ececec; box-sizing: border-box; border-radius: 4px; }
#reviewBoard .frm .lst .bull { position: absolute; top: 0; right: 15px; background: url(/images/common/ico_arr_bottom.svg) no-repeat right center; width: 11px; height: 100%; text-indent: -9999px; }
#reviewBoard .frm .lst a { display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 32px 0 15px; }
#reviewBoard .frm .lst .cover { display: none; position: absolute; top: 40px; left: -1px; width: 100%; border: 1px solid #ececec; border-top: 0; background-color: #fff; }
#reviewBoard .frm .lst .cover ul { }
#reviewBoard .frm .lst .cover li a:hover { background: #f8f8f8; }
#reviewBoard .sch { position: relative; display: grid; gap: 7px; }
#reviewBoard .sch .btn { position: absolute; right: 20px; top: 0; width: 24px; height: 100%; background: url(/images/common/ico_search.svg) no-repeat center center; font-size: 0; }
#reviewBoard .pr-chk { grid-column: 1 / 3; justify-self: end; font-size: 14px; }
#reviewBoard .frm-depth1 { grid-template-columns: repeat(1, 1fr) 2.5fr; }
#reviewBoard .frm-depth2 { grid-template-columns: repeat(2, 1fr) 2.5fr; }
#reviewBoard .frm-depth3 { grid-template-columns: repeat(3, 1fr) 2.5fr; }
#reviewBoard .frm-depth2-sort { grid-template-columns: repeat(3, 1fr) 2.5fr; }
#reviewBoard .frm-depth3-sort { grid-template-columns: repeat(4, 1fr) 2.5fr; }
#reviewBoard .pr-notice .pr-q { height: 50px; align-content: center; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#reviewBoard .pr-notice .pr-q a { display: block; background: url(/images/common/ico_arr_bottom.svg) no-repeat right 10px center; font-size: 14px; font-weight: 500; }
#reviewBoard .pr-notice .pr-q.pr-now a { background-image: url(/images/common/ico_arr_top.svg); }
#reviewBoard .pr-notice .pr-a { display: none; padding: 20px 25px; border-bottom: 1px solid #ececec; background-color: #f8f8f8; }
#reviewBoard .pr-notice .date { font-size: 12px; color: #a8a8a8; text-align: right; }
#reviewBoard .review-wrap { margin-top: 20px; padding-bottom: 20px; }
#reviewBoard .review-wrap > li { position: relative; padding: 20px 15px; border-bottom: 1px solid #dadada; }
#reviewBoard .review-wrap .review-top { display: flex; gap: 20px; align-items: flex-start; }
#reviewBoard .review-wrap .tiny { width: 100px; }
#reviewBoard .review-wrap .tiny img { width: 100px; border-radius: 4px; border: 1px solid #eee; box-sizing: border-box; }
#reviewBoard .review-wrap .star-icon { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#reviewBoard .review-wrap .star-icon .star { color: #e9e9e9; font-size: 18px; }
#reviewBoard .review-wrap .star-icon .star em img { width: 18px; }
#reviewBoard .review-wrap .star-icon .icon { display: flex; }
#reviewBoard .review-wrap .star-icon .star-img img { width: 24px; }
#reviewBoard .review-wrap .star-icon .product-name { width: 100%; color: #656565; font-size: 12px; }
#reviewBoard .review-wrap .content { position: relative; margin-top: 20px; word-wrap: break-word; }
#reviewBoard .review-wrap .content a { font-weight: 300; }
#reviewBoard .review-wrap .content .pr-more span { padding-right: 15px; background: url(/images/common/ico_arr_bottom.svg) no-repeat right center / 10px auto; font-size: 12px; }
#reviewBoard .review-wrap .content .pr-close span { padding-right: 15px; background: url(/images/common/ico_arr_top.svg) no-repeat right center / 10px auto; font-size: 12px; }
#reviewBoard .review-wrap .content .content_p .pr-close { display: none; }
#reviewBoard .review-wrap .pr-content-all { display: none; }
#reviewBoard .review-wrap .photo-list { margin-top: 15px; }
#reviewBoard .review-wrap .photo-list ul { display: flex; flex-wrap: wrap; gap: 10px; }
#reviewBoard .review-wrap .photo-list li { width: var(--img-w); position: relative; }
#reviewBoard .review-wrap .photo-list li a img { width: 100%; height: 100%; border-radius: 4px; border: 1px solid #eee; box-sizing: border-box; }
#reviewBoard .review-wrap .photo-list li a span { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); }
#reviewBoard .review-wrap .photo-list li .attach-preview { z-index: 1; display: none; position: absolute; top: auto; left: 0; border: 1px solid #c9c9c9; font-size: 0; line-height: 0; }
#reviewBoard .review-wrap .photo-list li .attach-preview img { width: 400px; height: 400px; }
#reviewBoard .review-wrap .pr-desc { margin-top: 20px; display: flex; align-items: center; gap: 12px; }
#reviewBoard .review-wrap .pr-desc li { font-size: 12px; font-weight: 300; }
#reviewBoard .review-wrap .pr-desc li strong { font-weight: 500; }
#reviewBoard .review-wrap .reply { margin-top: 20px; display: flex; align-items: center; gap: 12px; }
#reviewBoard .review-wrap .reply .pr-txt { color: #898989; font-size: 12px; font-weight: 300; }
#reviewBoard .review-wrap .reply .cnt { padding-right: 15px; background: url(/images/common/ico_arr_bottom.svg) no-repeat right center; }
#reviewBoard .review-wrap .reply .cnt.active { background-image: url(/images/common/ico_arr_top.svg); }
#reviewBoard .review-wrap .reply .cnt span { display: flex; padding-left: 23px; background: url(/images/common/ico_chat.svg) no-repeat 0 center; font-size: 12px; }
#reviewBoard .review-wrap .reply .yes span { display: flex; padding-left: 23px; background: url(/images/common/ico_thumb.svg) no-repeat 0 center; font-size: 12px; }
#reviewBoard .review-wrap .reply .yes.active span { color: #ef3c29; background-image: url(/images/common/ico_thumb_up.svg); }
#reviewBoard .review-wrap .reply .ctr { display: flex; align-items: center; margin-left: auto; gap: 30px; }
#reviewBoard .review-wrap .reply .btn-report { margin-top: 0; padding-left: 20px; background: url(/images/common/ico_light.svg) no-repeat 0 0; font-size: 12px; color: #a8a8a8; font-size: 12px; font-weight: 300; }
#reviewBoard .review-wrap .tpl-modify { display: flex; align-items: center; }
#reviewBoard .review-wrap .tpl-modify a { padding: 0 10px; border-right: 1px solid #ececec; color: #a8a8a8; font-size: 12px; font-weight: 300; display: flex; height: 10px; line-height: 10px; }
#reviewBoard .review-wrap .tpl-modify a:first-child { padding-left: 0; }
#reviewBoard .review-wrap .tpl-modify a:last-child { padding-right: 0; border-right: 0; }
#reviewBoard .review-wrap .reply-wrap { margin-top: 20px; border-top: 1px solid #ececec; }
#reviewBoard .review-wrap .reply-wrap .wrt { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }
#reviewBoard .review-wrap .reply-wrap .wrt textarea { height: 42px; font-size: 12px; }
#reviewBoard .review-wrap .reply-wrap .wrt .btn-wrap { display: flex; gap: 6px; margin-left: auto; }
#reviewBoard .review-wrap .reply-wrap .wrt .btn-fill { width: 70px; height: 34px; }
#reviewBoard .review-wrap .reply-wrap .wrt .btn-solid { width: 70px; height: 34px; }
#reviewBoard .review-wrap .reply-wrap .lst li { position: relative; margin-top: 20px; }
#reviewBoard .review-wrap .reply-wrap .lst li dt { font-size: 12px; font-weight: 500; }
#reviewBoard .review-wrap .reply-wrap .lst li dd { margin-top: 10px; }
#reviewBoard .review-wrap .reply-wrap .lst li dd p { font-size: 12px; font-weight: 300; }
#reviewBoard .review-wrap .reply-wrap .lst li dd .btn-reporting { padding-left: 20px; background: url(/images/common/ico_light.svg) no-repeat 0 center; font-size: 12px; color: #a8a8a8; font-size: 12px; font-weight: 300; }
#reviewBoard .review-wrap .reply-wrap .ctr { display: flex; align-items: center; margin-left: auto; gap: 30px; }
#reviewBoard .review-wrap .pr-options dl { display: flex; align-items: center; margin-top: 20px; padding: 20px 30px; }
#reviewBoard .review-wrap .pr-options dt { margin-right: 12px; font-size: 12px; }
#reviewBoard .review-wrap .pr-options dd { margin-right: 20px; font-size: 12px; color: #898989; }
#reviewBoard .review-wrap .multi-star { margin-top: 15px; display: flex; align-items: center; flex-wrap: wrap; column-gap: 25px; row-gap: 15px; }
#reviewBoard .review-wrap .multi-star li { display: flex; align-items: center; gap: 12px; }
#reviewBoard .review-wrap .multi-star li span.pr-star { font-size: 17px; color: #e9e9e9; }
#reviewBoard .paging { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 100px; }
#reviewBoard .paging a { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; }
#reviewBoard .paging a.now { background-color: #292929; }
#reviewBoard .paging a.now span { font-weight: 700; color: #fff; }
#reviewBoard .block_comment { display: none; }
/* BASIC css end */