@charset "utf-8";

/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
	본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.

	===============================================================================
	반응형으로 제작되어 임의적인 CSS추가는 문제가 될 수 있으니 디자인팀과 반드시 상의바랍니다.
	===============================================================================
*/

/* 달력옵션 품절추가 */
.p_Vcalendar .calendar li {position:relative;}
.p_Vcalendar .day {padding:8px;}
.p_Vcalendar .no .soldout {position:absolute; left:50%; bottom:-5px; font-size:11px; color:#999; transform:translateX(-50%);}


/* 상품상세 타임세일 레이어 :: 2024-01-10 SJS ======================= */
.p_Vtimer {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.p_Vtimer {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; z-index:10000;}
.p_Vtimer .wrapping {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; z-index:2; padding-top:20px;}
.p_Vtimer .wrapping {transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transform:scale(0.9); -webkit-transform:scale(0.9);}
.p_Vtimer .bg_close {position:fixed; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.88); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}

.p_Vtimer .circle {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;}
.p_Vtimer .circle {width:250px; height:250px; background:rgba(255,255,255,0.05); border:0.6px solid rgba(255,255,255,0.1); border-radius:100%; box-sizing:border-box;}
.p_Vtimer .circle .title {font-size:17px; font-weight:300; color:#fff;}
.p_Vtimer .circle .timer {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:4px; font-size:40px; font-weight:300; color:#fff; line-height:1;}
.p_Vtimer .circle .timer em {margin-top:-8px;}
.p_Vtimer .circle .spinner {position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:100%; border:2px solid #fff; box-sizing:border-box;}
.p_Vtimer .circle .spinner {transform:rotate(45deg); animation:mv_timer_circle 2s infinite linear; -webkit-animation:mv_timer_circle 2s infinite linear; animation-delay:0.3s; -webkit-animation-delay:0.3s; }
.p_Vtimer .circle .spinner {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.p_Vtimer .btn_view {display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:16px; font-weight:800; color:#000; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Vtimer .btn_view {margin-top:30px; width:250px; height:60px; background:#fff; border-radius:30px; box-sizing:border-box;}

.p_Vtimer .circle.type_days {gap:15px;}
.p_Vtimer .circle.type_days .timer {font-size:30px; font-weight:400;}
.p_Vtimer .circle.type_ready {padding-top:20px; border:0;}
.p_Vtimer .circle.type_ready .timer {font-size:27px; font-weight:400;}
.p_Vtimer .circle.type_end {background:rgba(0,0,0,0.4); border:0;}
.p_Vtimer .circle.type_end .timer {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_Vtimer .circle.type_end .title {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}

html.if_view_timer body {overflow-y:hidden;}
html.if_view_timer .p_Vtimer {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible;}
html.if_view_timer .p_Vtimer .wrapping {transform:scale(1.0); -webkit-transform:scale(1.0);}

@-webkit-keyframes mv_timer_circle {
	0% {clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	25% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	50% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	75% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	100% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes mv_timer_circle {
	0% {clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	25% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	50% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	75% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	100% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}


/* Max ~ 900px (Mouse Over) -------------------------------- */
@media screen and (min-width:900px) {
	.p_Vtimer .btn_view:hover {width:280px;}
}



/* CTM-503134 : ARA -- 상품상세 서비스 키워드 목록 ========================================= */
:root {--keyword-grid-min:160px;}
.p_Vkeyword {margin-top:50px;}
.p_Vkeyword .tie_up {background:#f9f9f9; padding:20px; margin-top:10px;}
.p_Vkeyword ul {display:grid; grid-template-columns: repeat(auto-fit, minmax(var(--keyword-grid-min), 1fr)); gap:15px 20px; background:#fff; padding:30px 20px; box-sizing:border-box;}
.p_Vkeyword .word {display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start;}
.p_Vkeyword .word .icon {width:13px; height:16px; background:transparent url('../images/ic_view_keyword.svg') center 4px / 100% no-repeat; flex:none; margin-right:8px;}
.p_Vkeyword .word strong {font-size:14px; color:#333; line-height:1.2;}

@media screen and (max-width:900px) {
	.p_Vkeyword .tie_up {padding:0;}
	.p_Vkeyword ul {padding:0;}
}
@media screen and (max-width:600px) {
	:root {--keyword-grid-min:140px;}
}




/* CTM-503285 : ARA -- 리뷰고도화 - 기본목록 ========================================= */
.ReviewList {margin-top:50px;}
.ReviewList .layout_fix {display:flex; justify-content:center; align-items:flex-start; flex-direction:row; gap:40px}

.ReviewList .statics_score {flex:none; width:35%; position:sticky; top:90px; min-width:280px}
.ReviewList .statics_score .bg_inner {background:#eff2f9; border-radius:10px; padding:15px; padding-bottom:30px;}
.ReviewList .statics_score .ctrl_btn {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap; margin-top:15px}
.ReviewList .statics_score .score {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:40px 0; gap:5px}
.ReviewList .statics_score .score .average {font-size:34px; color:#000; font-weight:900; font-family:var(--font);}
.ReviewList .statics_score .score:before {content:""; width:33px; height:33px; background:transparent url('../images/customize/review_star.svg') center center / 33px no-repeat; margin-top:-4px;}

.ReviewList .result_header {display:flex; justify-content:space-between; align-items:center; flex-direction:row; position:relative; margin-bottom:10px;}
.ReviewList .result_header .readit {color:#333; font-weight:600; font-size:14px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; cursor:pointer}
.ReviewList .result_header .readit:after {content:""; width:13px; height:13px; background:transparent url('../images/customize/review_tip.svg') center center / 100% no-repeat;}
.ReviewList .result_header .vote {font-size:14px; font-weight:500; color:#999;}
.ReviewList .result_header .vote strong {color:#000;}
.ReviewList .result_header .open_tip {background:rgba(0,0,0,0.9); border-radius:5px; padding:12px 15px; box-sizing:border-box; color:#fff; position:absolute; left:0; top:25px; line-height:1.4; font-size:12px; width:100%; z-index:10}
.ReviewList .result_header .open_tip {max-width:320px; word-wrap:break-word; word-break:keep-all; white-space:normal; display:none; cursor:default}
.ReviewList .result_header .open_tip.if_open {display:block;}

.ReviewList .choose_keyword {overflow:hidden; position:relative;}
.ReviewList .choose_keyword ul {overflow:hidden; max-height:178px;}
.ReviewList .choose_keyword li {background:#fff; border-radius:100px; position:relative;}
.ReviewList .choose_keyword li+ li {margin-top:6px;}
.ReviewList .choose_keyword .one_word {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:40px; position:relative; z-index:2; padding:0 15px; gap:6px}
.ReviewList .choose_keyword .one_word strong {color:#000; font-weight:500; font-size:14px; line-height:1; flex:1;}
.ReviewList .choose_keyword .one_word .count {margin-left:auto; font-size:13px; color:#38383b; font-weight:500; flex:none}
.ReviewList .choose_keyword .one_word .picto {width:20px; height:20px; flex:none}
.ReviewList .choose_keyword .one_word .picto img {display:block; width:100%; height:100%;}
.ReviewList .choose_keyword .ratio_bar {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100px; z-index:1; background:#ccc; min-width:40px;}
.ReviewList .choose_keyword .ratio_bar {background-image: linear-gradient(to right, rgb(198, 235, 243), rgb(159, 175, 255) 300px);}
.ReviewList .choose_keyword .ratio_bar.minor {opacity:0.7;}
.ReviewList .choose_keyword .more_view {display:flex; justify-content:flex-end; align-items:center; flex-direction:column; height:50px; background-image:linear-gradient(to bottom, rgba(239, 242, 249, 0) 15%, rgb(239, 242, 249) 65%);}
.ReviewList .choose_keyword .more_view {position:absolute; left:0; top:128px; width:100%; z-index:10; box-sizing:border-box; padding-bottom:10px;}
.ReviewList .choose_keyword .more_view:before {content:""; width:14px; height:14px; background:transparent url('../images/customize/review_more_arrow.svg') center center / 14px 10px no-repeat;}
.ReviewList .choose_keyword.if_open_all ul {max-height:initial; padding-bottom:40px;}
.ReviewList .choose_keyword.if_open_all .more_view {top:auto; bottom:0}
.ReviewList .choose_keyword.if_open_all .more_view:before {transform:rotate(180deg);}


.ReviewList .post_list {flex:1}
.ReviewList .post_list li {padding:20px 0; border-bottom:1px solid #edeef9;}

.ReviewList .arrange_ctrl {border-bottom:1px solid #000; display:flex; justify-content:flex-start; align-items:center; flex-directionr:row; position:relative; padding-bottom:10px;}
.ReviewList .arrange_ctrl .total {flex:1; font-size:16px; font-weight:600; color:#000;}
.ReviewList .arrange_ctrl .lineup {padding:5px 0; color:#7d8085; font-size:14px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row}
.ReviewList .arrange_ctrl .lineup:after {content:""; width:10px; height:10px; background:transparent url('../images/customize/review_arrange_arrow.svg') center center / 10px 8px no-repeat; margin-left:4px;}

.ReviewList .sort_value {position:absolute; right:-30px; top:30px; z-index:100; box-sizing:border-box; width:120px; visibility:hidden; z-index:500}
.ReviewList .sort_value {display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column;}
.ReviewList .sort_value .wrapping {position:relative; z-index:2; text-align:center; padding:10px 0; border-radius:5px; border:1px solid #d4d9df; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;}
.ReviewList .sort_value .option {display:block; color:#aaa; font-size:14px; padding:6px 0; font-weight:500;}
.ReviewList .sort_value .option.hit {color:#000;}
.ReviewList .sort_value .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.5); display:none; transition:all 0.3s ease-out; opacity:0;}
.ReviewList .sort_value .bar_close {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:10px 0; margin-bottom:15px; display:none;}
.ReviewList .sort_value .bar_close:before {content:""; width:50px; height:4px; background:#c5ccd4; border-radius:100px;}
.ReviewList .arrange_ctrl.if_open_sort .sort_value {visibility:visible;}
.ReviewList .arrange_ctrl.if_open_sort .lineup:after {transform:rotate(180deg);}

.ReviewList .written_info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; position:relative;}
.ReviewList .written_info .by {margin-left:10px; color:#90929a; font-size:13px;}

.ReviewList .content {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:10px 20px; margin-top:12px; position:relative;}
.ReviewList .content .comment_wrap {flex:1}
.ReviewList .content .comment {color:#000; line-height:1.6; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; flex:1; font-size:13px;}
.ReviewList .content .comment br {display:none;}
.ReviewList .content .choose {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; margin-top:6px; gap:5px; overflow:hidden; height:25px;}
.ReviewList .content .choose .word {background:#f2f2f2; border-radius:5px; padding:0 8px; height:25px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#888; font-size:12px;}
.ReviewList .content .choose .word {box-sizing:border-box;}
.ReviewList .content .attatch {box-sizing:border-box; position:relative; flex:none; font-size:0px;}
.ReviewList .content .attatch .icon_h,
.ReviewList .content .attatch .icon_v,
.ReviewList .content .attatch *:before {transition: all 0.2s ease-out; pointer-events:none;}
.ReviewList .content .attatch .photo_in {width:85px; height:85px; position:relative; border-radius:10px; overflow:hidden;}
.ReviewList .content .attatch .photo_in:before {content: ''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:5;}
.ReviewList .content .attatch .photo_in:before { opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.ReviewList .content .attatch .icon_h {position:absolute; left:50%; top:50%; width:31px; height:1px; background:#fff; z-index:10; transform-origin:left top; transform:scaleX(0) translateX(-50%);}
.ReviewList .content .attatch .icon_v {position:absolute; left:50%; top:50%; width:1px; height:31px; background:#fff; z-index:10; transform-origin:center top; transform:scaleY(0) translateY(-50%);}
.ReviewList .content .attatch img {width:100%; height:100%; object-fit:cover}

.ReviewList .recommend {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; margin-top:10px;}
.ReviewList .recommend .btn_like {display:flex; justify-content:center; align-items:center; flex-direction:row; border-radius:100px; padding:0 10px; height:28px; border:1px solid #dbe3ee; background:#f6fafc; color:#aaa; gap:4px}
.ReviewList .recommend .btn_like {box-sizing:border-box;}
.ReviewList .recommend .btn_like:before {content:""; width:14px; height:14px; background:transparent url('../images/customize/review_like.svg') center center / 100% no-repeat;}
.ReviewList .recommend .btn_like.if_have {color:#00afd7; border: 1px solid #00afd733; background-color:#00afd716;}
.ReviewList .recommend .btn_like.if_have:before {filter:invert(60%) sepia(95%) saturate(2619%) hue-rotate(157deg) brightness(97%) contrast(101%);}
.ReviewList .recommend .btn_like.hit {color:#fff; background:#00afd7; border-color:#00afd7;}
.ReviewList .recommend .btn_like.hit:before {background-image:url('../images/customize/review_like_on.svg') !important; margin-top:-1px; filter:none;}
.ReviewList .recommend .result {color:#a8a8a8; font-size:13px;}
.ReviewList .recommend .result .count {color:#00afd7;}

.ReviewList .post_set {display:none; margin-left:auto;}
.ReviewList .post_set a {padding:0 8px; font-size:12px; font-weight:500; border-radius:5px; background:#f5f5f5; height:23px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ReviewList .post_set .btn_ctrl {background:#ff351a33; color:#ff351a;}
.ReviewList .post_set .btn_report {background:#1a3aff33; color:#1a3aff;}

.ReviewList .admin_reply {display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; display:none; width:100%; margin-top:10px;}
.ReviewList .admin_reply .edge {width:40px; background:#eee; position:relative;}
.ReviewList .admin_reply .edge:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0 30px 0 0; background:#fff;}
.ReviewList .admin_reply .reply_in {background:#eee; padding:20px; border-radius:0 20px 20px 20px; flex:1}
.ReviewList .admin_reply .reply_info {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; line-height:1; gap:10px}
.ReviewList .admin_reply .reply_content {color:#333; line-height:1.45; margin-top:10px; font-weight:500;}

.ReviewList li.if_open_Vboard .content {flex-direction:column;}
.ReviewList li.if_open_Vboard .content .comment {-webkit-line-clamp:initial}
.ReviewList li.if_open_Vboard .content .comment br {display:block;}
.ReviewList li.if_open_Vboard .content .choose {height:initial;}
.ReviewList li.if_open_Vboard .content .attatch .photo_in {width:100%; height:initial; max-width:500px}
.ReviewList li.if_open_Vboard .content .attatch .photo_in:before {display:none;}
.ReviewList li.if_open_Vboard .content .attatch .icon_h {display:none;}
.ReviewList li.if_open_Vboard .content .attatch .icon_v {display:none;}
.ReviewList li.if_open_Vboard .post_set {display:block;}
.ReviewList li.if_open_Vboard .admin_reply {display:flex;}
.ReviewList li.if_open_Vboard .recommend {min-height:23px; }


@media screen and (min-width:900px) {
	.ReviewList .content:hover .attatch .photo_in:before {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	.ReviewList .content:hover .attatch .icon_h {transform:scaleX(1) translateX(-50%);}
	.ReviewList .content:hover .attatch .icon_v {transform:scaleY(1) translateY(-50%);}
	.ReviewList .arrange_ctrl .sort_value .option:hover {text-decoration:underline;}
}
@media screen and (max-width:900px) {
	.ReviewList .layout_fix {gap:20px}
	.ReviewList .statics_score .ctrl_btn .ReviewButton {width:100%;}
}
@media screen and (max-width:700px) {
	.ReviewList {margin-top:30px;}
	.ReviewList .layout_fix {display:block;}
	.ReviewList .statics_score {width:initial; margin-bottom:30px; position:static}
	.ReviewList .statics_score .bg_inner {gap:15px}
	.ReviewList .statics_score .ctrl_btn .ReviewButton {width:initial;}
	.ReviewList .choose_keyword {flex:1}
	.ReviewList .sort_value {width:100%; height:100%; top:0; right:0; position:fixed}
	.ReviewList .sort_value .wrapping {border:0; border-radius:30px 30px 0 0; transition:all 800ms cubic-bezier(0.19, 1, 0.22, 1); transform:translateY(100%); padding-bottom:30px;}
	.ReviewList .sort_value .bg_close {display:block;}
	.ReviewList .sort_value .bar_close {display:flex;}
	.ReviewList .sort_value .option {padding:10px 0;}
	.ReviewList .arrange_ctrl.if_open_sort .sort_value .bg_close {opacity:1;}
	.ReviewList .arrange_ctrl.if_open_sort .sort_value .wrapping {transform:translateY(0);}
	.ReviewList .statics_score .ctrl_btn .ReviewButton {flex:1;}
}


/* 리뷰 공통버튼 */
.ReviewButton {height:50px; padding:0 25px; background:rgba(0, 175, 215, 0.1); border:1px solid #00afd7; border-radius:10px; display:inline-flex; flex-direction:row; align-items:center; justify-content:center; box-sizing:border-box;}
.ReviewButton:before {content:""; width:16px; height:16px; background:transparent url('../images/customize/review_btn_write.svg') center center / 100% no-repeat; margin-right:5px;}
.ReviewButton strong {font-size:14px; font-weight:500; color:#00afd7; font-weight:600; white-space:nowrap}
.ReviewButton.this_normal {background:#fff; color:#2b2a2e; border-color:#cbd3e1; flex:none !important}
.ReviewButton.this_normal:before {display:none;}

/* 별점 공통사용 */
.ReviewMark {position:relative;}
.ReviewMark .star {background:transparent url('../images/customize/review_star.svg') left center / 15px 13px repeat-x; width:75px; height:15px; display:block;}
.ReviewMark .star.this_base {filter:invert(83%) sepia(10%) saturate(257%) hue-rotate(188deg) brightness(94%) contrast(89%); position:relative; z-index:1}
.ReviewMark .star.this_value {position:absolute; left:0; top:0; z-index:3; background-image:url('../images/customize/review_star_color.svg');}
.ReviewMark .star.this_fake {position:absolute; left:0; top:0; z-index:2; background:#fff;}


/* CTM-503285 : ARA -- 리뷰고도화 - 베스트리뷰 ========================================= */
.BestReview {margin-top:50px;}
.BestReview .inner {background:#eff2f9;}

.BestReview .mark_total {display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:row; padding:30px; padding-bottom:15px; color:#000;}
.BestReview .mark_total strong {font-size:17px; font-weight:800; font-family:var(--font);}
.BestReview .mark_total .average {font-family:var(--font); margin-left:8px; font-size:17px; font-weight:900; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.BestReview .mark_total .average:before {content:""; width:14px; height:14px; background:transparent url('../images/customize/review_star.svg') center center / 100% no-repeat;}
.BestReview .mark_total .total {font-family:var(--font); font-size:13px; font-weight:400; margin:0 0 2px 3px ;}
.BestReview .mark_total .btn_all {font-size:13px; font-weight:500; color:#95979d; text-decoration:underline; text-underline-offset:2px; padding:5px 0; margin-left:auto;}

.BestReview .swipe_box {overflow:hidden; position:relative; padding-bottom:30px;}
.BestReview .swipe_box ul {display:flex; flex-direction:row; justify-content:center; align-items:flex-start; gap:5px; width:max-content; padding:0 60px 0 30px; gap:15px; z-index:1; position:relative;}
.BestReview .swipe_box:after {content:""; position:absolute; right:0; top:0; width:60px; height:100%; pointer-events:none; z-index:2; background-image:linear-gradient(to right, rgba(239, 242, 249, 0) 0%, rgb(239, 242, 249) 58%);}

.BestReview .one_review {position:relative; background:#fff; padding:15px; padding-top:16px; box-sizing:border-box; border-radius:8px; width:300px; height:125px; position:relative; overflow:hidden;}
.BestReview .one_review .info {display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; margin-bottom:15px;}
.BestReview .one_review .post {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row}
.BestReview .one_review .comment {flex:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; line-height:1.54; color:#333; font-weight:500;}
.BestReview .one_review .photo {width:65px; height:65px; overflow:hidden; border-radius:3px; flex:none; margin-left:10px;}
.BestReview .one_review .photo img {width:100%; height:100%; object-fit:cover; display:block;}
.BestReview .one_review .by {font-size:12px; font-weight:500; color:#8a8a8a; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:4px;}

@media screen and (max-width:900px) {
	.BestReview .layout_fix {padding:0px !important;}
	.BestReview .mark_total {padding-left:15px; padding-right:15px;}
	.BestReview .swipe_box:after {display:none;}
	.BestReview .swipe_box ul {padding-left:15px; padding-right:15px;}
	.BestReview .one_review {width:280px;}
}


/* CTM-503285 : ARA -- 리뷰고도화 - 리뷰등록폼 키워드선택 ========================================= */
.ReviewKeyword {border-top:1px solid #eaeaf3; padding:20px 0 13px 0; margin-top:10px;}
.ReviewKeyword .question {font-family:var(--font); font-weight:800; font-size:17px; color:#000; display:flex; flex-direction:row; align-items:flex-end; justify-content:flex-start; flex-wrap:wrap; gap:3px}
.ReviewKeyword .question .count {font-size:13px; color:#989fb9;}
.ReviewKeyword .good_point {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; padding-top:15px;}

.ReviewKeyword label.label_word {position:relative; overflow:visible}
.ReviewKeyword label.label_word input {display:none;}
.ReviewKeyword label.label_word .tx {background:#fff; border:1px solid #dfe3ee; box-sizing:border-box; border-radius:100px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:4px}
.ReviewKeyword label.label_word .tx {padding:3px 20px 3px 18px; min-height:46px;}
.ReviewKeyword label.label_word .tx strong {font-size:14px; color:#38383b; font-weight:500;}
.ReviewKeyword label.label_word .picto {}
.ReviewKeyword label.label_word .picto img {display:block; height:20px;}
.ReviewKeyword label.label_word .fake_clear {width:15px; height:15px; background:#000 url('../images/customize/review_label_close.svg') center center / 7px no-repeat; border-radius:100px; position:absolute; top:-3px; right:5px;}
.ReviewKeyword label.label_word .fake_clear {display:none;}
.ReviewKeyword label.label_word input:checked+ .tx {background:rgba(0, 175, 215, 0.1); border-color:#00afd7;}
.ReviewKeyword label.label_word input:checked+ .tx strong {color:#00afd7;}
.ReviewKeyword label.label_word input:checked+ .tx .fake_clear {display:block;}
.ReviewKeyword label.label_word input:disabled+ .tx {background-color: rgba(223, 227, 238, 0.5); cursor:no-drop}
.ReviewKeyword label.label_word input:disabled+ .tx strong {opacity:0.5;}
.ReviewKeyword label.label_word input:disabled+ .tx .picto {opacity:0.5;}
@media screen and (max-width:700px) {
	.ReviewKeyword .good_point {flex-direction:column; align-items:stretch; justify-content:stretch;}
}


/* 리뷰 없을때 */
.ReviewNone {margin:60px 0px; text-align:center;}
.ReviewNone .comment {font-size:14px; color:#919caa; line-height:1.3; margin-top:15px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ReviewNone .comment:before {content:""; display:inline-block; width:40px; height:50px; background:transparent url('../images/customize/review_no_data.svg') center center / 100% no-repeat; margin-bottom:15px;}
.ReviewNone .ReviewButton {padding:0 40px; margin-top:20px;}

/* 리뷰전체 추천수 */
.c_board_rv .mypost .recommend {box-sizing:border-box; background:rgba(0, 175, 215, 0.07); border:solid 1px rgba(0, 175, 215, 0.3); border-radius:100px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_board_rv .mypost .recommend {height:20px; padding:0 6px;}
.c_board_rv .mypost .recommend:before {content:""; width:10px; height:100%; background:transparent url('../images/customize/rv_ic_like.svg') center center / 100% no-repeat; margin-right:2px;}
.c_board_rv .mypost .recommend strong {font-size:11px; font-weight:500; color:#00afd7;}