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

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

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


.view_btn .btn_soldout {border:1px solid #ccc; font-weight:400; color:#999; font-size:15px; font-weight:300;}

/* 2018-11-02 SHJ 토스결제 아이콘 추가 */
.c_form .use_toss .lineup {background:transparent url('../images/c_img/ic_pay_toss.png') center 16px no-repeat;}
.c_form .use_toss .pay_input:checked+ .lineup {background:transparent url('../images/c_img/ic_pay_toss_on.png') center 16px no-repeat;}


/* 2021-01-15 KHY body 가로값 */
.wrap.if_minishop {width:100%; height:100%; max-width: 630px; position:relative; margin: 0 auto; background: #fff;}



/* ********************************************** *
 * 상세 라운드 처리 :: KHY 2022-05-24
 * ********************************************** */
.view_photo .photo_box .thumb {border-radius: 20px;}
.view_option .select {border-radius: 10px; box-sizing: border-box;}
.view_option .select select {border-radius: 10px;}
.view_btn .btn {border-radius: 10px;}


/* 주문/결제 :: KHY 2021-06-10 */
.c_form .pay_select {display: block; overflow: hidden; margin: 0 -5px; width: auto;}
.c_form .pay_select li {display: inline-block; float: left; width: 33.3%; padding: 0 5px; box-sizing: border-box;}
.c_form .pay_select li:nth-of-type(3n)+ li {clear: both;}
.c_form .pay_select li:nth-of-type(3)~ li {margin-top: 10px;}
.c_form .pay_select label {height: 70px;}
.c_form .pay_select .lineup {padding: 40px 5px 10px; height: 70px; background-position: center 13px !important; border-color: #e5e5e5;}
.c_form .use_kakaopay .lineup {background: transparent url('../images/c_img/ic_pay_kakao.png') center 16px no-repeat !important; background-size: 43px auto !important;}
.c_form .use_kakaopay .pay_input:checked+ .lineup {background-image: url('../images/c_img/ic_pay_kakao_on.png') !important;}
.c_form .use_naverpay .lineup {background: transparent url('../images/c_img/ic_pay_naver.png') center 16px no-repeat !important; background-size: 14px auto !important;}
.c_form .use_naverpay .pay_input:checked+ .lineup {background-image: url('../images/c_img/ic_pay_naver_on.png') !important;}




/* PC에서 모바일 고정 :: 2024-08-20 ARA */
html.if_pc .wrap {max-width:600px; margin:0 auto;}




/* 리뷰 추가작업 :: 2024-08-08 ARA ========================================= */
:root {
    --rv_color-cyan:#88ddfa;
	--rv_color-cyan-rgb:136,221,250;
	--rv-side-gap:20px;
	--rv-cubic:cubic-bezier(0.19, 1, 0.22, 1);

}

/* 디자인 모달창 */
.p_Modal {position:fixed; left:0; top:0; width:100%; height:100%; visibility:hidden; opacity:0; z-index:100; overflow:hidden;}
.p_Modal {display:flex; justify-content:center; align-items:center; flex-direction:column; }
.p_Modal li {list-style:none;}
.p_Modal .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1; opacity:0;}
.p_Modal .wrapping {background:#fff; border-radius:20px; padding:var(--rv-side-gap); width:280px; transform:translateY(80px); opacity:0; overflow:hidden; position:relative; z-index:2}
.p_Modal .comment {font-size:15px; font-weight:500; color:#000; letter-spacing:-0.5px; text-align:center; margin:10px 0 30px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Modal .comment .additional {font-size:0.85em; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.5; display:block; margin-top:10px; color:#999; font-weight:400;}
.p_Modal.if_open {visibility:visible; opacity:1; transition:all 900ms var(--rv-cubic);}
.p_Modal.if_open .wrapping {opacity:1; transform:translateY(0); transition:all 900ms var(--rv-cubic); }
.p_Modal.if_open .bg {opacity:1; transition:all 900ms var(--rv-cubic);}


/* 상단 타이틀 */
.p_RV_top {height:70px; flex:none; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0 var(--rv-side-gap);}
.p_RV_top .right_area {margin-left:auto; display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_RV_top .title {font-size:22px; font-weight:900; letter-spacing:-0.5px; color:#000; line-height:1;}
.p_RV_top .title strong {color:var(--rv_color-cyan);}
.p_RV_top .date {font-size:12px; color:rgba(255,255,255,0.6);;}
.p_RV_top .btn_back {padding:0 20px; height:70px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-left:-20px;}
.p_RV_top .btn_back:before {display:block; content:''; background:transparent url('../images/review/top_ic_back.svg') center center no-repeat; width:10px; height:16px; background-size:100%;}
.p_RV_top .btn_close {padding:0 20px; height:70px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:-20px;}
.p_RV_top .btn_close:before {display:block; content:''; background:transparent url('../images/review/top_ic_close.svg') center center no-repeat; width:14px; height:14px; background-size:100%;}
.p_RV_top .btn_write {margin-left:auto; font-weight:500; color:#000; background:rgba(var(--rv_color-cyan-rgb),0.1); border:1px solid var(--rv_color-cyan); box-sizing:border-box; border-radius:100px;}
.p_RV_top .btn_write {display:flex; flex-direction:row; justify-content:center; align-items:center; height:36px; padding:0 15px;}
.p_RV_top .btn_write:after {display:block; content:''; background:transparent url('../images/review/top_ic_write.svg') right center no-repeat; background-size:100%; width:12px; height:12px;}
.p_RV_top .btn_write strong {line-height:1; padding-right:4px; font-size:14px; font-weight:500; letter-spacing:-0.5px;}


/* 하단버튼공통 */
.p_RV_btn {}
.p_RV_btn ul {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px}
.p_RV_btn li {flex:1}
.p_RV_btn li.this_minor {flex:none; min-width:100px}
.p_RV_btn .btn_ctrl {background:#e0e9ec; color:#788487; font-weight:600; font-size:15px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:10px; box-sizing:border-box;}
.p_RV_btn .btn_ctrl.type_ok {background:var(--rv_color-cyan); color:#fff;}
.p_RV_btn .btn_ctrl.type_line {border-color:var(--rv_color-cyan); color:var(--rv_color-cyan); border:1px solid var(--rv_color-cyan); background:#fff;}



/* 목록전체 */
.p_RV_all {display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; overflow:hidden; height:100%;}
.p_RV_all li {list-style:none;}

.p_RV_all .page_conts {flex:1; overflow-y:auto; padding:var(--rv-side-gap); padding-top:0;}
.p_RV_all .page_conts::-webkit-scrollbar {width:4px;}
.p_RV_all .page_conts::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:100px;}
.p_RV_all .page_conts::-webkit-scrollbar-track {background-color:transparent;}
.p_RV_all .page_conts .c_none {height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}

.p_RV_all .page_bottom {flex:none; padding:15px 0;}

.p_RV_all .c_pagi {padding-top:0px; height:auto;}
.p_RV_all .c_pagi .inner {display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_RV_all .c_pagi .nextprev {border:0;}
.p_RV_all .c_pagi .nextprev .no {border:0;}
.p_RV_all .c_pagi .nextprev .btn {border-radius:100px; width:30px; height:30px;}
.p_RV_all .c_pagi .number {border:0; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.p_RV_all .c_pagi .number a {border-radius:100px; border:0; background:#ddd; font-size:11px; font-weight:600; line-height:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_RV_all .c_pagi .number a {min-width:30px; height:30px; padding:0 5px; color:#222;}
.p_RV_all .c_pagi .number .hit {background:#222; color:#fff; }
.c_pagi .number .hit:before {display:none;}



/* 리뷰목록 */
.p_RV_list {}
.p_RV_list li {list-style:none;}

.p_RV_list .best_title {text-align:center; margin-bottom:20px; padding-top:20px; border-top:8px solid #f9f9f9;}
.p_RV_list .best_title dt {color:#000; font-weight:900; color:#000; font-size:27px; letter-spacing:-0.5px;}
.p_RV_list .best_title dd {color:#707070; font-size:15px; font-weight:300;}

.p_RV_list .post_list {}
.p_RV_list .post_list ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:25px 8px; box-sizing:border-box;}
.p_RV_list .post_list li {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}

.p_RV_list .one_post {position:relative; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_RV_list .one_post .thumb {aspect-ratio:auto 1 / 1; position:relative; border-radius:5px; overflow:hidden;}
.p_RV_list .one_post .thumb img {width:100%; height:100%; object-fit:cover; position:relative; z-index:2}
.p_RV_list .one_post .thumb:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#eee url('../images/review/ic_none_thumb.svg') center center no-repeat; background-size:30px;}
.p_RV_list .one_post .thumb:after {opacity:0.3;}
.p_RV_list .one_post .thumb .more_num {font-size:11px; color:#fff; position:absolute; right:5px; bottom:5px; background:rgba(0,0,0,0.8); border-radius:100px; height:20px; padding:0 8px; z-index:5}
.p_RV_list .one_post .thumb .more_num {display:flex; flex-direction:row; justify-content:center; align-items:center; line-height:1; font-weight:600;}
.p_RV_list .one_post .info {margin-top:7px; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_RV_list .one_post .info .content {font-weight:500; letter-spacing:-0.36px; color:#222; overflow:hidden; text-overflow:ellipsis; font-size:13px; line-height:1.4;}
.p_RV_list .one_post .info .content {-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; flex:1}
.p_RV_list .one_post .info .name {color:#80828f; margin-top:8px; font-size:12px; font-weight:500;}
.p_RV_list .one_post .info .date {font-size:11px; color:#c0c1cc;}

.p_RV_list.if_product_view {margin-top:30px; overflow:hidden;}
.p_RV_list.if_product_view .post_list {overflow-x:auto; padding-bottom:10px;}
.p_RV_list.if_product_view .post_list::-webkit-scrollbar {height:6px;}
.p_RV_list.if_product_view .post_list::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:100px;}
.p_RV_list.if_product_view .post_list::-webkit-scrollbar-track {background-color:#fff;}
.p_RV_list.if_product_view .post_list ul {width:max-content; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; gap:10px; padding:0 20px;}
.p_RV_list.if_product_view .post_list li {width:220px;}
.p_RV_list.if_product_view .one_post .thumb {border-radius:12px;}

.p_RV_list .go_more {padding:15px; padding-bottom:0px;}
.p_RV_list .go_more .btn_more {display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px; border-radius:5px; background:#fff; box-sizing:border-box; border:1px solid #222;}
.p_RV_list .go_more .btn_more {font-weight:500; font-size:13px; color:#222;}



/* 리뷰보기 */
.p_RV_view {position:fixed; right:0; top:0; width:100%; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; background:rgba(0,0,0,0.92); z-index:200}
.p_RV_view {transition:all 900ms var(--rv-cubic); transform:translateX(100%);}
.p_RV_view li {list-style:none;}
.p_RV_view.if_open {transform:translateX(0);}

.p_RV_view .p_RV_top .title {color:#fff; font-size:19px; font-weight:700;}
.p_RV_view .p_RV_top .btn_close:before {filter: invert(100%) sepia(0%) saturate(7485%) hue-rotate(102deg) brightness(100%) contrast(105%);}

.p_RV_view .photo_thumb {flex:1; overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_RV_view .photo_thumb img {width:100%; height:100%; object-fit:contain;}
.p_RV_view .photo_thumb .rolling_wrap {height:100%;}
.p_RV_view .photo_thumb .rolling_box {height:100%; overflow:hidden; z-index:1}
.p_RV_view .photo_thumb .rolling_box ul {height:100%;}
.p_RV_view .photo_thumb .rolling_box li {height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_RV_view .photo_thumb .prevnext {position:absolute; top:50%; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; width:30px; height:60px; background:rgba(0,0,0,0.8);}
.p_RV_view .photo_thumb .prevnext {z-index:10; -webkit-transform-style:preserve-3d; -webkit-transform:translateZ(-30px)}
.p_RV_view .photo_thumb .prevnext:before {content:""; width:10px; height:17px; background:transparent url('../images/review/ic_arrow_left.svg') center center no-repeat; background-size:80%;}
.p_RV_view .photo_thumb .prevnext.prev {left:0;}
.p_RV_view .photo_thumb .prevnext.next {right:0;}
.p_RV_view .photo_thumb .prevnext.next:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.p_RV_view .content {flex:none; color:#fff; margin:var(--rv-side-gap); font-size:13px; position:relative; overflow:hidden; padding-bottom:25px;}
.p_RV_view .content .comment {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; line-height:19px; cursor:default;}
.p_RV_view .content .more {color:var(--rv_color-cyan); font-weight:500; line-height:1; padding:5px; padding-right:20px; display:inline-block; margin-left:-5px; position:absolute; left:0; top:57px; cursor:pointer}

.p_RV_view .open_fulltext {position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 70px); background:#fff; overflow:hidden; border-radius:20px 20px 0 0;}
.p_RV_view .open_fulltext {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; transform:translateY(100%); transition:all 700ms var(--rv-cubic)}
.p_RV_view .open_fulltext .comment {font-size:14px; color:#222; font-weight:500; padding:0 var(--rv-side-gap) 30px; line-height:1.6; flex:1; overflow-y:auto; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_RV_view .open_fulltext .btn_fold {height:50px; background:transparent url('../images/review/ic_down.svg') center center no-repeat; background-size:18px 10px;}

.p_RV_view.if_open_content .open_fulltext {transform:translateY(0);}
.p_RV_view.if_open_content .photo_thumb {opacity:0;}

.p_RV_view.if_no_thumb .content {flex:1; overflow-y:auto; margin-bottom:0px; margin-top:0px;}
.p_RV_view.if_no_thumb .content::-webkit-scrollbar {width:4px}
.p_RV_view.if_no_thumb .content::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:100px;}
.p_RV_view.if_no_thumb .content::-webkit-scrollbar-track {background-color:transparent;}
.p_RV_view.if_no_thumb .content .comment {-webkit-line-clamp:initial}
.p_RV_view.if_no_thumb .content .more {display:none;}



/* 리뷰등록 */
.p_RV_form {position:fixed; right:0; top:0; width:100%; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; background:#fff; transform:translateX(100%); z-index:100}
.p_RV_form {transition:all 900ms var(--rv-cubic); box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.p_RV_form li {list-style:none;}
.p_RV_form.if_open {transform:translateX(0);}

.p_RV_form .form_area {padding:0 var(--rv-side-gap); flex:1; overflow:hidden;}
.p_RV_form .form_area ul { display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; gap:10px; height:100%;}
.p_RV_form .form_area li {position:relative; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_RV_form .form_area li.this_fill {flex:1}

.p_RV_form .option {position:absolute; left:15px; top:50%; pointer-events:none; transform:translateY(-50%); color:#000; font-weight:500; font-size:13px; line-height:1;}
.p_RV_form .option.word2 {letter-spacing:8px;}
.p_RV_form .upload {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.p_RV_form .upload .one_photo {width:75px; aspect-ratio: auto 1 / 1; overflow:hidden; position:relative; border-radius:10px; background:rgba(224,233,236,0.2) url('../images/review/thumb_none.svg') center center no-repeat;}
.p_RV_form .upload .one_photo {background-size:22px;}
.p_RV_form .upload .one_photo:before {content:""; width:100%; height:100%; border:1px solid rgba(0,0,0,0.05); box-sizing:border-box; border-radius:10px; position:absolute; left:0; top:0;}
.p_RV_form .upload .one_photo img {width:100%; height:100%; object-fit:cover}
.p_RV_form .upload .one_photo .btn_delete {position:absolute; right:0; top:0; width:24px; height:24px; background:#fff url('../images/review/top_ic_close.svg') center center no-repeat; border-radius:100px;}
.p_RV_form .upload .one_photo .btn_delete {margin:3px; background-size:10px; z-index:20}

.p_RV_form .design {width:100%; box-sizing:border-box; padding:0 15px; border-radius:10px; border:1px solid #dfe7e9; font-size:16px; font-weight:500; color:#000;}
.p_RV_form .design::-webkit-input-placeholder {color:#d4dbde !important}
.p_RV_form .design::-ms-input-placeholder {color:#d4dbde !important}
.p_RV_form .design::-moz-placeholder {color:#d4dbde !important}
.p_RV_form .design:focus {border-color:var(--rv_color-cyan); box-shadow:5px 5px 10px rgba(var(--rv_color-cyan-rgb),0.3);}
.p_RV_form .design:focus+ .option {color:var(--rv_color-cyan); font-weight:600;}
.p_RV_form input.design {height:60px; padding-left:70px;}
.p_RV_form textarea.design {height:100%; flex:1; padding:15px; font-size:15px;}
.p_RV_form label.checkbox {display:flex; justify-content:center; align-items:center; flex-direction:row;}
.p_RV_form label.checkbox .text {color:#000; font-size:13px; font-weight:500; letter-spacing:-0.5px; line-height:1;}
.p_RV_form label.checkbox input {border-radius:100px; border:0; background:#e0e9ec url('../images/review/ic_check.svg') center center no-repeat; background-size:10px !important;}
.p_RV_form label.checkbox input:checked {background-color:var(--rv_color-cyan);}

.p_RV_form .p_RV_btn {flex:none; padding:var(--rv-side-gap);}
.p_RV_form .p_RV_btn .agree {display:flex; justify-content:space-between; align-items:center; flex-direction:row; margin-bottom:10px;}
.p_RV_form .p_RV_btn .btn_view {border-radius:100px; height:px; color:#788487; display:flex; justify-content:center; align-items:center; flex-direction:column; background:rgba(224,233,236,0.2); letter-spacing:-0.5px;}
.p_RV_form .p_RV_btn .btn_view {font-weight:500; font-size:11px; height:22px; padding:0 6px; box-sizing:border-box; border:1px solid #e0e9ec; line-height:1;}

.p_RV_form .open_fulltext {position:fixed; left:0; bottom:0; width:100%; height:100%; overflow:hidden; z-index:200; display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column;}
.p_RV_form .open_fulltext {visibility:hidden}
.p_RV_form .open_fulltext .wrapping {background:#fff; border-radius:30px 30px 0 0; z-index:2; transform:translateY(100%); transition:all 800ms var(--rv-cubic); max-height:calc(100% - 70px);}
.p_RV_form .open_fulltext .wrapping {display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_RV_form .open_fulltext .comment {font-size:13px; color:#333; padding:0 var(--rv-side-gap) 0; line-height:1.6; flex:1; overflow-y:auto;}
.p_RV_form .open_fulltext .btn_fold {height:50px; background:transparent url('../images/review/ic_down.svg') center center no-repeat; background-size:18px 10px; display:block;}
.p_RV_form .open_fulltext .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1; opacity:0; transition:all 800ms var(--rv-cubic);}

.p_RV_form .open_fulltext.if_open {visibility:visible}
.p_RV_form .open_fulltext.if_open .wrapping {transform:translateY(0);}
.p_RV_form .open_fulltext.if_open .bg {opacity:1;}


/* PC화면 사이즈 조절 ========================= */
@media screen and (min-width:630px) {
	.p_RV_form {width:500px;}
	.p_RV_form.if_open {box-shadow:-20px 0 20px rgba(0,0,0,0.1);}
	.p_RV_view {width:500px; }
}