@charset 'utf-8'; /* 공통 재정의 */ .fc-green {color:#1ba774 !important;} /* .input-checkbox.active:after {border: 1px solid #1ba774;background-color: #1ba774;} */ .input-checkbox.focus:after {border-color: #1ba774 !important;} [class^=btn-default], [class^=btn-white], [class^=btn-white2], [class^=btn-white3], [class^=btn-white4], [class^=btn-black], [class^=btn-gray], [class^=btn-gray2],[class^=btn-green2], [class^=btn-lightgreen] {border: 1px solid #0c8050;} [class^=btn-default] {background: #0c8050;} [class^=btn-white] span {color: #0c8050;} [class^=btn-white] {color: #0c8050;} .paging li span {background: #1ba774;} .tab-default {border-color:#1ba774} .tab-default .active {border-color:#1ba774 !important} .tab-default .active a {color: #1ba774;} .modal .modal-header .modal-title {color:#000;font-size:28px;line-height:41px} .modal .btn-modal-close {width:42px;height:42px;} .modal .btn-modal-close span {width:42px;height:42px;margin: -21px 0 0 -21px;background: url(/cjom/web/images/icon/btn-popup-close.svg) no-repeat 50%;} .input-radio {border: 1px solid #ccc;} .input-radio.on {border-color: #ccc;background: #fff;} .input-radio.on:after {width:10px;height:10px;background: #1ba774;} .tab-list2 .active a {color:#333;border-bottom: 3px solid #000;} .product-detail .tab-list2 {overflow:visible;} .product-detail .tab-list2:after {content: ""; clear: both; display: block;} .product-detail .tab-list2 a {position:relative;height:78px;line-height:89px;} .product-detail .tab-list2 a .tooltip-review {position:absolute;left:50%;transform:translate(-50%, 0);top:2px;padding:0 10px;font-size:13px;font-weight:500;color:#1ba774;height:24px;line-height:22px;background-color:#f2fbf8;border:1px solid #1ba774;border-radius:3px;} .product-detail .tab-list2 a .tooltip-review:after {position:absolute;left:50%;bottom:-4px;transform:translate(-50%, 0);display:block;content:'';width:8px;height:8px;background: url(/cjom/web/images/contents/review/ico-tootip-review.svg) no-repeat 0 50%;background-size:8px;} /* 포토리뷰 */ .sub-title em {padding-left:12px;font-family: 'Roboto';} .product_rating_wrap{position:relative;margin-top:30px;} .product_rating_wrap:after {content: '';display: block;clear: both;} .review_none_data + .product_rating_wrap {margin-top:80px;} .review_btn{margin:30px 0 0;padding:15px 0;text-align:center;background-color:#f6faf8;} .review_btn .txt {position:relative;color:#333;font-size:15px;margin-right:17px;line-height: 40px;display: inline-block;vertical-align:top} .review_btn .txt:before {content:'';display:inline-block;height: 30px;margin-right:5px;margin-top:13px;vertical-align:top;width:18px;height:15px;background: url(/cjom/web/images/contents/review/icon_chat.svg) no-repeat 0 50%;background-size: 18px 15px;} .review_btn [class^=btn-][class*=-sm] {height:30px;line-height: 29px;padding:0 20px 0px;margin:0 2px} .review_btn.v2 button{height:40px !important;padding:0 31px !important;border-radius:4px;border:1px solid #bbb;background-color:#fff;color:#333;font-size:14px;line-height:38px !important;box-sizing:border-box;} .product_rating_wrap .product_rating_top {position:relative;text-align:center} .product_rating_wrap .product_rating_top:after {content: '';display: block;clear: both;} .product_rating_top .rating_total {display:inline-block;width:110px;margin:0 auto;vertical-align:bottom;} .product_rating_top .rating_total .rate_score{display:block;text-align:center;font-size:40px;color:#333;font-family:roboto;font-weight:700;line-height:47px;margin-bottom:7px;} .product_rating_top .rating_total .rate_star{position:relative;display:block;height:22px;background: url(/cjom/web/images/contents/review/ico_rating_star_gray.svg) no-repeat 0 0;background-size: 100% auto;} .product_rating_top .rating_total .rate_star .star_per{position:absolute;display:block;top:0;left:0;height:22px;background: url(/cjom/web/images/contents/review/ico_rating_star.svg) no-repeat 0 0;background-size: auto 22px;} .product_rating_top .rating_graph {display:inline-block;width:200px;padding:0 78px;margin:0 auto;vertical-align:bottom;} .product_rating_top .rating_graph .graph_list li{box-sizing: border-box;position:relative;float:left;width:40px;height:146px;padding-top:30px;text-align:center} .product_rating_top .rating_graph .graph_list li span{box-sizing: border-box;display:block;text-align:center;} .product_rating_top .rating_graph .graph_list li .graph_vertical{position:relative;width:10px;height:90px;margin: 0 auto;background-color:#eee;border-radius:6px;overflow:hidden} .product_rating_top .rating_graph .graph_list li .graph_vertical:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #e2e2e2;border-radius:6px} .product_rating_top .rating_graph .graph_list li .graph_vertical .graph_vertical_per {position:absolute;left:0px;bottom:0px;width:10px;background-color:#aaa;border-radius:6px} .product_rating_top .rating_graph .graph_list li.higher .graph_vertical_per {background-color:#1ba774;} .product_rating_top .rating_graph .graph_list li.higher .count{position:absolute;top:0;left:50%;height:22px;line-height:22px;font-weight:500;padding:0 9px;color:#fff;font-size:13px;font-family:roboto; background-color:#1ba774;border-radius:22px;transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);} .product_rating_top .rating_graph .graph_list li.higher .count:after{position:absolute;bottom:-4px;left:50%;margin-left:-4px;display:block;content:'';width: 0px;height: 0px; border-top:4px solid #1ba774; border-right: 4px solid transparent; border-left: 4px solid transparent;} .product_rating_top .rating_graph .graph_list li .graph_score {font-size:13px;color:#333;line-height:18px;padding-top:8px} .product_rating_top .product_rating_con {display:inline-block;width:320px;margin:0 auto;vertical-align:bottom;text-align:left} .product_rating_top .product_rating_con h4{font-size:15px;color:#333;line-height:22px;margin:2px 0 6px;} .product_rating_top .product_rating_con ul.item_list li{padding-top:8px;} .product_rating_con .item_info {position:relative;} /*.product_rating_con .item_info .info_tit{float:left;font-size:14px;box-sizing: border-box;font-weight:500;color:#1ba774;background-color:#fff;border:1px solid #1ba774;width:62px;height:28px;line-height:26px;border-radius:28px;text-align:center;} .product_rating_con .item_info .info_desc{position:relative;margin:0 43px 0 74px;height:28px;}*/ .product_rating_con .item_info .info_tit{float:left;font-size:14px;box-sizing: border-box;font-weight:500;color:#1ba774;background-color:#fff;border:1px solid #1ba774;width:72px;height:28px;line-height:26px;border-radius:28px;text-align:center;} .product_rating_con .item_info .info_desc{position:relative;margin:0 43px 0 84px;height:28px;} /* MARKETDEV-8001 */ .product_rating_con .item_info .info_desc:before {content: '';position: absolute;top: 50%;left: 0;width: 100%;border-top: 1px dashed #b0b0b0;} .product_rating_con .item_info .info_desc span{position: relative;display:inline-block;padding-right:10px;background-color:#fff;font-size:15px;color:#000;height:28px;line-height:28px;} .product_rating_con .item_info .info_per{position:absolute;right:0;top:0;font-family:roboto;font-size:15px;color:#333;height:28px;line-height:28px;} .product_rating_wrap .product_rating_toggle .product_rating_con {background-color:#f8f8f8;margin-top:25px;padding:3px 19px 20px;display:none} /*.product_rating_wrap .product_rating_toggle .product_rating_item{display:inline-block;vertical-align:top;width:226px;margin:15px 28px 0;}*/ .product_rating_wrap .product_rating_toggle .product_rating_item{display:inline-block;vertical-align:top;width:252px;margin:15px 13px 0;} /* MARKETDEV-8208 */ /* .product_rating_wrap .product_rating_toggle .item_info .info_desc {margin:0 35px 0 70px} */ .product_rating_wrap .product_rating_toggle .item_info .info_desc {margin:0 35px 0 80px} /* MARKETDEV-8001 */ .product_rating_wrap .product_rating_toggle .item_info .info_desc span {background-color:#f8f8f8;color:#333;} .product_rating_toggle .product_rating_item .item_detail{padding:8px 0 0;} .product_rating_toggle .product_rating_item .item_detail li{position:relative;height:19px;} .product_rating_toggle .product_rating_item .item_detail li + li {margin-top:2px} .product_rating_toggle .product_rating_item .item_detail li .txt{float:left;height:19px;line-height:19px;font-size:13px;padding-left:5px;color:#999;} /* .product_rating_toggle .product_rating_item .item_detail li .graph_horizontal{position:relative;top:50%;box-sizing: border-box;display:block;margin:0 34px 0 86px;height:6px;overflow:hidden; background-color:#e5e5e5;border-radius:6px;transform: translate(0, -50%);-ms-transform: translate(0, -50%);} */ .product_rating_toggle .product_rating_item .item_detail li .graph_horizontal{position:relative;top:50%;box-sizing: border-box;display:block;margin:0 34px 0 110px;height:6px;overflow:hidden; background-color:#e5e5e5;border-radius:6px;transform: translate(0, -50%);-ms-transform: translate(0, -50%);} .product_rating_toggle .product_rating_item .item_detail li .graph_horizontal:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #ddd;border-radius:6px} .product_rating_toggle .product_rating_item .item_detail li .graph_horizontal .graph_horizontal_per {position:absolute;top:0;bottom:0;height:6px;background-color:#aaa;border-radius:6px} .product_rating_toggle .product_rating_item .item_detail li .graph_score{position:absolute;right:0;top:0;font-family:roboto;font-size:13px;color:#999;height:16px;line-height:16px;} .product_rating_toggle .product_rating_item .item_detail li.higher .txt{color:#333} .product_rating_toggle .product_rating_item .item_detail li.higher .graph_horizontal_per {background-color:#1ba774} .product_rating_toggle .product_rating_item .item_detail li.higher .graph_score{color:#333} .product_rating_toggle .rating_btn_more {position: relative;margin-top:30px;text-align: center;} .product_rating_toggle.on .product_rating_con{display:block;} .product_rating_toggle.on .rating_btn_more {margin-top: 20px;} .product_rating_toggle .rating_btn_more .toggle_btn {position: relative;display:block;width:100%;height:27px;background: url(/cjom/web/images/contents/review/rating_btn_line.svg) no-repeat 50% 0;} .product_rating_toggle .rating_btn_more .toggle_btn span{position: relative;height:27px;font-size: 13px;color:#333;margin-left:2px;} .rating_btn_more .toggle_btn .t_off {display: block;} .rating_btn_more .toggle_btn .t_on {display: none;} .product_rating_toggle.on .rating_btn_more .toggle_btn .t_off {display: none;} .product_rating_toggle.on .rating_btn_more .toggle_btn .t_on {display: inline-block;} .product_rating_toggle .rating_btn_more .toggle_btn span:after{content:'';display:inline-block;margin-left:5px;width:10px;height:27px;margin-top:-3px;vertical-align:middle;background: url(/cjom/web/images/contents/review/rating_btn_arrow.svg) no-repeat 50% 50%;} .product_rating_toggle.on .rating_btn_more .toggle_btn span:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .review_list_wrap {margin-top:42px} .review_area_sec{position: relative;padding-bottom:12px;} .review_area_sec:after {content: '';display: block;clear: both;} .review_area_sec .review_sort{float:left;} /* 2021-11-16 */ .review_area_sec .review_sort > span{position: relative;line-height:22px;font-size:15px;color:#555;} .review_area_sec .review_sort > span a.on{color:#333;font-weight:700} .review_area_sec .review_sort > span + span:before {content: '';display: inline-block;width: 1px;height: 15px;background-color: #c4c4c4;margin:0 10px 0 6px;vertical-align: -2px;} .review_area_sec .sort_checkbox {float:right} .review_area_sec .review_sort .tooltip-wrap {margin-left: 2px;} .review_area_sec .review_sort .tooltip-content {width: 312px;} .best-flag { display:inline-block;margin:0 0 0 12px;width:56px;height:18px;overflow:hidden;color:transparent;background: url(/cjom/web/images/contents/review/icon-best02.svg) no-repeat 0 0;background-size:56px 18px; } .best-review-tag {font-size:0;margin-bottom:4px;} .review_list li .review_user_info .best-review-tag .review_star {display:inline-block;padding-top:0;line-height:18px;vertical-align:middle;} .review_list li .review_user_info .best-review-tag .best-flag {vertical-align:middle;} .review_list {border-top:1px solid #aaa; } .review_list li.default_item, .review_list li.theprime_item {position:relative;border-bottom: 1px solid #ddd;padding:25px 170px 25px 60px} .review_list li .review_user_info{position:relative;min-height:48px;padding-top:0;} .rvw-list-wrap .review_list li .review_user_info {padding-top:0;} .rvw-list-wrap .review_list li .review_user_info .evt_title {padding-top:0;} .review_list li .review_user_info .thumb{position:absolute;left:-60px;top:0;width:48px;height:48px;} .review_list li .review_user_info .thumb img {width:48px;height:48px;} .review_list li .review_user_info .review_star {padding-top:4px;} .review_list li .review_user_info .star_box{display:inline-block;width:80px;height:16px;background: url(/cjom/web/images/contents/review/ico_rating_star_gray.svg) no-repeat 0 0;background-size: auto 16px;} .review_list li .review_user_info .star_box .star_per{vertical-align:top;display:inline-block;height:16px;background: url(/cjom/web/images/contents/review/ico_rating_star.svg) no-repeat 0 0;background-size: auto 16px;} .review_list li .review_user_info .star_num{display:inline-block;vertical-align:top;color:#000;font-family:roboto;font-size:15px;font-weight:700;height:16px;line-height:16px;margin-left:5px} .review_list li .review_user_info .user_info{margin-top:1px;line-height:16px;} .review_list li .review_user_info .user_info span {position:relative;display:inline-block;font-size:13px;color:#666;height:16px;line-height:16px;} .review_list li .review_user_info .user_info span.date{font-family:roboto;} .review_list li .review_user_info .user_info span + span:before{content: '';display: inline-block;width: 2px;height: 2px;background-color: #aaa;margin:0 6px 0 5px;vertical-align: 4px;} .review_list li .review_user_info .user_info .btn_notify {position:relative;display:inline-block;font-size:13px;height:16px;line-height:16px;} .review_list li .review_user_info .user_info .btn_notify:before{content: '';display: inline-block;margin:0 4px;vertical-align: 4px;} .review_list li .review_user_info .user_info .btn_notify span{color:#bbb;font-size:11px;} .review_list li .review_user_info .evt_title {padding-top:2px} .review_list li .review_user_info .evt_title span{display:inline-block;color:#0c8050;background-color: #f5f5f5;line-height:19px;font-size:13px;padding:1px 6px 1px;} .review_list li .review_user_info .evt_title + .user_info{margin-top:5px;} .review_list li .review_text {margin-top:10px;} .review_list li .review_text p{color:#333;font-size:15px;line-height:22px;word-break: break-all;} .review_list li .review_text .review_subject{color:#000;font-size:15px;line-height:22px;font-weight:700;padding-bottom:3px} .review_list li .review_text .text_btn_more {margin-top:8px;} .review_list li.ellips .review_text .text_box{ overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; max-height:88px } .review_list li.on .review_text .text_box{height:auto;overflow:visible;} .review_list li .review_text .text_btn_more .toggle_btn {position: relative;display:block;width:100%;height:20px;background-color:#fff;text-align:left;} .review_list li .review_text .text_btn_more .toggle_btn span{position: relative;line-height:20px;color:#1ba774;font-size: 14px} .review_list li .gift-tag {margin:8px 0 0 0;font-size:12px;line-height:16px;color:#999;} .text_btn_more .toggle_btn .t_off {display: inline-block;} .text_btn_more .toggle_btn .t_on {display: none;} .review_list li a.toggle_btn {display:block} .review_list li.on .review_text .text_btn_more .toggle_btn .t_off {display: none;} .review_list li.on .review_text .text_btn_more .toggle_btn .t_on {display: inline-block;} .review_list li .review_text .text_btn_more .toggle_btn span:after{content:'';display:inline-block;margin-left:5px;width:11px;height:20px;vertical-align:middle;background: url(/cjom/web/images/contents/review/text_btn_arrow.svg) no-repeat 50% 50%;background-size: 11px auto;} .review_list li.on .review_text .text_btn_more .toggle_btn span:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);vertical-align:top;} .review_list li .review_text .photo_box{display:none;} .review_list li.on .review_text .photo_box{display:block;padding-top:5px} .review_list li.on .review_text .photo_box ul {margin-bottom:8px;} .review_list li.on .review_text .photo_box ul li {margin-top:10px} .review_list li.on .review_text .photo_box img{width:480px;border-radius:5px 5px;vertical-align:top;} .review_list li.on .review_text .photo_box video {width:480px;} .review_list li .review_btm {position:relative;margin-top:16px;} .review_list li .review_btm:after {content: '';display: block;clear: both;} .review_list li .review_btm .btn_recommend{position:relative;overflow:visible;display:inline-block;border:1px solid #eee;border-radius:30px;color:#333;padding:0 12px 0 32px;height:30px;line-height:28px;font-size:13px} .review_list li .review_btm .btn_recommend:before{content:'';position:absolute;left:12px;top:-1px;width:16px;height:30px;background: url(/cjom/web/images/contents/review/icon_smile.svg) no-repeat 0 50%;background-size: auto 16px;} .review_list li .review_btm .btn_recommend.on {border:1px solid #1ba774;color:#1ba774} .review_list li .review_btm .btn_recommend.on:before{background: url(/cjom/web/images/contents/review/icon_smile_on.svg) no-repeat 0 50%;background-size: auto 16px;} .review_list li .review_btm .btn_recommend em{font-size:13px;font-family:roboto;font-weight:700;font-style: normal;padding-left:4px;margin-top:-1px;display: inline-block;} .review_list li .btn_recommend > div{display:block;content:'';position: absolute;left:0;bottom: 10px;width: 20px;height: 20px;opacity:0;z-index:10;} .review_list li .btn_recommend > div:nth-child(1){animation: bubbleL 1s linear;background:url(/cjom/web/images/contents/review/icon_smile_01.svg) no-repeat;background-size:100%;} .review_list li .btn_recommend > div:nth-child(2){animation: bubbleR 1.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_02.svg) no-repeat;background-size:100%;} .review_list li .btn_recommend > div:nth-child(3){animation: bubbleL 2s linear;background:url(/cjom/web/images/contents/review/icon_smile_03.svg) no-repeat;background-size:100%;} .review_list li .btn_recommend > div:nth-child(4){animation: bubbleR 2.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_04.svg) no-repeat;background-size:100%;} .review_list li .btn_recommend > div:nth-child(5){animation: bubbleL 3s linear;background:url(/cjom/web/images/contents/review/icon_smile_05.svg) no-repeat;background-size:100%;} @keyframes bubbleL { 0% { opacity: 1; transform:translate(0, 0); } 10% { transform:translate(25px, -30px); } 25% { transform:translate(5px, -70px); } 30% { opacity: 0; } 50% { opacity: 0; transform:translate(25px, -105px); } } @keyframes bubbleR { 0% { opacity: 1; transform:translate(0, 0); } 10% { transform:translate(5px, -30px); } 25% { transform:translate(25px, -70px); } 30% { opacity: 0; } 50% { opacity: 0; transform:translate(5px, -105px); } } .review_list li .photo_thumb {position:absolute;right:0px;top:25px;width:90px;height:90px;overflow:hidden;} .review_list li .photo_thumb .photo_box {display:block;width:90px;height:90px;overflow:hidden;border-radius:5px 5px} .review_list li .photo_thumb .photo_box img {position: absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit:cover;object-fit:cover; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:5px 5px} .review_list li .photo_thumb .photo_num {position:absolute;right:0px;bottom:0px;width:26px;height:26px;} .review_list li .photo_thumb .photo_num em {position:relative;font-style: normal;display:block;text-align:center;line-height:26px;color:#fff;font-family:roboto;font-weight:500;font-size:14px;} .review_list li .photo_thumb .photo_num:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.4;border-radius:0 0 5px 0} .review_list li.item_photo a.toggle_btn{position:absolute;left:0;right:0;top:0;bottom:0;background-color: rgba(0,0,0,0);z-index: 20;} .review_none_data{position:relative;text-align: center;margin-top:40px;} .review_none_data.icon:before {content: '';position:absolute;top:0;left:50%;margin-left:-45px;display: block;width:90px;height: 90px;border-radius:90px;background-color: #f8f8f8;} .review_none_data.icon:after {content: '';position:absolute;top:13px;left:50%;margin-left:-35px;display: block;width:74px;height: 66px;background: url(/cjom/web/images/contents/review/icon_review_none_data.svg) no-repeat 0 0;background-size: 74px 66px;} .review_none_data.icon2:before{content:'';display:inline-block;width:90px;height: 90px;margin:0 auto 20px;background: url(/cjom/web/images/icon/icon_review_none.png) no-repeat 0 0} .review_none_data .msg_tit{color:#333;font-size:18px;line-height:26px;} .review_none_data .msg_txt{color:#767676;font-size:15px;line-height:18px;margin-top:4px;} .review_none_data + .review_btn [class^=btn-white] {font-size:15px;} /* 나의 리뷰 */ .myreview_list_wrap .review_list li.default_item, .myreview_list_wrap .review_list li.theprime_item {padding:15px 0px 20px 0px;border-bottom: 1px solid #aaa;} .myreview_list_wrap .default_item {border-bottom: 1px solid #ccc;padding:20px 0} .myreview_list_wrap .product-item {position: relative;padding-left:60px} .myreview_list_wrap .product-item a {height:50px;max-width:600px;display: inline-block;} .myreview_list_wrap .product-item .thumb {position: absolute;top:0px;left:0;width:50px;height:50px;} .myreview_list_wrap .product-item .title {color:#333;padding:0;margin:0;font-size:14px;line-height:20px;max-height:40px;font-weight:normal;position: relative;top: 50%;transform: translate(0, -50%);-ms-transform: translate(0, -50%);display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .myreview_list_wrap .review_list li .review_user_info {margin-top:15px;padding:15px 0 0;border-top: 1px solid #ddd;border-bottom:none;min-height:auto;height:18px;} .myreview_list_wrap .review_list li .review_user_info .review_star {padding:0;display: inline-block;vertical-align:top;line-height:18px} .myreview_list_wrap .review_list li .review_user_info .user_info {margin:0 0 0 15px;display: inline-block;line-height: 18px;vertical-align:top;margin-top:-1px} .myreview_list_wrap .review_list li .review_user_info .user_info span.date {font-family:inherit;font-size:15px;line-height: 18px;} .myreview_list_wrap .review_list li .review_text {margin-top:15px;padding-right: 218px;} .myreview_list_wrap .review_list li .photo_thumb {top:101px;} .myreview_list_wrap .review_list li .manager-text {position: relative; height: 40px;line-height: 40px;background-color: #fef4f6;} .myreview_list_wrap .review_list li .manager-text .text_coverup{padding-left: 16px;font-size: 14px;font-weight: bold;line-height: 1.43;letter-spacing: -0.5px;color: #e72a50;} .myreview_list_wrap .review_list li .manager-text .text_coverup_01{font-size: 14px;font-weight: normal;line-height: 1.43;letter-spacing: -0.5px;color: #333;} .myreview_list_wrap .review_list li .manager-text .text_changeday{ font-size: 13px;font-weight: normal;letter-spacing: -0.5px;color: #999;} .myreview_list_wrap .text-group {position:absolute;top:35px;right:0;} .myreview_list_wrap .text-group .date, .myreview_list_wrap .text-group .state{color:#e72a50;font-size:15px;padding-left:10px;line-height:18px;display: inline-block;} .myreview_list_wrap .text-group .date{font-family: 'Roboto';} .myreview_list_wrap .text-group .btn {position:relative;color:#1ba774;font-size:15px;line-height:18px;} .myreview_list_wrap .text-group .btn + .btn:before {content: '';display: inline-block;width: 1px;height:12px;background-color: #ccc;margin:0 10px 0 10px;vertical-align:0px;} .myreview_list_wrap .text-group .text_notify {margin-top:-5px;display: inline-block;background-color:#fef4f6;height:31px;line-height:31px;padding:0 12px;font-size:14px;color:#e72a50;} .myreview_list_wrap .text-group .text_notify2 {margin:-5px 15px 0 0;display:inline-block;color:#1ba774;font-size:14px;height:31px;line-height:31px;padding:0 12px;background-color: rgba(27, 167, 116, 0.1);} /* 신제품 체험단 리뷰 */ .select-rvw-box {margin-bottom:42px} .select-rvw-box+.title-bar-small {border-bottom:0 none;padding: 0;height:22px;margin:0 130px 9px;} .select-rvw-box+.title-bar-small .sub-title {font-size:15px;} .title-bar-small .num{font-family: 'Roboto';padding-left:4px} .select-rvw-box+.title-bar-small .chk-box {bottom:0;} .rvw-list-wrap {margin:0 130px;} .rvw-list-wrap li {padding:0;border-bottom:0 none;} /* 리뷰작성 */ .modal .modal-contents.reviewWrite > .scroll-wrapper {margin-left:-40px;} .modal .modal-contents.reviewWrite > .scroll-wrapper > [data-scroll] {padding-left:40px} .product-list-row-sm.reviewWrite .product-item .inner{padding:10px 0px 10px 127px;height:100px;} .product-list-row-sm.reviewWrite .product-item .thumb {left:7px;} .product-list-row-sm.reviewWrite .product-item .title {font-size:16px;line-height:23px;max-height:46px;max-width:100%;display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .review-form.reviewWrite {border-top:1px solid #aaa;} .review-form.reviewWrite ul li {border-top: 1px solid rgb(0,0,0,0.1);padding: 25px 0;} .review-form.reviewWrite ul li:first-child {border:none;} .review-form.reviewWrite .radio-group label {width:32.9%;padding-top:18px;color:#666;} .review-form.reviewWrite .form-label, .review-form.reviewWriteText .form-label{font-size:16px;line-height:23px;color:#000;font-weight:500;} .review-form.reviewWrite .radio-group{margin-top:-3px;} .review-form.reviewWrite .input-radio {border: 8px solid #e5e5e5;width: 14px;height: 14px;margin-right: 5px;} .review-form.reviewWrite .input-radio.on {border-color: #fff;background: #fff;} .review-form.reviewWrite .input-radio.on:after {z-index:2;margin-left:-15px;margin-top:-15px;transform:initial;width:30px;height:30px;background: #1ba774 url(/cjom/web/images/contents/review/ico_review_check_on.svg) no-repeat 0 0;background-size: 30px 30px; -webkit-animation: click-wave 0.2s 1 linear; -moz-animation: click-wave 0.2s 1 linear; animation: click-wave 0.2s 1 linear;content:'';} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .review-form.reviewWrite .input-radio {width:14px; height:14px;} .review-form.reviewWrite .input-radio.on:after {z-index:2;margin-left:-15px;margin-top:-15px;transform:none;width:30px;height:30px;background: #1ba774 url(/cjom/web/images/contents/review/ico_review_check_on.svg) no-repeat 0 0;background-size: 30px 30px; content:'';} } .review-form.reviewWrite .review_star .form-label {display:inline-block;} .review-form.reviewWrite .review_star .rating {display:inline-block;margin-left:25px;vertical-align:top;margin-top:-2px} .review-form.reviewWrite .review_star .rating > * {float: right;} .review-form.reviewWrite .review_star .rating input{display:none;} .review-form.reviewWrite .review_star .rating label{position:relative;border:none;width:26px;height:26px;margin:0 7px 0 0;background: url(/cjom/web/images/contents/review/ico_rating_star_gray2.svg) no-repeat 0 0;background-size: 26px 26px;} .review-form.reviewWrite .review_star .rating input:checked + label:after, .review-form.reviewWrite .review_star .rating input:checked ~ label:after {content: '';position: absolute; top:0;left:0;width:26px;height:26px;z-index:2;background: transparent url(/cjom/web/images/contents/review/ico_rating_star2.svg) no-repeat 0 0;background-size: 26px 26px; -webkit-animation: click-wave 0.2s 1 linear; -moz-animation: click-wave 0.2s 1 linear; animation: click-wave 0.2s 1 linear;} @keyframes click-wave { 0% {opacity: 1;transform:scale(1, 1)} 100% {opacity: 1;transform:scale(1.1, 1.1)} } .review-form.reviewWriteText {padding-top:25px;border-top:1px solid #aaa;margin-top:0} .review-form.reviewWriteText .form-label {margin-bottom:15px} .review_textarea{position:relative;border:1px solid #ccc;padding:15px 15px;} .review_textarea .scroll-textarea {border:none;display:none;min-height:201px} .review_textarea .scroll-textarea.show {display:block;} .review_textarea .scroll-textarea>.scroll-content>textarea {padding:0;border:0 none !important;} .review_textarea .textarea-count {font-size:11px;color:#999;margin-top:20px;line-height:13px;} .review_textarea .textarea-count .current {color:#1ba774;} .review_textarea .textarea_desc{position:relative;background-color:#fff;} .review_textarea .textarea_desc p {font-size:15px;line-height:20px;padding-bottom:6px;color:#999;} .review_textarea .textarea_desc ul li {position:relative;font-size:15px;line-height:20px;padding-bottom:3px;color:#999;padding-left:22px;} .review_textarea .textarea_desc ul li:before {position: absolute;left: 8px;top: 8px;content: '';display: inline-block;width:4px;height:4px;background-color: #999;vertical-align: top;border-radius:100%;} .review_textarea .textarea_desc.hide {display:none;} .review_textarea .text_roller {position:absolute;left:0;bottom:3px;height:38px;overflow: hidden;} .review_textarea .slick-util-group {display:none;} .review_textarea .roller__list {width:100%;} .review_textarea .slick-slider .slick-track {width:268px} .review_textarea .text_roller .roller__list{height:38px;overflow:hidden;float: none;} .review_textarea .text_roller .roller__list span{padding-left:35px;max-height:38px;overflow:hidden;display:block;line-height:19px;color:#1ba774;font-size:13px;position: relative;top: 50%;transform: translate(0, -50%);-ms-transform: translate(0, -50%);} .review_textarea .text_roller .roller__list span:before{content:'';position:absolute;top:2px;left:15px;width: 14px;height: 14px;background: url(/cjom/web/images/contents/review/icon_roller.svg) no-repeat 0 0;background-size: 100% 100%;} .modal .modal-contents.reviewWrite .forbidden-word {position: relative;padding: 10px 15px 12px;border: solid 1px #f4e0e4;background-color: #fef4f6;margin-top:-1px;} .modal .modal-contents.reviewWrite .forbidden-word:before{content:'';position:absolute;left:8px;top:-8px;width:13px;height:8px;background: url(/cjom/web/images/contents/review/ico_forbidden_arrow.svg) no-repeat 0 0;background-size: 13px 8px;} .modal .modal-contents.reviewWrite .forbidden-word .forbidden-word-tit {padding-left:21px;color:#e72a50;font-size:15px;line-height:22px;font-weight: normal;} .modal .modal-contents.reviewWrite .forbidden-word .forbidden-word-tit:after {top: 0;width: 15px;height: 22px;background: transparent url(/cjom/web/images/contents/review/ico_forbidden.svg) no-repeat 0 50%;background-size: 15px 15px;} .modal .modal-contents.reviewWrite .forbidden-word .forbidden-word-desc {margin-top: 5px;font-size: 14px;color: #666;line-height:19px;} .modal .modal-contents.reviewWrite .forbidden-word .forbidden-word-desc .emp {color:#e72a50;} /* 파일첨부 */ .photo_attach_wrap {margin-top:12px;} .photo_attach_wrap .form__file {position: relative;display: block;background-color: #fff;} .photo_attach_wrap .form__file .photo_tooltip{position:absolute;top:-21px;right:0;z-index: 2;background-color: #1ba774;height:32px;line-height:32px;border-radius:6px 6px;font-size:13px;padding:0 12px;color:#fff;} .photo_attach_wrap .form__file .photo_tooltip:after{position:absolute;bottom:-4px;right:10px;display:block;content:'';width: 0px;height: 0px; border-top:4px solid #1ba774; border-right: 4px solid transparent; border-left: 4px solid transparent;} .photo_attach_wrap .form__file-filename {position:relative;box-sizing: border-box;display: block;height: 42px;line-height: 41px;text-align:center;font-size:15px;color: #1ba774;border: 1px dashed #b0b0b0;cursor: pointer;} .photo_attach_wrap .form__file-filename:before{content:'';margin-right:6px;display:inline-block;vertical-align: top;width:17px;height: 42px;background: url(/cjom/web/images/contents/review/icon_btn_attach.svg) no-repeat 0 50%;background-size: 17px 14px;} .photo_attach_wrap .form__file-input {position: absolute;left: -9999px;} .photo_attach_wrap .files_list{margin:0 -10px} .photo_attach_wrap .input-file {display:none;} .photo_attach_wrap .form__files {position: relative;display: none;list-style: none;overflow: hidden;margin: 12px 0 0;} .photo_attach_wrap .form__files.form__files--show { display: block; transform-origin: bottom center; -webkit-animation: show-files 0.3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95); -moz-animation: show-files 0.3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95); -o-animation: show-files 0.3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95); animation: show-files 0.3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95); } .photo_attach_wrap .form__files-item {position: relative;float:left;width:88px;height: 88px;margin:0 0 10px 10px;background-color:#e0e0e0} .photo_attach_wrap .form__files-item .form__files-item-link {word-break: break-all;} .photo_attach_wrap .form__files-item-remove {position: absolute;right: 5px;top: 5px;display: inline-block;width: 20px;height: 20px;cursor: pointer; background: transparent url(/cjom/web/images/contents/review/icon_btn_del.svg) no-repeat 0 0;background-size: 100% 100%;visibility: hidden;opacity: 0;} .photo_attach_wrap .form__files-item--done .form__files-item-remove {opacity: 1;visibility: visible;} .photo_attach_wrap .form__files-item-thumb {position:relative;overflow:hidden;width:88px;height:88px;display: block;text-align: center;} .photo_attach_wrap .form__files-item-thumb img {position: absolute;display: block;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .modal .modal-contents.reviewWrite .btn-area, .modal .modal-contents.notifyWrite .btn-area {margin-top:15px;} #reviewNotify .modal-contents.notifyWrite .btn-area {margin-top:50px;} .modal .modal-contents.reviewWrite .btn-area button{width:49.2%;} .modal .modal-contents.reviewWrite [class^=btn-default], .modal .modal-contents.reviewWrite [class^=btn-white], .modal .modal-contents.notifyWrite [class^=btn-default], .modal .modal-contents.notifyWrite [class^=btn-white] {font-size:15px;} .modal .modal-contents.reviewWrite .btn-area [class^=btn-]+[class^=btn-], .modal .modal-contents.notifyWrite .btn-area [class^=btn-]+[class^=btn-] {margin-left:7px} .photo_attach_wrap + .btn-area {margin-top:40px;} .product-list-row-sm.reviewWrite + .review-form.reviewWriteText {margin-top:15px;} .review-form.reviewWriteText .input-text{display:block;margin-bottom:10px;} .notifyWrite .review-form.reviewWriteText {border-top:none;padding-top:0} .modal .modal-contents.notifyWrite .btn-area button{width:48.9%;} .modal .modal-contents.notifyWrite .review_textarea .scroll-textarea {display:block;} .modal .modal-contents.notifyWrite .notify_checkbox {padding-bottom:18px;} .modal .modal-contents.notifyWrite .notify_checkbox ul li{padding-bottom:10px;} .modal .modal-contents.notifyWrite .notify_checkbox label {color:#333;} .modal .modal-contents.notifyWrite .notify_checkbox .input-checkbox {margin-top:-2px;margin-right: 6px;width:18px;height:18px;} .modal .modal-contents.notifyWrite .notify_checkbox .input-checkbox:after {border:1px solid #ccc;width:18px;height:18px;} .modal .modal-contents.notifyWrite .notify_checkbox .input-checkbox.focus:after {border-color: #ccc !important;} .modal .modal-contents.notifyWrite .notify_checkbox .input-checkbox.focus:before, .modal .modal-contents.notifyWrite .notify_checkbox .input-checkbox.active:after {background:none;border:none;width:18px;height:18px;background-color:#1ba774;background: #1ba774 url('/cjom/web/images/common/spr_common.svg') no-repeat -60px -30px; background-size: 510px 210px;} .modal.reviewWrite .info-box {padding: 20px 25px;} .modal.reviewWrite .info-box .desc-list {margin-top:0;} .modal.reviewWrite .info-box .desc-list li {line-height:18px;padding-left:0;} .modal.reviewWrite .info-box .desc-list li:before {left: -8px;width: 2px;height:2px;top:9px} .modal.reviewWrite .info-box .desc-list li strong {color:#666;} .modal.reviewWrite .info-box .desc-list ul {padding:10px 0} .modal.reviewWrite .info-box .desc-list ul li {text-indent: -8px;padding-left: 8px;} .modal.reviewWrite .info-box .desc-list li li:before {display:none} .modal.reviewWrite .info-box .desc-list li.type2:before {display: none;} .modal.reviewWrite .info-box .desc-list li.type2 ul {padding:0;} .modal.reviewWrite .review_select{margin:18px 0 2px;} .modal.reviewWrite .review_select .selectbox .value {color:#666;} .modal.reviewWrite .detail-contents .review_select .select-option-thumb {width:100%;} .modal.reviewWrite .detail-contents .review_select .select-option-thumb .btn-select {font-weight:normal;width:100%;} .modal.reviewWrite .detail-contents .review_select .select-option-thumb.active .btn-select {border:1px solid #000;border-bottom:0;} .modal.reviewWrite .review_select .select-option-thumb .btn-select {border:1px solid #ddd;} .modal.reviewWrite .review_select .select-option-thumb .option-list {height:270px;overflow-y:scroll;border:1px solid #000;border-top:1px solid #ddd;} .modal.reviewWrite .review_select{margin-bottom:20px;} .modal.reviewWrite .review_select .select-option-thumb .btn-select{height:82px;} .modal.reviewWrite .review_select [class^='select-option'] .option-list{top:82px;border-top:0;} .modal.reviewWrite .review_select [class^='select-option'] .btn-select:after{top:50%;margin-top:-5px;} .modal.reviewWrite .review_select .active .btn-select{border:1px solid #000;border-bottom:1px solid #ddd;} .modal.reviewWrite .review_select [class^='select-option'] .option-name{font-size:14px;color:#333;line-height:1.3;overflow:hidden;white-space:normal;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .modal.reviewWrite .review_select [class^='select-option'] .option-item .option-name{color:#000;} .modal.reviewWrite .review_select [class^='select-option'] .btn-select{position:relative;padding-left:80px;} .modal.reviewWrite .review_select [class^='select-option'] .btn-select .thumb{display:block;width:50px;height:50px;display: block;position: absolute;left: 20px;top: 15px;} .modal.reviewWrite .option-list .option-item:hover, .modal.reviewWrite .option-list .option-item:focus, .modal.reviewWrite .option-list .option-item.active {letter-spacing:-0.5px;} .preview_box .review_list_wrap{margin-top:0;} .preview_box .review_list_wrap .review_list{border-top:0;padding:0 20px;} .preview_box .review_list_wrap .review_list li.ellips .review_text .text_box{display:block !important;max-height:100%;} /* 리뷰작성유도 */ .review-tip {margin-top:15px;} .review-tip .review-tip-top {height:50px;text-align:center;background-color:#1ba774;border-radius: 8px;} .review-tip .review-tip-top a {display:block;color:#fff;height:50px;padding-top:11px;font-size:16px;box-sizing: border-box;} .review-tip .review-tip-top a span {display:inline-block;position:relative;padding-left:68px;line-height:25px;background:url(/cjom/web/images/mypage/icon-best01.svg) no-repeat 0 4px;background-size:56px 18px;} .review-tip .review-tip-top a span:after {display:block;width:11px;height:7px;position:absolute;right:-18px;top:10px;content:''; -webkit-transition: all ease-in .3s;transition: all ease-in .3s;background:url(/cjom/web/images/mypage/icon-arr01.svg) no-repeat 0 50%;background-size:11px 7px;} .review-tip .review-tip-top a.active span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg);} .review-tip .review-tip-top a.active {border-radius: 8px 8px 0 0;} .review-tip .review-tip-top a .emp {color:#ffe500;} .review-tip .review-tip-cont {padding:0 0 30px;border:1px solid #1ba774;} .review-tip .review-tip-cont .review-point-info {display:table;width:100%;padding-top:17px;} .review-tip .review-tip-cont .review-point-info dl {position:relative;display:table-cell;height:70px;vertical-align:top;padding:0 40px;} .review-tip .review-tip-cont .review-point-info dl:before {position:absolute;right:0;top:12px;width:1px;height:45px;display:block;content:'';background-color:#ddd;} .review-tip .review-tip-cont .review-point-info dl.best:before {width:41px;height:42px;right:auto;left:0;top:14px;background:url(/cjom/web/images/mypage/icon-review-plus.svg) no-repeat 0 0;background-size:41px 42px;} .review-tip .review-tip-cont .review-point-info dl:nth-child(3):before {width:0;} .review-tip .review-tip-cont .review-point-info dl.best {width:387px;padding:0 40px 0 136px;box-sizing: border-box;background:url(/cjom/web/images/mypage/icon-reveiw-best.svg) no-repeat 76px 0;background-size:45px 70px;} .review-tip .review-tip-cont .review-point-info dl dt {padding-top:10px;line-height:19px;font-weight:500;color:#444;font-size:16px;} .review-tip .review-tip-cont .review-point-info dl dt strong {color:#333;font-weight:bold;} .review-tip .review-tip-cont .review-point-info dl dd {margin-top:8px;line-height:24px;color:#1ba774;font-weight:bold;font-size:20px;letter-spacing:-1px;} .review-tip .review-tip-cont .desc-list {padding:40px 40px 0;margin-top:0;} .review-tip .review-tip-cont .desc-list li {line-height:18px;} /* 리뷰등록 완료 */ #modal-notiReview .btn-modal-close {right:10px;top:5px;} #modal-notiReview .modal-contents {padding:60px 37px 0 33px;} #modal-notiReview .txt01 {color: #000;font-size:22px;font-weight: bold;line-height:30px;} #modal-notiReview .txt02 {padding:13px 0 12px;margin-top:35px;color: #444;text-align:center;font-size:15px;line-height:18px;background-color:#f8f8f8;} #modal-notiReview .txt02 strong {display:block;font-size:18px;color:#1ba774;font-weight:bold;margin-bottom:10px;} #modal-notiReview .img {margin-top:25px;} /*20220902 동영상리뷰 개편*/ .review_list li.on .review_text .photo_box video {wdith:480px !important;} .review_list li.on .review_text .photo_box ul li {position: relative;} .review_list li.on .review_text .photo_box ul li.review_vod_icon:before { content: ''; width:48px; height:48px; background: url(/cjom/web/images/review/recipe_review_icon_play_pc.svg) no-repeat; position: absolute; top:50%; left:216px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .review_list li .photo_thumb .photo_box.review_vod_icon_small:before {z-index:1; content: ''; width:22px; height:22px; background: url(/cjom/web/images/review/recipe_review_icon_play_small_pc.svg) no-repeat; position: absolute; bottom:4px; left:4px;} /* 동영상레시피리뷰프로젝트 20220921 */ /* .fo-rv .review_list li .review_btm .btn_rcm_rv{position:relative;overflow:visible;display:inline-block;border:1px solid #eee;border-radius:30px;color:#333;padding:0 12px 0 32px;height:30px;line-height:28px;font-size:13px} .fo-rv .review_list li .review_btm .btn_rcm_rv:before{content:'';position:absolute;left:12px;top:-1px;width:16px;height:30px;background: url(/cjom/web/images/contents/review/icon_smile.svg) no-repeat 0 50%;background-size: auto 16px;} .fo-rv .review_list li .review_btm .btn_rcm_rv.on {border:1px solid #1ba774;color:#1ba774} .fo-rv .review_list li .review_btm .btn_rcm_rv.on:before{background: url(/cjom/web/images/contents/review/icon_smile_on.svg) no-repeat 0 50%;background-size: auto 16px;} .fo-rv .review_list li .review_btm .btn_rcm_rv em{font-size:13px;font-family:roboto;font-weight:700;font-style: normal;padding-left:4px;margin-top:-1px;display: inline-block;} .fo-rv .review_list li .btn_rcm_rv > div{display:block;content:'';position: absolute;left:0;bottom: 10px;width: 20px;height: 20px;opacity:0;z-index:10;} .fo-rv .review_list li .btn_rcm_rv > div:nth-child(1){animation: bubbleL 1s linear;background:url(/cjom/web/images/contents/review/icon_smile_01.svg) no-repeat;background-size:100%;} .fo-rv .review_list li .btn_rcm_rv > div:nth-child(2){animation: bubbleR 1.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_02.svg) no-repeat;background-size:100%;} .fo-rv .review_list li .btn_rcm_rv > div:nth-child(3){animation: bubbleL 2s linear;background:url(/cjom/web/images/contents/review/icon_smile_03.svg) no-repeat;background-size:100%;} .fo-rv .review_list li .btn_rcm_rv > div:nth-child(4){animation: bubbleR 2.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_04.svg) no-repeat;background-size:100%;} .fo-rv .review_list li .btn_rcm_rv > div:nth-child(5){animation: bubbleL 3s linear;background:url(/cjom/web/images/contents/review/icon_smile_05.svg) no-repeat;background-size:100%;} */ .desc-list2 li.none:before{display:none} /* SWIPER SLIDER */ .swiperWrap{overflow:hidden;position:relative;} .fo-rv .swiper-container{margin:0 auto; position:relative; overflow:hidden; z-index:1} .fo-rv .swiper-container-no-flexbox .swiper-slide{float:left} .fo-rv .swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column} .fo-rv .swiper-wrapper, .swiper-container > ul{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box} .fo-rv .swiper-container-android .swiper-slide, .fo-rv .swiper-wrapper{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} .fo-rv .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap} .fo-rv .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto} .fo-rv .swiper-slide{-webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0;position:relative} .fo-rv .swiper-container-autoheight, .fo-rv .swiper-container-autoheight .swiper-slide{height:auto} .fo-rv .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-transition-property:-webkit-transform,height; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform,height} .fo-rv .swiper-container .swiper-notification{position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .fo-rv .swiper-wp8-horizontal{-ms-touch-action:pan-y; touch-action:pan-y} .fo-rv .swiper-wp8-vertical{-ms-touch-action:pan-x; touch-action:pan-x} .fo-rv .swiper-wrapper .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;} .fo-rv .pg_dot{overflow:hidden;text-align:center;} .fo-rv .pg_dot .swiper-pagination{display:inline-block;vertical-align:top;} .fo-rv .pg_dot .swiper-pagination span{display:block;float:left;width:8px;height:8px;border-radius:100%;-webkit-border-radius:100%;background:#E9E9ED;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .fo-rv .pg_dot .swiper-pagination span + span{margin-left:6px;} .fo-rv .pg_dot .swiper-pagination .swiper-pagination-bullet-active{background:#999;} .fo-rv .swiperCtr .pg_num{display:block;text-align:center;} .fo-rv .swiperCtr .pg_num em{display:inline;} .fo-rv .swiperWrap.noSwp .swiperCtr{display:none;} .fo-rv .tooltip-wrap.active:after{display:none;} .fo-rv .tooltip-content{width:320px;padding:15px 20px 16px 16px;border-color:#999;} .fo-rv .tooltip-content .btn-tooltip-close{top:13px;right:17px;width:19px;height:19px;background:url("/cjom/web/images/review/btn_close_x.svg") 50% 50% no-repeat;background-size:13px auto;} .tooltip-content .dt{display:block;padding:0 22px 15px 0;font-size:15px;line-height:18px;font-weight:500;color:#333;letter-spacing:0;} .tooltip-content .dd{display:block;font-size:13px;line-height:16px;color:#333;letter-spacing:0;} /* 일반 리뷰작성 */ .fo-rv .modal{padding-top:15px;padding-bottom:0;outline:none;} .fo-rv #modal-mini-share{padding-bottom:40px;} .fo-rv #requiredPersonalInformationDispatibility{padding-bottom:40px;} .fo-rv #requiredPersonalInformationDispatibility .modal-header .modal-title{font-size:28px;} .fo-rv .modal .modal-header{padding:12px 0;margin-left:29px;} .fo-rv .modal .btn-modal-close{top:27px;right:20px;} .fo-rv .modal .modal-header .modal-title{font-size:24px;line-height:42px;color:#000;} .fo-rv .modal .modal-contents{padding:0 29px;} .fo-rv .modal .modal-contents > .scroll-wrapper{margin: 0 -29px;} .fo-rv .modal .modal-contents > .scroll-wrapper > [data-scroll]{padding-left:29px;} .fo-rv .scroll-wrapper>.scroll-element.scroll-y{width:6px;top:0;} .fo-rv .scroll-wrapper>.scroll-element .scroll-bar{border-radius:6px;-webkit-border-radius:6px;opacity: 0.1;} .fo-rv .scroll-x{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.2) transparent;} .fo-rv .scroll-x::-webkit-scrollbar-button{background:none;width:0;height:0;} .fo-rv .scroll-x::-webkit-scrollbar{height:6px;} .fo-rv .scroll-x::-webkit-scrollbar-track{background-color:transparent;} .fo-rv .scroll-x::-webkit-scrollbar-thumb{border-radius:6px;-webkit-border-radius:6px;bottom: 5px;background-color:rgba(0,0,0,0.1);} .fo-rv .scroll-y{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.2) transparent;} .fo-rv .scroll-y::-webkit-scrollbar-button{background:none;width:0;height:0;} .fo-rv .scroll-y::-webkit-scrollbar{width:6px;} .fo-rv .scroll-y::-webkit-scrollbar-track{background-color:transparent;} .fo-rv .scroll-y::-webkit-scrollbar-thumb{border-radius:6px;-webkit-border-radius:6px;bottom: 5px;background-color:rgba(0,0,0,0.1);} .fo-rv .modal .modal-contents > .scroll{overflow:hidden;overflow-y:auto;max-height:700px;padding:0 29px 40px 29px;margin:0 -29px -40px -29px} .fo-rv input::placeholder, .fo-rv textarea::placeholder{color:#bbb !important;opacity:1;} .fo-rv input::-webkit-input-placeholder, .fo-rv textarea::-webkit-input-placeholder{color:#bbb !important;} .fo-rv input:-ms-input-placeholder, .fo-rv textarea:-ms-input-placeholder{color:#bbb !important;} .fo-rv input:-moz-input-placeholder, .fo-rv textarea:-moz-input-placeholder{color:#bbb !important;} .fo-rv .input-file{width:auto;height:auto;border:0;} .fo-rv .btn-area{overflow:hidden;padding:15px 0 20px 0;margin:0 -5px} .fo-rv .btn-area span{float:left;padding:0 5px;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .btn-area span:only-child{width:100%;} .fo-rv .btn-area span:first-child:nth-last-child(2), .fo-rv .btn-area span:first-child:nth-last-child(2) ~ span{width:50%;} .fo-rv .btn-area span button{width:100%;height:48px;font-size:16px;line-height:45px;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .btn-area span button.btn-default{color:#fff;border:none;background:#222;} .fo-rv .btn-area span button.btn-white{border-color:#333;color:#333;background:#fff;} .fo-rv .btn-area span button.btn-default:disabled{background:#999;opacity:1;cursor:default;} .fo-rv .btn-area span button.btn-white:disabled{border-color:#999;opacity:1;cursor:default;} .fo-rv .btn-fix .bt-fix{position:fixed;bottom:0;left:0;width:100%;padding:15px 25px 20px 25px;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff;} .fo-rv .btn-fix .review-form{padding-bottom:85px;} .fo-rv .btn-fix .list_rcpReviewWrite{margin-bottom:105px;} .fo-rv .btn-fix .rv_profile{padding-bottom:85px;} .fo-rv .btn-fix .btm_bt.bt-fix button{display:block;width:100%;height:48px;border-radius:4px;background:#111;color:#fff;font-weight:700;font-size:17px;letter-spacing:-0.5px;} .fo-rv .btn-fix .btm_bt.bt-fix button:disabled{background:#999;} .fo-rv input[type="text"].form-element__input{height:48px !important;padding-left:16px;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .form-element__delete{height:48px;} .fo-rv .thumb-text-select .btn-select{height:82px;padding:15px 40px 15px 16px;border-color:#ddd;font-size:14px;line-height:20px;color:#666;} .fo-rv .thumb-text-select.active .btn-select{border-color:#000;} .fo-rv .thumb-text-select .btn-select:after{top:50%;margin-top:-2px} .fo-rv .thumb-text-select .btn-select .thumb{display:block;position:absolute;left:16px;top:15px;width:50px;height:50px;} .fo-rv .thumb-text-select .btn-select .thumb img{display:block;width:50px;height:50px;} .fo-rv .thumb-text-select .btn-select .option-name{padding-left:64px;font-size:14px;} .fo-rv .thumb-text-select .option-list{top:81px;border-top:1px solid #ddd;} .fo-rv .thumb-text-select + .product-list-row-sm{margin-top:20px;} .fo-rv .product-list-row-sm .product-item .inner{height:100px;padding:0 10px 0 120px;} .fo-rv .product-item .memo, .product-item .title{overflow:hidden;display:-webkit-box;max-height:63px;font-size:16px;line-height:21px;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;} .fo-rv .product-item .thumb:before{display:none;} .fo-rv .product_rating_wrap{margin-top:16px;} .fo-rv .review-form{margin-top:15px;border-top:1px solid #333} .fo-rv .form-rating{position:relative;padding:30px 0 0 0;} .fo-rv .form-rating h3{font-size:18px;line-height:21px;color:#000;font-weight:700;} .fo-rv .rating_wrap{position:relative;padding-top:30px;} .fo-rv .rating_wrap .rating_state{position:absolute;right:0;top:-41px;z-index:1;color:#111;font-size:15px;font-style:normal;line-height:56px;} .fo-rv .rating_wrap .rating_state span:after{content:'';display:inline-block;width:56px;height:56px;margin-top:3px;background-repeat:no-repeat;background-position:0 0;background-size:56px 56px;vertical-align:top;} .fo-rv .rating_wrap .rating_state span.star1:after{background-image:url("/cjom/web/images/review/ico_rating_state1.gif")} .fo-rv .rating_wrap .rating_state span.star2:after{background-image:url("/cjom/web/images/review/ico_rating_state2.gif")} .fo-rv .rating_wrap .rating_state span.star3:after{background-image:url("/cjom/web/images/review/ico_rating_state3.gif")} .fo-rv .rating_wrap .rating_state span.star4:after{background-image:url("/cjom/web/images/review/ico_rating_state4.gif")} .fo-rv .rating_wrap .rating_state span.star5:after{background-image:url("/cjom/web/images/review/ico_rating_state5.gif")} .fo-rv .rating{display:block;overflow:hidden;width:225px;margin:0 auto 40px auto;text-align:center;} .fo-rv .rating .input-radio{display:none;} .fo-rv .rating > *{float:right;margin:0 2px 0 3px} .fo-rv .rating label{display:block;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;width:40px;height:40px;cursor:pointer;background:url("/cjom/web/images/review/ico_rating_star_gray2.svg") no-repeat 0 0;} .fo-rv .rating .input-radio.on+label:after, .fo-rv .rating .input-radio.on ~ label:after{content:'';position:absolute;top:0;left:0;width:40px;height:40px;background:url("/cjom/web/images/review/ico_rating_star2.svg") no-repeat 0 0;-webkit-animation:click-wave 0.2s 1 linear;-moz-animation:click-wave 0.2s 1 linear;animation:click-wave 0.2s 1 linear;} .fo-rv .form-rating + .form-tpo:before{content:'';;position:absolute;top:0;left:30px;display:block;width:480px;height:1px;background:#ddd} .fo-rv .form-rating + .btn-area{padding:15px 0 0 0} .fo-rv .form-tpo{position:relative;padding:30px 0 0 0;margin:0 -29px;} .fo-rv .form-tpo h3{position:relative;padding-left:29px;font-size:18px;line-height:21px;color:#000;font-weight:700;} .fo-rv .form-tpo h3 em{display:block;margin-top:6px;font-size:14px;line-height:20px;color:#666;font-weight:300;} .fo-rv .form-tpo h3 .ck_num{position:absolute;right:30px;bottom:0;display:inline-block;text-align:center;font-size:15px;color:#999;font-family:"Roboto";line-height:20px;font-weight:300;} .fo-rv .form-tpo h3 .ck_num em{display:inline-block;font-size:15px;color:#999;font-family:"Roboto";line-height:20px;font-weight:300;} .fo-rv .form-tpo h3 .ck_num .now{margin-right:2px;color:#1ba774;font-weight:700;} .fo-rv .form-tpo h3 .ck_num .total{margin-left:1px;} .fo-rv .form-tpo .rv_tpo{margin-top:20px;padding-bottom:8px;background:#f6f8f8;} .fo-rv .form-tpo .list{overflow:visible;overflow:hidden !important;overflow-x:auto !important;padding:25px 30px 25px 3px;margin-left:27px;text-align:center;} .fo-rv .form-tpo .list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.0);} .fo-rv .form-tpo .list:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);} .fo-rv .form-tpo .list > div{display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;-webkit-box-align:start;-webkit-align-items:start;align-items:start;white-space:nowrap;text-align:left;} .fo-rv .form-tpo .list > div > dl{display:inline-block;vertical-align:top;} .fo-rv .form-tpo .list dl + dl{margin-left:31px;} .fo-rv .form-tpo .list dt{padding-bottom:13px;font-weight:bold;font-size:15px;letter-spacing:-0.5px;} .fo-rv .form-tpo .list li + li{margin-top:10px;} .fo-rv .form-tpo .list li{position:relative;} .fo-rv .form-tpo .list input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;} .fo-rv .form-tpo .list label{display:inline-block;position:relative;padding:0 15px;border:#ddd 1px solid;border-radius:40px;-webkit-border-radius:40px;background:#fff;color:#666;font-size:15px;line-height:40px;vertical-align:top;} .fo-rv .form-tpo .list label:after{content:'';display:block;position:absolute;left:-4px;bottom:-3px;width:12px;height:21px;background:url('/cjom/web/images/review/mv_rv_bln.svg') no-repeat 0 0;} .fo-rv .form-tpo .list label img{max-width:initial;width:15px;height:auto;vertical-align:-2px;} .fo-rv .form-tpo .list .input-radio{display:none;} .fo-rv .form-tpo .list .input-radio.on + label{background:#1ba774;border-color:#1ba774;color:#fff;box-shadow:2px 4px 4px rgb(0 0 0 / 8%)} .fo-rv .form-tpo .list .input-radio.on + label:after{background:url('/cjom/web/images/review/mv_rv_bln_on.svg') no-repeat 0 0;} .fo-rv .form-tpo .list .input-radio+label{margin-left:0} .fo-rv .modal__section--none-bottom{margin-top:30px;} .fo-rv .modal__section--none-bottom .form-label{display:block;margin-bottom:8px;font-size:18px;line-height:21px;color:#000;font-weight:700;} .fo-rv .modal__section--none-bottom .form-element{margin-top:12px;} .fo-rv .modal__section--none-bottom .form-element .input-text{display:block;} .fo-rv .modal__section--none-bottom .form-element .input-text .form-element__input{width:100%;font-size:14px;} .fo-rv .modal__section--none-bottom + .btn-area{padding-top:40px;} .fo-rv .textarea-count{padding:16px 5px 5px 0;font-size:11px;margin-top:0;color:#999;line-height:13px;text-align:right;} .fo-rv .textarea-count span{position:relative;display:inline-block;vertical-align:top;line-height:13px;background:#fff;z-index:1;} .fo-rv .textarea-count .current{margin-left:-5px;font-weight:bold;color:#1ba774} .fo-rv .textarea-count .total{margin-left:0;margin-right:-5px;} .fo-rv .forbidden-word{position: relative;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border: solid 1px #f4e0e4;background-color: #fef4f6;padding: 16px;margin-top: -4px} .fo-rv .forbidden-word:before{content: '';position:absolute;left: 8px;top: -8px;width: 13px;height: 8px;background: url("/cjom/web/images/review/ico_forbidden_arrow.svg")no-repeat 0 0;background-size:13px 8px;} .fo-rv .forbidden-word .forbidden-word-tit{padding-left: 19px;color: #e72a50;font-size: 14px;line-height: 17px;font-weight: 600;} .fo-rv .forbidden-word .forbidden-word-tit:after{top: 0;width: 15px;height: 15px;background: transparent url("/cjom/web/images/review/ico_forbidden.svg")no-repeat 0 0;} .fo-rv .forbidden-word .forbidden-word-desc{margin-top: 7px;font-size: 12px;color: #666;line-height: 16px;} .fo-rv .forbidden-word .forbidden-word-desc .emp{color: #e72a50;} .fo-rv .review_textarea{position:relative;height:140px;margin-top:12px;border-radius:4px;-webkit-border-radius:4px;border:1px solid #ddd;} .fo-rv .review_textarea .textarea{overflow:visible;height:100px;} .fo-rv .review_textarea .textarea .scroll-wrapper{overflow:visible !important;min-height:100px !important;height:100px !important;} .fo-rv .review_textarea .textarea .scroll-content{height:100px !important;} .fo-rv .review_textarea .form-element__textarea{display:block;width:100%;padding:16px;border:0 none;line-height:20px;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:15px;resize:none;} .fo-rv .review_textarea .scroll-wrapper.scroll-textarea>.scroll-element.scroll-y{right:-10px;} .fo-rv .review_textarea .text_roller{position:absolute;left:16px;bottom:8px;right:78px;height:32px;overflow:hidden;} .fo-rv .review_textarea .text_roller .roller__list{height:32px;overflow:hidden;} .fo-rv .review_textarea .text_roller .roller__list span{padding-left:20px;max-height:32px;overflow:hidden;display:block;line-height:16px;color:#1ba774;font-size:13px;position:relative;top:50%;transform:translate(0, -50%);-ms-transform:translate(0, -50%);} .fo-rv .review_textarea .text_roller .roller__list span:before{content:'';position:absolute;top:1px;left:0;width:14px;height:14px;background:transparent url("/cjom/web/images/review/icon_roller.svg") no-repeat 0 0;background-size:100% 100%;} .fo-rv .review_textarea .text_roller .slick-util-group{display:none;} .fo-rv .review_textarea .text_roller .slick-slide{float:none;} .fo-rv .text-box--gray{background-color:#f8f8f8;} .fo-rv .text-box{padding:20px;color:#000;} .fo-rv .info_review_box{margin-top:24px;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .info_review_box .text-box__li2{text-indent:-9px;padding-left:9px;} .fo-rv .info_review_box .text-box__li2 strong{color:#666;} .fo-rv .info_review_box .text-box{border-radius:4px;-webkit-border-radius:4px;} .fo-rv .info_review_box .row_box + .row_box{margin-top:14px;padding-top:14px;border-top:1px dashed #ddd;} .fo-rv .info_review_box .tit_info{display:block;padding-bottom:10px;color:#666;font-size:13px;} .fo-rv .desc-list3 li{overflow:hidden;position: relative;padding-left:8px;color: #999;font-size:14px;line-height:20px;} .fo-rv .desc-list3 li + li{margin-top:3px;} .fo-rv .desc-list3 li.nd:before{display:none;} .fo-rv .desc-list3 li:before{content: '';position: absolute;left:0;top:9px;width:3px;height:3px;border-radius:3px;-webkit-border-radius:3px;background-color:#999;} .fo-rv .info_review_box .desc-list3 li .lb{float:left;color:#666;font-style:normal} .fo-rv .info_review_box .desc-list3 li .lb b{color:#333} .fo-rv .info_review_box .desc-list3 li .im{float:left;margin:3px 4px 0 0;vertical-align:top;} .fo-rv .info_review_box .desc-list3 li .point{float:right;color:#666;} .fo-rv .info_review_box .desc-list3 li .emp{color:#1ba774;} .fo-rv .info_review_box .desc-list3 li:before{background-color:#666;} .fo-rv .review-tip2{margin-top:16px;border-top:1px solid #eee;} .fo-rv .review-tip2 .review-tip-top a{position:relative;display:block;padding:20px 0;color:#333;line-height:20px;} .fo-rv .review-tip2 .review-tip-top a:after{content:'';position:absolute;right:0;top:50%;width:14px;height:12px;margin-top:-6px;background:url("/cjom/web/images/review/ico_arr06.svg") no-repeat 100% 50%/12px 12px;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;} .fo-rv .review-tip2 .review-tip-top a.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);} .fo-rv .review-tip2 .review-tip-cont{padding:20px;margin-bottom:20px;border-radius:4px;-webkit-border-radius:4px;background-color:#f8f8f8;} .fo-rv .photo_attach_wrap{margin-top:16px;} .fo-rv .photo_attach_wrap .form_file{position: relative;} .fo-rv .photo_attach_wrap .form_file .photo_tooltip{position: absolute;top: -25px;right: 0;z-index: 2;background-color: #1ba774;padding:8px 14px;border-radius:6px;-webkit-border-radius:6px;color: #fff;font-size:13px;box-shadow: -1px 2px 6px rgb(0 0 0 / 15%);} .fo-rv .photo_attach_wrap .form_file .photo_tooltip:after{position: absolute;bottom: -4px;right: 10px;display: block;content: '';width: 0px;height: 0px;border-top: 4px solid #1ba774;border-right: 4px solid transparent;border-left: 4px solid transparent;} .fo-rv .photo_attach_wrap .form__file{display: block;background-color: #fff;line-height:0;font-size:0;} .fo-rv .photo_attach_wrap .form__file-filename{display: block;height: 44px;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #111;box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 15px;color: #111;text-align: center;line-height: 42px;} .fo-rv .photo_attach_wrap .form__file-filename:before{content: '';display: inline-block;width: 15px;height: 12px;margin:15px 6px 0 0;background: url("/cjom/web/images/review/ico-photo.png") no-repeat 0 0/15px 12px;vertical-align: top;} .fo-rv .photo_attach_wrap .form__file.t2 .form__file-filename:before{content: '';display: inline-block;width:16px;height:16px;margin:13px 6px 0 0;background: url("/cjom/web/images/review/ico-video.png") no-repeat 0 0/16px 16px;} .fo-rv .photo_attach_wrap .form__file-input{position: absolute;left: -9999px;} .fo-rv .photo_attach_wrap .form__files{display:flex;flex-flow:wrap;min-height:23px;margin:10px -6px 0 -5px;} .fo-rv .photo_attach_wrap .form__files.form__files--show{display: block;transform-origin: bottom center;-webkit-animation: show-files 0.3s forwardscubic-bezier(0.45, 0.05, 0.55, 0.95);-moz-animation: show-files 0.3s forwardscubic-bezier(0.45, 0.05, 0.55, 0.95);-o-animation: show-files 0.3s forwardscubic-bezier(0.45, 0.05, 0.55, 0.95);animation: show-files 0.3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95);} .fo-rv .photo_attach_wrap .form__files-item{position:relative;float:left;margin:10px 0 0 10px;background:#fff} .fo-rv .photo_attach_wrap .form__files-item .form__files-item-link{word-break: break-all;} .fo-rv .photo_attach_wrap .form__files-item-remove{position: absolute;right:0;top:5px;display: inline-block;width:20px;height:20px;cursor: pointer;background: transparent url("/cjom/web/images/review/icon_btn_del.svg")no-repeat 0 0;background-size: 100% 100%;visibility: hidden;opacity: 0;} .fo-rv .photo_attach_wrap .form__files-item--done .form__files-item-remove{opacity: 1;visibility: visible;} .fo-rv .photo_attach_wrap .btn_fileup{display:block;padding:11.3px 0;border-radius:4px;-webkit-border-radius:4px;border:1px solid #111;background-color:#fff;color:#111;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .photo_attach_wrap button.btn_fileup{width:100%;} .fo-rv .photo_attach_wrap .btn_fileup .txt{display:inline-block;position:relative;padding-left:25px;font-size:16px;line-height:20px;font-weight:700;} .fo-rv .photo_attach_wrap .btn_fileup .txt:before{content:'';display:block;position:absolute;left:0;top:1px;width:20px;height:20px;background:url("/cjom/web/images/review/ico-photo.svg") no-repeat 0 0;} .fo-rv .photo_attach_wrap .btn_fileup .txt_sub{display:block;margin-top:3px;font-size:13px;line-height:15px;} .fo-rv .photo_attach_wrap .btn_fileup2{display:block;width:100%;padding:11.3px 0;border-radius:4px;-webkit-border-radius:4px;border:1px solid #333;background-color:#111;color:#fff;font-size:17px;line-height:normal;text-align:center;} .fo-rv .photo_attach_wrap .btn_fileup2 .txt{display:inline-block;position:relative;padding-left:25px;line-height:100%;} .fo-rv .photo_attach_wrap .btn_fileup2 .txt:before{content:'';position:absolute;left:0;top:-1px;width:20px;height:20px;background:url("/cjom/web/images/review/ico-photo2.png") no-repeat 0 0/20px 20px;vertical-align: top;} .fo-rv .photo_attach_wrap .btn_fileup2 .txt_sub{display:block;color:#999;font-size:12px;} .fo-rv .photo_attach_wrap .btn_fixedBtm_fileup{position:fixed;left:0;right:0;bottom:0;z-index:1;padding:8px;background-color:#fff;} .fo-rv .photo_attach_wrap .btn_attach_box{position: relative;} .fo-rv .photo_attach_wrap .btn_attach_box.t_col{display:flex;justify-content:space-between;} .fo-rv .photo_attach_wrap .btn_attach_box.t_col .photo_tooltip{left:50%;right:inherit;transform:translateX(-50%);min-width:140px;} .fo-rv .photo_attach_wrap .btn_attach_box.t_col .photo_tooltip:after{left:50%;right:inherit;transform:translateX(-50%);} .fo-rv .photo_attach_wrap .btn_attach_box.t_col .form__file{width:calc(50% - 4px);} .fo-rv .photo_attach_wrap .form__files-item-thumb{display:block;position:relative;margin:0 5px 10px 5px;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .photo_attach_wrap .form__files-item-thumb:after{content:'';display:block;padding-bottom:100%;} .fo-rv .photo_attach_wrap .form__files-item-thumb img{position:absolute;width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .photo_attach_wrap .form__files-item-thumb .ico_play{overflow:hidden;position:absolute;left:4px;bottom:4px;width:22px;height:22px;background:url("/cjom/web/images/review/ico-play2-44x44.png") no-repeat 0 0/22px 22px;text-indent:-9999px;} .fo-rv .tit_hashtag{display:block;font-size:15px;font-weight:normal;padding-left:23px;background:url("/cjom/web/images/review/ico-hashtag.png") no-repeat 0 3px/16px 16px;color:#333;} .fo-rv .review_textarea + .tit_hashtag, .fo-rv .photo_attach_wrap + .tit_hashtag{margin-top:40px;} .fo-rv .hashtag_box:after{content:'';display:block;clear:both;} /* 2023-08-25 수정 : 추가 */ .fo-rv .hashtag_box .form__column{display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:top;position: relative;width:calc(100% - 73px);} .fo-rv .hashtag_box .form__column .form-element{margin-top:0;} .fo-rv .hashtag_box .form__column .input-text{display:block;} .fo-rv .hashtag_box .form__column .input-text input{width:100%;} .fo-rv .hashtag_box .btn{float:right;width:48px;height:40px;/*margin-left:8px;*/border-radius:4px;-webkit-border-radius:4px;background-color:#333;font-size:13px;line-height:40px;} /* 2023-08-25 수정 : margin-left 없애고 float:right 추가, 해시태그 리뷰 작성 시 버튼 떨어짐 대응 */ .fo-rv .hashtag_box .form-element__delete{display: none;position: absolute;top: 0;right: 0;width: 30px;height:40px;background: url("/cjom/web/images/review/ico-input-delete.png") no-repeat right 5px center; background-size: 20px;} .fo-rv .hashtag_box .btn{width:62px;height:48px;/*margin-left:8px;*/border-radius:4px;-webkit-border-radius:4px;background-color:#333;font-size:13px;line-height:40px;color:#FFF;} .fo-rv .hashtag_box .btn:disabled{background-color:#f5f5f5;color:#999;opacity:1;} .fo-rv .hashtag_box .txt_ht_box{padding-top:4px;} .fo-rv .hashtag_box .txt_ht_box .txt_ht{display:inline-block;margin:8px 8px 0 0;padding:5px 8px 5px 10px;border-radius:100px;-webkit-border-radius:100px;background-color:#f6f8f8;} .fo-rv .hashtag_box .txt_ht_box .txt_ht .txt{color:#333;font-size:14px;} .fo-rv .hashtag_box .txt_ht_box .txt_ht .btn_del{overflow:hidden;width:16px;height:16px;margin-top:4px;margin-left:4px;background:url("/cjom/web/images/review/ico_del_32x32.png") no-repeat 0 0/16px 16px;text-indent:-9999px;vertical-align:top;} .fo-rv .tit_hashtag + .hashtag_box{margin-top:10px} /* 레시피 리뷰작성 */ .fo-rv .top_rcpReviewWrite{padding:30px 0 50px 0;background:url("/cjom/web/images/review/bg_recipe_top.png") no-repeat center 0;} .fo-rv .top_rcpReviewWrite dl{width:286px;margin:0 auto;} .fo-rv .top_rcpReviewWrite dl dt{margin-bottom:15px;font-size:20px;line-height:27px;color:#000;font-weight:700;text-align:center;} .fo-rv .top_rcpReviewWrite dl dt span{position:relative;display:inline-block;width:127px;height:27px;vertical-align:top;} .fo-rv .top_rcpReviewWrite dl dt span b{position:absolute;left:0;top:0;width:127px;z-index:2} .fo-rv .top_rcpReviewWrite dl dt span:before{content:'';z-index:1;display:block;position:absolute;left:0px;bottom:0;width:127px;height:10px;background-color:#f8cb89;} .fo-rv .top_rcpReviewWrite dl dd{position:relative;padding-left:40px;font-size:14px;line-height:20px;color:#666;letter-spacing:0;} .fo-rv .top_rcpReviewWrite dl dd:before{content:'';position:absolute;display:block;left:28px;top:8px;background-color:#666;width:3px;height:3px;border-radius:3px;-webkit-border-radius:3px;} .fo-rv .list_rcpReviewWrite{padding-top:25px;margin:0 -30px 40px -30px;background-color:#f6f8f8;} .fo-rv .list_rcpReviewWrite .tit_rcpReview{padding:0 0 10px 30px;color:#333;font-size:16px;line-height:18px;font-weight:400;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap{overflow-y:hidden;padding-bottom:8px;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw{white-space:nowrap;padding-bottom:32px;font-size:0;overflow:hidden !important;overflow-x:auto !important;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw li{display:inline-block;width:200px;margin-left:30px;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw li + li{margin-left:16px;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw li:last-child{margin-right:30px;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw .img_rcpRw{overflow:hidden;position:relative;width:100%;height:290px;border-radius:4px;-webkit-border-radius:4px;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw .img_rcpRw .video{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;object-fit: cover;} .fo-rv .list_rcpReviewWrite .list_rcpRw_wrap .list_rcpRw .txt_rcpRw{margin-top:12px;color:#666;font-size:14px;line-height:18px;white-space:normal;} .fo-rv .form-element + .recipe_review_thumb{margin-top:19px;} .fo-rv .recipe_review_thumb{overflow:hidden;position:relative;width:480px;height:360px;margin-top:48px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#333;} .fo-rv .recipe_review_thumb + .review_textarea{margin-top:0;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-top:0;} .fo-rv .recipe_review_thumb img{position:absolute;top:50%;z-index:1;width:100%;transform:translateY(-50%);} .fo-rv .recipe_review_thumb .num{position:absolute;left:0;top:0;z-index:5;width:24px;height:26px;border-top-left-radius:4px;border-bottom-right-radius:4px;;background-color:#000;color:#fff;text-align:center;font-style:normal;line-height:26px;} .fo-rv .recipe_review_thumb .ico_play{overflow:hidden;position:absolute;left:10px;bottom:10px;z-index:5;width:22px;height:22px;background:url("/cjom/web/images/review/ico-play-44x44.png") no-repeat 50%/22px 22px;text-indent:-9999px;} .fo-rv .recipe_review_thumb .txt_time{position:absolute;right:10px;bottom:10px;z-index:5;padding:4px 10px;border-radius:12px;-webkit-border-radius:12px;background-color:rgba(0, 0, 0, 0.4);color:#fff;font-size:12px;letter-spacing:0.5px;} .fo-rv .recipe_review_thumb .btn_del{overflow:hidden;position:absolute;right:4px;top:4px;z-index:5;width:40px;height:40px;background:url("/cjom/web/images/review/ico-close-56x56.png") no-repeat 50%/28px 28px;text-indent:-9999px;} .fo-rv .recipe_review_thumb_wrap .recipe_review_thumb{margin-top:14px;} /* 상품 상세 리뷰 UI */ .fo-rv .mb25{margin-bottom:75px !important;} .fo-rv .product_rating_top{display:table;width:100%;min-height:239px;padding:51px 55px 51px 60px;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .product_rating_top .rating_total{padding:0;vertical-align:middle;} .fo-rv .product_rating_top .rating_graph{padding:0 48px 0 52px;vertical-align:middle;} .fo-rv .product_rating_top .rating_graph .graph_list li.higher .count{line-height:20px;border:1px solid #1ba774;color:#1ba774;background-color:#fff;} .fo-rv .product_rating_top .rating_graph .graph_list li.higher .count:after{margin-left:-3px;border: solid #1ba774;border-width: 0 1px 1px 0;padding: 3px;background-color:#fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .fo-rv .review_area_sec .sort_checkbox label + label{margin-left:16px;} .fo-rv .product_rating_wrap.prt + div{margin-top:73px;} .fo-rv .product_rating_wrap.prt .product_rating_top{padding:45px 67px 51px 48px} .fo-rv .product_rating_wrap.prt .product_rating_top .rating_graph{padding-right:62px;} .fo-rv .product_rating_top .product_rating_toggle{position:relative;z-index:1;padding-top:15px;margin:0 -52px -77px -33px;background-color:#fff;} .fo-rv .product_rating_top .product_rating_toggle.on{padding-top:0;} .fo-rv .product_rating_top .product_rating_toggle .product_rating_con{width:auto;padding:0 9px 20px 9px;border-radius:4px;-webkit-border-radius:4px;} /*.fo-rv .product_rating_top .product_rating_toggle .product_rating_item{margin:20px 26px 0 26px}*/ .fo-rv .product_rating_top .product_rating_toggle .product_rating_item{margin:20px 12px 0 12px;} .fo-rv .product_rating_top .product_rating_con{vertical-align:middle;} .detail-contents .fo-rv{position:relative;} .fo-rv .review_list_wrap{margin-top:54px;} .prd_rv_none{overflow:hidden;} .prd_rv_none .btn_rv{height:48px;padding:16px 0;margin-top:30px;text-align:center;background:#f6faf8} .prd_rv_none .btn_rv > span{display:inline-block;} .prd_rv_none .btn_rv .txt{padding:15px 0 15px 23px;margin-right:43px;line-height:18px;background:url("/cjom/web/images/review/icon_chat.svg") no-repeat 0 17px;} .prd_rv_none .btn_rv .bt{margin:0 4px;} .prd_rv_none .btn_rv .bt button{min-width:200px;height:48px;padding:0 20px 3px 20px;border-radius:4px;-webkit-border-radius:4px;line-height:45px;} .prd_rv_none .btn_rv .bt button span{font-size:15px;line-height:20px;color:#111;letter-spacing:0;} .prd_rv_none .btn_rv .bt button span em{margin-left:4px;color:#666} .prd_rv_none .btn_rv .bt .btn-white{border-color:#bbb;} .prd_rv_none .btn_rv .bt .btn-default{border-color:#333;;background:#333} .prd_rv_none .btn_rv .bt .btn-default span{color:#fff;} .prd_rv_none .btn_rv .bt .btn-default span em{color:#1ba774} .prd_rv_none + .review_select{padding-top:20px;} .prd_rv_tt_wrap{position:relative;} .prd_rv_tt_wrap .review_select{padding:0 0 4px 0;} .prd_rv_tt_wrap .review_select .select-option-thumb{width:100%;} .prd_rv_tt_wrap .prd_rv_none + .review_select{padding-top:20px;} .prd_rv_best_slide{overflow:hidden;position:absolute;right:0;top:4px;width:890px;} .prd_rv_best_slide .bnr{overflow:hidden;width:890px;height:32px;} .prd_rv_best_slide .bnr li{overflow:hidden;text-align:right;} .prd_rv_best_slide .bnr li > span{display:inline-block;font-size:14px;line-height:32px;color:#666;letter-spacing:-0.5px;vertical-align:top;} .prd_rv_best_slide .bnr .nm{margin-right:10px;font-weight:normal} .prd_rv_best_slide .bnr .bx img{display:inline-block;width:15px;height:auto;margin-top:9px;} .prd_rv_best_slide .bnr .bx span{display:inline-block;margin-left:2px;vertical-align:top;color:#333;font-weight:700} .prd_rv_best_slide .slick-slider, .prd_rv_best_slide .slick-track{width:890px;} .prd_rv_best_slide .slick-slide{float:none} .prd_rv_best_slide .slick-util-group{display:none;} @keyframes opac{ from { opacity: 0.2;} to {opacity: 1; }} .prd_rv_rating_tpo{display:inline-block;width:300px;padding-left:57px;margin:-27px 0 -29px 0;border-left:1px solid #ddd;vertical-align:middle;text-align:left} .prd_rv_rating_tpo .top{overflow:hidden;margin-bottom:12px;} .prd_rv_rating_tpo .top h4{float:left;color:#000;font-weight:bold;font-size:15px;line-height:16px;letter-spacing:-0.5px;} .prd_rv_rating_tpo .top span{float:right;color:#666;font-size:13px;line-height:16px;letter-spacing:-0.5px;font-family:"Roboto"} .prd_rv_rating_tpo .list{overflow:hidden;position:relative;padding:0 0 3px 3px;box-sizing:border-box;-webkit-box-sizing:border-box;} .prd_rv_rating_tpo .list li + li{margin-top:4px;} .prd_rv_rating_tpo .list li{position:relative;height:32px;} .prd_rv_rating_tpo .list li:after{content:'';display:block;position:absolute;left:-4px;bottom:-3px;width:12px;height:21px;animation:opac 0.3s; background:url('/cjom/web/images/review/mv_rv_bln_2_on.svg') no-repeat 0 0;} .prd_rv_rating_tpo .list .bx{display:flex;position:absolute;left:23px;right:17px;z-index:3;} .prd_rv_rating_tpo .list .bx .img{float:left;margin-right:8px;} .prd_rv_rating_tpo .list .bx .img img{display:block;width:15px;height:auto;position:relative;left:0;top:50%;transform:translateY(-50%);} .prd_rv_rating_tpo .list .bx .tx{overflow:hidden;height:32px;float:left;padding-right:30px;font-weight:700;color:#333;font-size:14px;line-height:32px;letter-spacing:-0.5px;} .prd_rv_rating_tpo .list .bx .pc{position:absolute;right:0;top:0;color:#333;font-size:14px;line-height:32px;font-family:"Roboto"} .prd_rv_rating_tpo .list .br, .prd_rv_rating_tpo .list .br > span{display:block;z-index:2;height:32px;border-radius:32px;-webkit-border-radius:32px;background:#f6f8f8;} .prd_rv_rating_tpo .list .br{overflow:hidden;position:relative;width:100%;padding-left:12px;box-sizing:border-box;-webkit-box-sizing:border-box;} .prd_rv_rating_tpo .list .br > span{position: relative;z-index:3;background:#d1ede3;transform:translateX(-110%);transition: all 0.8s;transition-delay: 0.4s;} .prd_rv_rating_tpo .list .br > span.ovr:after{content:'';display:block;position:absolute;left:-12px;top:0;bottom:0;width:30px;background:#d1ede3;} .prd_rv_rating_tpo .list li.no:after{background:url('/cjom/web/images/review/mv_rv_bln_2.svg') no-repeat 0 0;} .prd_rv_rating_tpo .list li.no .br > span{display:none;} .pd_rv_bst_tg{display:block;float:left;height:18px;padding:0 7px;margin-bottom:4px;border-radius:18px;-webkit-border-radius:18px;background:#fa6729;} .pd_rv_bst_tg span{display:block;position:relative;padding-left:14px;color:#fff;font-size:11px;line-height:17px;font-family:'Roboto';letter-spacing:0;} .pd_rv_bst_tg span:after{content:'';display:block;position:absolute;left:0;top:50%;width:12px;height:12px;background:url('/cjom/web/images/review/mv_rv_ico_crown.svg') no-repeat left center;transform:translateY(-50%);} .pd_rv_user{position:relative;height:48px;padding:0 63px 0 58px;} .pd_rv_user:after{content:'';display:block;clear:both;} .pd_rv_user .btn_flw{position:absolute;right:0;top:50%;width:63px;transform:translateY(-50%);} .pd_rv_user .btn_flw button{display:block;width:63px;height:30px;border:#ddd 1px solid;border-radius:3px;-webkit-border-radius:3px;background:none;color:#999;font-size:13px;text-align:center;} .pd_rv_user .btn_flw button span{display:inline-block;padding-left:12px;background:url('/cjom/web/images/review/mv_rv_user_btn_0.svg') no-repeat left center;} .pd_rv_user .btn_flw button[aria-pressed="true"]{border-color:#eff9f5;background:#eff9f5;color:#1ba774;} .pd_rv_user .btn_flw button[aria-pressed="true"] span{background-image:url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg');} .pd_rv_user .tumb{position:absolute;left:0;top:0;height:58px;} .pd_rv_user .tumb > a{display:block;} .pd_rv_user .tumb .rnk{display:block;position:absolute;bottom:0;left:50%;height:15px;padding:0 5px;border-radius:4px;-webkit-border-radius:4px;background:#8254CB;color:#fff;font-weight:500;font-size:10px;line-height:15px;letter-spacing:-0.5px;text-align:center;transform:translateX(-50%);white-space:nowrap;} .pd_rv_user .tumb .img{display:block;padding:2px;border:#fff 2px solid;border-radius:100%;-webkit-border-radius:100%;} .pd_rv_user .tumb .img img{display:block;width:44px;height:44px;border-radius:100%;-webkit-border-radius:100%;} .pd_rv_user .tumb.top1 .rnk{background:#8254CB;} .pd_rv_user .tumb.top1 .img{border-color:#8254CB !important;} .pd_rv_user .tumb.top2 .rnk{background:#EDB941;} .pd_rv_user .tumb.top2 .img{border-color:#EDB941 !important;} .pd_rv_user .tumb.top25 .rnk{background:#DE5C58;} .pd_rv_user .tumb.top25 .img{border-color:#DE5C58 !important;} .pd_rv_user .tumb.top50 .rnk{background:#6A91F5;} .pd_rv_user .tumb.top50 .img{border-color:#6A91F5 !important;} .pd_rv_user .tumb.top100 .rnk{background:#5EC0CF;} .pd_rv_user .tumb.top100 .img{border-color:#5EC0CF !important;} .pd_rv_user .info{position:relative;top:50%;transform:translateY(-50%);} .pd_rv_user .info .top{overflow:hidden;} .pd_rv_user .info .top .nm{float:left;min-height:24px;margin-right:8px;font-weight:bold;font-size:14px;line-height:20px;letter-spacing:-0.5px;color:#333;} .pd_rv_user .info .top .mv_rv_bst_tg{margin-top:1px;} .pd_rv_user .info .btm .tx{color:#333;font-size:14px;} .pd_rv_user .info .top ~ .btm .tx{color:#666;font-size:12px;} .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:14px;} .pd_rv_user .info .top ~ .btm .dt{font-size:12px;} .pd_rv_user .info .top ~ .btm .tg{font-size:12px;} .pd_rv_user .info .btm:after{content:'';display:block;clear:both;} .pd_rv_user .info .btm span{float:left;position:relative;line-height:16px;letter-spacing:-0.5px;} .pd_rv_user .info .btm span + span{margin-left:6px;padding-left:8px;} .pd_rv_user .info .btm span + span:after{content:'';display:block;position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;border-radius:100%;-webkit-border-radius:100%;background:#ddd;} .pd_rv_user .info .btm .nm {font-size:12px;color:#333;font-weight:bold;} .pd_rv_user .info .btm .bt button{background:none;color:#bbb;font-size:10px;line-height:16px;vertical-align:top;transform:translateY(0);} .pd_rv_user .info .btm .dt{color:#666;font-size:13px;} .pd_rv_user .info .btm .tg{color:#999;font-size:13px;} .pd_rv_user .info .btm .pd_rv_bst_tg{padding:0 7px;margin-top:-1px;} .pd_rv_user .info .btm .pd_rv_bst_tg:after{display:none;} .pd_rv_rcp_flag{display:block;width:24px;height:24px;border-radius:0;-webkit-border-radius:0;background:url('/cjom/web/images/review/mv_rv_rcp_flag.svg') no-repeat -24px 0;} .pd_rv_rcp_flag[aria-pressed="true"]{background-position:-48px 0;} .prd_rv_pro_rcp{overflow:hidden;margin:50px 0 0 0;} .prd_rv_pro_rcp .top{margin-bottom:20px;} .prd_rv_pro_rcp .top h4{float:left;padding-left:27px;font-size:20px;line-height:24px;color:#000;font-weight:700;letter-spacing:-0.5px;background: url("/cjom/web/images/review/ico_rcp.svg") 0 50% no-repeat;} .prd_rv_pro_rcp .top .tooltip-wrap .tooltip-icon{width:18px;height:14px;background: url("/cjom/web/images/review/btn_qst.svg") center center no-repeat;background-size: 14px 14px;} .prd_rv_pro_rcp .top [data-tooltip]{height:12px;margin-left:5px;} .prd_rv_pro_rcp ul > li{float:left;position:relative;width:180px;min-height:333px;vertical-align:top;} .prd_rv_pro_rcp:after{content:'';display:block;clear:both;} .prd_rv_pro_rcp .pd_rv_bst_tg{position:absolute;left:0;top:0;z-index:3;margin:0;border-radius:0 0 4px 0;-webkit-border-radius:0 0 4px 0;height:20px;} .prd_rv_pro_rcp .pd_rv_bst_tg span{line-height:20px;} .prd_rv_pro_rcp .box{display:block;overflow:hidden;position:relative;width:170px;height:255px;margin-bottom:5px;border-radius:4px;-webkit-border-radius:4px;white-space:normal;} .prd_rv_pro_rcp .box .img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 67%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.6) 100%);} .prd_rv_pro_rcp .box .img img{position:relative;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform: translate(-50%, -50%);object-fit:cover;} .prd_rv_pro_rcp .box .tit{display:block;overflow:hidden;position:absolute;left:12px;right:12px;bottom:12px;z-index:3;max-height:40px;color:#fff;font-size:15px;line-height:20px;letter-spacing:-0.5px;display:-webkit-box !important;display:box !important;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;word-break:keep-all;} .prd_rv_pro_rcp .box.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .prd_rv_pro_rcp .pd_rv_rcp_flag{position:absolute;right:13px;top:4px;z-index:3;background-position:0 0;} .prd_rv_pro_rcp .pd_rv_rcp_flag[aria-pressed="true"]{background-position:-48px 0;} .prd_rv_pro_rcp .pd_rv_user{height:50px;padding:0 0 6px 50px;box-sizing:border-box;-webkit-box-sizing:border-box;} .prd_rv_pro_rcp .pd_rv_user .tumb{height:50px;} .prd_rv_pro_rcp .pd_rv_user .tumb .img img{width:36px;height:36px;} .prd_rv_pro_rcp .pd_rv_user .tumb .rnk{padding:0 4px;font-size:9px;} .prd_rv_pro_rcp .pd_rv_user .info .top{margin-bottom:0;} .prd_rv_pro_rcp .pd_rv_user .info .top .nm{font-size:13px;color:#333;} .prd_rv_pro_rcp .pd_rv_user .info .btm .tx{font-size:14px;line-height:16px;color:#333;font-family:"Roboto"} .prd_rv_pro_rcp .pd_rv_user .info .top ~ .btm .tx{font-size:12px;color:#666;} .prd_rv_pro_rcp .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:14px;} .prd_rv_pro_rcp .pd_rv_user .tumb{margin-left:-4px;} .prd_rv_pro_rcp .pd_rv_user .tumb[class*="top"]{margin-left:0} .prd_rv_pro_rcp .pd_rv_user .info{margin-left:-4px;} .prd_rv_pro_rcp .pd_rv_user .tumb[class*="top"] + .info{margin-left:0;} .prd_rv_pro_rcp .pd_rv_user .tumb.top, .prd_rv_pro_rcp .pd_rv_user .tumb.top +.info{margin-left:-4px;} .prd_rv_pro_rcp .swiperWrap{overflow:visible;min-height:333px;} .prd_rv_pro_rcp .swiper-wrapper{min-height:333px;} .prd_rv_pro_rcp .swiper-container{padding-left:4px;margin-right:-10px;} .prd_rv_pro_rcp .swiperCtr{position:absolute;top:-40px;right:0;z-index:1} .prd_rv_pro_rcp .swiperCtr .pg_num{display:inline-block;margin:0 6px;text-align:center;font-size:14px;color:#333;line-height:20px;font-weight:300;font-family:"Roboto"} .prd_rv_pro_rcp .swiperCtr .pg_num .now{font-weight:700;margin-right:2px;color:#000;} .prd_rv_pro_rcp .swiperCtr .pg_num .total{margin-left:3px;} .prd_rv_pro_rcp .swiperCtr .swiper-button-prev{display:inline-block;top:27px;right:30px;width:24px;height:24px;font-size:0;line-height:24px;vertical-align:top;background:url("/cjom/web/images/main/icon-controller-line-left.svg") left 0 no-repeat;} .prd_rv_pro_rcp .swiperCtr .swiper-button-next{display:inline-block;top:27px;right:0;width:24px;height:24px;font-size:0;line-height:24px;vertical-align:top;background:url("/cjom/web/images/main/icon-controller-line-right.svg") no-repeat 0 0;} .prd_rv_ess{overflow:hidden;min-height:16px;margin-bottom:2px;} .prd_rv_ess span{float:left;font-size:13px;line-height:16px;color:#999;font-weight:normal} .prd_rv_ess span + span{position:relative;padding-left:12px;} .prd_rv_ess span + span:before{content:'';display:block;position:absolute;left:6px;top:50%;width:2px;height:2px;border-radius:50%;-webkit-border-radius:50%;background:#999;} .prd_recipe_flag{/*overflow:hidden;*/position:relative;height:22px;margin:4px 0 0 0;} .prd_recipe_flag span{display:block;color:#333;font-weight:700;font-size:15px;line-height:20px;letter-spacing:-0.5px;} .prd_recipe_flag .pd_rv_rcp_flag{position:absolute;top:0;right:0;width:18px;height:22px;background:url('/cjom/web/images/review/pd_rv_rcp_flag.png') no-repeat 0 0;} .prd_recipe_flag .pd_rv_rcp_flag[aria-pressed="true"]{background-position:-18px 0;} .prd_recipe_flag .prd_rv_ess{position:absolute;top:0;right:0;margin-bottom:0;} .prd_recipe_flag .prd_rv_ess span{font-size:13px;line-height:30px;font-weight:normal;color:#999;} .fo-rv .review_md {clear:both;overflow:hidden;position:relative;height:20px;} .fo-rv .review_md .gift-tag {position:relative;display:inline-block;margin:0;font-size:13px;line-height:20px;padding-right:13px;} .fo-rv .review_md .gift-tag:after {content:"";display:block;width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:10px;right:4px;} .fo-rv .review_md .txt{display:block;float:left;color:#1ba774;font-size:13px;line-height:16px;letter-spacing:-0.5px;} .fo-rv .review_md .date{display:inline-block;color:#999;font-size:13px;line-height:16px;font-family:"Roboto";letter-spacing:0;} .fo-rv .review_star{line-height:20px;float:left;} .fo-rv .star_box{display:inline-block;width:80px;height:16px;background: url("/cjom/web/images/contents/review/ico_rating_star_gray.svg") no-repeat 0 0;background-size: auto 16px;} .fo-rv .star_box .star_per{vertical-align:top;display:inline-block;height:16px;background: url("/cjom/web/images/contents/review/ico_rating_star.svg") no-repeat 0 0;background-size: auto 16px;} .fo-rv .star_num{display:inline-block;vertical-align:top;color:#000;font-family:roboto;font-size:15px;font-weight:700;height:16px;line-height:16px;margin-left:5px} .fo-rv .review_btm{position:relative;margin-top:16px;} .fo-rv .review_btm:after{content: '';display: block;clear: both;} .fo-rv .review_btm .btn_rcm_rv{position:relative;overflow:visible;display:inline-block;border:1px solid #eee;border-radius:30px;-webkit-border-radius:30px;color:#333;padding:0 12px 0 32px;height:30px;line-height:28px;font-size:13px} .fo-rv .review_btm .btn_rcm_rv:before{content:'';position:absolute;left:12px;top:-1px;width:16px;height:30px;background: url("/cjom/web/images/contents/review/icon_smile.svg") no-repeat 0 50%;background-size: auto 16px;} .fo-rv .review_btm .btn_rcm_rv.on{border:1px solid #1ba774;color:#1ba774} .fo-rv .review_btm .btn_rcm_rv.on:before{background: url("/cjom/web/images/contents/review/icon_smile_on.svg") no-repeat 0 50%;background-size: auto 16px;} .fo-rv .review_btm .btn_rcm_rv em{font-size:13px;font-family:roboto;font-weight:700;font-style: normal;padding-left:4px;line-height:20px;vertical-align:top;display: inline-block;} .fo-rv .review_btm .txt{margin-right:15px;font-size:14px;line-height:20px;color:#999;} .fo-rv .review_btm .btn_rcm_rv > div{display:block;content:'';position: absolute;left:0;bottom: 10px;width: 20px;height: 20px;opacity:0;z-index:10;} .fo-rv .review_btm .btn_rcm_rv > div:nth-child(1){animation: bubbleL 1s linear;background:url("/cjom/web/images/contents/review/icon_smile_01.svg") no-repeat;background-size:100%;} .fo-rv .review_btm .btn_rcm_rv > div:nth-child(2){animation: bubbleR 1.5s linear;background:url("/cjom/web/images/contents/review/icon_smile_02.svg") no-repeat;background-size:100%;} .fo-rv .review_btm .btn_rcm_rv > div:nth-child(3){animation: bubbleL 2s linear;background:url("/cjom/web/images/contents/review/icon_smile_03.svg") no-repeat;background-size:100%;} .fo-rv .review_btm .btn_rcm_rv > div:nth-child(4){animation: bubbleR 2.5s linear;background:url("/cjom/web/images/contents/review/icon_smile_04.svg") no-repeat;background-size:100%;} .fo-rv .review_btm .btn_rcm_rv > div:nth-child(5){animation: bubbleL 3s linear;background:url("/cjom/web/images/contents/review/icon_smile_05.svg") no-repeat;background-size:100%;} .fo-rv .review_list_wrap .review_user_info .pd_rv_user .info{float:left;} .fo-rv .review_list_wrap .review_user_info .pd_rv_user .btn_flw{float:left;position:relative;right:auto;margin-left:25px;} .fo-rv .review_list_wrap .prd_recipe_flag span{display:inline-block;} .fo-rv .review_list_wrap .prd_recipe_flag .pd_rv_rcp_flag{display:inline-block;position:relative;top:4px;right:auto;width:15px;height:18px;margin:0 0 0 10px;background-size:30px auto;} .fo-rv .review_list_wrap .prd_recipe_flag .pd_rv_rcp_flag[aria-pressed="true"]{background-position: -15px 0;} .fo-rv .review_list_wrap .prd_recipe_flag .prd_rv_ess span {line-height:18px;} .fo-rv .review_list_wrap .prd_recipe_flag .prd_rv_ess .pd_rv_rcp_flag {transform:translateY(-4px);} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .ico_r{padding-left:21px;background:url('/cjom/web/images/review/ico_rcp_s.svg') no-repeat 0 50%;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .tip{display:block;position:absolute;right:0;top:-26px;height:21px;padding:0 6px;border:#1BA774 1px solid;border-radius:3px;background:#F2FBF8;color:#1ba774;font-size:13px;line-height:21px;letter-spacing:-0.5px;white-space:nowrap;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .tip:after{content:'';display:block;position:absolute;left:50%;bottom:-4px;width:0;z-index:1;margin-left:-5px;border-color: #F2FBF8 transparent;border-style: solid;border-width: 5px 4px 0 4px;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .tip:before{content:'';display:block;position:absolute;left:50%;bottom:-5px;width:0;z-index:0;margin-left:-5px;border-color: #1BA774 transparent;border-style: solid;border-width:5px 4px 0 4px ;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .input-checkbox:after{border-radius:3px;-webkit-border-radius:3px;border:1px solid #ddd;background:#fff url("/cjom/web/images/review/ico_chk_off.svg") no-repeat 50% 50%;background-size: 12px 8px;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .input-checkbox.active:after{border-color:#1ba774 !important;background:#1ba774 url("/cjom/web/images/review/ico_chk_on.svg") no-repeat 50% 50%;background-size: 12px 8px; } .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .input-checkbox.focus:after{border-color: #ddd !important;} .fo-rv .review_list_wrap .review_area_sec .sort_checkbox .input-checkbox.active.focus:after{border-color:#1ba774 !important;} .fo-rv .review_user_info .pd_rv_user{width:auto;height:58px;padding:0 0 6px 61px;margin-left:-61px;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .review_user_info .pd_rv_user .tumb{height:58px;} .fo-rv .review_user_info .pd_rv_user .tumb{margin-left:-2px;} .fo-rv .review_user_info .pd_rv_user .tumb[class*="top"]{margin-left:2px;} .fo-rv .review_user_info .pd_rv_user .tumb.top{margin-left:-2px;} .fo-rv .review_user_info .pd_rv_user .tumb .rnk{padding:0 6px;font-size:10px;} .fo-rv .review_user_info .pd_rv_user .info .btm .tx{line-height:16px;color:#333;} .fo-rv .review_user_info .pd_rv_user .info .top {height:20px;} .fo-rv .review_user_info .pd_rv_user .info .top ~ .btm .tx{color:#666;} .fo-rv .review_user_info .pd_rv_user .info .top .nm{font-size:12px;color:#333;} .fo-rv .review_user_info .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:14px;} .fo-rv .review_user_info .pd_rv_user .pd_rv_bst_tg{margin:0 0 0 0;} .fo-rv .review_list li .review_text .text_box{overflow:visible;height:auto;text-overflow:initial;display:block;-webkit-line-clamp:unset;max-height:initial} .fo-rv .review_list li .review_text .text_box{overflow:visible;} .fo-rv .review_list li .review_text .photo_box{display:block;position:relative;height:auto;} .fo-rv .review_list li .review_text .photo_box li{float:left;width:290px;height:290px;} .fo-rv .review_list li .review_text .photo_box li:first-child:last-child {width:330px;height:330px;} .fo-rv .review_list li .review_text .photo_box li + li{margin-left:9px;} .fo-rv .review_list li .review_text .photo_box li a{display:block;} .fo-rv .review_list li .review_text .photo_box li span.img{display:block;overflow:hidden;position:relative;width:290px;height:290px;border-radius:5px;-webkit-border-radius:5px;} .fo-rv .review_list li .review_text .photo_box li:first-child:last-child span.img {width:330px;height:330px;} .fo-rv .review_list li .review_text .photo_box li span.img img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius:5px;-webkit-border-radius:5px;} .fo-rv .review_list li .review_text .photo_box li span.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .fo-rv .review_list li .review_text .photo_box .photo_num{position:absolute;right:0px;bottom:0px;min-width:14px;padding:0 6px;height:26px;border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0;background:rgba(0, 0, 0, 0.4);} .fo-rv .review_list li .review_text .photo_box .photo_num em{position:relative;font-style:normal;display:block;text-align:center;line-height:26px;color:#fff;font-family:"Roboto";font-weight:500;font-size:14px;} .product-detail .fo-rv .review_list li .review_text .review_md {margin-bottom:0 !important;} .fo-rv .review_list li .review_text .text_box > p{clear:both;overflow:hidden;display:block;margin-top:13px;line-height:20px;} .fo-rv .review_list li .review_text .text_box > p:first-child {margin-top:0;} .fo-rv .review_list li .review_text .text_box > p a{display:block;} .fo-rv .review_list li .review_text .text_box > p > a .positive{background-color: #D1EDE3;} .fo-rv .review_list li .review_text .text_box > p > a .negation{background-color: #FFD8CF;} .fo-rv .review_list li .review_text .photo_box ~ p{text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;} .fo-rv .review_list li .review_text .rcp_box{display:block;position:relative;} .fo-rv .review_list li .review_text .rcp_box li{float:left;width:290px;height:350px;border-radius:5px;-webkit-border-radius:5px;padding:0 0 19px 0;margin-right:9px;border:1px solid #ddd;border-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff} .fo-rv .review_list li .review_text .rcp_box li:last-child{margin-right:0;} .fo-rv .review_list li .review_text .rcp_box li a{display:block;width:290px;height:290px;} .fo-rv .review_list li .review_text .rcp_box li span.img{display:block;overflow:hidden;position:relative;width:290px;height:290px;margin-left:-1px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .fo-rv .review_list li .review_text .rcp_box li span.img img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius:5px 5px 0 0;} .fo-rv .review_list li .review_text .rcp_box li span.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .fo-rv .review_list li .review_text .rcp_box li span.txt{overflow:hidden;position:relative;display:block;height:40px;padding-left:22px;margin:9px 16px 0 12px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:15px;line-height:20px;color:#5d5d60;display:-webkit-box !important;display:box !important;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;word-break:break-all;} .fo-rv .review_list li .review_text .rcp_box li span.txt b{position:absolute;top:0;left:0;font-family:"Roboto";font-size:13px;font-weight:700;} .fo-rv .review_list li .review_text .rcp_box li .txt_time{position:absolute;right:8px;top:261px; z-index:5;height:21px;padding:4px 7px;border-radius:21px;-webkit-border-radius:21px;background-color: rgba(0, 0, 0, 0.4);color: #fff;font-size:12px;line-height:13px;text-align:center;letter-spacing:0.5px;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .review_list li .review_text .rcp_box li .pd_rv_bst_tg{position:absolute;left:-1px;top:0;z-index:3;margin:0;border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;height:20px;} .fo-rv .review_list li .review_text .rcp_box li .pd_rv_bst_tg span{line-height:20px;} .fo-rv .review_list li .review_text .swiperWrap{overflow:visible;height:auto;} .fo-rv .review_list li .review_text .swiperWrap:hover button{opacity:1;filter:alpha(opacity=100);} .fo-rv .review_list li .review_text .rcp_box .swiper-wrapper{height:350px;} .fo-rv .review_list li .review_text .swiperCtr{position:absolute;top:0;left:0;width:100%;z-index:1} .fo-rv .review_list li .review_text .swiperCtr .swiper-button-prev{position:absolute;top:123px;left:-20px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_lt@2x.png") no-repeat 0 0;background-size:40px} .fo-rv .review_list li .review_text .swiperCtr .swiper-button-next{position:absolute;top:123px;right:-20px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_rt@2x.png") no-repeat 0 0;background-size:40px} .fo-rv .review_list li .review_text .swiperCtr button, .fo-rv .review_list li .review_text .swiperCtr button[aria-disabled=true]{opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .fo-rv .review_list li .review_text .rcp_box .review_md{margin-top:12px;} .fo-rv .review_list li.default_item, .fo-rv .review_list li.theprime_item{padding:30px 0 30px 54px;} .fo-rv .review_list li .review_text .review_md {margin:15px 0 !important;height:20px;line-height:20px;overflow:visible;} .fo-rv .review_list li .review_text .review_md .txt {line-height:20px;padding-right:13px;position:relative;} .fo-rv .review_list li .review_text .review_md .txt:before {content:"";display:block;width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:9px;right:6px;} .fo-rv .review_list li .review_text .review_md .date {margin-left:0;padding-right:0;position:relative;line-height:20px;} .fo-rv .review_list li .review_text .review_md .review_star {float:none;display:inline-block;line-height:20px;vertical-align:top;} .fo-rv .review_list li .review_text .review_md .review_star .star_box {width:12px;height:20px;background:none;} .fo-rv .review_list li .review_text .review_md .review_star .star_box .star_per {width:12px !important;height:21px;background-position:0 center;background-size:auto 12px;} .fo-rv .review_list li .review_text .review_md .review_star .star_num {color:#999;font-size:13px;height:20px;line-height:20px;margin-left:0;font-weight:normal;vertical-align:unset;} .fo-rv .review_list li .review_text .review_md .link-rp {display:inline-block;padding:0 13px;position:relative;color:#999;font-size:13px;line-height:20px;} .fo-rv .review_list li .review_text .review_md .link-rp:before, .fo-rv .review_list li .review_text .review_md .link-rp:after {content:"";display:block;width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:10px;} .fo-rv .review_list li .review_text .review_md .link-rp:before {left:4px;} .fo-rv .review_list li .review_text .review_md .link-rp:after {right:4px;} .fo-rv .review_list li .review_text .review_md .review_btm {margin:0;float:right;} .fo-rv .review_list li .review_text .review_md .review_btm .txt {display:none;} .fo-rv .review_list li .review_text .review_md .review_btm .btn_rcm_rv {border:0;border-radius:0;height:20px;line-height:18px;padding-right:0;font-size:14px;} .fo-rv .review_list li .review_text .review_md .review_btm .btn_rcm_rv:before {height:20px;top:0;} /*.fo-rv .review_list li .review_text .review_md .review_btm .btn_rcm_rv.on {color:#333;} .fo-rv .review_list li .review_text .review_md .review_btm .btn_rcm_rv.on:before {background:url(/cjom/web/images/contents/review/icon_smile.svg) no-repeat 0 50%;background-size:auto 16px;}*/ /* 상품 상세 - 포토 리뷰 */ /* VIEW */ .fo-rv .modal .modal-contents{overflow:visible;max-height:calc(100vh - 165px)} .rv_pho_wrap{padding:0 32px;overflow:visible !important;} .rv_pho_wrap .bt_rv_more{position:absolute;left:32px;top:38px;font-size:14px;line-height:20px;} .fo-rv .modal .modal-contents > .scroll-wrapper.rv_pho_wrap > [data-scroll]{overflow:visible !important;} .rv_pho_wrap .pho_gds_rv{padding-bottom:30px;} .rv_pho_wrap .pho_gds_rv > button{opacity:0.4;filter:alpha(opacity=40);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .rv_pho_wrap .pho_gds_rv > button:hover{opacity:1;filter:alpha(opacity=100);} .rv_pho_wrap .pho_gds_rv > button.disabled{opacity:0.2;filter:alpha(opacity=20);} .pho_gd_rv{overflow:visible !important;height:540px;} .pho_gd_rv .g_rv_img{float:left;position:relative;} .pho_gd_rv .g_rv_img .rv_img{position:relative;width:540px;height:540px;border-radius:4px;-webkit-border-radius:4px;background:#FFF} .pho_gd_rv .g_rv_img .rv_img li{overflow:hidden;position:absolute;left:0;top:0;width:540px;height:540px;text-align:center;z-index:-1;opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .pho_gd_rv .g_rv_img .rv_img li.on{display:block;opacity:1;filter:alpha(opacity=100);z-index:1;} .pho_gd_rv .g_rv_img .rv_img li img, .pho_gd_rv .g_rv_img .rv_img li video{display:block;position:relative;left:50%;top:50%;height:100%;min-height:100%;min-width:100%; transform: translate(-50%, -50%);object-fit: cover;} .pho_gd_rv .g_rv_img .rv_img li.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:72px;height:72px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .pho_gd_rv .g_rv_img .pg_dot{position:absolute;left:50%;bottom:20px;height:8px;text-align:center;-webkit-transform: translate(-50%);transform: translate(-50%);z-index:1} .pho_gd_rv .g_rv_img .pg_dot li{display:inline-block;height:8px;margin:0 3px;vertical-align:top;} .pho_gd_rv .g_rv_img .pg_dot li a{display:block;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;background:rgba(0, 0, 0, 0.4)} .pho_gd_rv .g_rv_img .pg_dot li.on a{background:rgba(0, 0, 0, 0.7)} .pho_gd_rv .g_rv_info{float:left;width:343px;margin-left:26px;} .pho_gd_rv .g_rv_info .pd_rv_user{margin-left:-4px;} .pho_gd_rv .g_rv_info .review_md{clear:both;margin-top:10px;} .pho_gd_rv .g_rv_info .pd_rv_user .info .top .nm{min-height:24px;} .pho_gd_rv .g_rv_info .rv_pg{overflow:hidden;display:block;position:relative;min-height:58px;margin:18px -5px 0 0;vertical-align:top;} .pho_gd_rv .g_rv_info .rv_pg ul{height:58px;} .pho_gd_rv .g_rv_info .rv_pg li{float:left;position:relative;width:54px;height:54px;margin:4px 4px 0 0;background:#eee} .pho_gd_rv .g_rv_info .rv_pg li img{display:block;position:relative;left:50%;top:50%;height:100%;min-height:100%;min-width:100%; transform: translate(-50%, -50%);object-fit: cover;} .pho_gd_rv .g_rv_info .rv_pg li a{display:block;position:relative;width:54px;height:54px;margin:0 auto;} .pho_gd_rv .g_rv_info .rv_pg li.on a:before, .pho_gd_rv .g_rv_info .rv_pg li a:hover:before{content:'';display:block;position:absolute;z-index:1;left:0;top:0;width:48px;height:48px;border:3px solid #1BA774;} .pho_gd_rv .g_rv_info .rv_pg li a:after{content:'';display:block;position:absolute;left:0;top:0;width:54px;height:54px;background:rgba(0,0,0,0.1);} .pho_gd_rv .g_rv_info .rv_pg li.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:22px;height:22px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .pho_gd_rv .g_rv_info .cmt{clear:both;overflow:hidden;overflow-y:auto;height:340px;margin-top:10px;font-size:15px;line-height:22px;color:#333;word-break:break-word;word-wrap:break-word;} .pho_gd_rv .g_rv_info .cmt.smt{height:288px;} .pho_gd_rv .swiperCtr .swiper-button-prev{position:absolute;top:50%;left:-100px;width:40px;height:50px;margin-top:-45px;font-size:0;background:url("/cjom/web/images/review/ico_arr_lt_on.svg") no-repeat center center;} .pho_gd_rv .swiperCtr .swiper-button-next{position:absolute;top:50%;right:-100px;width:40px;height:50px;margin-top:-45px;font-size:0;background:url("/cjom/web/images/review/ico_arr_rt_on.svg") no-repeat center center;} .pho_gd_rv .swiperCtr button{-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .pho_gd_rv .swiperCtr .swiper-button-prev[aria-disabled=true]{background-image:url("/cjom/web/images/review/ico_arr_lt_off.svg")} .pho_gd_rv .swiperCtr .swiper-button-next[aria-disabled=true]{background-image:url("/cjom/web/images/review/ico_arr_rt_off.svg")} .rcp_rv_chk{clear:both;padding-top:40px;} .rcp_rv_chk dl{position:relative;clear:both;padding-bottom:16px;} .rcp_rv_chk dt{padding-bottom:10px;font-size:15px;line-height:20px;color:#333;} .rcp_rv_chk dt img{display:inline-block;width:18px;height:18px;margin-right:7px;vertical-align:middle;} .rcp_rv_chk dt .es{display:inline-block;width:7px;height:7px;margin:3px 0 0 5px;border-radius:7px;-webkit-border-radius:7px;vertical-align:top;background:#fa6729} .rcp_rv_chk dd{overflow: hidden;overflow-x:auto;height:48px;} .rcp_rv_chk dd ul{display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;-webkit-box-align:start;-webkit-align-items:start;align-items:start;white-space:nowrap;height:40px;} .rcp_rv_chk dd li{float:left;margin-right:12px;} .rcp_rv_chk dd li input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;} .rcp_rv_chk dd li label{display:block;position:relative;padding:10px 24px;border:#ddd 1px solid;border-radius:40px;-webkit-border-radius:40px;background:#fff;color:#333;font-size:14px;line-height:18px;vertical-align:top;} .rcp_rv_chk dd li .input-radio{display:none;} .rcp_rv_chk dd li .input-radio.on + label{padding-left:36px;border-color:#eff9f5;color:#1ba774;background:#eff9f5 url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg') no-repeat 24px 50%;} .rcp_rv_chk dd li .input-radio+label{margin-left:0} /* 상품 상세 - 레시피 리뷰 */ .modal.recipe_pop_wrap{top:0;padding-bottom:0;height:100%;background:transparent;border:0;transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);outline:none;} .modal.recipe_pop_wrap .modal-contents{max-height:calc(100vh);padding:0;vertical-align:middle;} .modal.recipe_pop_wrap .btn-modal-close{top:68px;right:0;z-index:200001;} .modal.recipe_pop_wrap .btn-modal-close span{background-image:url("/cjom/web/images/review/ico-close-42x42@2x.png");background-size:42px;} #modal-wrap.fo-rv .dimmed{background:rgba(0,0,0,0.6)} /* 레시피리뷰 상세보기 LAYER */ .rcp_rv_vp_detail{width:calc(100vh * 0.63125);min-width:386px;height:100vh;padding:60px 0;box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;} .rcp_rv_vp_detail.smReady{opacity:1;} .rcp_rv_vp_detail > ul{overflow:hidden;} .rcp_rv_vp_detail.swiper-container-initialized > ul{overflow:visible;} .rcp_rv_vp_detail > ul > li.swiper-slide-prev:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:21;margin-right:66px;border-radius:12px;-webkit-border-radius:12px;background: rgba(0,0,0,0.6);transition:all 0.4s;transition-delay:0.6s;} .rcp_rv_vp_detail > ul > li.swiper-slide-prev .swiper-slide .dim{display:none;} .rcp_rv_vp_detail > ul > .swiper-slide{position:relative;width:100%;height:calc(100vh - 120px);min-width:386px;min-height:300px;margin:15px 0;color:#fff;} .rcp_rv_vp_detail > ul > .swiper-slide .dim{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.6)} .rcp_rv_vp_detail > ul > .swiper-slide.swiper-slide-active .dim{background:linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);} .rcp_rv_vp_detail .hrz{overflow:hidden;min-width:320px;min-height:300px;height:100%;margin-right:66px;border-radius:12px;-webkit-border-radius:12px;} .rcp_rv_vp_detail .hrz .ctr__btns{display:none;} .rcp_rv_vp_detail .swiper-slide > .img{display:block;overflow:hidden;min-width:320px;height:calc(100vh - 115px);min-height:300px;background-color:#000} .rcp_rv_vp_detail .swiper-slide > .img img{display:block;position:relative;left:0;top:50%;min-width:100%;width:100%;height:auto;transform: translateY(-50%);} .rcp_rv_vp_detail .swiper-slide > .gvp{display:block;overflow:hidden;min-width:320px;height:calc(100vh - 115px);min-height:300px;background-color:#000} .rcp_rv_vp_detail .swiper-slide > .gvp video{display:block;position:relative;left:0;top:50%;min-width:100%;width:100%;height:auto;transform:translateY(-50%);} .rcp_rv_vp_detail .gvp .bt_play{display:block;position:absolute;left:50%;top:50%;z-index:10;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play.svg') no-repeat;transform:translate(-50%,-50%);} .rcp_rv_vp_detail .gvp .mute{display:block;position:absolute;left:16px;top:36px;z-index:20;width:24px;height:24px;background:url('/cjom/web/images/review/btn_recipe_video_off.svg') no-repeat;} .rcp_rv_vp_detail .gvp .mute[aria-pressed="false"]{background:url('/cjom/web/images/review/btn_recipe_video_on.svg') no-repeat;} .rcp_rv_vp_detail .swiper-pagination{display:flex;top:24px;left:16px;right:16px;bottom:auto;width:auto;margin-right:66px} .rcp_rv_vp_detail .swiper-pagination span{display:block;overflow:hidden;width:100%;height:2px;margin:0 !important;border-radius:0 !important;background:rgba(255,255,255,0.3);opacity:1;} .rcp_rv_vp_detail .swiper-pagination span + span{margin-left:2px !important;} .rcp_rv_vp_detail .swiper-pagination .swiper-pagination-bullet-active em{display:block;width:100%;height:100%;background:#fff;transition:width 0.07s;} .rcp_rv_vp_detail .hrz.pause .swiper-pagination span em{width:100% !important;} .rcp_rv_vp_detail .swiperCtr{position:absolute;top:50%;left:0;width:100%;z-index:1} .rcp_rv_vp_detail .swiperCtr .swiper-button-prev{position:absolute;top:0;left:0;width:40px;height:50px;margin-top:-25px;font-size:0;background:url("/cjom/web/images/review/ico_arr_lt_on.svg") no-repeat center center;} .rcp_rv_vp_detail .swiperCtr .swiper-button-next{position:absolute;top:0;right:66px;width:40px;height:50px;margin-top:-25px;font-size:0;background:url("/cjom/web/images/review/ico_arr_rt_on.svg") no-repeat center center;} .rcp_rv_vp_detail .swiperCtr button{-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .rcp_rv_vp_detail .swiperCtr button[aria-disabled=true]{display:none} .rcp_rv_vp_detail .vpLyr{position:absolute;right:82px;top:34px;z-index:20;} .rcp_rv_vp_detail .vpLyr .lyrBt{display:block;width:24px;height:24px;background:url('/cjom/web/images/review/mv_rv_vp_lyr.svg') no-repeat;} .rcp_rv_vp_detail .vpLyr .lyr{display:none;overflow:hidden;position:absolute;top:28px;right:4px;border-radius:4px;-webkit-border-radius:4px;background:#fff;} .rcp_rv_vp_detail .vpLyr .lyr button{display:block;width:100%;height:44px;padding:0 20px;line-height:44px;background:#fff;color:#333;font-size:14px;text-align:left;letter-spacing:-0.5px;box-sizing:border-box;-webkit-box-sizing:border-box;white-space:nowrap;} .rcp_rv_vp_detail .vpLyr .lyr li + li{border-top:#ddd 1px solid;} .rcp_rv_vp_detail .pd_rv_user{position:absolute;left:16px;bottom:18px;right:15px;z-index:20;padding-right:50px;} .rcp_rv_vp_detail .pd_rv_user .info .btm .tx{color:#fff;} .rcp_rv_vp_detail .pd_rv_user .info .top .nm{color:#fff;} .rcp_rv_vp_detail .btn_ico_wrap{position:absolute;bottom:0;right:5px;z-index:20;opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .6s ease-in-out;transition: opacity .6s ease-in-out;} .rcp_rv_vp_detail .btn_ico_wrap button{display:block;position:relative;width:100%;padding-top:36px;background:none;color:#fff;font-size:11px;line-height:15px;letter-spacing:-0.5px;text-align:center;white-space:nowrap;} .rcp_rv_vp_detail .btn_ico_wrap button + button{margin-top:5px;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv:before{content:'';display:block;position:absolute;top:0;left:50%;width:36px;height:36px;background:url('/cjom/web/images/review/icon_smile_big.svg') no-repeat;transform:translateX(-50%);} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.on:before{background:url('/cjom/web/images/review/icon_smile_big_on.svg') no-repeat;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv .fc-green{display:block;position:absolute;top:-10px;left:50%;height:18px;padding:0 9px;line-height:18px;border-radius:50px;-webkit-border-radius:50px;font-style:normal;font-weight:700;background-color:#1ba774;color:#fff !important;transform:translate(-50%,-50%);} .rcp_rv_vp_detail .btn_ico_wrap > div{display:block;content:'';position: absolute;left:0;top:10px;width:20px;height:20px;opacity:0;} .rcp_rv_vp_detail .btn_ico_wrap > div:nth-child(1){animation: bubbleL 1s linear;background:url(/cjom/web/images/contents/review/icon_smile_01.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap > div:nth-child(2){animation: bubbleR 1.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_02.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap > div:nth-child(3){animation: bubbleL 2s linear;background:url(/cjom/web/images/contents/review/icon_smile_03.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap > div:nth-child(4){animation: bubbleR 2.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_04.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap > div:nth-child(5){animation: bubbleL 3s linear;background:url(/cjom/web/images/contents/review/icon_smile_05.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap .mark:before{content:'';display:block;position:absolute;top:0;left:50%;width:36px;height:36px;background:url('/cjom/web/images/review/mv_rv_vp_mark_wh.svg') no-repeat 0 0;transform:translateX(-50%);background-size:36px;} .rcp_rv_vp_detail .btn_ico_wrap .mark[aria-pressed="true"]:before{background-image:url('/cjom/web/images/review/mv_rv_vp_mark_on.svg')} .rcp_rv_vp_detail .btn_ico_wrap .gds{display:block;overflow:hidden;width:32px;height:32px;margin:10px auto 0;border-radius:4px;-webkit-border-radius:4px;background:#FFF} .rcp_rv_vp_detail .btn_ico_wrap .gds img{display:block;position:relative;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform: translate(-50%, -50%);} .rcp_rv_vp_detail .swiper-slide-active .btn_ico_wrap{opacity:1;filter:alpha(opacity=100);} .rcp_rv_vp_detail .review_text{display:block;overflow:hidden;position:absolute;left:16px;bottom:78px;z-index:15;width:auto;margin:0;padding-right:16px;} .rcp_rv_vp_detail .review_text .recipe_text_box{overflow:hidden;height:auto;} .rcp_rv_vp_detail .review_text .recipe_text_box p{overflow:hidden;max-height:none;padding-bottom:15px;text-align:justify; color:#fff;font-size:16px;letter-spacing: -0.5px;line-height:22px;word-break:break-all} .rcp_rv_vp_detail .review_text .recipe_text_box .recipe_review_title{margin-bottom:8px;color:#fff;font-size:18px;letter-spacing: -0.5px;line-height:23px;} .rcp_rv_vp_detail .review_text.ellips .recipe_text_box{display:block;max-height:none;-webkit-line-clamp:inherit;} .rcp_rv_vp_detail .review_text.ellips .recipe_text_box p{overflow:hidden;max-height:110px;padding-bottom:0;} .rcp_rv_vp_detail .review_text{-webkit-mask-image:linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 24px) !important;} .rcp_rv_vp_detail .review_text.no-masking-text{-webkit-mask-image:none !important;} .rcp_rv_vp_detail .review_text.no-masking-text .recipe_text_box p{padding-bottom:0;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box{position:relative;padding-top:22px;padding-right:6px;margin-right:-6px;overflow-y:auto !important;-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 24px) !important;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.4) transparent;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box::-webkit-scrollbar-button{background:none;width:0;height:0;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box::-webkit-scrollbar{width:6px;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box::-webkit-scrollbar-track{background-color:transparent;} .rcp_rv_vp_detail .review_text.scr .recipe_text_box::-webkit-scrollbar-thumb{border-radius:6px;-webkit-border-radius:6px;bottom:5px;background-color:rgba(255,255,255,0.45);} .rcp_rv_vp_detail .text_info__mask{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:14;background:rgba(0, 0, 0, 0.55)} .rcp_rv_vp_detail .review_md{margin:0 0 8px;} .rcp_rv_vp_detail .review_md .review_star{float:left;margin-right:11px;} .rcp_rv_vp_detail .review_md .date{position:relative;float:left;margin-left:0;line-height:14px;color:rgba(255,255,255,0.7);} .rcp_rv_vp_detail .review_md .star_box{display:inline-block;width:70px;height:14px;background: url("/cjom/web/images/contents/review/ico_rating_star_gray.svg") no-repeat 0 0;background-size: auto 14px;} .rcp_rv_vp_detail .review_md .star_box .star_per{vertical-align:top;display:inline-block;height:14px;background: url("/cjom/web/images/contents/review/ico_rating_star.svg") no-repeat 0 0;background-size: auto 14px;} .rcp_rv_vp_detail .review_md .star_num{display:inline-block;vertical-align:top;color:#fff;font-family:roboto;font-size:13px;font-weight:700;height:14px;line-height:14px;margin-left:2px} .rcp_rv_vp_detail .review_md .txt{margin-left:6px;color:rgba(255,255,255,0.7);} .rcp_rv_vp_detail .pd_rv_bst_tg{display:inline-block;float:none;margin:0 0 12px 0;vertical-align:top;} .rcp_rv_vp_detail .pd_rv_user .btn_flw{right:68px} .rcp_rv_vp_detail .pd_rv_user .btn_flw button span{color:#fff;background-image:url("/cjom/web/images/review/mv_rv_user_btn_1.svg")} .rcp_rv_vp_detail .pd_rv_user .info .btm span{line-height:14px;} .rcp_rv_vp_detail .pd_rv_user .btn_flw button[aria-pressed="true"]{border-color: #1ba774;background: transparent;} .rcp_rv_vp_detail .pd_rv_user .btn_flw button[aria-pressed="true"] span{color:#1ba774;background-image:url("/cjom/web/images/review/mv_rv_user_btn_0_on.svg")} .rcp_rv_vp_detail .pd_rv_user .tumb .img{border-color:transparent;} .rcp_rv_vp_detail .pd_rv_user .tumb.top1 .img{border-color:#8254CB;} .rcp_rv_vp_detail .pd_rv_user .tumb.top2 .img{border-color:#EDB941;} .rcp_rv_vp_detail .pd_rv_user .tumb.top25 .img{border-color:#DE5C58;} .rcp_rv_vp_detail .pd_rv_user .tumb.top50 .img{border-color:#6A91F5;} .rcp_rv_vp_detail .pd_rv_user .tumb.top100 .img{border-color:#5EC0CF;} .rcp_rv_vp_detail .btn_ico_wrap .prd_hv{display:none;top:auto;left:auto;bottom:-21px;right:-283px;width:288px;height:82px;opacity:1;background:transparent !important;animation:none !important;} .rcp_rv_vp_detail .btn_ico_wrap > .gds:hover + .prd_hv{display:block;} .rcp_rv_vp_detail .btn_ico_wrap .prd_hv:hover{display:block;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx{position:relative;width:275px;height:95px;padding:15px 65px 0 0;margin-left:13px;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;background:#FFF;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx:after{content:'';display:block;clear:both;position:absolute;left:-6px;top:50%;width:0;height:0;margin-top:-4px;border:8px solid transparent;border-left:0;border-right-color:#fff;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx a{display:block;position:relative;padding-left:75px; font-size:0;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .img{overflow:hidden;position:absolute;top:0;left:15px;width:52px;height:52px;border-radius:4px;-webkit-border-radius:4px;background:#FFF} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .img img{display:block;width:52px;height:52px;border-radius:4px;-webkit-border-radius:4px;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .tit{overflow:hidden;height:32px;font-size:13px;line-height:16px;color:#111;display:-webkit-box;display:box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc{overflow:hidden; /* float:left; */ font-size:14px;line-height:20px;color:#333;font-family:"Roboto"; display:inline-block;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc > span{display:inline-block;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc > span + span{margin-left:4px;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc .per{font-weight:700;color:#1ba774} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc .sale{font-weight:700;color:#111} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prc .org{font-size:12px;color:#999;text-decoration:line-through;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .prime {clear:both;width:100%;display:block;color:#c68f35;font-size:11px;line-height:16px;font-weight:normal;} .rcp_rv_vp_detail .btn_ico_wrap .prd_bx .btn{position:absolute;right:12px;bottom:15px;width:35px;height:34px;background:url('/cjom/web/images/review/btn_cart.svg') no-repeat 0 0;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div, .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > i{display:block;content:'';position: absolute;left:0;bottom: 10px;width: 20px;height: 20px;opacity:0;z-index:10;pointer-events:none;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div:nth-child(1), .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.bub > i:nth-child(1){animation: bubbleL 1s linear;background:url(/cjom/web/images/contents/review/icon_smile_01.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div:nth-child(2), .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.bub > i:nth-child(2){animation: bubbleR 1.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_02.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div:nth-child(3), .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.bub > i:nth-child(3){animation: bubbleL 2s linear;background:url(/cjom/web/images/contents/review/icon_smile_03.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div:nth-child(4), .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.bub > i:nth-child(4){animation: bubbleR 2.5s linear;background:url(/cjom/web/images/contents/review/icon_smile_04.svg) no-repeat;background-size:100%;} .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv > div:nth-child(5), .rcp_rv_vp_detail .btn_ico_wrap .btn_rcm_rv.bub > i:nth-child(5){animation: bubbleL 3s linear;background:url(/cjom/web/images/contents/review/icon_smile_05.svg) no-repeat;background-size:100%;} /* 리뷰라운지 */ .top_bn.lge_bn{clear:both;overflow:hidden;} .top_bn.lge_bn > a{display:block;} .top_bn.lge_bn .bn_wrap{display:block;width:1160px;height:120px;padding:25px 0 0 26px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;background:url("/cjom/web/images/review/tit_bg_lge@3x.png") right 0 no-repeat;background-size:auto 120px;} .top_bn.lge_bn .bn_wrap .tt{display:inline-block;margin:6px 10px 0 0;vertical-align:top;} .top_bn.lge_bn .bn_wrap .tt img{display:block;width:140px;height:auto;} .top_bn.lge_bn .bn_wrap .gf{display:inline-block;width:42px;height:42px;vertical-align:top;} .top_bn.lge_bn .bn_wrap .gf img{display:block;width:100%;height:auto;} .top_bn.lge_bn .bn_wrap .tx{display:block;margin-top:3px;font-size:16px;line-height:19px;color:#fff;} .rv_lge_none{height:60px;margin-top:40px;background:#f6f8f8;} .rv_lge_none > a{display:block;padding:20px 0;border-radius:4px;-webkit-border-radius:4px;font-size:18px;line-height:20px;text-align:center;} .rv_lge_none > a b{text-decoration:underline;} .rv_lge_none > a em{color:#1ba774;font-style:normal;} @keyframes aniRngTop{ from{transform:scale(0);} 60%{transform:scale(1.08);} 85%{transform:scale(0.92);} 90%{transform:scale(1.04);} to{transform:scale(1);} } .rv_lge_wrap{clear:both;width:1160px;margin:0 auto;} .rv_lge_wrap *{letter-spacing:-0.5px;} .rv_lge_wrap .btMore{overflow:hidden;width:490px;margin:-14px auto 0 auto;} .rv_lge_wrap .btMore button{display:block;width:100%;height:50px;border:#CCC 1px solid;border-radius:4px;-webkit-border-radius:4px;background:none;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;} .rv_lge_wrap .btMore button span{display:inline-block;position:relative;color:#666;font-size:15px;line-height:50px;letter-spacing:-0.5px;vertical-align:top;} .rv_lge_wrap .dpTit{position:relative;text-align:center;} .rv_lge_wrap .dpTit:after{content:'';display:block;clear:both;} .rv_lge_wrap .dpTit .tooltip-wrap{margin:6px 0 0 4px;} .rv_lge_wrap .dpTit [class^=tooltip-icon]{width:14px;height:14px;background: url("/cjom/web/images/review/ico_qst.svg") 0 0 no-repeat;background-size:14px;} .rv_lge_wrap .dpTit h3{display:inline-block;color:#111;font-weight:bold;font-size:32px;line-height:37px;vertical-align:middle;} .rv_lge_wrap .dpTit h3.tt{vertical-align:bottom;} .rv_lge_wrap .dpTit h3.tt img{display:block;margin:0 auto;} .rv_lge_wrap .dpTit h3.tt + span{margin-top:-22px;} .rv_lge_wrap .dpTabs{position:relative;padding:0 22px;margin-top:36px;text-align:center;} .rv_lge_wrap .dpTabs ul > li{display:inline-block;vertical-align:top;} .rv_lge_wrap .dpTabs ul > li + li{margin-left:8px;} .rv_lge_wrap .dpTabs ul > li button{display:block;height:40px;padding:0 16px;border:#ddd 1px solid;border-radius:40px;-webkit-border-radius:40px;background:none;color:#777;font-size:14px;line-height:38px;box-sizing:border-box;-webkit-box-sizing:border-box;} .rv_lge_wrap .dpTabs ul > li button[aria-selected="true"]{border-color:#1ba774;background:#1ba774;color:#fff;} .rv_lge_wrap .dpTabs.noSwp{padding:0;} .rv_lge_wrap .dpTabs.noSwp .swiper-wrapper{display:block !important} .rv_lge_wrap .dpTabs.noSwp ul > li + li{margin-left:5px;} .rv_lge_wrap .dpTabs .swiperCtr button{position:absolute;top:0;width:13px;height:40px;font-size:0;background:url("/cjom/web/images/review/btn_arrow3x.png") no-repeat 0 50%;background-size:auto 13px;} .rv_lge_wrap .dpTabs .swiperCtr button:after{content:'';display:block;position:absolute;top:0;width:45px;height:40px;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-prev{left:0;background-position:-13px 50%;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-prev[aria-disabled="true"]{background-position:0 50%;pointer-events:none;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-prev:after{display:none;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-next{right:0;background-position:-26px 50%;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-next[aria-disabled="true"]{background-position:-39px 50%;pointer-events:none;} .rv_lge_wrap .dpTabs .swiperCtr .swiper-button-next:after{right:22px;background:linear-gradient(to right, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 100%);} /*.rv_lge_wrap .poll-info-box{margin-left:-60px}*/ .rv_lge_dp{overflow:hidden;position:relative;min-height:94px;padding-top:21px;margin-top:35px;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;background:#fff;} .rv_lge_dp .pd_rv_user{float:left;position:relative;width:50%;height:94px;padding:14px 0 0 177px;margin-bottom:21px;box-sizing:border-box;-webkit-box-sizing:border-box;} .rv_lge_dp .pd_rv_user:after{content:'';display:block;position:absolute;right:0;top:0;width:1px;height:94px;background:#eee;} .rv_lge_dp .pd_rv_user .tumb{left:65px;top:9px;height:72px;} .rv_lge_dp .pd_rv_user .tumb .img img{width:72px;height:72px;} .rv_lge_dp .pd_rv_user .tumb .rnk{bottom:-14px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .rv_lge_dp .pd_rv_user .info{top:0;transform:translateY(0);} .rv_lge_dp .pd_rv_user .info .btm span{font-size:18px;line-height:20px;} .rv_lge_dp .pd_rv_user .info .my{clear:both;overflow:hidden;padding-top:13px;} .rv_lge_dp .pd_rv_user .info .my span.dd{float:left;width:50%;display:block;color:#333;font-size:18px;line-height:37px;} .rv_lge_dp .pd_rv_user .info .my span.ht{float:left;width:50%;display:block;color:#333;font-size:18px;line-height:37px;} /*.rv_lge_dp .pd_rv_user .info .my span.ht{width:50%;}*/ .rv_lge_dp .pd_rv_user .info .my span a{display:inline-block;padding-right:20px;background:url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right center;} .rv_lge_dp .pd_rv_user .info .my span + span a{padding-right:16px;} .rv_lge_dp .pd_rv_user .info .my span b{display:inline-block;margin-left:13px;margin-right:4px;font-size:28px;line-height: 36px;vertical-align:top;font-family:'Roboto';font-weight:700;} .rv_lge_dp .pd_rv_user .info .my span + span b{margin-right:0;} .rv_lge_dp .pd_rv_user .info .my .rd{padding-right:22px;color:#ff7065;background:url('/cjom/web/images/review/rv_lge_dp_heart.svg') no-repeat right center;} .rv_lge_dp .pd_rv_user .info .my .bk i{display:block;position:absolute;bottom:4px;z-index:3;width:8px;height:5px;margin-left:1px;background:url('/cjom/mobile/images/review/mv_rv_prd_tip_0.svg') no-repeat 0 0;transform: rotate(180deg);pointer-events:none;} .rv_lge_dp .pd_rv_user .info .my .bk .tip{display:block;overflow:visible;position:absolute;left:-2px;bottom:-18px;z-index:2;height:21px;padding:0 6px;margin:0;border:#1BA774 1px solid;border-radius:3px;background:#F2FBF8;color:#1ba774;font-weight:normal;font-size:13px;line-height:21px;letter-spacing:-0.5px;white-space:nowrap;pointer-events:none;} .rv_lge_dp .pd_rv_user .info .top{float:left;margin-right:8px;} .rv_lge_dp .pd_rv_user .info .top .nm{font-size:18px;line-height:20px;} .rv_lge_dp .pd_rv_user .info .btm{float:left;} .rv_lge_dp .pd_rv_user .info .btm .tx{font-size:18px;line-height:20px;color:#333;} .rv_lge_pgs{float:left;width:50%;height:94px;margin-bottom:21px;} .rv_lge_pgs dl{overflow:hidden;padding:7px 85px 0 69px;} .rv_lge_pgs dt{color:#333;font-weight:700;font-size:20px;line-height:26px;} .rv_lge_pgs dt b{color:#ff7065;} .rv_lge_pgs .bar{position:relative;margin-top:15px;} .rv_lge_pgs .bar .pg{overflow:hidden;position:relative;height:10px;border-radius:10px;-webkit-border-radius:10px;background:#eee;} .rv_lge_pgs .bar .pg span{display:block;width:100%;height:10px;border-radius:10px;-webkit-border-radius:10px;background:#1ba774;transform:translateX(-100%);transition:all 0.4s;transition-delay:0.6s;} .rv_lge_pgs .bar .bln{position:absolute;right:0;top:-35px;width:66px;height:31px;font-size:12px;line-height:26px;color:#333;font-weight:700;text-align:center;transform:scale(0);transform-origin:bottom right;background:url('/cjom/web/images/review/rv_lge_dp_bln.svg') no-repeat 0 0;} .rv_lge_pgs .bar .bln.ok{transform:scale(1);animation-name:aniRngTop;animation-duration:0.3s;animation-timing-function:ease-in;} .rv_lge_pgs .tip{position:relative;overflow:hidden;height:21px;padding-left:45px;;margin-top:12px;} .rv_lge_pgs .tip .tit{position:absolute;left:0;top:2px;width:40px;height:18px;padding:0 8px;border:#1ba774 1px solid;border-radius:18px;-webkit-border-radius:18px;color:#1ba774;font-weight:700;font-size:12px;line-height:16px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;} .rv_lge_pgs .tip .bnr{overflow:hidden;width:100%;height:21px;} .rv_lge_pgs .tip .bnr a{display:block;color:#999;font-size:15px;line-height:21px;background:#FFF;} .rv_lge_pgs .tip .bnr a em{color:#1ba774;font-style:normal;} .rv_lge_pgs .tip .bnr ul{height:21px;} .rv_lge_pgs .tip .bnr ul li{opacity:0;} .rv_lge_pgs .tip .bnr ul li.swiper-slide-prev, .rv_lge_pgs .tip .bnr ul li.swiper-slide-next, .rv_lge_pgs .tip .bnr ul li.swiper-slide-active{opacity:1;} .rv_lge_lnk{clear:both;overflow:hidden;} .rv_lge_lnk a{display:block;height:45px;background:#eff9f5;text-align:center;} .rv_lge_lnk span{display:inline-block;margin-right:0;padding-right:18px;background:url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right 14px;color:#666;font-size:15px;line-height:45px;vertical-align:top;} .rv_lge_lnk span b{display:inline-block;color:#1ba774;} .rv_lge_lnk i{display:inline-block;width:14px;height:14px;margin:15px 2px 0 2px;background:url('/cjom/web/images/review/rv_lge_dp_heart2.svg') no-repeat right center;vertical-align:top;} .rv_lge_lst{overflow:visible;margin-top:36px;} .rv_lge_lst .rv_lst{margin-right:-21px;} .rv_lge_lst ul > li{float:left;position:relative;width:295px;height:500px;vertical-align:top;} .rv_lge_lst:after{content:'';display:block;clear:both;} .rv_lge_lst .pd_rv_bst_tg{position:absolute;left:0;top:0;z-index:3;margin:0;border-radius:0 0 4px 0;-webkit-border-radius:0 0 4px 0;height:20px;} .rv_lge_lst .pd_rv_bst_tg span{line-height:20px;} .rv_lge_lst .box{display:block;overflow:hidden;position:relative;width:274px;height:370px;border-radius:4px;-webkit-border-radius:4px;white-space:normal;} .rv_lge_lst .box .img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 67%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.6) 100%);} .rv_lge_lst .box .img img{display:block;height:100%;min-height:100%;min-width:100%;object-fit:cover;} /*MARKETDEV-4148 깨짐 현상*/ .rv_lge_lst .box .img video{display:block;position:relative;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform: translate(-50%, -50%);object-fit:cover;} .rv_lge_lst .box .tit{display:block;overflow:hidden;position:absolute;left:20px;right:20px;bottom:20px;z-index:3;max-height:40px;color:#fff;font-size:16px;line-height:20px;letter-spacing:-0.5px;display:-webkit-box !important;display:box !important;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;word-break:keep-all;} .rv_lge_lst .box.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .rv_lge_lst .pd_rv_rcp_flag{position:absolute;right:26px;top:5px;z-index:3;width:35px;height:35px;background-position:0 0;background-size:105px 35px;} .rv_lge_lst .pd_rv_rcp_flag[aria-pressed="true"]{background-position:-70px 0;} .rv_lge_lst .pd_rv_user{width:274px;height:66px;padding:0 0 0 72px;box-sizing:border-box;-webkit-box-sizing:border-box;} .rv_lge_lst .pd_rv_user .tumb{height:57px;} .rv_lge_lst .pd_rv_user .tumb .img img{width:52px;height:52px;} .rv_lge_lst .pd_rv_user .tumb .rnk{bottom:-8px;font-size:10px;font-weight:500;} .rv_lge_lst .pd_rv_user .info .top .nm{font-size:15px;color:#333;} .rv_lge_lst .pd_rv_user .info .btm .tx{font-size:15px;color:#333;font-family:"Roboto"} .rv_lge_lst .pd_rv_user .info .top ~ .btm .tx{font-size:14px;color:#666;} .rv_lge_lst .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:15px;} .rv_lge_lst .pd_rv_user .tumb{margin-left:-4px;} .rv_lge_lst .pd_rv_user .tumb[class*="top"]{margin-left:0} .rv_lge_lst .pd_rv_user .info{margin-left:-4px;} .rv_lge_lst .pd_rv_user .tumb[class*="top"] + .info{margin-left:0;} .rv_lge_lst .pd_rv_user .tumb.top, .rv_lge_lst .pd_rv_user .tumb.top +.info{margin-left:-4px;} .rv_lge_lst .swiperCtr .pg_num{display:inline-block;margin:0 6px;text-align:center;font-size:14px;color:#333;line-height:20px;font-weight:300;font-family:"Roboto"} .rv_lge_lst .swiperCtr .pg_num .now{font-weight:700;margin-right:2px;color:#000;} .rv_lge_lst .swiperCtr .pg_num .total{margin-left:3px;} .rv_lge_lst .swiperCtr .swiper-button-prev{display:inline-block;top:27px;right:30px;width:24px;height:24px;font-size:0;line-height:24px;vertical-align:top;background:url("/cjom/web/images/main/icon-controller-line-left.svg") left 0 no-repeat;} .rv_lge_lst .swiperCtr .swiper-button-next{display:inline-block;top:27px;right:0;width:24px;height:24px;font-size:0;line-height:24px;vertical-align:top;background:url("/cjom/web/images/main/icon-controller-line-right.svg") no-repeat 0 0;} .rv_lge_lst .prd_rv_ess{margin-top:5px;} .rv_lge_lst.n5{margin:0;} .rv_lge_lst.n5 .rv_lst{margin-right:-15px;} .rv_lge_lst.n5 ul > li{width:207px;height:403px;} .rv_lge_lst.n5 .box{width:192px;height:288px;} .rv_lge_lst.n5 .box .tit{left:12px;bottom:12px;right:12px;font-size:15px;} .rv_lge_lst.n5 .pd_rv_rcp_flag{right:20px;top:6px;width:24px;height:24px;background-size:72px 24px;} .rv_lge_lst.n5 .pd_rv_rcp_flag[aria-pressed="true"]{background-position:-48px 0;} .rv_lge_lst.n5 .pd_rv_user{width:192px;height:44px;padding-left:56px;} .rv_lge_lst.n5 .pd_rv_user .tumb{height:42px;} .rv_lge_lst.n5 .pd_rv_user .tumb .img img{width:36px;height:36px;} .rv_lge_lst.n5 .pd_rv_user .info .top .nm{min-height:20px;font-size:13px;line-height:18px;} .rv_lge_lst.n5 .pd_rv_user .info .btm .tx{font-size:14px;line-height:16px;} .rv_lge_lst.n5 .pd_rv_user .info .top ~ .btm .tx{font-size:12px;} .rv_lge_lst.n5 .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:14px;} .rv_lge_lst.n5 .rdo{display:none;position:absolute;right:25px;top:10px;z-index:4;} .rv_lge_lst.n5 .rdo input{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:0;} .rv_lge_lst.n5 .rdo .input-checkbox{display:block;width:24px;height:24px;} .rv_lge_lst.n5 .rdo .input-checkbox:after{width:24px;height:24px;border:none;background:url("/cjom/web/images/review/mv_rv_my_chk_off.svg") no-repeat 0 0;} .rv_lge_lst.n5 .rdo .input-checkbox.active:after{background-image:url("/cjom/web/images/review/mv_rv_my_chk.svg");} .rv_lge_hot{clear:both;margin-top:80px;margin-bottom:70px;} .rv_lge_rct{clear:both;margin-top:70px;} .rv_lge_rct .swiperCtr{position:absolute;top:-38px;right:0;z-index:1;} .rv_lge_thm{clear:both;margin:70px 0 0 0;} .rv_lge_thm:after{content:'';display:block;clear:both;} .rv_lge_thm .dpTabs + .review_list{margin-top:30px;} .rv_lge_thm .review_list{border-top:0;padding:0 0 0 55px;margin-top:60px;} .rv_lge_thm .review_list li.ellips .review_text .text_box{display:block !important;max-height:100%;} .rv_lge_thm .review_list li .review_text{margin-top:0;} .rv_lge_thm .review_list li.default_item{padding:0;border-bottom:0;} .rv_lge_thm .review_list li.default_item + li.default_item{padding-top:25px;margin-top:24px;border-top:1px dotted #ddd;} .rv_lge_thm .review_list li:after {content:'';display:block;clear:both;} .rv_lge_thm .review_list li .review_text .photo_box .photo_num{right:59px;} .rv_lge_thm .pd_rv_user .info{float:left;} .rv_lge_thm .pd_rv_user .info .btm .tx{font-size:15px;color:#333;} .rv_lge_thm .pd_rv_user .info .top ~ .btm .tx{font-size:14px;color:#666;} .rv_lge_thm .pd_rv_user .info .btm .tx.nick{margin-top:2px;color:#333 !important;font-size:15px;} .rv_lge_thm .pd_rv_user .btn_flw{float:left;position:relative;right:auto;margin-left:25px;} .rv_lge_thm .prd_recipe_flag{height:34px;margin-top:6px;line-height:20px;vertical-align:top;} .rv_lge_thm .prd_recipe_flag span{display:inline-block;} .rv_lge_thm .prd_recipe_flag .pd_rv_rcp_flag{display:inline-block;position:relative;top:4px;right:auto;width:15px;height:18px;margin:0 0 0 10px;background-size:30px auto;} .rv_lge_thm .prd_recipe_flag .pd_rv_rcp_flag[aria-pressed="true"]{background-position: -15px 0;} .rv_lge_thm .review_btm{float:left;} .rv_lge_thm .review_prd, .review_list .review_prd{float:right;min-height:68px;margin-top:20px;} .rv_lge_thm .review_prd .txt, .review_list .review_prd .txt{float:left;margin-right:13px;font-size:14px;line-height:20px;color:#999;} .rv_lge_thm .review_prd .prd_bx, .review_list .review_prd .prd_bx{position:relative;float:left;width:483px;min-height:68px;padding:12px 60px 12px 0;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;background:#f6f8f8;} .rv_lge_thm .review_prd .prd_bx a, .review_list .review_prd .prd_bx a{display:block;position:relative;padding-left:68px;} .rv_lge_thm .review_prd .prd_bx .img, .review_list .review_prd .prd_bx .img{overflow:hidden;position:absolute;top:0;left:12px;width:44px;height:44px;border-radius:4px;-webkit-border-radius:4px;background:#FFF} .rv_lge_thm .review_prd .prd_bx .img img, .review_list .review_prd .prd_bx .img img{display:block;width:100%;height:auto;} .rv_lge_thm .review_prd .prd_bx .tit, .review_list .review_prd .prd_bx .tit{font-size:14px;line-height:19px;color:#666;} .rv_lge_thm .review_prd .prd_bx .prc, .review_list .review_prd .prd_bx .prc{float:left;margin-top:4px;font-size:15px;line-height:20px;color:#333;font-family:"Roboto"} .rv_lge_thm .review_prd .prd_bx .prime, .review_list .review_prd .prd_bx .prime {float:left;margin:4px 0 0 10px;font-size:12px;line-height:20px;color:#c68f35;} .review_list .review_prd .prd_bx .product-benefit__price {float:left;margin:4px 0 0 10px; line-height: 20px;} .rv_lge_thm .review_prd .prd_bx .prc > span, .review_list .review_prd .prd_bx .prc > span{display:inline-block;} .rv_lge_thm .review_prd .prd_bx .prc > span + span, .review_list .review_prd .prd_bx .prc > span + span{margin-left:4px;} .rv_lge_thm .review_prd .prd_bx .prc .per, .review_list .review_prd .prd_bx .prc .per{font-weight:700;color:#1ba774} .rv_lge_thm .review_prd .prd_bx .prc .sale, .review_list .review_prd .prd_bx .prc .sale{font-weight:700;color:#111} .rv_lge_thm .review_prd .prd_bx .prc .org, .review_list .review_prd .prd_bx .prc .org{font-size:12px;color:#999;text-decoration:line-through;} .rv_lge_thm .review_prd .prd_bx .pnt, .review_list .review_prd .prd_bx .pnt{float:left;margin:2px 0 0 19px;font-size:12px;line-height:23px;color:#333;} .rv_lge_thm .review_prd .prd_bx .pnt .cnt, .review_list .review_prd .prd_bx .pnt .cnt{margin-left:3px;} .rv_lge_thm .review_prd .prd_bx .btn, .review_list .review_prd .prd_bx .btn{position:absolute;right:12px;top:17px;width:35px;height:34px;background:url('/cjom/web/images/review/btn_cart.svg') no-repeat 0 0;} .rv_lge_thm .review_text .rcp_box{display:block;position:relative;} .rv_lge_thm .review_text .rcp_box li{float:left;width:220px;height:290px;border-radius:5px;-webkit-border-radius:5px;padding:0 0 19px 0;margin-right:10px;border:1px solid #eee;border-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;background:#f5f5f5} .rv_lge_thm .review_text .rcp_box li:last-child{margin-right:0;} .rv_lge_thm .review_text .rcp_box li a{display:block;width:220px;height:220px;} .rv_lge_thm .review_text .rcp_box li span.img{display:block;overflow:hidden;position:relative;width:220px;height:220px;margin-left:-1px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;} .rv_lge_thm .review_text .rcp_box li span.img img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius:5px 5px 0 0;} .rv_lge_thm .review_text .rcp_box li span.vp:after{content:'';display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;transform:translate(-50%,-50%);} .rv_lge_thm .review_text .rcp_box li span.txt{overflow:hidden;position:relative;display:block;height:40px;padding-left:22px;margin:10px 16px 0 12px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;font-size:15px;line-height:20px;color:#333;display:-webkit-box !important;display:box !important;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;} .rv_lge_thm .review_text .rcp_box li span.txt b{position:absolute;top:0;left:0;font-family:"Roboto";font-size:13px;font-weight:700;} .rv_lge_thm .review_text .rcp_box li .pd_rv_bst_tg{position:absolute;left:-1px;top:0;z-index:3;margin:0;border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;height:20px;} .rv_lge_thm .review_text .rcp_box li .pd_rv_bst_tg span{line-height:20px;} .rv_lge_thm .review_text .rcp_box .swiperWrap{overflow:visible;height:290px;} .rv_lge_thm .review_text .rcp_box .swiperWrap:hover button{opacity:1;filter:alpha(opacity=100);} .rv_lge_thm .review_text .rcp_box .swiper-wrapper{height:290px;} .rv_lge_thm .review_text .rcp_box .swiperCtr{position:absolute;top:0;left:0;width:100%;z-index:1} .rv_lge_thm .review_text .rcp_box .swiperCtr .swiper-button-prev{position:absolute;top:123px;left:-20px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_lt.png") no-repeat 0 0;} .rv_lge_thm .review_text .rcp_box .swiperCtr .swiper-button-next{position:absolute;top:123px;right:-20px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_rt.png") no-repeat 0 0;} .rv_lge_thm .review_text .rcp_box .swiperCtr button, .rv_lge_thm .review_text .rcp_box .swiperCtr button[aria-disabled=true]{opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .rv_lge_thm .review_text .rcp_box .review_md{margin-top:12px;} .rv_plan_bx{position:relative;clear:both;padding-top:24px;margin:24px 0 0 55px;border-top:1px dotted #ddd;} .rv_plan_bx li{float:left;width:376px;height:176px;} .rv_plan_bx li a{display:block;width:352px;height:176px;} .rv_plan_bx li img{display:block;width:352px;height:176px;border-radius:4px;-webkit-border-radius:4px;} .rv_plan_bx .swiperWrap{position:relative;overflow:visible;width:1128px;height:176px;} .rv_plan_bx .swiperWrap:after{content:'';display:block;clear:both;z-index:1;position:absolute;right:0;top:0;width:24px;height:176px;background:#fff} .rv_plan_bx .swiperWrap:hover button{opacity:1;filter:alpha(opacity=100);} .rv_plan_bx .swiperCtr{position:absolute;top:0;left:0;width:100%;z-index:2} .rv_plan_bx .swiperCtr .swiper-button-prev{position:absolute;top:70px;left:-20px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_lt.png") no-repeat 0 0;} .rv_plan_bx .swiperCtr .swiper-button-next{position:absolute;top:70px;right:6px;width:40px;height:40px;font-size:0;background:url("/cjom/web/images/review/ico_arr_cir_rt.png") no-repeat 0 0;} .rv_plan_bx .swiperCtr button, .rv_plan_bx .swiperCtr button[aria-disabled=true]{opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} /* 마이페이지 - 나의 리뷰 */ .rv_my_top{clear:both;position:relative;height:208px;padding:25px 50px 0 200px;margin-top:35px;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;} .rv_my_top *{letter-spacing:-0.5px;} .rv_my_top .pd_rv_user{position:absolute;top:-1px;left:-1px;width:200px;height:208px;padding:115px 0 0 0;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;box-sizing:border-box;-webkit-box-sizing:border-box;background:linear-gradient( 140deg, #1BA774, #118D7C )} .rv_my_top .pd_rv_user .tumb{left:50%;top:19px;height:80px;transform:translateX(-50%);} .rv_my_top .pd_rv_user .tumb .img{border-width:3px;border-color:transparent;} .rv_my_top .pd_rv_user .tumb .img img{width:78px;height:78px;} .rv_my_top .pd_rv_user .tumb .rnk{bottom:-14px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .rv_my_top .pd_rv_user .info{position:static;top:auto;transform:translateY(0)} .rv_my_top .pd_rv_user .info .top .nm{display:block;float:none;min-height:20px;margin-right:0;font-size:16px;line-height:20px;color:#fff;text-align:center;font-weight:500;} .rv_my_top .pd_rv_user .info .btm .tx{display:block;float:none;font-family:"Roboto";font-size:16px;color:#fff;line-height:20px;text-align:center;} .rv_my_top .pd_rv_user .info .top ~ .btm .tx{font-size:16px;color:#fff;} .rv_my_top .pd_rv_user .flw{overflow:hidden;position:absolute;left:0;right:0;bottom:23px;text-align:center;} .rv_my_top .pd_rv_user .flw span{display:inline-block;position:relative;color:rgba(255,255,255,0.7);font-size:13px;line-height:16px;vertical-align:bottom;} .rv_my_top .pd_rv_user .flw span em{display:inline-block;color:#fff;font-weight:500;font-style:normal;font-family:"Roboto";} .rv_my_top .pd_rv_user .flw span ~ span{margin-left:8px;padding-left:9px;} .rv_my_top .pd_rv_user .flw span ~ span:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:rgba(255,255,255,0.3);} .rv_my_top .pd_rv_user .edt{position:absolute;top:10px;right:10px;} .rv_my_top .pd_rv_user .edt button{display:block;padding-left:15px;background:url('/cjom/web/images/review/mv_rv_my_edt.svg') no-repeat left center;color:rgba(255,255,255,0.8);font-size:13px;line-height:16px;letter-spacing:-0.5px;} .rv_my_top .pd_rv_user.case1, .rv_my_top .pd_rv_user.case3{padding-top:132px;} .rv_my_top .pd_rv_user.case1 .tumb, .rv_my_top .pd_rv_user.case3 .tumb{top:34px;} .rv_my_top .pd_rv_user.case2 .tumb{top:20px;} .rv_my_top .rv_my_pgs{clear:both;height:61px;padding-left:30px;} .rv_my_top .rv_my_pgs li{float:left;padding-left:30px;border-left:1px solid #eee;} .rv_my_top .rv_my_pgs li.rk{width:219px;border-left:0;} .rv_my_top .rv_my_pgs li.rk span b{margin-right:5px;} .rv_my_top .rv_my_pgs li.ht{width:186px;} .rv_my_top .rv_my_pgs li.rb{width:240px;} .rv_my_top .rv_my_pgs li span{display:block;color:#333;font-size:18px;line-height:24px;} .rv_my_top .rv_my_pgs li span.dd{margin-top:2px;line-height:37px;} .rv_my_top .rv_my_pgs li span a{display:inline-block;padding-right:20px;background:url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right center;} .rv_my_top .rv_my_pgs li span b{display:inline-block;font-size:28px;vertical-align:-3px;font-family:'Roboto';font-weight:700;} .rv_my_top .rv_my_pgs li span b.rd{padding-right:23px;color:#ff7065;background:url('/cjom/web/images/review/rv_lge_dp_heart.svg') no-repeat right center;} .rv_my_top .rv_my_pgs li.rb span.dt{padding-left:20px;background:url('/cjom/web/images/review/ico_flag.svg') no-repeat 0 5px;} .rv_my_top .rv_my_pgs li.rb span.dd{margin-top:15px;font-size:14px;line-height:20px;color:#999;} .rv_my_top .rv_my_pgs li.rb span b{font-size:14px;color:#999;vertical-align:0;} .rv_my_top .rv_my_pgs li.rk .bk{position:relative;line-height:37px;} .rv_my_top .rv_my_pgs li.rk .bk .tip{display:block;overflow:visible;position:absolute;left:-8px;bottom:-24px;z-index:2;height:21px;padding:0 6px;margin:0;border:#1BA774 1px solid;border-radius:3px;background:#F2FBF8;color:#1ba774;font-weight:normal;font-size:13px;line-height:21px;letter-spacing:-0.5px;white-space:nowrap;pointer-events:none;} .rv_my_top .rv_my_pgs li.rk .bk i{display:block;position:absolute;left:50%;bottom:-2px;z-index:3;width:8px;height:5px;margin-left:-4px;background:url('/cjom/mobile/images/review/mv_rv_prd_tip_0.svg') no-repeat 0 0;transform: rotate(180deg);pointer-events:none;} .rv_my_top .rv_lge_pgs{clear:both;float:none;width:760px;height:70px;margin-bottom:0;} .rv_my_top .rv_lge_pgs dl{padding:25px 0 0 60px;} .rv_my_top .rv_lge_pgs dt{font-size:15px;line-height:20px;} .rv_my_top .rv_lge_pgs .bar{margin-top:10px;} .rv_my_top .rv_lge_pgs .tip{margin-top:9px;} .rv_my_top .rv_lge_pgs .tip .bnr a{font-size:14px;line-height: 23px;} .rv_tab{margin-top:40px;border-color: #333;} .rv_tab .active{border-color:#333 !important;} .rv_tab .active a{color:#333;font-weight:700;} .fo-rv .table-bar .total em{font-weight:700;} .fo-rv .table-product.tight{padding-left:120px;} .fo-rv .table-product.tight .thumb{left:2px;} .fo-rv .review-tip .review-tip-top{background-color:#eff9f5;border-radius:4px;} .fo-rv .review-tip .review-tip-top a{color:#333;border:1px solid #eff9f5;border-bottom:0} .fo-rv .review-tip .review-tip-top a .emp{color:#1ba774;} .fo-rv .review-tip .review-tip-top a span{display:inline-block;position:relative;padding-left:0;line-height:25px;color:#333;background:none;vertical-align:middle;} .fo-rv .review-tip .review-tip-top a span.pd_tg{margin-top:-2px;} .fo-rv .review-tip .review-tip-top a span.pd_tg:after{width:13px;height:7px;right:-23px;background:url("/cjom/web/images/review/icon-arr01.svg") no-repeat 0 50%;background-size:13px 7px;} .fo-rv .review-tip .review-tip-top a.active{border-radius:4px 4px 0 0;border-color:#1ba774;} .fo-rv .review-tip .review-tip-top .pd_rv_bst_tg{display:inline-block;float:none;height:18px;padding:0 7px;margin-right:4px;border-radius:18px;-webkit-border-radius:18px;background:#fa6729;} .fo-rv .review-tip .review-tip-top .pd_rv_bst_tg span{display:block;position:relative;padding-left:14px;color:#fff;font-size:11px;line-height:19px;font-family:'Roboto';letter-spacing:0;} .fo-rv .review-tip .review-tip-top .pd_rv_bst_tg span:after{content:'';display:block;position:absolute;left:0;top:50%;width:12px;height:12px;background:url('/cjom/web/images/review/mv_rv_ico_crown.svg') no-repeat left center;transform:translateY(-50%);} .fo-rv .review-tip .review-tip-cont{border-top:0;border-radius:0 0 8px 8px;} .fo-rv .review-tip .review-tip-cont .review-point-info dl dt {font-weight:normal;color:#333;} .fo-rv .review-tip .review-tip-cont .review-point-info dl dt strong{margin-right:5px;} .fo-rv .review-tip .desc-list li:before{top:8px;} .fo-rv .table-col .table-product .title{display:-webkit-box;display:box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:25px;} .fo-rv .review-tip ~ .table-bar.mt35 {margin:20px 0 11px 0 !important;} .fo-rv .review-tip ~ .table-bar.mt35 .total {line-height:18px;} .btn-white-xs.bt-rv{width:180px;height:32px;padding:0;margin:0 auto;border:1px solid #333;border-radius:4px;-webkit-border-radius:4px;font-size:14px;line-height:30px} .btn-white-xs.bt-rv span{color:#333;} .btn-white-xs.bt-rv em{margin-left:4px;color:#999;font-family:"Roboto";} .btn-white-xs.bt-rv + .bt-rv{margin-top:10px;} .btn-white-xs.bt-rv.ln{background:#333} .btn-white-xs.bt-rv.ln span{color:#fff} .btn-white-xs.bt-rv.ln em{color:#1ba774} .fo-rv .review-tip .review-tip-cont .review-point-info dl.best{padding-right:35px;} .fo-rv .review-tip .review-tip-cont .review-point-info dl dd.nd{overflow:hidden;position:relative;color:#333;font-size:13px;line-height:16px;font-weight:normal;letter-spacing: -0.5px;} .fo-rv .review-tip .review-tip-cont .review-point-info dl dd.nd em{display:inline-block;vertical-align:top;} .fo-rv .review-tip .review-tip-cont .review-point-info dl dd.nd .im{margin-top:2px;} .fo-rv .myreview_list_wrap .product-item{padding-bottom:20px;border-bottom:1px solid #ddd;} .fo-rv .myreview_list_wrap .product-item ~ .prd_recipe_flag{margin-top:15px;} .fo-rv .myreview_list_wrap .review_list li .prd_recipe_flag ~ .review_text{padding-top:12px;} .fo-rv .myreview_list_wrap .review_list li.default_item{padding:20px 0;} .fo-rv .myreview_list_wrap .review_list li .review_text{padding:15px 0 0 0;margin-top:0;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box{height:200px;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li{position:relative;width:200px;height:200px;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li + li{margin-left:5px;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li span.img{width:200px;height:200px;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box .photo_num{right:0;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li .txt_time{position:absolute;right:8px;top:171px; z-index:5;height:21px;padding:4px 7px;border-radius:21px;-webkit-border-radius:21px;background-color: rgba(0, 0, 0, 0.4);color: #fff;font-size:12px;line-height:13px;text-align:center;letter-spacing:0.5px;box-sizing:border-box;-webkit-box-sizing:border-box;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li .pd_rv_bst_tg{position:absolute;left:-1px;top:0;z-index:3;margin:0;border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;height:20px;} .fo-rv .myreview_list_wrap .review_list li .review_text .photo_box li .pd_rv_bst_tg span{line-height:20px;} .fo-rv .myreview_list_wrap .review_list li .review_btm .btn_rcm_rv em {vertical-align:middle !important;} .fo-rv .myreview_list_wrap .product-item a {max-width:580px;} .fo-rv .myreview_list_wrap .text-group .date{color:#999;} .fo-rv .myreview_list_wrap .text-group .state{display:inline-block;height:30px;padding:0 12px;margin:0 16px;font-size:14px;line-height:30px;color:#1ba774;box-sizing:border-box;background:#edf6f1} .fo-rv .myreview_list_wrap .text-group .txt_alt{margin:0 20px 0 0;display:inline-block;line-height:18px;font-size:15px;color:#e72a50;} .fo-rv .myreview_list_wrap .text-group .txt_alt em{margin-left:2px;font-size:14px;color:#666;} .fo-rv .myreview_list_wrap .prd_recipe_flag span{display: inline-block;} .fo-rv .myreview_list_wrap .prd_recipe_flag .pd_rv_rcp_flag{display:inline-block;position:relative;top:4px;right:auto;width:15px;height:18px;margin:0 0 0 10px;background-size:30px auto;} .fo-rv .myreview_list_wrap .prd_recipe_flag .pd_rv_rcp_flag[aria-pressed="true"]{background-position: -15px 0;} .rv_profile_sd{padding:30px 0;} .rv_profile_sd dt{padding:30px 0 20px 0;border-bottom:#eee 1px solid;} .rv_profile_sd dt .img{display:block;overflow:hidden;width:100px;height:100px;margin:0 auto;border-radius:100%;} .rv_profile_sd dt .img img{width:100%;height:auto;} .rv_profile_sd dt .tit{display:block;margin-top:20px;color:#333;font-weight:700;font-size:18px;line-height:24px;letter-spacing:-0.5px;text-align:center;} .rv_profile_sd dd.tip{margin-top:20px;} .rv_profile_sd dd.tip .tx{text-align:center;} .rv_profile_sd dd.tip .tx span{display:block;color:#999;font-size:15px;line-height:20px;letter-spacing:-0.5px;} .rv_profile_sd dd.tip .tx span em{display:block;color:#1ba774;} .rv_profile_sd .bt{margin-top:40px;} .rv_profile_sd .bt a{display:block;width:100%;height:48px;border-radius:4px;background:#1ba774;color:#fff;font-weight:500;font-size:17px;line-height:48px;letter-spacing:-0.5px;text-align:center;} .rv_profile{padding-top:15px;} .rv_profile .topHd{overflow:hidden;} .rv_profile .topHd ~ .topHd{margin-top:20px;} .rv_profile .topHd label{display:block;color:#000;font-weight:bold;font-size:16px;line-height:20px;letter-spacing:-0.5px;} .rv_profile .topHd .bx{display:flex;overflow:hidden;margin-top:16px;} .rv_profile .topHd .bx button{flex:none;width:76px;height:40px;margin-left:10px;border-radius:4px;background:#333;color:#fff;font-size:13px;line-height:40px;} .rv_profile .topHd .bx button:disabled{background:#f5f5f5;color:#999;} .rv_profile .topHd .bx input{display:block;width:100%;height:40px;padding:0 12px;border:#ddd 1px solid;border-radius:4px;color:#111;font-size:14px;letter-spacing:-0.5px;box-sizing:border-box;outline:none;} .rv_profile .topHd .bx input.focus{border-color:#333;} .rv_profile .topHd .bx input::-webkit-input-placeholder, .rv_profile .topHd .bx input:-ms-input-placeholder, .rv_profile .topHd .bx input::placeholder{font-weight:normal !important} .rv_profile .topHd .tx{overflow:hidden;margin-top:8px;} .rv_profile .topHd .tx span{display:block;font-size:13px;line-height:16px;letter-spacing:-0.5px;} .rv_profile .topHd .tx span + span{margin-top:6px;} .rv_profile .topHd .tx .no{color:#fa6729;} .rv_profile .topHd .tx .ok{color:#1ba774;} .rv_profile .badge{display:table;margin-top:40px;} .rv_profile .badge .tit h3{display:block;color:#000;font-weight:700;font-size:16px;line-height:20px;letter-spacing:-0.5px;} .rv_profile .badge .tit span{display:block;margin-top:6px;color:#666;font-size:13px;line-height:16px;letter-spacing:-0.5px;} .rv_profile .badge .lst{margin-top:24px;} .rv_profile .badge .lst ul{padding:0 16px;} .rv_profile .badge .lst ul:after {content:"";display:block;clear:both;} .rv_profile .badge .lst li{float:left;width:calc(100% / 3);padding:0 4px;margin-bottom:4px;text-align:center;box-sizing:border-box;} .rv_profile .badge .lst label{display:block;position:relative;} .rv_profile .badge .lst label .nm{color:#333;} /* .rv_profile .badge .lst input{display:block;position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;margin:0;padding:0;opacity:0;} .rv_profile .badge .lst input:checked + label:after{content:'';display:block;position:absolute;left:50%;top:1px;width:24px;height:24px;margin-left:18px;background:url('/cjom/web/images/review/mv_rv_my_chk.svg') no-repeat 0 0; } .rv_profile .badge .lst input:checked + label .img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:100%;border:#1BA774 2px solid;} */ .rv_profile .badge .lst .input-radio + label{margin:0} .rv_profile .badge .lst .input-radio{display:none;} /*.rv_profile .badge .lst .input-radio.on + label:after{content:'';display:block;position:absolute;left:50%;top:1px;width:24px;height:24px;margin-left:18px;background:url('/cjom/web/images/review/mv_rv_my_chk.svg') no-repeat 0 0; } .rv_profile .badge .lst .input-radio.on + label .img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:100%;border:#1BA774 2px solid;}*/ .rv_profile .badge .lst .img{display:block;overflow:hidden;position:relative;width:96px;height:96px;margin:0 auto;border-radius:100%;} .rv_profile .badge .lst .img img{width:100%;height:auto;} .rv_profile .badge .lst button{display:block;margin:0 auto;background:none;} .rv_profile .badge .lst button:before{content:'';display:block;overflow:hidden;position:relative;width:96px;height:96px;margin:0 auto;border-radius:100%;background:#f5f5f5 url('/cjom/web/images/review/rv_my_lockx3.png') no-repeat center center;background-size:96px;} .rv_profile .badge .lst .nm{display:block;overflow:hidden;height:36px;margin:6px 0 18px 0;color:#bbb;font-size:14px;line-height:18px;letter-spacing:-0.5px;} .rv_profile .badge .lst li .tooltip_wrap:hover .tooltip{display:block;} .rv_profile .badge .lst li .tooltip_wrap{position:relative;} .rv_profile .badge .lst li .tooltip{display:none;position:absolute;left:50%;top:98px;width:230px;padding-top:10px;margin-left:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:11;width:230px;padding:20px;border:#ddd solid 1px;border-radius:4px;box-sizing:border-box;background-color:#FFF;} .rv_profile .badge .lst li .tooltip:after{content:'';display:block;position:absolute;left:50%;top:-7px;width:0;z-index:1;margin-left:-14px;border-color: #FFF transparent;border-style: solid;border-width: 0 7px 8px 7px;} .rv_profile .badge .lst li .tooltip:before{content:'';display:block;position:absolute;left:50%;top:-8px;width:0;z-index:0;margin-left:-14px;border-color: #ddd transparent;border-style: solid;border-width: 0 7px 8px 7px;} .rv_profile .badge .lst li .tooltip dt{color:#333;font-weight:700;font-size:15px;line-height:20px;letter-spacing:-0.5px;text-align:center;} .rv_profile .badge .lst li .tooltip .tip{padding-top:16px;margin-top:16px;border-top:1px solid #eee} .rv_profile .badge .lst li .tooltip .tip .hd{color:#1ba774;font-weight:700;font-size:13px;line-height:16px;letter-spacing:-0.5px;text-align:left;} .rv_profile .badge .lst li .tooltip .tip .hd em{display:inline-block;height:16px;margin-right:3px;padding:0 7px;border:#1ba774 1px solid;border-radius:16px;font-size:11px;line-height:16px;font-style:normal;vertical-align:top;box-sizing:border-box;} .rv_profile .badge .lst li .tooltip .tip .tx{margin-top:8px;text-align:left;} .rv_profile .badge .lst li .tooltip .tip .tx span{display:block;color:#666;font-size:13px;line-height:16px;letter-spacing:-0.5px;} .rv_profile .badge .lst li .tooltip .bt{margin-top:16px;} .rv_profile .badge .lst li .tooltip .bt a{display:block;width:100%;height:32px;border-radius:4px;background:#1ba774;color:#fff;font-size:15px;line-height:32px;letter-spacing:-0.5px;text-align:center;} .rv_profile .badge .lst li:nth-child(3n + 1) .tooltip{margin-left:16px;} .rv_profile .badge .lst li:nth-child(3n + 1) .tooltip:after{margin-left:-24px;} .rv_profile .badge .lst li:nth-child(3n + 1) .tooltip:before{margin-left:-24px;} .rv_profile .badge .lst li:nth-child(3n) .tooltip{margin-left:-15px;} .rv_profile .badge .lst li:nth-child(3n) .tooltip:after{margin-left:8px;} .rv_profile .badge .lst li:nth-child(3n) .tooltip:before{margin-left:8px;} .rv_profile .badge .lst li.active .tooltip .bt a {background:#ddd;pointer-events:none;} .rv_profile .badge .lst li .tooltip .bt a.current {background:#ddd;pointer-events:none;} .rv_profile .badge .lst li.active label:after{content:'';display:block;position:absolute;left:50%;top:1px;width:24px;height:24px;margin-left:18px;background:url('/cjom/web/images/review/mv_rv_my_chk.svg') no-repeat 0 0; } .rv_profile .badge .lst li.active label .img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:100%;border:#1BA774 2px solid;} .rv_profile .terms{overflow:hidden;margin-top:8px;} .rv_profile .terms .input-checkbox:after{border-radius:3px;-webkit-border-radius:3px;border-color:#ddd;background:#fff url("/cjom/web/images/review/ico_chk_off.svg") no-repeat 50% 50%;background-size: 12px 8px;} .rv_profile .terms .input-checkbox.active:after{border-color:#1ba774 !important;background:#1ba774 url("/cjom/web/images/review/ico_chk_on.svg") no-repeat 50% 50%;background-size: 12px 8px; } .rv_profile .terms .input-checkbox.focus:after{border-color: #ddd !important;} .rv_profile .terms .input-checkbox.active.focus:after{border-color:#1ba774 !important;} .rv_profile .terms .txt{margin-left:-3px;display:inline-block;color:#666;font-size:14px;line-height:20px;} .rv_profile .terms .txt a{text-decoration:underline} .rv_up_tip {overflow:hidden;margin-top:60px;} .rv_up_tip *{letter-spacing:-0.5px;} .rv_up_tip .topHd{position:relative;height:235px;background:#F4F6FA;} .rv_up_tip .bgAni {position:relative;} .rv_up_tip .bgAni span{display:block;} .rv_up_tip .bgAni .bg img{display:block;width:100%;height:auto;} .rv_up_tip .bgAni > img{display:block;position:absolute;} .rv_up_tip .bgAni .heart_sdw{right:111px;bottom:162px;width:88px;height:79px;animation-name:aniUpheart_sdw;transform-origin:center center;animation-duration:2s;animation-timing-function:ease-out;animation-iteration-count:infinite;} .rv_up_tip .bgAni .heart{z-index:2;right:127px;bottom:187px;width:52px;height:48px;animation-name:aniUpheart;animation-duration:2s;animation-timing-function:ease-out;animation-iteration-count:infinite;} .rv_up_tip .bgAni .smile_sdw{right:213px;bottom:86px;width:114px;height:102px;animation-name:aniUpSmaile_sdw;transform-origin:center center;animation-duration:1.2s;animation-timing-function:ease-in;animation-iteration-count:infinite;} .rv_up_tip .bgAni .smile{z-index:3;right:239px;bottom:123px;width:63px;height:62px;animation-name:aniUpSmaile;transform-origin:center bottom;animation-duration:1.2s;animation-timing-function:ease-in;animation-iteration-count:infinite;} .rv_up_tip .bgAni .rv-cha1 {z-index:3;right:100px;top:41px;animation-name:aniUpSmaile;transform-origin:center bottom;animation-duration:1.2s;animation-timing-function:ease-in;animation-iteration-count:infinite;} @keyframes aniUpSmaile{ from{transform:translateY(0);} 8%{transform:scale(1, 0.94);} 36%{transform:translateY(-12px);} to{transform:translateY(0);} } @keyframes aniUpSmaile_sdw{ from{transform:scale(1);opacity:1;} 36%{transform:scale(0.5);opacity:0.3;} to{transform:scale(1);opacity:1;} } @keyframes aniUpheart{ from{transform:translateY(0);} 50%{transform:translateY(-7px);} to{transform:translateY(0);} } @keyframes aniUpheart_sdw{ from{transform:scale(1);opacity:1;} 50%{transform:scale(0.8);opacity:0.2;} to{transform:scale(1);opacity:1;} } .rv_up_tip .txAni{position:absolute;z-index:5;top:42px;left:60px;} .rv_up_tip .txAni .tip{display:block;color:#1ba774;font-weight:bold;font-size:16px;line-height:24px;} .rv_up_tip .txAni .tip em{display:inline-block;height:20px;padding:0 8px;margin-top:3px;margin-right:8px;border:#1ba774 1px solid;border-radius:20px;font-size:14px;line-height:18px;vertical-align:top;box-sizing:border-box;} .rv_up_tip .txAni .tit {margin-top:0;color:#333;font-weight:normal;font-size:32px;line-height:45px;} .rv_up_tip .txAni .sub{display:block;margin-top:19px;color:#999;font-size:16px;line-height:22px;} .rv_up_tip .list{overflow:hidden;} .rv_up_tip .list dl{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:60px 0;} .rv_up_tip .list dl ~ dl{border-top:#ddd 1px solid;} .rv_up_tip .list dt{flex:none;overflow:hidden;width:100%;padding-bottom:40px;text-align:center;} .rv_up_tip .list dt img{display:inline-block;vertical-align:top;} .rv_up_tip .list dt span{display:block;margin-top:8px;color:#111;font-weight:bold;font-size:24px;line-height:31px;} .rv_up_tip .list dd ~ dd{margin-left:80px;} .rv_up_tip .list dd .img{display:block;} .rv_up_tip .list dd .img img{display:block;width:80px;height:80px;} .rv_up_tip .list dd .tx{display:block;width:200px;margin-top:20px;color:#333;font-size:15px;line-height:22px;} .rv_up_tip .list dd em{display:block;position:relative;margin-top:8px;padding-left:16px;color:#999;font-size:15px;line-height:20px;} .rv_up_tip .list dd em:after{content:'';display:block;position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:100%;background:#999;} .rv_up_tip .list dl+.rv-up-noti {margin:-30px 0 60px 0;text-align:center;font-size:15px;color:#999;} .rv_up_tip .ntc{overflow:hidden;width:100%;margin-top:40px;padding:20px 40px 20px 20px;background:#f8f8f8;} .rv_up_tip .ntc dt{padding-bottom:13px;color:#333;font-weight:bold;font-size:14px;line-height:16px;} .rv_up_tip .ntc dd{position:relative;padding-left:16px;color:#999;font-size:13px;line-height:20px;} .rv_up_tip .ntc dd:after{content:'';display:block;position:absolute;left:3px;top:50%;width:3px;height:3px;margin-top:-1px;border-radius:100%;background:#999;} .rv_up_tip .ntc dd ~ dd{margin-top:4px;} .rv_rank{margin-top:40px;} .rv_rank *{letter-spacing:-0.5px;} .rv_rank .topHd {position:relative;padding:25px 30px;border-radius:4px;background:#EFF9F5;box-sizing:border-box;} .rv_rank .topHd dt{color:#333;font-weight:bold;font-size:16px;line-height:20px;} .rv_rank .topHd .tx {margin:10px 0 0 0;color:#666;font-size:14px;line-height:20px;} .rv_rank .topHd .lnk {position:absolute;top:25px;right:25px;} .rv_rank .topHd .lnk a{padding-right:20px;background:url('/cjom/web/images/review/mv_rv_dp_arw2.svg') no-repeat right 5px;color:#1ba774;font-size:15px;line-height:18px;} .rv_rank .topHd .lnk a em{display:inline-block;height:18px;padding:0 9px;margin-top:2px;margin-right:8px;border:#1ba774 1px solid;border-radius:18px;font-weight:bold;font-size:11px;line-height:16px;vertical-align:top;box-sizing:border-box;} .rv_rank .scr{overflow:hidden;} .rv_rank .scr .rnk{font-size:14px;line-height:16px;} .rv_rank .scr .rnk.up:before, .rv_rank .scr .rnk.down:before{content:'';display:inline-block;width:8px;height:5px;margin-right:4px;vertical-align:3px;} .rv_rank .scr .rnk.up{color:#e04549;} .rv_rank .scr .rnk.up:before{background:url('/cjom/web/images/review/mv_rv_rnk_up.svg') no-repeat 0 0;} .rv_rank .scr .rnk.down{color:#2586ee;} .rv_rank .scr .rnk.down:before{background:url('/cjom/web/images/review/mv_rv_rnk_down.svg') no-repeat 0 0;} .rv_rank .scr .rnk.no{color:#666;font-size:16px;} .rv_rank .my_scr{overflow:hidden;margin-top:50px;} .rv_rank .my_scr dt{float:left;color:#333;font-size:22px;line-height:40px;} .rv_rank .my_scr .scr{float:left;margin-left:35px;line-height:40px;} .rv_rank .my_scr .scr .num{float:left;color:#333;font-size:18px;} .rv_rank .my_scr .scr .num b{font-size:32px;} .rv_rank .my_scr .scr .rnk{float:left;margin-left:22px;margin-top:13px;font-size:20px;line-height:20px;} .rv_rank .my_scr .scr .rnk.up:before, .rv_rank .my_scr .scr .rnk.down:before{vertical-align:5px;} .rv_rank .my_scr .date{float:right;margin-top:24px;color:#bbb;font-size:13px;line-height:16px;} .rv_rank .my_scr .date .mv-heart {position:relative;display:inline-block;padding-left:14px;} .rv_rank .my_scr .date .mv-heart:before {content:"";display:block;width:3px;height:3px;border-radius:100%;background:#bbb;position:absolute;top:6px;left:5px;} .rv_rank .my_scr .date .mv-heart .mv-icon-heart {display:inline-block;} .rv_rank .list{overflow:hidden;margin-top:9px;border-top:#aaa 1px solid;} .rv_rank .list li ~ li{border-top:#ddd 1px solid;} .rv_rank .list li{display:flex;align-items:center;padding:24px 0;} .rv_rank .list .pd_rv_user{width:100%;height:86px;margin-left:7px;padding:0 20px 0 100px;} .rv_rank .list .pd_rv_user .tumb{height:72px;} .rv_rank .list .pd_rv_user .tumb .img{border-width:3px;} .rv_rank .list .pd_rv_user .tumb .img img{width:72px;height:72px;} .rv_rank .list .pd_rv_user .tumb .rnk{bottom:-14px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .rv_rank .list .pd_rv_user .info{overflow:hidden;} .rv_rank .list .pd_rv_user .info p{float:left;} .rv_rank .list .pd_rv_user .info p ~ p{margin-left:14px;} .rv_rank .list .pd_rv_user .info .top .nm{color:#333;font-size:18px;line-height:20px;} .rv_rank .list .pd_rv_user .info .btm .tx{color:#333;font-size:18px;line-height:20px;} .rv_rank .list .pd_rv_user .info .top ~ .btm .tx{color:#666;} .rv_rank .list .scr{flex:none;width:98px;text-align:center;} .rv_rank .list .scr .num{display:block;color:#333;font-weight:bold;font-size:20px;} .rv_rank .list .scr .rnk{margin-top:8px;} .rv_rank .list .acc{flex:none;overflow:hidden;} .rv_rank .list .acc span {float:left;position:relative;color:#999;font-size:15px;line-height:20px;} .rv_rank .list .acc span em {display:inline-block;line-height:20px;transform:translateY(-2px);} .rv_rank .list .acc span b{display:inline-block;color:#999;margin-left:11px;font-size:20px;font-family:'Roboto';} .rv_rank .list .acc span ~ span{margin-left:20px;padding-left:21px;} .rv_rank .list .acc span ~ span:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:#eee;} .rv_rank .list .acc span.heart em {display:inline-block;width:14px;height:14px;font-size:0;color:transparent;} .rv_rank .list .acc span.heart em:before {content:"";display:block;width:14px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-top:-2px;background:url(/cjom/web/images/review/rv_lge_dp_heart3.svg) no-repeat center center/14px auto;} .rv_rank .list .acc span.heart b {margin-left:7px;} .rv_rank.flw{margin:0;} .rv_rank.flw .list{margin:0;border:none;} .rv_rank.flw .list .pd_rv_user{margin:0 25px;} .rv_rank.flw .list .pd_rv_user .btn_flw button{width:74px;height:33px;font-size:14px;} .rv_rank.flw .list .pd_rv_user .info .rct{display:block;float:left;width:8px;height:8px;margin-left:12px;border-radius:100%;background:#e8584d;} .rv_rank.flw{border-bottom:#ddd 1px solid;} .rv_heart{margin-top:40px;} .rv_heart *{letter-spacing:-0.5px;} .rv_heart .topHd{overflow:hidden;height:80px;padding:28px 38px;border-radius:5px;background:#eff9f5;box-sizing:border-box;} .rv_heart .topHd dt{overflow:hidden;float:left;line-height:24px;} .rv_heart .topHd dt .tx{float:left;color:#666;font-size:15px;} .rv_heart .topHd dt .tit{float:left;margin-left:15px;color:#333;font-weight:bold;font-size:18px;} .rv_heart .topHd dt .tit b{display:inline-block;margin-left:10px;padding-left:21px;background:url('/cjom/web/images/review/rv_lge_dp_heart.svg') no-repeat 0 center;background-size:18px;font-size:20px;font-family:'Roboto';} .rv_heart .topHd dt .tit>span {font-size:15px;color:#666;font-weight:normal;display:inline-block;margin-right:10px;vertical-align:bottom;} .rv_heart .topHd dd{float:right;color:#999;font-size:12px;line-height:24px;letter-spacing:0;} .rv_heart .tbl{margin-top:40px;} .rv_heart .tbl h4{display:block;padding-bottom:15px;color:#333;font-weight:bold;font-size:18px;line-height:20px;} .rv_heart .tbl table{width:100%;} .rv_heart .tbl table thead th{padding:17px 4px 16px;border-top:#333 1px solid;border-bottom:#ddd 1px solid;background:#fafafa;color:#333;font-weight:normal;font-size:15px;line-height:20px;vertical-align:middle;} .rv_heart .tbl table thead th + th, .rv_heart .tbl table td + td{border-left:#ddd 1px solid;} .rv_heart .tbl table td{padding:17px 30px 16px;border-bottom:#ddd 1px solid;color:#666;font-size:15px;line-height:20px;vertical-align:middle;text-align:center;} .rv_heart .tbl table td span{display:block;padding:0 4px;text-align:left;} .rv_heart .tbl table td b{color:#999;} .rv_heart .tbl table td .num{color:#ff7065;font-size:16px;font-family:'Roboto';} .page-title.ico_book{display:inline-block;padding-right:32px;background:url('/cjom/web/images/review/mv_rv_ico_book.svg') no-repeat right 8px;vertical-align:top;} .rv_book{margin-top:2px;} .rv_book *{letter-spacing:-0.5px;} .rv_book .bt_add{overflow:hidden;margin-bottom:22px;} .rv_book .bt_add a{display:block;float:right;padding-left:22px;background:url('/cjom/web/images/review/mv_rv_bt_add.svg') no-repeat left center;color:#1ba774;font-weight:bold;font-size:15px;line-height:20px;} .rv_book .topTx{overflow:hidden;height:40px;margin-bottom:15px;border-radius:4px;background:#eff9f5;color:#1ba774;font-size:15px;line-height:40px;text-align:center;} .rv_book .topTx b{color:#1ba774;} .rv_book .list{overflow:hidden;min-height:986px;} .rv_book .list ul{margin:0 -10px;} .rv_book .list li{overflow:hidden;float:left;width:240px;margin:0 10px 40px;} .rv_book .list li:nth-child(4n+1){clear:both;float:left;} .rv_book .list li a{display:block;overflow:hidden;} .rv_book .list .add{display:block;overflow:hidden;width:240px;height:240px;border:#ddd 2px dotted;border-radius:4px;background:#fafafa;box-sizing:border-box;} .rv_book .list .add span{display:block;position:relative;top:50%;padding-bottom:52px;color:#333;font-size:18px;line-height:20px;background:url('/cjom/web/images/review/mv_rv_bt_add2.svg') no-repeat center bottom 2px;text-align:center;transform:translateY(-50%);} .rv_book .list .img{display:block;overflow:hidden;width:240px;height:240px;border-radius:4px;} .rv_book .list .img em{display:block;overflow:hidden;position:relative;padding-top:100%;} .rv_book .list .img em img{position:absolute;top:50%;left:50%;min-width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%, -50%);} .rv_book .list .img.n4{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:fit-content(50%) fit-content(50%);align-items:stretch;grid-gap:2px;gap:2px;} .rv_book .list .img .ept{display:block;background:#f6f8f8 url('/cjom/web/images/review/mv_rv_my_ept.svg') no-repeat center center;} .rv_book .list .tit{display:flex;margin-top:10px;font-size:16px;line-height:20px;} .rv_book .list .tit span{overflow:hidden;float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;} .rv_book .list .tit em{flex:none;float:left;margin-left:4px;color:#1ba774;font-style:normal;vertical-align:top;} .modal.rv-book{padding:15px 0 40px 0;} .modal .rv_new_book{padding:21px 0 0 0;} .modal .rv_new_book .input-text{display:block;width:100%;} .modal .rv_new_book input[type=text]{display:block;width:100%;height:40px;border:#ddd 1px solid;border-radius:4px;font-size:14px;} .modal .rv_new_book input.focus{border-color:#333;} .modal .rv_new_book .ok{display:block;width:100%;height:48px;margin-top:40px;background:#1ba774;color:#fff;font-weight:bold;font-size:17px;} .rv_book_dtl{margin-top:40px;} .rv_book_dtl *{letter-spacing:-0.5px;} .rv_book_dtl .topHd{display:flex;overflow:hidden;padding-bottom:15px;border-bottom:#aaa 1px solid;} .rv_book_dtl .topHd h4{display:block;overflow:hidden;width:100%;color:#333;font-weight:bold;font-size:24px;line-height:32px;} .rv_book_dtl .topHd .btns{display:block;overflow:hidden;flex:none;margin-left:10px;} .rv_book_dtl .topHd .btns a{display:block;float:left;height:32px;padding:0 10px;border:#ddd 1px solid;border-radius:4px;color:#333;font-size:14px;line-height:30px;box-sizing:border-box;} .rv_book_dtl .topHd .btns a + a{margin-left:8px;} .rv_book_dtl .edt_bx > div{height:24px;padding:20px 0 10px 0;} .rv_book_dtl .edt_bx .num{float:left;font-size:15px;line-height:20px;} .rv_book_dtl .edt_bx .num b{color:#1ba774;font-family:'Roboto';} .rv_book_dtl .edt_bx .btns{float:right;height:24px;} .rv_book_dtl .edt_bx .btns span{float:left;position:relative;} .rv_book_dtl .edt_bx .btns span + span{margin-left:12px;} .rv_book_dtl .edt_bx .btns button{color:#333;font-weight:bold;font-size:15px;line-height:20px;} .rv_book_dtl .edt_bx .btns .cls{padding-left:12px;} .rv_book_dtl .edt_bx .btns .cls:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#ddd;} .rv_book_dtl .edt_bx .btns .cls button{color:#666;font-weight:normal;} .rv_book_dtl .edt_bx .btns .edt button {position:relative;padding-left:16px;} .rv_book_dtl .edt_bx .btns .edt button:before {content:"";width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%);margin-top:1px;background:url('/cjom/web/images/review/mv_rv_book_edt2.svg') no-repeat left center;} .rv_book_dtl .rv_lge_lst.n5.edt .pd_rv_rcp_flag{pointer-events:none;} .rv_book_dtl .rv_lge_lst.n5.edt .pd_rv_rcp_flag{display:none;} .rv_book_dtl .rv_lge_lst.n5.edt .rdo{display:block;} .rv_book_dtl .edt_bx .btns .fod select{position:absolute;top:-6px;right:-90px;bottom:0;display:block;height:32px;padding:0 0 0 6px;opacity:0;} .rv_lst_none{width:100%;overflow:hidden;padding:110px 0;text-align:center;} .rv_lst_none > div{display:inline-block;vertical-align:top;} .rv_lst_none > div img{display:inline-block;width:100px;height:100px;} .rv_lst_none span{display:block;margin-top:20px;color:#999;font-size:15px;line-height:20px;} .tab-default.rv_tab.flw li{min-width:210px;} .rv_aside{float:left;width:200px;margin:85px 60px 100px 0;padding:26px 15px 25px;border:#333 1px solid;border-radius:3px;box-sizing:border-box;} .rv_aside .pd_rv_user{height:auto;padding:0;} .rv_aside .pd_rv_user .tumb{position:relative;width:82px;height:82px;margin:0 auto;} .rv_aside .pd_rv_user .tumb .img{border-width:3px;} .rv_aside .pd_rv_user .tumb .img img{width:72px;height:72px;} .rv_aside .pd_rv_user .tumb .rnk{bottom:-6px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .rv_aside .pd_rv_user .info{top:0;margin-top:7px;transform:translateY(0);text-align:center;} .rv_aside .pd_rv_user .info .top .nm{float:none;color:#333;font-size:16px;line-height:20px;} .rv_aside .pd_rv_user .info .btm .tx{float:none;margin-top:2px;font-size:15px;line-height:20px;} .rv_aside .pd_rv_user .btn_flw{position:relative;top:0;width:110px;margin:18px auto 0;transform:translateY(0);} .rv_aside .pd_rv_user .btn_flw button{width:110px;height:32px;} .rv_aside .pd_rv_user .flw{display:flex;justify-content:center;overflow:hidden;margin-top:14px;padding-top:17px;border-top:#eee 1px solid;} .rv_aside .pd_rv_user .flw span{display:block;position:relative;color:rgba(51, 51, 51, 0.7);font-size:13px;line-height:16px;} .rv_aside .pd_rv_user .flw span em{color:#333;font-weight:bold;font-family:'Roboto';} .rv_aside .pd_rv_user .flw span + span{margin-left:10px;padding-left:11px;} .rv_aside .pd_rv_user .flw span + span:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-4px;background:rgba(51, 51, 51, 0.3);} .rv_aside .pd_rv_user .rum{margin-top:23px;} .rv_aside .pd_rv_user .rum div{display:block;overflow:hidden;} .rv_aside .pd_rv_user .rum div ~ div{margin-top:6px;} .rv_aside .pd_rv_user .rum .tit{float:left;color:#666;font-size:12px;line-height:20px;} .rv_aside .pd_rv_user .rum .rm{float:right;color:#333;font-size:12px;line-height:20px;} .rv_aside .pd_rv_user .rum .rm b{font-size:15px;font-family:'Roboto';letter-spacing:0;} .rv_aside .pd_rv_user .rum .rm.ht{padding-right:12px;background:url('/cjom/web/images/review/rv_lge_dp_heart.svg') no-repeat right center;background-size:12px;} .rv_aside .pd_rv_user .tumb[class*="top"] ~ .info{margin-top:18px;} .rv_atv{margin-top:72px;position:relative;} .rv_atv *{letter-spacing:-0.5px;} .rv_atv .title{overflow:hidden;padding-bottom:15px;border-bottom:#aaa 1px solid;} .rv_atv .title h3{display:block;float:left;color:#000;font-weight:bold;font-size:24px;line-height:28px;} .rv_atv .title em{float:left;margin-left:5px;margin-top:7px;color:#888;font-size:14px;line-height:20px;font-family:'Roboto';letter-spacing:0;} .rv_atv .rv_book{margin-top:20px;} .rv_atv .rv_book .list{min-height:270px;} .rv_atv .review_list_wrap{padding:0;margin:-10px 0 0 0;} .rv_atv .review_list{border:none;} .rv_atv .review_list li:after{content:'';display:block;clear:both;} .rv_atv .review_list li .review_btm{float:left;} .rv_atv .review_list li .review_text .photo_box{display:inline-block;vertical-align:top;} .rv_atv .lst_num{position:relative;overflow:hidden;padding:20px 0 10px;color:#333;font-size:15px;line-height:20px;} .rv_atv .lst_num b{color:#1ba774;} .rv_atv .lst_num .set{position:absolute;right:0;top:20px;display:inline-block;padding-left:16px;font-size:15px;line-height:20px;color:#333;font-weight:700;background:url('/cjom/web/images/review/ico_set.svg') no-repeat 0 center;} .rv_atv .rv_lge_lst.n5 ~ .paging{margin:0;} .rv_atv .rv_lst_none{padding:80px 0 90px;} .rv_atv .rv_bt{position:absolute;right:0;top:-4px;} .rv_atv .rv_bt button{float:left;height:32px;border-color:#ddd;border-radius:4px;-webkit-border-radius:4px;line-height:30px;font-size:14px;} .rv_atv .rv_bt button + button{margin-left:8px;} .rv_atv .rv_bt button span{color:#333;} h3 + .rv_atv{margin-top:45px;} .rv_atv .rv_lge_thm .review_prd .prd_bx, .review_list .review_prd .prd_bx{width:480px;padding-right:60px;} .rv_atv .rv_lge_thm .review_prd .prd_bx .tit, .review_list .review_prd .prd_bx .tit{overflow:hidden;height:19px;white-space:nowrap;text-overflow:ellipsis;} .msg_rcpBook{display:none;position:fixed;left:50%;top:50%;z-index:999999;min-height:60px;min-width:322px;padding:18px 10px 18px 20px;border-radius:4px;background:rgba(0,0,0,0.7);box-sizing:border-box;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;transform:translate(-50%, -50%);box-sizing:border-box;} .msg_rcpBook > div{overflow:hidden;position:relative;} .msg_rcpBook span{float:left;color:#e5e5e5;font-weight:normal;font-size:16px;line-height:24px;letter-spacing:-0.3px;} .msg_rcpBook a{float:right;height:24px;padding:0 20px 0 10px;border-radius:24px;background:#1ba774 url('/cjom/mobile/images/review/mv_rv_tos.svg') no-repeat right 10px center;color:#fff;font-size:13px;line-height:23px;} /* 리뷰챔피언 프로필 */ @keyframes spin{ from { transform: rotate(0) } to{ transform: rotate(359deg) } } .pd_rv_user .spinner-box{z-index:1;position:absolute;top:0;left:50%;width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:transparent;box-sizing:border-box;transform:translateX(-50%);} .pd_rv_user .circle-border{width:52px;height:52px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:rgb(255,255,255);background:linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 15%);animation: spin 2s linear 0s infinite;box-sizing:border-box;} .pd_rv_user .circle-core{display:block;width:100%;height:100%;background-color:#FFF;border-radius:50%;} .pd_rv_user .tumb .img{z-index:2;position:relative;border-color:#fff} .pd_rv_user .tumb .rnk{z-index:3;} .pd_rv_user .tumb[class*="top"] .spinner-box ~ .img{border-color:transparent !important} .pd_rv_user .tumb.top1 .circle-border{background:rgb(130,84,203);background:linear-gradient(0deg, rgba(130,84,203,0.1) 0%, rgba(130,84,203,1) 15%);} .pd_rv_user .tumb.top2 .circle-border{background:rgb(237,185,65);background:linear-gradient(0deg, rgba(237,185,65,0.1) 0%, rgba(237,185,65,1) 15%);} .pd_rv_user .tumb.top25 .circle-border{background:rgb(222,92,88);background:linear-gradient(0deg, rgba(222,92,88,0.1) 0%, rgba(222,92,88,1) 15%);} .pd_rv_user .tumb.top50 .circle-border{background:rgb(106,145,245);background:linear-gradient(0deg, rgba(106,145,245,0.1) 0%, rgba(106,145,245,1) 15%);} .pd_rv_user .tumb.top100 .circle-border{background:rgb(94,192,207);background:linear-gradient(0deg, rgba(94,192,207,0.1) 0%, rgba(94,192,207,1) 15%);} .prd_rv_pro_rcp .pd_rv_user .spinner-box{width:44px;height:44px;} .prd_rv_pro_rcp .pd_rv_user .circle-border{width:44px;height:44px;} .rv_lge_dp .pd_rv_user .spinner-box{width:80px;height:80px;} .rv_lge_dp .pd_rv_user .circle-border{width:80px;height:80px;} .rv_lge_lst .pd_rv_user .spinner-box{width:60px;height:60px;} .rv_lge_lst .pd_rv_user .circle-border{width:60px;height:60px;} .fo-rv .table-col .table-product .title .freebie-flag {transform:translateY(-2px);} .fo-rv .table-col td .freebie-btn-wrap .freebie-bubble {width:auto;right:0;} .fo-rv .table-col td .freebie-btn-wrap .freebie-bubble .bubble-inner {padding:7px 12px;} .fo-rv .table-col td .freebie-btn-wrap .freebie-bubble dl dd {white-space:nowrap;} .pho_gd_rv .g_rv_info .cmt .gift-tag {margin:8px 0 0 0;font-size:12px;line-height:16px;color:#999;} .rcp_rv_vp_detail .review_text .recipe_text_box .gift-tag {display:block;font-size:12px;color:#fff;opacity:0.7;margin-top:8px;} .fo-rv .hashtag_box+.frv-noti {margin-top:20px;margin-bottom:-28px;} /*MARKETDEV-4148 깨짐 현상*/ .rv_lge_wrap .rv_lst .box .img {position: relative; display: block; height:370px;} /******************************************** - 지라: MARKETDEV-4177 - 작업자:허도경 - 작업날짜:2023-02-01 - 작업내용: 레시피리뷰 작성가이드 변경 *********************************************/ .review-guide__wrapper {} .review-guide__wrapper .guide__wrapper {padding:15px 0px 20px; background-color:#fff;} .review-guide__wrapper .guide__wrapper * {letter-spacing:-0.5px;} .review-guide__wrapper .guide__wrapper .thumb-text {margin-top: 20px; color: #999; font-size: 13px; line-height: 15px; text-align: center;} .review-guide__wrapper .guide__desc {text-align:center;} .review-guide__wrapper .guide__desc dt {font-size:15px; line-height:15px; color:#fa6729;} .review-guide__wrapper .guide__desc dt strong {font-weight:bold;} .review-guide__wrapper .guide__desc dd {font-size:18px; line-height:26px; margin-top:8px; font-weight:bold; color:#000;} .review-guide__wrapper .guide__list {display:flex; align-items:center; justify-content: space-between; margin-top:16px; padding:0 50px; font-size:0;} .review-guide__wrapper .guide__list li {width:110px; text-align:center;} .review-guide__wrapper .guide__list li .text {font-size:14px; line-height:14px; color:#333; margin-top:10px;} .review-guide__wrapper .review__wrapper {position: relative; padding:25px 0 135px; margin:0 -30px; background:#f6f8f8 url(/cjom/web/images/review/bg_recipe_top_new.png) no-repeat 0 0; background-size:100% auto;} .review-guide__wrapper .review__wrapper .slick-util-group {display:none;} .review-guide__wrapper .review__wrapper .slick-slider .slick-track {width:100%;} .review-guide__wrapper .review__wrapper .guide__desc dt {color:#2073bb;} .review-guide__wrapper .review__wrapper .view-top img {height:120px; width:auto;} .review-guide__wrapper .review__wrapper .text__banner {margin-top:15px; text-align: center; overflow:hidden; width:100%; height:16px;} .review-guide__wrapper .review__wrapper .text__banner .roller__list {font-size:14px; line-height:16px;} .review-guide__wrapper .video__content {position: relative; width:188px; height:272px; margin:12px auto 0; overflow:hidden; border-radius:4px;} .review-guide__wrapper .video__content video {position:absolute; left:0; top:0; object-fit: cover; width:100%; height:100%; border-radius:4px; overflow:hidden;} [data-modal="review__write"] .btn-fix .bt-fix {background:none; z-index:5;} [data-modal="review__write"] .btn-fix .bt-fix:after {display:block; height:50px; z-index: 1; position:absolute; left:0; right:0; bottom:-1px; background-color:#f6f8f8; content:"";} [data-modal="review__write"] .photo_attach_wrap .btn_fileup2 {position: relative; z-index:5; padding:11px 0; font-size:16px; line-height:20px;} [data-modal="review__write"] .photo_attach_wrap .btn_fileup2 .txt_sub {font-size:13px; line-height:13px; margin-top:3px;} .review-guide__wrapper .review__best--info.page {padding:30px 40px 0;} .review-guide__wrapper .review__best--info .table__title {font-size:15px; line-height:20px; margin-bottom:5px; color:#333; letter-spacing:-0.5px;} .review-guide__wrapper .review__best--info table {width:100%;} .review-guide__wrapper .review__best--info table strong {font-weight:bold; font-size:inherit;} .review-guide__wrapper .review__best--info table th span {position: relative; display:inline-block;} .review-guide__wrapper .review__best--info table th, .review-guide__wrapper .review__best--info table td {font-size:13px; line-height:16px; text-align:center; color:#666; border-bottom:1px solid #eee; font-weight: normal; vertical-align:middle; padding:10px 0; letter-spacing: -0.5px;} .review-guide__wrapper .review__best--info.page table th, .review-guide__wrapper .review__best--info.page table td {font-size:14px; line-height:20px;} .review-guide__wrapper .review__best--info table thead th {border-top:1px solid #eee;} .review-guide__wrapper .review__best--info table tbody th {text-align:left; background-color:#fff; padding:10px 0 10px 16px;} .review-guide__wrapper .review__best--info.page table thead th {background-color:#fff;} .review-guide__wrapper .review__best--info table thead th {background-color:#fafafa;} .review-guide__wrapper .review__best--info.page table th.bg-point, .review-guide__wrapper .review__best--info.page table td.bg-point {background-color:#fafafa;} .review-guide__wrapper .review__best--info table th.bg-point, .review-guide__wrapper .review__best--info table td.bg-point {background-color:#eff9f5; color:#1ba774;} .review-guide__wrapper .review__best--info table th.bg-point span:after {display: block; position: absolute; right:-20px; top:-22px; width: 34px; height: 25px; font-weight:bold; line-height:21px; font-size:13px; font-family: "'Roboto'"; color:#1ba774; background:url(/cjom/web/images/review/ico_review_tooltip.png) no-repeat 50% 50%; background-size:contain; content:"2X";} .review-guide__wrapper + .desc-list {padding-top:20px !important;} /* 2023-04-25 상품상세_빌리뷰_토픽키워드버튼추가 MARKETDEV-4927 */ .review_topic_keyword{padding: 8px 16px 16px 16px;border-top:1px solid #aaa;background-color: #f6f8f8;} .review_topic_keyword:after{content:"";display:block;clear:both;} .review_topic_keyword .tag_box li{margin: 8px 8px 0 0; float: left;} .review_topic_keyword .tag_box li a{display: block;padding: 8px 16px; color: #777; font-size: 14px; letter-spacing: -0.5px;line-height: 16px;border: solid 1px #ddd;border-radius: 4px;background-color: #fff;} .review_topic_keyword .tag_box li.on a{border-color: #333; background-color: #333; color: #fff;} /*2023-07-19 리뷰챔피언 다음달 예상 랭킹 영역 로직 및 UI수정건 MARKETDEV-5699*/ /*나의리뷰 부분 */ .new_user_box {position: relative;} .new_user_box .pd_rv_user{} .new_user_box .pd_rv_user{position:absolute;top:0px;left:0px;width:200px;height:188px;padding:115px 0 0 0;border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;background:linear-gradient( 140deg, #1BA774, #118D7C )} .new_user_box .pd_rv_user .tumb{left:50%;top:19px;height:80px;transform:translateX(-50%);} .new_user_box .pd_rv_user .tumb.top {padding-top:0;} .new_user_box .pd_rv_user .tumb .img{border-width:3px;border-color:transparent;} .new_user_box .pd_rv_user .tumb .img img{width:78px;height:78px;} .new_user_box .pd_rv_user .tumb .rnk{bottom:-14px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .new_user_box .pd_rv_user .info{position:static;top:auto;transform:translateY(0)} .new_user_box .pd_rv_user .info .top .nm{display:block;float:none;min-height:20px;margin-right:0;font-size:14px;line-height:20px;color:#fff;text-align:center;font-weight:700;} .new_user_box .pd_rv_user .info .btm .tx{display:block;float:none;font-family:"Roboto";font-size:16px;color:#fff;line-height:22px;text-align:center;} .new_user_box .pd_rv_user .info .top ~ .btm .tx{font-size:13px;color:#fff;} .new_user_box .pd_rv_user .flw{overflow:hidden;position:absolute;left:0;right:0;bottom:12px;text-align:center;} .new_user_box .pd_rv_user .flw span{display:inline-block;position:relative;color:rgba(255,255,255,0.7);font-size:13px;line-height:16px;vertical-align:bottom;} .new_user_box .pd_rv_user .flw span em{display:inline-block;color:#fff;font-weight:500;font-style:normal;font-family:"Roboto";} .new_user_box .pd_rv_user .flw span ~ span{margin-left:8px;padding-left:9px;} .new_user_box .pd_rv_user .flw span ~ span:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:rgba(255,255,255,0.3);} .new_user_box .pd_rv_user .edt{position:absolute;top:10px;right:10px;} .new_user_box .pd_rv_user .edt button{display:block;padding-left:15px;background:url('/cjom/web/images/review/mv_rv_my_edt.svg') no-repeat left center;color:rgba(255,255,255,0.8);font-size:13px;line-height:16px;letter-spacing:-0.5px;} .new_user_box .pd_rv_user .edt button em {display: inline-block; transform: translateY(-1px); } .new_user_box .pd_rv_user.case1, .new_user_box .pd_rv_user.case3{padding-top:132px;} .new_user_box .pd_rv_user.case1 .tumb, .new_user_box .pd_rv_user.case3 .tumb{top:34px;} .new_user_box .pd_rv_user.case2 .tumb{top:20px;} .new_user_box .rv_my_top {padding:0px 0 0 0; margin-left: 212px; height: 188px;} .new_user_box .rv_my_top .rv_my_pgs li {padding-left:30px;} .new_user_box .today_update_rv {height:35px; color:#fff; font-size: 14px;; line-height: 35px; ; padding: 0px 0px 0px 30px; box-sizing: border-box; background-image: linear-gradient(106deg, #16AD93 20%, #77C6C4 70%, #25959C 100%); border-top-right-radius: 4px;border-top-left-radius: 4px;} .today_update_rv a {cursor: pointer;} .new_user_box .today_update_rv a img {transform: translateY(-1px);vertical-align: middle;box-sizing: border-box;display: inline-block;text-align: center;margin-left: 4px;line-height: 11px;width: 14px;height: 14px;} .new_user_box .today_update_rv em {color: rgba(255, 255, 255, 0.7); font-size: 11px; padding-left: 8px; display: inline-block; transform: translateY(-1px);} .new_user_box .today_update_rv .today_update_modal {cursor: pointer; transform: translateY(-1px); padding-right: 1px;vertical-align: middle; box-sizing:border-box ;display: inline-block; text-align: center;; margin-left: 4px;; line-height: 11px; color:#ddd; width: 14px; height:14px;} .new_user_box .rv_my_top .rv_my_pgs li span {font-size:16px;} .new_user_box .rv_my_top .rv_my_pgs li span b {font-size: 24px;;} .new_user_box .rv_my_top .rv_my_pgs li .dd em {font-size:15px;} .new_user_box .rv_my_top .rv_my_pgs {padding-top: 25px; padding-left: 0; float: left; height: 126px;;} .new_user_box .rv_my_top .rv_lge_pgs {float: right; width: 387px; height: 151px; background: #f6f8f8; clear: inherit;border-bottom-right-radius:4px;} .new_user_box .rv_my_top .rv_my_pgs li.rk {width: 179px;;} .new_user_box .rv_my_top .rv_my_pgs li.ht {width: 178px;} .new_user_box .rv_lge_pgs .bar .pg {height:8px; margin-right:30px; width:330px; background: #fff; box-shadow: 0 0 0 1px #eee inset;} .new_user_box .rv_lge_pgs .bar .pg span {height: 8px; margin-right:30px;;} .new_user_box .rv_lge_pgs .new_title {font-size: 14px; line-height: 16px; font-weight: initial; padding-bottom: 8px;;} .new_user_box .rv_my_top .rv_lge_pgs dl {padding-top:26px; padding-left: 30px;;} .rv_myinfo_inner {overflow: hidden;} .new_user_box .rv_my_pgs .tip {position: relative; overflow: hidden; height: 21px; padding-left: 45px; margin-top: 30px; margin-left: 30px;} .new_user_box .rv_my_pgs .tip .tit{position:absolute;left:0;top:2px;width:40px;height:18px;padding:0 8px;border:#1ba774 1px solid;border-radius:18px;-webkit-border-radius:18px;color:#1ba774;font-weight:700;font-size:11px;line-height:16px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;} .new_user_box .rv_my_pgs .tip .bnr{overflow:hidden;width:100%;height:21px;} .new_user_box .rv_my_pgs .tip .bnr a{display:block;color:#999;font-size:13px;line-height:21px;background:#FFF;} .new_user_box .rv_my_pgs .tip .bnr a em{color:#1ba774;font-style:normal;} .new_user_box .rv_my_pgs .tip .bnr ul{height:21px;} .new_user_box .rv_my_pgs .tip .bnr ul li{opacity:0;} .new_user_box .rv_my_pgs .tip .bnr ul li.swiper-slide-prev, .new_user_box .rv_my_pgs .tip .bnr ul li.swiper-slide-next, .new_user_box .rv_my_pgs .tip .bnr ul li.swiper-slide-active{opacity:1;} .new_user_box .rv_my_pgs_list::after{content:'';display:block;clear:both;} .new_user_box .rv_my_top .rv_my_pgs .rv_my_pgs_list li {padding-left: 30px;} .new_user_box .rv_my_pgs .tip .bnr ul li {padding-left:0; border-left:none;} .new_user_box .info {overflow: hidden;} .new_user_box .top {display: inline-block; padding-top: 12px;; vertical-align: top;} .new_user_box .btm {display: inline-block;padding-top: 12px;; vertical-align: top;} .new_user_box .pd_rv_user .info {text-align: center;} .new_user_box .rv_lge_pgs dt {font-size:18px;} .new_user_box .rv_lge_pgs .new_heart_txt {margin-top:7px; position: relative; margin-right: 38px; padding-left: 8px; float: right; border-bottom-left-radius: 100px; border-top-left-radius: 100px; background:rgba(255, 112, 101, 0.15); height:23px; box-sizing: border-box; text-align: center; font-size:13px; line-height: 22px; color:#ff7065;;} .new_user_box .rv_lge_pgs .new_heart_txt::after {content: ''; width:8px; position: absolute; top:-4px; ; right:-8px; background: url(/cjom/web/images/review/ico_bubble_pc_right_28.png) no-repeat; height: 28px; } .tab-default .my_lp_book {width: 190px; float: right; border: none; padding:0; position: relative; } .tab-default .my_lp_book::before {content: ""; position: absolute; width: 13px; top:5px; left:8px; height: 15px;; background: url(/cjom/web/images/review/ico_flag.svg) no-repeat 0 0px;} .tab-default .my_lp_book .dt { display: block;color: #333;font-size: 18px;line-height: 24px;} .tab-default .my_lp_book .tip{display:block;overflow:visible;position:absolute;left:-38px;top:-24px;z-index:2;height:21px;padding:0 6px;margin:0;border:#1BA774 1px solid;border-radius:3px;background:#F2FBF8;color:#1ba774;font-weight:normal;font-size:13px;line-height:21px;letter-spacing:-0.5px;white-space:nowrap;pointer-events:none;} .tab-default .my_lp_book i{display:block;position:absolute;left:166px;bottom:47px;z-index:3;width:8px;height:5px;margin-left:-4px;background:url('/cjom/mobile/images/review/mv_rv_prd_tip_0.svg') no-repeat 0 0;pointer-events:none;} .tab-default .my_lp_book a { text-align: right; color:#333; font-size: 18px; line-height: 24px; display: block;padding-right: 20px;background: url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right 5px;} .new_rngMy_pgs_tooltip {width: 540px; height: 491px; padding:30px; box-sizing: border-box; position: absolute; display: none; background: #fff; z-index: 2;} .new_rngMy_pgs_tooltip dl {color:#000;} .new_rngMy_pgs_tooltip dl dt {font-weight: bold; font-size: 24px; padding-bottom: 10px; ;} .new_rngMy_pgs_tooltip dl dd {font-size: 15px; line-height: 20px; color:#666; padding-bottom: 25px;; } .new_rngMy_pgs_tooltip dl dd li {padding-bottom:8px; padding-left: 18px; position:relative;} .new_rngMy_pgs_tooltip dl dd li::before {content: ""; position: absolute; width: 3px; height: 3px; background: #666; top:9px; left:4px;} .new_rngMy_pgs_tooltip dl dd li:last-child{padding-bottom: 0;} #modal_my_rv .modal-contents{padding:0;} #modal_my_rv.new_rngMy_pgs_tooltip {padding-top:30px; outline: none;} #modal_my_rv.modal .btn-modal-close {top:20px; right:20px;} /*리뷰라운지 부분*/ .new_rv_lge_dp {border: none;} .new_rv_lge_dp .new_user_profile {position: relative;width: 200px;height: 188px; float: left; background: #f6f8f8;} .new_rv_lge_dp .new_user_profile .tumb > a { display: block;} .new_rv_lge_dp .new_user_profile .spinner-box {width: 88px;height: 88px;z-index: 1;position: absolute;top: 0;left: 50%;display: flex;justify-content: center;align-items: center;background-color: transparent;box-sizing: border-box;transform: translateX(-50%);} .new_user_profile .tumb{position:absolute;height:72px;position: absolute;left: 50%; top: 19px; height: 88px; transform: translateX(-50%);} .new_user_profile .tumb > a{display:block;} .new_user_profile .tumb .rnk{display:block;position:absolute;bottom:0;left:50%;height:15px;padding:0 5px;border-radius:4px;-webkit-border-radius:4px;background:#8254CB;color:#fff;font-weight:500;font-size:10px;line-height:15px;letter-spacing:-0.5px;text-align:center;transform:translateX(-50%);white-space:nowrap;} .new_user_profile .tumb .img{display:block;padding:2px;border:#fff 2px solid;border-radius:100%;-webkit-border-radius:100%; z-index: 2; position: relative;} .new_user_profile .tumb .img img{display:block;width:44px;height:44px;border-radius:100%;-webkit-border-radius:100%;} .new_user_profile .tumb.top1 .rnk{background:#8254CB;} .new_user_profile .tumb.top1 .img{border-color:#8254CB !important;} .new_user_profile .tumb.top2 .rnk{background:#EDB941;} .new_user_profile .tumb.top2 .img{border-color:#EDB941 !important;} .new_user_profile .tumb.top25 .rnk{background:#DE5C58;} .new_user_profile .tumb.top25 .img{border-color:#DE5C58 !important;} .new_user_profile .tumb.top50 .rnk{background:#6A91F5;} .new_user_profile .tumb.top50 .img{border-color:#6A91F5 !important;} .new_user_profile .tumb.top100 .rnk{background:#5EC0CF;} .new_user_profile .tumb.top100 .img{border-color:#5EC0CF !important;} .new_user_profile .tumb .img img {border-radius: 100%;-webkit-border-radius: 100%; display: block;width: 80px; height: 80px;} .new_user_info .rv_my_pgs li.rk .bk {position: relative;} .new_user_info .rv_my_pgs li.rk .bk .tip {display:block;overflow:visible;position:absolute;left:-8px;bottom:-24px;z-index:2;height:21px;padding:0 6px;margin:0;border:#1BA774 1px solid;border-radius:3px;background:#F2FBF8;color:#1ba774;font-weight:normal;font-size:13px;line-height:21px;letter-spacing:-0.5px;white-space:nowrap;pointer-events:none;} .new_user_info .rv_my_pgs li.rk .bk i {display:block;position:absolute;left:50%;bottom:-2px;z-index:3;width:8px;height:5px;margin-left:-4px;background:url('/cjom/mobile/images/review/mv_rv_prd_tip_0.svg') no-repeat 0 0;transform: rotate(180deg);pointer-events:none;} @keyframes spin{ from { transform: rotate(0) } to{ transform: rotate(359deg) } } .new_user_profile .spinner-box{z-index:1;position:absolute;top:0;left:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;background-color:transparent;box-sizing:border-box;transform:translateX(-50%);} .new_user_profile .circle-border{width:88px;height:88px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:rgb(255,255,255);background:linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 15%);animation: spin 2s linear 0s infinite;box-sizing:border-box;} .new_user_profile .circle-core{display:block;width:100%;height:100%;background-color:#FFF;border-radius:50%;} .new_user_profile.tumb .img{z-index:2;position:relative;border-color:#fff} .new_user_profile .tumb .rnk{z-index:3;} .new_user_profile .tumb[class*="top"] .spinner-box ~ .img{border-color:transparent !important} .new_user_profile .tumb.top1 .circle-border{background:rgb(130,84,203);background:linear-gradient(0deg, rgba(130,84,203,0.1) 0%, rgba(130,84,203,1) 15%);} .new_user_profile .tumb.top2 .circle-border{background:rgb(237,185,65);background:linear-gradient(0deg, rgba(237,185,65,0.1) 0%, rgba(237,185,65,1) 15%);} .new_user_profile .tumb.top25 .circle-border{background:rgb(222,92,88);background:linear-gradient(0deg, rgba(222,92,88,0.1) 0%, rgba(222,92,88,1) 15%);} .new_user_profile .tumb.top50 .circle-border{background:rgb(106,145,245);background:linear-gradient(0deg, rgba(106,145,245,0.1) 0%, rgba(106,145,245,1) 15%);} .new_user_profile .tumb.top100 .circle-border{background:rgb(94,192,207);background:linear-gradient(0deg, rgba(94,192,207,0.1) 0%, rgba(94,192,207,1) 15%);} .new_rv_lge_dp .new_user_profile .tumb .rnk{bottom:-4px;height:20px;font-size:12px;line-height:20px;font-weight:400;} .new_rv_lge_dp .pd_rv_user {padding-left: 57px;;} .new_user_info {float: left; width: 948px; height: 188px; border-radius: 4px;; border: 1px solid #dddddd; box-sizing: border-box; margin-left: 12px;} .new_user_profile .new_user_txt {position: absolute;text-align: center;left: 50%;transform: translateX(-50%);top: 123px; width: 100%;;} .new_user_profile .new_user_txt .new_user_name {font-size: 14px; line-height: 20px; font-weight: bold;;} .new_user_profile .new_user_txt .new_user_id {font-size: 13px; line-height: 20px;} .new_user_info .today_update_rv {height:35px; color:#fff; font-size: 14px;; line-height: 35px; ; padding: 0px 0px 0px 50px; box-sizing: border-box; background-image: linear-gradient(106deg, #16AD93 20%, #77C6C4 70%, #25959C 100%); border-top-right-radius: 4px;border-top-left-radius: 4px;} .new_user_info .today_update_rv a img {transform: translateY(-1px);vertical-align: middle; box-sizing: border-box;display: inline-block;text-align: center;margin-left: 4px;line-height: 11px;width: 14px; height: 14px;} .new_user_info .today_update_rv em {color: rgba(255, 255, 255, 0.7); font-size: 11px; padding-left: 8px; display: inline-block;transform: translateY(-1px);;} .new_user_info .today_update_rv .today_update_modal {cursor: pointer; transform: translateY(-1px); padding-right: 1px;vertical-align: middle; box-sizing:border-box ;display: inline-block; text-align: center;; margin-left: 4px;; line-height: 11px; width: 14px; height:14px;} .new_rv_lge_dp .rv_lge_lnk {padding-top: 10px;;} .new_user_info .rv_my_pgs li {padding-left:30px;} .new_user_info .rv_my_pgs {padding-top: 25px; padding-left: 0; float: left; height: 127px; width: 493px; ;} .new_user_info .rv_my_pgs .rv_my_pgs_list li {padding-left: 50px; float: left;; border-left: 1px solid #eee;} .new_user_info .rv_my_pgs .rv_my_pgs_list li.rk {width:179px; border-left: 0;} .new_user_info .rv_my_pgs li span {font-size: 16px; display: block;color: #333; line-height: 24px; ;} .new_user_info .rv_my_pgs li span.dd{ margin-top: 2px; line-height: 37px;;} .new_user_info .rv_my_pgs li span.dd a em {line-height: 24px;display: inline-block;vertical-align: text-bottom;} .new_user_info .rv_my_pgs li.ht {width: 178px;} .new_user_info .rv_my_pgs li span a {display:inline-block;padding-right:20px;background:url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right 13px} .new_user_info .rv_my_pgs li.ht span a {display:inline-block;padding-right:20px;background:url('/cjom/web/images/review/rv_lge_dp_arw.svg') no-repeat right center} .new_user_info .rv_my_pgs li span b {font-size: 24px; } .new_user_info .rv_my_pgs li span b.rd {padding-right:23px;color:#ff7065;background:url('/cjom/web/images/review/rv_lge_dp_heart.svg') no-repeat right center;} .new_user_info .rv_my_pgs_list::after { content: '';display: block;clear: both;} .new_user_info .rv_my_pgs .tip {position: relative; overflow: hidden; height: 21px; padding-left: 15px; margin-top: 22px; margin-left: 50px;} .new_user_info .rv_my_pgs .tip .tit{position:absolute;left:0;top:2px;width:40px;height:18px;padding:0 8px;border:#1ba774 1px solid;border-radius:18px;-webkit-border-radius:18px;color:#1ba774;font-weight:700;font-size:11px;line-height:16px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;} .new_user_info .rv_my_pgs .tip .bnr{overflow:hidden;width:100%;height:21px;} .new_user_info .rv_my_pgs .tip .bnr a{display:block;color:#999;font-size:13px;line-height:20px;background:#FFF;} .new_user_info .rv_my_pgs .tip .bnr a em{color:#1ba774;font-style:normal;} .new_user_info .rv_my_pgs .tip .bnr ul{height:21px;} .new_user_info .rv_my_pgs .tip .bnr ul li{opacity:0;} .new_user_info .rv_my_pgs .tip .bnr ul li.swiper-slide-prev, .new_user_info .rv_my_pgs .tip .bnr ul li.swiper-slide-next, .new_user_info .rv_my_pgs .tip .bnr ul li.swiper-slide-active{opacity:1;} .new_user_info .rv_my_pgs li.rk span b {margin-right: 5px;;} .new_user_info .rv_lge_pgs { clear: inherit; margin-bottom: 0; height: 151px; width: 453px; background: #f6f8f8; border-bottom-right-radius:4px} .new_user_info .rv_lge_pgs dl {padding: 26px 0 0 51px; ;} .new_user_info .rv_lge_pgs .new_title {font-size: 14px;line-height: 16px;font-weight: initial;color:#333; padding-bottom:8px;} .new_user_info .rv_lge_pgs dt { font-size: 18px;line-height: 20px; font-weight: 700;;} .new_user_info .rv_lge_pgs dt b{color: #ff7065;} .new_user_info .rv_lge_pgs .bar {position: relative; margin-top: 12px; width: 330px;;} .new_user_info .rv_lge_pgs .bar .pg {height: 8px; width:330px; margin-right: 30px; background: #fff;; box-shadow: 0 0 0 1px #eee inset;} .new_user_info .rv_lge_pgs .bar .pg span {height: 8px; margin-right: 30px;} .new_user_info .rv_lge_pgs .new_heart_txt {margin-top:7px; height:23px; position: relative; border-bottom-left-radius: 100px; border-top-left-radius: 100px; background:rgba(255, 112, 101, 0.15); margin-right:80px; padding-left:8px; float:right; box-sizing: border-box; text-align: center; font-size:13px; line-height: 22px; color:#ff7065; ;} .new_user_info .rv_lge_pgs .new_heart_txt::after {content: ''; width:8px; position: absolute; top:-5px; ; right:-8px; background: url(/cjom/web/images/review/ico_bubble_pc_right_28.png) no-repeat; height: 28px; } .rv_heart .new_heart_box .topHd dt .tit {margin-left: 0; line-height: 24px;;} .rv_heart .new_heart_box .topHd {padding:27px 30px 28px 30px;} .rv_heart .new_heart_box .topHd dt .tit b {margin-left: 7px;} .new_heart_box {position: relative;} .new_heart_box .today_update_rv {float:left; margin-left: 7px; ; transform: translateY(-1px); color:#bababa;} .new_heart_box .today_update_rv em {color: #bababa; font-size: 12px; display: inline-block;;} .new_heart_box .today_update_rv a img {/*transform: translateY(-1px);*/vertical-align: middle; box-sizing: border-box;display: inline-block;text-align: center;margin-left: 4px;line-height: 11px;width: 14px; height: 14px;} /* D:20240409 건강식품 리뷰 재운영 MARKETDEV-7921 */ .fo-rv .review-tip .review-tip-cont .desc-list li ul {padding:0;} .fo-rv .review-tip .review-tip-cont .desc-list li dl {padding:10px 0;} .fo-rv .review-tip .review-tip-cont .desc-list li dl dt {padding:0 0 4px 8px;} .fo-rv .review-tip .review-tip-cont .desc-list li dl dd ul li {position:relative;padding-left:10px;margin:0;} .fo-rv .review-tip .review-tip-cont .desc-list li dl dd ul li:before {content:"";display:block;width:5px;height:1px;background:#999;position:absolute;top:9px;left:0;} .fo-rv .review-tip .review-tip-cont .desc-list li dl dd ul li.p-line {margin:12px 0 0 0;} .fo-rv .review-tip .review-tip-cont .desc-list3 {padding:40px 40px 0;margin-top:0;} .fo-rv .review-tip .review-tip-cont .desc-list3 li {line-height:18px;} .fo-rv .review-tip .review-tip-cont .desc-list3 li ul {padding:0;} .fo-rv .review-tip .review-tip-cont .desc-list3 li dl {padding:10px 0;} .fo-rv .review-tip .review-tip-cont .desc-list3 li dl dt {padding:0 0 4px 8px;} .fo-rv .review-tip .review-tip-cont .desc-list3 li dl dd ul li {position:relative;padding-left:10px;margin:0;} .fo-rv .review-tip .review-tip-cont .desc-list3 li dl dd ul li:before {content:"";display:block;width:5px;height:1px;background:#999;position:absolute;top:9px;left:0;} .fo-rv .review-tip .review-tip-cont .desc-list3 li dl dd ul li.p-line {margin:12px 0 0 0;} .fo-rv .review-tip2.type2 {border-top:0;} .fo-rv .review-tip2.type2 .desc-list3>li {padding-left:16px;} .fo-rv .review-tip2.type2 .desc-list3>li:before {content:"※";background:none;color:#999;width:auto;height:auto;border-radius:0;top:0;} .fo-rv .review-tip2.type2 .desc-list3 li ul {padding:16px 0 8px 0;} .fo-rv .review-tip2.type3 .desc-list3 li dl {padding:10px 0;} .fo-rv .review-tip2.type3 .desc-list3 li dl dt {padding:0 0 4px 8px;} .fo-rv .review-tip2.type3 .desc-list3 li dl dd ul li {position:relative;padding-left:10px;margin:0;} .fo-rv .review-tip2.type3 .desc-list3 li dl dd ul li:before {content:"";display:block;width:5px;height:1px;background:#999;position:absolute;top:10px;left:0;} .fo-rv .review-tip2.type3 .desc-list3 li dl dd ul li.p-line {margin:12px 0 0 0;} /* ai 리뷰 요약 */ .sub-title.ai__summary {font-size:24px;} .fo-rv .product_rating_wrap.ai__summary .product_rating_top {padding:40px 48px 44px 48px;} .fo-rv .product_rating_wrap.ai__summary .product_rating_toggle {margin: 0px -32px -70px -32px;} .fo-rv .product_rating_wrap.ai__summary .product_rating_top .product_rating_toggle .product_rating_con {padding: 0 8px 20px 8px;} .product_rating_wrap.ai__summary .review__summary {display: flex; justify-content: space-between;} .product_rating_wrap.ai__summary .product_rating_top .product_rating_con h4 {margin:20px 0 11px;} .product_rating_wrap.ai__summary .product_rating_top .rating_total {display:flex; align-items: center; width:auto;} .product_rating_wrap.ai__summary .product_rating_top .rating_total .rate_star {width:110px;} .product_rating_wrap.ai__summary .product_rating_top .rating_total .rate_score {margin-bottom:0; margin-left:8px;} .product_rating_wrap.ai__summary .product_rating_top .wrapper .product_rating_con {display: block; margin:0;} .product_rating_wrap.ai__summary .wrapper.ai__review {width:365px;} .product_rating_wrap.ai__summary .ai__title--wrap {position: relative; display: flex; align-items: center; justify-content: space-between;} .product_rating_wrap.ai__summary .ai__title--wrap .ai__title {position: relative; font-size:15px; font-weight:bold; color:#333; line-height:28px; padding-left:30px;} .product_rating_wrap.ai__summary .ai__title--wrap .ai__title::before {position: absolute; display:block; left:0; top:50%; transform: translateY(-50%); content:""; width:24px; height:24px; background:url(/cjom/web/images/icon/ico_ai_logo.gif) no-repeat 50% 50%; background-size:cover;} .product_rating_wrap.ai__summary .ai__title--wrap .ai__title--thumb {font-size:14px; color:#4c48eb;} .product_rating_wrap.ai__summary .ai__title--wrap .ai__title--thumb strong {font-weight: bold;} .product_rating_wrap.ai__summary .tooltip-content {width:258px; font-size:13px; color:#333; line-height: 16px; padding: 16px 40px 16px 16px;} .product_rating_wrap.ai__summary .ai__review .review__desc {margin-top: 10px; padding: 16px; background-image: linear-gradient(to bottom, #f0f5fe, #f0f5fe), radial-gradient(circle at 0 0, #c4ddfd, #f7defd, #f3f7ff, #f3f7ff); text-align:left;} .product_rating_wrap.ai__summary .ai__review .review__desc .text {font-size:14px; line-height:20px; color:#666; margin-top:0;} .product_rating_wrap.ai__summary .ai__review .thumb__text {font-size:13px; line-height:18px; color:#333;} .product_rating_wrap.ai__summary .ai__review .review__desc--wrap {position: relative; margin-top:11px; padding-top:11px;} .product_rating_wrap.ai__summary .ai__review .review__desc--wrap::before {position: absolute; top:0; left:0; right:0; height:1px; background-color:rgba(0, 0, 0, 0.1); content:""; transform: scaleY(0.5);} .product_rating_wrap.ai__summary .ai__review .thumb__text em {color:#4c48eb;} .product_rating_wrap.ai__summary .review__desc--keyword {overflow: hidden;} .product_rating_wrap.ai__summary .review__desc--keyword li{display: inline-flex; align-items: center; justify-content: center; height:32px; padding:8px; border-radius:32px;background-color:#fff; color:#333; margin-top: 8px; margin-right: 8px; float: left; box-sizing: border-box;} .product_rating_wrap.ai__summary .review__comment {display: flex; align-items: center; margin-top:16px;} .product_rating_wrap.ai__summary .review__desc .review__comment .text {font-size:12px; color:#666; line-height:28px; margin-top:0;} .product_rating_wrap.ai__summary .review__comment .btn__wrap {font-size:0; margin-left:11px;} .product_rating_wrap.ai__summary .review__comment .btn__comment {width:30px; height:20px; border:1px solid #ddd; border-radius:100px; position: relative;} .product_rating_wrap.ai__summary .review__comment .btn__comment.is-active {background:#4c48eb; border:0;} .product_rating_wrap.ai__summary .review__comment .btn__comment:after {display:block; width:16px; height:16px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; content:"";} .product_rating_wrap.ai__summary .review__comment .btn__comment.good:after {background-image: url(/cjom/web/images/review/btn_good_off.png);} .product_rating_wrap.ai__summary .review__comment .btn__comment.good.is-active:after {background-image: url(/cjom/web/images/review/btn_good_on.gif);} .product_rating_wrap.ai__summary .review__comment .btn__comment.bad:after {background-image: url(/cjom/web/images/review/btn_bad_off.png);} .product_rating_wrap.ai__summary .review__comment .btn__comment.bad.is-active:after {background-image: url(/cjom/web/images/review/btn_bad_on.png);} .product_rating_wrap.ai__summary .review__comment .btn__comment + .btn__comment {margin-left:8px;} /* //ai 리뷰 요약 */ /* D:20240603 MARKETDEV-8239 푸드톡서비스 신규구축(리뷰라운지 개선) */ /* 유저프로필 개선 */ .profile-link {display:block;} .profile-link .pd_rv_user {position:relative;background:none;float:none;height:auto;padding:0;} .profile-link .pd_rv_user .spinner-box {width:30px;height:30px;display:none;margin-top:-2px;background:#fff;border-radius:100%;} .profile-link .pd_rv_user .circle-border {width:30px;height:30px;} .profile-link .pd_rv_user .tumb {position:relative;top:auto;left:auto;transform:translateX(0);width:30px;height:30px;margin-left:-2px;margin-bottom:0 !important;} .profile-link .pd_rv_user .tumb .rnk {} .profile-link .pd_rv_user .tumb .img {background:#fff;margin:2px;border:0;} .profile-link .pd_rv_user .tumb .img img {width:22px;height:22px;} .profile-link .pd_rv_user .tumb.top1 .spinner-box, .profile-link .pd_rv_user .tumb.top2 .spinner-box, .profile-link .pd_rv_user .tumb.top25 .spinner-box, .profile-link .pd_rv_user .tumb.top50 .spinner-box, .profile-link .pd_rv_user .tumb.top100 .spinner-box {display:block;} .profile-link .pd_rv_user .tumb .rnk {z-index:3;} .profile-link .pd_rv_user .info {position:relative;left:0;transform:translate(0,0);padding:4px 0 0 0;} .profile-link .pd_rv_user .info .top .nm {font-size:12px;line-height:14px;color:#666;font-weight:bold;min-height:auto;} .profile-link .pd_rv_user .info .btm .tx {font-size:12px;line-height:14px;color:#666;font-weight:normal;} /* 리뷰 */ .fo-rv .review_list li.default_item, .fo-rv .review_list li.theprime_item {padding:25px 0;} .fo-rv .review_list li .prd_recipe_flag {margin-top:20px;} .fo-rv .review_user_info .profile-link .pd_rv_user {position:relative;background:none;float:none;height:auto;padding:0;margin:0;} .fo-rv .review_user_info .profile-link .pd_rv_user .spinner-box, .fo-rv .review_user_info .profile-link .pd_rv_user .circle-border {width:48px;height:48px;margin-top:0;} .fo-rv .review_user_info .profile-link .pd_rv_user .tumb {float:left;margin-right:12px;width:48px;height:48px;} .fo-rv .review_user_info .profile-link .pd_rv_user .tumb .img img {width:40px;height:40px;} .fo-rv .review_user_info .profile-link .pd_rv_user .tumb .rnk {display:none;} .fo-rv .review_list_wrap .review_user_info .profile-link .pd_rv_user .info {} .fo-rv .review_list_wrap .review_user_info .btn_flw {position:absolute;right:0;top:50%;width:63px;transform:translateY(-50%);} .fo-rv .review_list_wrap .review_user_info .btn_flw button{display:block;width:63px;height:30px;border:#ddd 1px solid;border-radius:3px;-webkit-border-radius:3px;background:none;color:#999;font-size:13px;text-align:center;} .fo-rv .review_list_wrap .review_user_info .btn_flw button span{display:inline-block;padding-left:12px;background:url('/cjom/web/images/review/mv_rv_user_btn_0.svg') no-repeat left center;} .fo-rv .review_list_wrap .review_user_info .btn_flw button[aria-pressed="true"]{border-color:#eff9f5;background:#eff9f5;color:#1ba774;} .fo-rv .review_list_wrap .review_user_info .btn_flw button[aria-pressed="true"] span{background-image:url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg');} /* 레시피리뷰 */ .prd_rv_pro_rcp.type-new li {position:relative;} .prd_rv_pro_rcp.type-new li .rdo {display:none;position:absolute;right:8px;top:8px;z-index:4;} .prd_rv_pro_rcp.type-new li .rdo input {display:block;width:100%;height:100%;opacity:0;} .prd_rv_pro_rcp.type-new li .rdo .input-checkbox {width:24px;height:24px;} .prd_rv_pro_rcp.type-new li .rdo .input-checkbox:after{width:24px;height:24px;border:none;background:url("/cjom/web/images/review/mv_rv_my_chk_off.svg") no-repeat 0 0/24px;} .prd_rv_pro_rcp.type-new li .rdo .input-checkbox.active:after{background-image:url("/cjom/web/images/review/mv_rv_my_chk.svg");} .prd_rv_pro_rcp.type-new li .rdo label {position:absolute;top:0;left:0;opacity:0;} .prd_rv_pro_rcp.type-new.edt li .rdo {display:block;} .prd_rv_pro_rcp.type-new .profile-link {position:absolute;top:125px;left:8px;z-index:10;} .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .tumb .rnk {display:none;} .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .pd_rv_bst_tg {top:-127px;left:-8px;border-radius:4px 0 4px 0;} .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .info {margin-left:0;} .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .info .top .nm {font-weight:normal;} .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .info .btm .tx {display:none;} .prd_rv_pro_rcp.type-new .box {width:140px;height:250px;margin:0;} .prd_rv_pro_rcp.type-new .box .img {display:block;width:100%;padding-top:100%;position:relative;} .prd_rv_pro_rcp.type-new .box .img img{display:block;position:absolute;left:50%;top:50%;height:100%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .prd_rv_pro_rcp.type-new .box .img video{display:block;position:absolute;left:50%;top:50%;height:100%;width:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .prd_rv_pro_rcp.type-new .swiperWrap, .prd_rv_pro_rcp.type-new .swiper-wrapper, .prd_rv_pro_rcp.type-new ul > li {min-height:250px;} .prd_rv_pro_rcp.type-new ul > li {width:150px;} .prd_rv_pro_rcp.type-new .rcp-box-btm {padding:40px 8px 10px 8px;background:#F4F6FA;border-radius:0 0 4px 4px;} .prd_rv_pro_rcp.type-new .box .tit {position:static;font-size:14px;line-height:18px;color:#111;height:36px;max-height:36px;font-weight:normal;} .prd_rv_pro_rcp.type-new .box .prd_rv_ess {min-height:15px;margin:10px 0 0 0;color:#999;} .prd_rv_pro_rcp.type-new .box .prd_rv_ess span {font-size:11px;line-height:15px;} .prd_rv_pro_rcp.type-new .box .prd_rv_ess span + span:before {margin-top:-1px;} .prd_rv_pro_rcp.type-new .box.vp:after {top:46px;transform:translate(-50%,0);} /* 게시글 */ .foodtalk-wrap {} .foodtalk-wrap .talk-top {padding:0 16px;margin:12px 0 0 0;} .foodtalk-wrap .talk-top .total-count {display:inline-block;font-size:12px;line-height:20px;} .talk-list {padding:0 0 24px 0;} .talk-list .mv_rv_rcp_none {padding:40px 0;} .talk-list .mv_rv_rcp_none > div img {width:66px;height:66px;} .talk-list .mv_rv_rcp_none > div span {margin-top:15px;font-size:15px;line-height:22px;} .talk-list>ul>li {position:relative;padding:16px;} .talk-list>ul>li + li {border-top:1px solid #F2F3F6;} .talk-list>ul>li a {position:relative;display:block;} .talk-list>ul>li a .imgs {position:absolute;top:0;right:0;width:72px;height:72px;border-radius:4px;overflow:hidden;} .talk-list>ul>li a .imgs img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:50%;min-height:100%;min-width:100%;object-fit:cover;} .talk-list>ul>li a .imgs-count {position:absolute;top:0;left:0;min-width:22px;height:22px;text-align:center;padding:0 4px;box-sizing:border-box;line-height:22px;background:rgba(0,0,0,0.6);color:#fff;font-weight:normal;font-size:13px;border-radius:4px 0 4px 0;} .talk-list>ul>li a .cont {display:block;padding-top:33px;} .talk-list>ul>li a .imgs + .cont {width:calc(100% - 82px);} .talk-list>ul>li a.profile-link {position:absolute;top:16px;left:16px;z-index:1;} .talk-list>ul>li a.profile-link .pd_rv_user {display:block;height:25px;padding:0;font-size:0;float:none;background:none;white-space:nowrap;} .talk-list>ul>li a.profile-link .pd_rv_user .tumb {position:relative;display:inline-block;height:30px;margin-right:-2px;top:0;left:0;transform:translateX(0);vertical-align:top;} .talk-list>ul>li a.profile-link .pd_rv_user .tumb .spinner-box {margin:0;} .talk-list>ul>li a.profile-link .pd_rv_user .info {display:inline-block;width:auto;padding:7px 0;margin-left:8px;position:static;transform:translateX(0);text-align:left;} .talk-list>ul>li a.profile-link .pd_rv_user .info .top {display: inline-block;} .talk-list>ul>li a.profile-link .pd_rv_user .info .top .nm {display: inline-block;font-size:12px;line-height:16px;color:#666;margin:0;font-weight:normal;} .talk-list>ul>li a.profile-link .pd_rv_user .info .top .rnk {display:inline-block;padding:0 4px 1px 4px;border-radius:1px;background:#F0F1F4;color:#757D86;font-size:10px;line-height:16px;margin-left:8px;} .talk-list>ul>li a.profile-link .pd_rv_user .info .btm {display:none;} .talk-list>ul>li.cj-manager a .new_user_profile .spinner-box {display:none !important;} .talk-list>ul>li.cj-manager a .new_user_profile .tumb .img img {width:30px;height:30px;margin:-4px -4px 0 -4px;} .talk-list>ul>li.cj-manager a .new_user_profile .new_user_txt .rnk {color:#1BA774;background:#F1FAF7;} .talk-list>ul>li a .cont .txt {display:block;margin:0 0 10px 0;height:44px;color:#111;font-size:15px;line-height:22px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .talk-list>ul>li a .cont .txt .t-more {display:none;} .talk-list>ul>li a .cont .txt-more .t-more {color:#999;font-size:15px;line-height:22px;display:inline;} .talk-list>ul>li a .cont .txt-more .t-more em {shape-outside:content-box;float:right;padding-top:22px;} .talk-list>ul>li a .cont .txt .word__hash {color:#1BA774;} .talk-list>ul>li .btm {} .talk-list>ul>li .btm .info {display:inline-block;font-size:11px;line-height:20px;} .talk-list>ul>li .btm .info span {display:inline-block;color:#aaa;} .talk-list>ul>li .btm .info .topic {font-weight:bold;} .talk-list>ul>li .btm .info span+span {position:relative;padding-left:8px;} .talk-list>ul>li .btm .info span+span:after {content:"";display:block;width:2px;height:2px;background:#aaa;position:absolute;top:9px;left:2px;border-radius:100%;} .talk-list>ul>li .btm .info span.poll__info {color:#333;} .talk-list>ul>li .btm .info span.poll__info:before {content:'';display:inline-block;width:20px;height:20px;vertical-align:top;background:url(/cjom/web/images/review/icon_poll_info.png) no-repeat center center/13px;} .talk-list>ul>li .btm .reaction {height:20px;float:right;} .talk-list>ul>li .swiper-talks {display:block;position:relative;height:auto;} .talk-list>ul>li .swiper-talks li {position:relative;float:left;width:290px;height:290px;border-radius:4px;overflow:hidden;} .talk-list>ul>li .swiper-talks li:first-child:last-child {width:330px;height:330px;} .talk-list>ul>li .swiper-talks li + li {margin-left:8px;} .talk-list>ul>li .swiper-talks li img {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit:cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius:4px;-webkit-border-radius:4px;} .talk-list>ul>li .swiper-talks li .vd-box {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;} .talk-list>ul>li .swiper-talks li .vd-box video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit:cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius:4px;-webkit-border-radius:4px;} .talk-list>ul>li .swiper-talks li .vd-box:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;} .talk-list>ul>li .swiper-talks li .vd-box .btn-review-play {display:none;} .talk-list>ul>li .swiper-talks li:first-child:last-child img {width:330px;height:330px;} .talk-list>ul>li .swiperWrap {padding:0 20px;margin:35px -20px 0 -20px;} .talk-list>ul>li .swiperWrap .swiperCtr {position:absolute;top:0;left:0;width:100%;z-index:1} .talk-list>ul>li .swiperWrap .swiperCtr button {position:absolute;top:123px;width:40px;height:40px;font-size:0;} .talk-list>ul>li .swiperWrap .swiperCtr .swiper-button-prev {left:0;background:url("/cjom/web/images/review/ico_arr_cir_lt@2x.png") no-repeat 0 0;background-size:40px;} .talk-list>ul>li .swiperWrap .swiperCtr .swiper-button-next {right:0;background:url("/cjom/web/images/review/ico_arr_cir_rt@2x.png") no-repeat 0 0;background-size:40px;} .talk-list>ul>li .swiperWrap .swiperCtr button, .talk-list>ul>li .swiperWrap .swiperCtr button[aria-disabled=true]{opacity:0;filter:alpha(opacity=0);-webkit-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;} .talk-list>ul>li .swiperWrap:hover button {opacity:1;filter:alpha(opacity=100);} .talk-list>ul>li .swiperWrap ~ a .cont, .talk-list>ul>li .prod-imgs ~ a .cont {padding-top:15px;} .talk-list>ul>li .prod-imgs {position:relative;padding:8px 0 8px 50px;font-size:0;text-align:left;} .talk-list>ul>li .prod-imgs:before {content:"태그상품";display:block;font-size:12px;line-height:12px;color:#999;position:absolute;top:50%;left:0;transform:translateY(-50%);} .talk-list>ul>li .prod-imgs a {display:inline-block;width:40px;height:40px;border-radius:4px;overflow:hidden;} .talk-list>ul>li .prod-imgs a img {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;-o-object-fit: cover;object-fit:cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .talk-list>ul>li .prod-imgs a + a {margin-left:4px;} .reaction .btn-reaction img {position:relative;width:18px;height:18px;border:1px solid #fff;border-radius:100%;z-index:3;} .reaction .btn-reaction img+img {margin-left:-10px;z-index:2;} .reaction .btn-reaction img+img+img {z-index:1;} .reaction .btn-reaction .count {position:relative;display:inline-block;padding-right:8px;font-size:13px;line-height:20px;color:#666;vertical-align:top;} .reaction .btn-reaction .count:after {content:"";display:block;width:4px;height:7px;position:absolute;top:7px;right:0;background:url(/cjom/web/images/review/mv_rv_reaction_arr.svg) no-repeat center center/auto 7px;} .reaction .btn-reaction .count + span {position:relative;display:inline-block;font-size:13px;color:#333;line-height:20px;padding-left:20px;} .reaction .btn-reaction .count + span:before {content:"";display:block;width:16px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(/cjom/mobile/images/review/mv_rv_reaction.png) no-repeat 0 0/16px;} .reaction {position:relative;height:20px;} .reaction .content-reaction {display:inline-block;position:absolute;top:24px;right:0;z-index:100;display:none;} .reaction .is-active+.content-reaction {display:block;} .reaction .content-reaction .add-reaction {display:block;background:#fff;width:180px;border:1px solid #EEE;padding:13px;border-color:#eee;font-size:0;text-align:center;box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.25);border-radius:8px;} .reaction .content-reaction .add-reaction label {display:inline-block;position:relative;min-width:46px;} .reaction .content-reaction .add-reaction label input[type=checkbox] {width:1px;height:1px;opacity:0;position:absolute;top:0;left:0;} .reaction .content-reaction .add-reaction label span {display:block;font-size:12px;color:#666;line-height:18px;} .reaction .content-reaction .add-reaction label input[type=checkbox]:checked + span {font-weight:bold;color:#333;} .reaction .content-reaction .add-reaction label span .count {display:block;font-size:13px;line-height:16px;color:#666 !important;font-weight:normal !important;padding:0;} .reaction .content-reaction .add-reaction label span .count:after {display:none;} .reaction .content-reaction .add-reaction label>span:before {content:"";display:block;width:36px;height:36px;margin:0 auto 5px auto;} .reaction .content-reaction .add-reaction label.best {margin:0 20px;} .reaction .content-reaction .add-reaction label.good>span:before {background:url(/cjom/web/images/review/mv_rv_reaction3.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction label.best>span:before {background:url(/cjom/web/images/review/mv_rv_reaction2.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction label.recommend>span:before {background:url(/cjom/web/images/review/mv_rv_reaction1.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction label.good input[type=checkbox]:checked + span:before {background:url(/cjom/web/images/review/mv_rv_reaction3_on.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction label.best input[type=checkbox]:checked + span:before {background:url(/cjom/web/images/review/mv_rv_reaction2_on.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction label.recommend input[type=checkbox]:checked + span:before {background:url(/cjom/web/images/review/mv_rv_reaction1_on.png) no-repeat 0 0/36px;} .reaction .content-reaction .add-reaction .btn-tooltip-close {display:none;} /* 댓글 */ .reply-list ul li a .cont .rep-txt {line-height:20px;height:20px;-webkit-line-clamp:1;margin:0 0 4px 0;} .reply-list ul li a .cont .rep-txt .txt-inner {display:block;} .reply-list ul li a .cont .main-txt {display:block;height:22px;margin:0;font-size:12px;color:#888;overflow:visible;-webkit-line-clamp:1;text-overflow:unset;white-space:nowrap;} .reply-list ul li a .cont .main-txt em {display:inline-block;} .reply-list ul li a .cont .main-txt .txt-inner {display:inline-block;margin:0 -2px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;} .reply-list ul li .btm {margin-top:10px;} .reply-list ul li .btm .info {line-height:16px;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info {display:inline-block;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info:after {content:"";display:block;clear:both;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info .top {float:left;padding:0;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info .top .nm {font-weight:bold;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info .top + .btm {float:right;margin:0;padding:0 0 0 10px;position:relative;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info .top + .btm:before {content:"";display:block;width:2px;height:2px;background:#333;border-radius:100%;position:absolute;top:9px;left:5px;} .mv_rv_my_detail.lounge-detail .mv_rv_my_top .mv_rv_user .info .top + .btm .tx {font-weight:normal;color:#333;} /* 나의 라운지 활동 */ .lounge-detail .mv_rv_my_top {margin:0;} .lounge-detail .mv_rv_my_top .mv_rv_user .tumb .spinner-box, .lounge-detail .mv_rv_my_top .mv_rv_user .tumb .circle-border {width:61px;height:61px;} .lounge-detail .mv_rv_my_top .mv_rv_user .tumb .img {background:none;} .lounge-detail .mv_rv_my_top .mv_rv_user .edt button {background: url(/cjom/mobile/images/review/mv_rv_my_edt3.svg) no-repeat 0 center/12px;color:#999;} .lounge-detail .mv_rv_my_top .rngMy_pgs {padding:0;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top {padding:18px 0;text-align:center;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top li {padding:0 15px;margin:0;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top li ~ li:after {left:1px;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top .tit {font-size:12px;color:#333;line-height:16px;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top .num a, .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top .num a b {font-size:14px;line-height:16px;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top .num a .ht {position:relative;padding:0 0 0 16px;background:none;} .lounge-detail .mv_rv_my_top .rngMy_pgs .my_num .top .num a .ht:before {content:"";display:block;position:absolute;top:4px;left:0;width:10px;height:10px;background:url(/cjom/mobile/images/review/mv_heart3.svg) no-repeat center center/10px auto;} .lounge-detail .mv_rv_my_top .lnk_book {padding:0;border-bottom:8px solid #F2F3F6;} .lounge-detail .mv_rv_my_top .lnk_book a {position:relative;padding:10px 16px 20px 16px;} .lounge-detail .mv_rv_my_top .lnk_book span {position:static;font-size:14px;} .lounge-detail .mv_rv_my_top .lnk_book span:after {margin-top:0;transform:translateY(-50%);right:11px;background:url(/cjom/mobile/images/review/ico_arr06_2.svg) no-repeat center center/12px;} .lounge-detail .sc-tab-1 {height:56px;} .lounge-detail .sc-tab-1:before {bottom:1px;} .lounge-detail .sc-tab-1__inner {height:56px;} .lounge-detail .sc-tab-1__item {float:left;width:33.3333%;box-sizing:border-box;padding:0 !important;} .lounge-detail .sc-tab-1__anchor {display:block;height:56px;font-size:14px;line-height:56px;letter-spacing:-0.5px;color:#999;} .lounge-detail .sc-tab-1__anchor em {font-style:normal;} .lounge-detail .sc-tab-1__anchor.is-active {position:relative;color:#333 !important;} .lounge-detail .sc-tab-1__anchor.is-active:after {position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#000;content:'';} .lounge-detail .sc-tab-1__anchor.is-active em {/*color:#1ba774;*/} .lounge-detail .rngThm {border-top:0;} .lounge-detail .rngThm > ul.list {padding:0;} .lounge-detail .rngThm > ul.list > li {margin:0 0 25px 0 !important;} .rngThm.rv-theme .mv_rv_scr_review > ul > li {width:80.5555vw;} .rngThm.rv-theme .mv_rv_scr_review > ul > li + li {margin-left:7px;} .rngThm.rv-theme .mv_rv_user .tumb .rnk {display:none;} .rngThm.rv-theme .mv_rv_user .info .top .nm {color:#333;font-size:12px;line-height:20px;font-weight:bold;} .rngThm.rv-theme .mv_rv_user .info .btm .tx {color:#666;font-size:12px;line-height:16px;font-weight:normal;} .rngThm.rv-theme .mv_rv_user .info .btm:first-child .tx {font-weight:bold;color:#333;} .rngThm.rv-theme .mv_rv_user .info .btm span + span:after {left:1px;} .rngThm.rv-theme .mv_recipe_flag span {margin-top:0;} .rngThm.rv-theme .mv_recipe_flag .rv_spec {height:20px;} .rngThm.rv-theme .mv_recipe_flag .mv_rv_rcp_flag {top:-2px;} .rngThm.rv-theme .review_list_wrap.mv-rv .mv_rv_txt {background:#fff;} .rngThm.rv-theme .review_list_wrap.mv-rv .mv_rv_txt .num {line-height:18px;} .rngThm.rv-theme .review_list_wrap.mv-rv .mv_rv_txt .tx {font-size:14px;color:#5D5D60;} .rngThm.rv-theme .review_list_wrap.mv-rv .mv_rv_user {padding-left:50px;} .rngThm.rv-theme .review_list_wrap.mv-rv .mv_rv_user .spinner-box {display:none;} .rngThm.rv-theme > ul.list > li:first-child .review_list_wrap .review_list li.default_item {padding-top:20px;} .rngThm.rv-theme .review_list_wrap .review_list li.default_item:first-child {padding-top:30px;} .rngThm.rv-theme .review_list_wrap .review_list li.default_item {padding-bottom:15px;border-color:#eee;} .rngThm.rv-theme .review_list_wrap .review_list li.default_item:after {content:"";display:block;clear:both;} .rngThm.rv-theme .default_item .md-wrap {margin:19px 0 0 0;} .rngThm.rv-theme .default_item .md-wrap:after {content:"";display:block;clear:both;} .rngThm.rv-theme .default_item .mv_review_md {float:left;margin:0;} .rngThm.rv-theme .default_item .mv_review_md>span {font-size:12px;line-height:21px;color:#999;} .rngThm.rv-theme .default_item .mv_review_md>span + span {position:relative;padding-left:8px;} .rngThm.rv-theme .default_item .mv_review_md>span + span:before {content:"";display:block;width:2px;height:2px;background:#999;position:absolute;top:8px;left:2px;border-radius:100%;} .rngThm.rv-theme .default_item .mv_review_md .date {position:relative;right:auto;bottom:auto;} .rngThm.rv-theme .default_item .mv_review_md .num {float:none;margin:0;font-weight:normal;} .rngThm.rv-theme .default_item .mv_review_md .num>span.blind {position:static;display:inline-block;clip:unset;clip-path:unset;font-size:0;line-height:16px;color:transparent;margin-right:2px;width:10px;height:10px;background:url(/cjom/mobile/images/review/mv_rv_star.svg) no-repeat 0 -10px/auto 20px;vertical-align:baseline;} .rngThm.rv-theme .default_item .mv_review_md .reply span {display:inline-block;padding-right:2px;} .rngThm.rv-theme .default_item .review_btm {margin:0 !important;float:right;} .rngThm.rv-theme .default_item .review_btm .txt {display:none;} .rngThm.rv-theme .default_item .review_btm .btn_ico_wrap {height:20px;} .rngThm.rv-theme .default_item .review_btm .btn_rcm_rv {border:0;border-radius:0;height:20px;line-height:18px;} .rngThm.rv-theme .default_item .review_btm .btn_rcm_rv:before {height:16px;top:2px;} .rngThm.rv-theme .default_item.default_item_rp .gift-tag {margin-top:15px;} .rngThm.rv-theme .product-wp {padding:0;margin:0;border:0;} .rngThm.rv-theme .default_item .product-wp {margin:15px 0 10px 0 !important;} .rngThm.rv-theme .product-list.product-list2 {border:0;padding:0;} .rngThm.rv-theme .product-list.product-list2 li {padding:12px 16px;background:#F6F8F8;border-radius:4px;margin:0;} .rngThm.rv-theme .product-list.product-list2 li+li {margin:12px 0 0 0;} .rngThm.rv-theme .product-list.product-list2 li .product-list-top {width:44px;height:44px;} .rngThm.rv-theme .product-list.product-list2 li .product-list-top a before, .rngThm.rv-theme .product-list.product-list2 li .product-thumb {border-radius:4px;} .rngThm.rv-theme .product-list.product-list2 li .product-top-badge {display:none;} .rngThm.rv-theme .product-list.product-list2 li .product-list-cont {padding:3px 30px 0 12px;} .rngThm.rv-theme .product-list.product-list2 li .btn-product-cart {top:50%;transform:translateY(-50%);right:13px;} .rngThm.rv-theme .product-list.product-list2 li .product-title {height:20px;line-height:20px;-webkit-line-clamp:1;padding-right:0;} .rngThm.rv-theme .product-list.product-list2 li .product-price-box {margin-top:0;} .rngThm.rv-theme .product-list.product-list2 li .product-price-discount .per {font-size:13px;line-height:20px;color:#AE0000;} .rngThm.rv-theme .product-list.product-list2 li .product-price-discount .per + .price {font-size:13px;line-height:20px;} .rngThm.rv-theme .product-list.product-list2 li .product-price-discount .per + .price .won {font-size:12px;} .rngThm.rv-theme .product-list.product-list2 li .product-price {font-size:11px;line-height:20px;} .rngThm.rv-theme .product-list.product-list2 li .product-benefit__price, .rngThm.rv-theme .product-list.product-list2 li .badge-o-ne, .rngThm.rv-theme .product-list.product-list2 li .product-rating {display:none;} .rngThm.rv-theme .btn-box--full-size {margin:0;} .lounge-detail .mv_rv_book {padding:0;} .lounge-detail .mv_rv_book .talk-list ul {border-bottom:1px solid #F2F3F6;} .lounge-detail .mv_rv_book .talk-list ul li a .cont {padding:0;} .lounge-detail .mv_rv_book .talk-list ul li a .cont .topic {color:#666;font-size:12px;line-height:14px;margin:0 0 4px 0;display:inline-block;} .lounge-detail .mv_rv_book .talk-list ul li a .imgs {width:64px;height:64px;} .lounge-detail .mv_rv_book .talk-list ul li a .imgs + .cont {width:calc(100% - 76px);} /* 리뷰커뮤니티 메인 */ .rv-community {width:760px;margin:0 auto;} .rv-community .rv-link-tip {position:relative;display:block;height:40px;text-align:center;font-size:13px;color:#333;line-height:20px;background:#f5f5f5;} .rv-community .rv-link-tip .tip-inner {height:40px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;background:#f5f5f5;} .rv-community .rv-link-tip a {display:block;padding:10px 0;width:760px;margin:0 auto;} .rv-community a.rv-link-tip {display:block;padding:10px 0;width:760px;margin:0 auto;box-sizing:border-box;} .rv-community .rv-link-tip span {color:#00A870;font-weight:bold;display:inline-block;margin-right:6px;} .rv-community .rv-comm-top {position:relative;height:61px;padding:16px;box-sizing:border-box;text-align:right;z-index:2;} .rv-community .rv-comm-top .top-inner {height:60px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;border-bottom:1px solid #ddd;} .rv-community .rv-comm-top .top-box {position:relative;width:760px;padding:16px;margin:0 auto;font-size:0;} .rv-community .rv-comm-top h3 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;font-size:16px;line-height:24px;font-weight:bold;color:#252525;} .rv-community .rv-comm-top h3 a {display:inline-block;font-size:24px;} .rv-community .rv-comm-top .btn-pre {display:block;position:absolute;top:0;left:0;width:50px;height:60px;background:url(/cjom/web/images/icon/rv_icon_prev.svg) no-repeat center center/28px;} .rv-community .rv-comm-top button {display:inline-block;width:28px;height:28px;} .rv-community .rv-comm-top button+button {margin-left:12px;} .rv-community .rv-comm-top button.btn-comm-user {background:url(/cjom/web/images/review/mv_rv_icon_my.svg) no-repeat center center/28px;} .rv-community .rv-comm-top button.btn-comm-search {background:url(/cjom/web/images/review/mv_rv_icon_search.svg) no-repeat center center/28px;} .rv-community .rv-comm-top .tool_tip {position:absolute;border-radius:30px;background:#1BA774;filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.55));top:55px;right:5px;} .rv-community .rv-comm-top .tool_tip .inner {padding:10px 16px 10px 52px;} .rv-community .rv-comm-top .tool_tip:before {content:"";display:block;width:35px;height:35px;background:url(/cjom/web/images/review/icon_community_tooltip.png) no-repeat 50%/cover;position:absolute;top:50%;transform:translateY(-50%);left:11px;} .rv-community .rv-comm-top .tool_tip:after {content:"";display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #1BA774;position:absolute;top:-7px;right:16px;} .rv-community .rv-comm-top .tool_tip p {line-height:16px;font-size:12px;color:#fff;text-align:left;} .rv-community .rv-theme {border-top:8px solid #F2F3F6;padding:0 16px 40px 16px;} .rv-community .rv-theme h2 {position:relative;padding:25px 0;margin:0 16px;z-index:3;color:#000;} .rv-community .rv-theme h2>div {font-size:20px;line-height:26px;} .rv-community .rv-theme h2 em {color:#1BA774;} .rv-community .rv-theme h2>p {font-size:13px;line-height:16px;margin-top:4px;color:#888;font-weight:normal;} .rv-community .rv-theme h2 .btn-theme-detail {position:absolute;top:31px;right:0;font-size:13px;color:#999;font-weight:normal;} .rv-community .rv-theme h2 .btn-theme-detail:after {content:"";display:inline-block;width:6px;height:11px;background:url(/cjom/web/images/icon/rv_arr1.svg) no-repeat 0 0/100% auto;margin-left:6px;vertical-align:middle;transform:translateY(-1px);} .rv-community .rv-theme h2 * {color:inherit;} .rv-community .dpTabs {position:relative;padding:0 16px;margin:0;text-align:left;} .rv-community .dpTabs .swiperCtr .swiper-button-next {z-index:1;} .rv-community .dpTabs .swiperCtr .swiper-button-next:after {height:32px;right:13px;} .rv-community .dpTabs.noSwp {padding:0 16px;} .rv-community .dpTabs .swiperCtr button {z-index:10;} .rv-community .dpTabs ul > li button {height:32px;line-height:30px;border-radius:30px;padding:0 13px;color:#666;} .rv-community .dpTabs ul > li button[aria-selected="true"] {background:#000;border-color:#000;} .rv-community .dpTabs .foodtalk--old button {border:0;} .rv-community .dpTabs .foodtalk--old button:after {content:"";display:inline-block;width:5px;height:9px;background:url(/cjom/web/images/icon/rv_arr6.png) no-repeat 50%/100% auto;margin-left:6px;vertical-align:middle;transform:translateY(-1px);} .rv-community .dpTabs .swiperCtr button {height:32px;} .rv-community .foodtalk {border:0;padding:0 0 40px 0;} .rv-community .community__event-hashtag ~ .foodtalk {border-top:8px solid #F2F3F6;} .rv-community .foodtalk h2 {padding:25px 0 15px 0;} .rv-community .foodtalk h2 div .btn-theme-detail {position:relative;top:0;right:auto;font-size:20px;color:#000;font-weight:bold;} .rv-community .foodtalk h2 div .btn-theme-detail:after {content:"";display:inline-block;width:7px;height:11px;background:url(/cjom/web/images/icon/rv_arr4.png) no-repeat 0 0/100% auto;transform:translateY(-2px);margin-left:6px;} .rv-community .foodtalk .btn-theme-alarm {position:absolute;top:27px;right:0;font-size:12px;color:#666;font-weight:normal;line-height:23px;} .rv-community .foodtalk .btn-theme-alarm:before {content:"";display:inline-block;width:23px;height:23px;background:url(/cjom/web/images/icon/rv_icon_bell_off.png) no-repeat 0 0/100%;vertical-align:middle;transform:translateY(-2px);} .rv-community .foodtalk .btn-theme-alarm span:before {content:"";display:inline-block;content:"APP";padding-right:2px;} .rv-community .foodtalk .btn-theme-alarm span:after {content:"받기";display:inline-block;} .rv-community .foodtalk .btn-theme-alarm.is-active:before {background:url(/cjom/web/images/icon/rv_icon_bell_on.png) no-repeat 0 0/100%;} .rv-community .foodtalk .btn-theme-alarm.is-active span:after {content:"받는중";} .rv-community .foodtalk .theme-topic {padding:0 0 5px 0;} .rv-community .intro-balloon {margin:0 16px;} .rv-community .intro-balloon div {position:relative;padding:10px 20px 8px 20px;font-size:13px;line-height:20px;font-weight:bold;color:#1BA774;background:#F1FAF7;border-radius:8px;} .rv-community .intro-balloon div:before {content:"";display:block;width:16px;height:11px;position:absolute;top:-4px;left:0;background:url(/cjom/web/images/icon/rv_arr2.svg) no-repeat 0 0/16px auto;} .rv-community .foodtalk .talk-list {padding:0;} .rv-community .foodtalk .talk-top + .talk-list {padding:14px 0 0 0;} .rv-community .rv-theme.foodtalk .btMore {margin-top:10px;} .rv-community .rv-theme.rv-line-banner {padding:0;overflow:hidden;} .rv-community .rv-theme.rv-line-banner li {width:100%;} .rv-community .rv-theme.rv-line-banner li a {display:block;} .rv-community .rv-theme.rv-line-banner li a img {vertical-align:top;width:100%;} .rv-community .rv-theme.rv-line-banner .swiper-pagination {position:relative;display:block;text-align:center;height:32px;line-height:32px;font-size:0;} .rv-community .rv-theme.rv-line-banner .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:6px;height:6px;border-radius:100%;background:#ddd;vertical-align:bottom;margin:0 4px;} .rv-community .rv-theme.rv-line-banner .swiper-pagination .swiper-pagination-bullet-active {background:#333;} .rv-community .rv-theme.rv-line-banner .swiper-pagination-lock {height:9px;line-height:9px;} .rv-community .rv-theme.rv-line-banner .swiper-pagination-lock .swiper-pagination-bullet {display:none;} .rv-community .rv-theme.rv-line-banner .swiper-pagination .swiper-pagination-bullet:hover {cursor:pointer;} .rv-community .rv-theme.rv-line-banner + .rv-theme {border-top:0;} .rv-community .rv-theme.rv-line-banner + .rv-theme h2 {padding-top:16px !important;} .rv-community .rv-theme.rv_lge_hot {padding-right:11px;margin:0;} .rv-community .rv-theme.rv_lge_hot h2 {padding-bottom:0;margin:0 0 -24px 0;} .rv-community .rv-theme.rv_lge_hot .prd_rv_pro_rcp.type-new .swiper-container {padding:0;margin:0;} .rv-community .rv-theme.rv_lge_hot .prd_rv_pro_rcp.type-new {margin:0 3px 0 0;padding-top:44px;} .rv-community .rv-theme.rv_lge_hot .prd_rv_pro_rcp.type-new .swiperCtr {top:-44px;right:5px;z-index:10;} .rv-community .rv-theme.rv_lge_rct {margin-top:0;} .rv-community .rv-theme .btMore {position:relative;width:328px;margin:25px auto 0 auto;overflow:visible;} .rv-community .rv-theme .btMore button {height:44px;border:1px solid #ddd;color:#333;} .rv-community .rv-theme .btMore button span {line-height:44px;color:#333;font-weight:bold;vertical-align:baseline;} .rv-community .rv-theme .btMore button:after {content:"";display:inline-block;width:8px;height:20px;background: url(/cjom/web/images/icon/rv_arr3.svg) no-repeat 0 50%/8px auto;margin-left:6px;vertical-align:middle;transform:translateY(-1px);} .rv-community .rv-theme.rv_lge_hot .btMore .rv-balloon {position:absolute;top:-20px;right:50%;display:block;background:#1BA774;font-size:12px;color:#fff;line-height:16px;padding:5px 10px;border-radius:26px;transform:translate3d(135px,0,0);filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.25));} .rv-community .rv-theme.rv_lge_hot .btMore .rv-balloon span {display:block;width:12px;height:7px;position:absolute;top:100%;right:30px;} .rv-community .rv-theme.rv_lge_hot .btMore .rv-balloon span:after {content:"";display:block;width: 0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #1BA774;} .rv-community .rv-line-banner+.rv-popular {border:0;} .rv-community .rv-reply-pong {position:relative;padding:5px 16px 40px 16px;} .rv-community .rv-reply-pong h2 {margin-left:0;} .rv-community .rv-reply-pong .rp-part-wrap {position:absolute;top:18px;right:66px;} .rv-community .rv-reply-pong .rp-part-wrap:before {content:"";display:block;width:81px;height:81px;position:absolute;top:28px;right:50px;background:url(/cjom/mobile/images/sub/rv_pong.gif) no-repeat 0 0/cover;z-index:1;} .rv-community .rv-reply-pong .rp-part {position:relative;z-index:2;width:80px;height:50px;font-size:13px;line-height:16px;color:#1BA774;text-align:center;background:url(/cjom/mobile/images/sub/rv_bg_balloon.svg) no-repeat 0 0/100% 100%;} .rv-community .rv-reply-pong.is-active .rp-part {animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0) rotate(1deg); filter:drop-shadow(0px 1px 10px rgba(25,198,135,0.1)); } 20%, 80% { transform: translate3d(2px, 0, 0) rotate(-2deg); filter:drop-shadow(0px 1px 10px rgba(25,198,135,0.2)); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0) rotate(4deg); filter:drop-shadow(0px 1px 10px rgba(25,198,135,0.4)); font-weight:bold; } 40%, 60% { transform: translate3d(4px, 0, 0) rotate(-4deg); filter:drop-shadow(0px 1px 10px rgba(25,198,135,0.5)); font-weight:bold; } } .rv-community .rv-reply-pong .rp-part>div {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .rv-community .rv-reply-pong .rp-part>div span {display:block;word-break:keep-all;} .rv-community .rv-reply-pong .reply-pong .q-box {position:relative;z-index:2;background:#F4F6FA;border-radius:5px;text-align:center;padding:30px 0;} .rv-community .rv-reply-pong .reply-pong .q-box h3 {display:inline-block;font-size:16px;line-height:19px;font-weight:bold;margin-bottom:16px;box-sizing:border-box;max-width:90%;} .rv-community .rv-reply-pong .reply-pong .q-box h3:before {content:"";display:inline-block;width:16px;height:16px;background:url(/cjom/web/images/icon/rv_icon_q.png) no-repeat 0 0/cover;margin-right:4px;transform:translateY(1px);} .rv-community .rv-reply-pong .reply-pong .q-box a {display:block;width:175px;padding:10px 0;text-align:center;margin:0 auto;background:#fff;font-size:12px;color:#666;line-height:18px;border:1px solid #ddd;border-radius:35px;} .rv-community .rv-reply-pong .reply-pong .pong-btm {margin:10px 0 0 0;} .rv-community .rv-reply-pong .reply-pong .rp-winner {position:relative;height:20px;display:inline-block;padding-left:25px;overflow:hidden;} .rv-community .rv-reply-pong .reply-pong .rp-winner:before {content:"";position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;background:url(/cjom/web/images/icon/rv_icon_q2.svg) no-repeat 0 0/cover;} .rv-community .rv-reply-pong .reply-pong .rp-winner .swiper-winner {height:20px;} .rv-community .rv-reply-pong .reply-pong .rp-winner .swiper-winner .swiper-slide {color:#1BA774;font-weight:bold;font-size:13px;line-height:20px;} .rv-community .rv-reply-pong .reply-pong .pong-btm .rp-count {font-size:12px;line-height:20px;color:#999;float:right;} @media screen and (max-width: 380px) { .rv-community .rv-reply-pong .rp-part-wrap:before {right:40px;} } .rv-community .rv-honor {} .rv-community .rv-honor h2 {margin:0;} .rv-community .rv-honor h2 div .update {display:inline-block;font-size:10px;color:#bbb;font-weight:normal;line-height:32px;margin-left:2px;vertical-align:middle;} .update [data-tooltip] {width:16px;height:16px;transform:translateY(2px);} .update [data-tooltip] .tooltip-label {font-size:0;line-height:0;} .update .tooltip-content {width:270px;padding:0;} .update .tooltip-wrap {width:14px;height:14px;} .update .tooltip-wrap .tooltip-icon {width:14px;height:14px;background:url(/cjom/web/images/icon/rv_icon_tip.svg) no-repeat 50% 50%/14px;} .update .tooltip-wrap .noti-honor {padding:16px 42px 16px 16px;border-color:#999;} .update .tooltip-wrap .noti-honor p {padding-left:12px;position:relative;line-height:20px;font-size:13px;color:#333;} .update .tooltip-wrap .noti-honor p:before {content:"";display:block;width:3px;height:3px;background:#333;border-radius:100%;position:absolute;top:6px;left:6px;} .update .tooltip-wrap .btn-tooltip-close {position:absolute;top:6px;right:6px;width:32px;height:32px;background:url(/cjom/web/images/icon/rv_icon_tip_close.svg) no-repeat 50% 50%/12px;} .rv-community .rv-honor .honor-wrap {padding:0;} .rv-community .rv-honor .honor-wrap .honor-best {position:relative;text-align:center;} .rv-community .rv-honor .honor-wrap .honor-best:after {content:"";display:block;clear:both;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place {width:calc(33.3333% - 3px);margin:0 auto;position:relative;z-index:2;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place.num2 {position:absolute;bottom:0;left:0;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place.num3 {position:absolute;bottom:0;right:0;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user {display:block;padding:0;height:auto;margin-bottom:16px;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user span {display:block;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .tumb {position:relative;width:48px;height:48px;margin:0 auto;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .tumb .img {border:0;padding:0;margin:0 auto;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .tumb .img img {width:48px;height:48px;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .info {padding:0;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .info .top .nm {float:none;font-size:14px;font-weight:bold;line-height:20px;margin:8px 0 2px 0;color:#333;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .info .top .heart {float:none;position:relative;font-size:13px;line-height:16px;color:#666;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .pd_rv_user .info .top .heart:before {content:"";display:inline-block;width:10px;height:10px;transform:translateY(0);vertical-align:middle;margin-right:3px;background:url(/cjom/web/images/review/mv_heart4.svg) no-repeat center center/10px auto;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .stand {position:relative;height:36px;background:#F4F6FA;border-radius:5px 5px 0 0;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place .stand div {position:absolute;bottom:8px;left:0;width:100%;text-align:center;color:#999;font-size:16px;line-height:20px;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place.num1 .stand {height:68px;} .rv-community .rv-honor .honor-wrap .honor-best .rp-place.num1 .pd_rv_user .tumb:before {content:"";display:block;width:48px;height:48px;position:absolute;top:-9px;left:0;z-index:1;background:url(/cjom/web/images/sub/rv_bg_honor.svg) no-repeat 0 0/100% 100%;animation:crown 1s cubic-bezier(.36,.07,.19,.97) infinite ;}@keyframes crown { 0, 100% { transform:scale(1); } 50% { transform:scale(1.2); top:-6px; } } .rv-community .rv-honor .honor-wrap .honor-best #confetti {position:absolute;top:-50%;height:130%;bottom:0;width:36%;left:50%;transform:translateX(-50%);z-index:1;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place {position:relative;padding:12px 16px 12px 35px;margin-top:12px;border-radius:5px;background:#F4F6FA;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user {display:block;font-size:0;padding:0;height:auto;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .tumb {position:relative;display:inline-block;width:30px;height:30px;margin:0;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .tumb .img {border:0;padding:0;margin:0 auto;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .tumb .img img {width:30px;height:30px;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .info {padding:0;top:auto;display:inline-block;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .info .top .nm {display:inline-block;font-size:14px;font-weight:bold;margin:0 8px 0 10px;line-height:30px;color:#333;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .info .top .heart {display:inline-block;font-size:12px;color:#666;line-height:30px;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .pd_rv_user .info .top .heart:before {content:"";display:inline-block;width:9px;height:9px;vertical-align:middle;margin-right:3px;background:url(/cjom/web/images/review/mv_heart4.svg) no-repeat center center/9px auto;} .rv-community .rv-honor .honor-wrap .honor-normal .rp-place .stand {position:absolute;top:50%;left:4px;width:31px;text-align:center;transform:translateY(-50%);font-size:16px;line-height:30px;color:#999;} .rv-community .rv-honor .honor-remind {border:1px dashed #ddd;border-radius:4px;padding:10px 16px;margin:12px 0 0 0;text-align:center;font-size:13px;line-height:17px;} .rv-community .rv-honor .honor-remind strong {color:#1BA774;font-weight:bold;} .rv-community .rv-honor .honor-remind .heart:before {content:"";display:inline-block;width:11px;height:11px;margin-right:2px;background:url(/cjom/web/images/review/mv_rv_dp_heart2.svg) no-repeat center center/cover;} .rv-community .rv-idea h2 {margin:0;} .rv-community .rv-idea .idea-wrap {position:relative;margin:0;overflow:hidden;padding-bottom:102px;margin-bottom:-80px;} .rv-community .rv-idea .idea-wrap .swiper-pagination {position:absolute;top:170px;left:0;text-align:center;width:100%;} .rv-community .rv-idea .idea-wrap .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:6px;height:6px;margin:0 4px;border-radius:100%;background:#ddd;opacity:1;vertical-align:top;} .rv-community .rv-idea .idea-wrap .swiper-pagination .swiper-pagination-bullet-active {background:#333;} .rv-community .rv-idea .idea-wrap .idea-cont {background:#F4F6FA;border-radius:5px;padding:12px;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user {display:block;padding:0 0 0 27px;height:24px;margin-bottom:10px;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user .tumb {width:24px;height:24px;position:absolute;top:0;left:0;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user .tumb .img {margin:0;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user .tumb .img img {width:20px;height:20px;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user .info {padding:0;top:auto;} .rv-community .rv-idea .idea-wrap .idea-cont .pd_rv_user .info .nm {font-size:12px;line-height:24px;color:#666;font-weight:normal;} .rv-community .rv-idea .idea-wrap .idea-cont .idea-txt {font-size:15px;line-height:20px;height:60px;margin-bottom:17px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .rv-community .rv-idea .idea-wrap .reaction {display:block;width:100%;height:20px;text-align:right;} .rv-community .rv-theme.rngThm {padding:0 16px 15px 16px;} .rv-community .rv-theme.rngThm h2 {padding-bottom:12px;margin:0;} .rv-community .rv-theme.rngThm .dpFixed {height:52px;} .rv-community .rv-vote .vote-state-wp {padding:25px 0 8px 0;} .rv-community .rv-vote .vote-state-wp .vote-state {display:inline-block;font-size:12px;color:#fff;font-weight:bold;line-height:22px;height:22px;padding:0 13px;border-radius:22px;background:linear-gradient(135deg, rgba(25,198,135,1) 0%,rgba(20,179,155,1) 21%,rgba(1,111,229,1) 100%);} .rv-community .rv-vote .vote-state-wp [data-tooltip] {height:22px;} .rv-community .rv-vote .vote-state-wp [data-tooltip] .tooltip-label {display:none;} .rv-community .rv-vote .vote-state-wp [data-tooltip] .tooltip-wrap {width:14px;height:14px;vertical-align:middle;margin-left:5px;} .rv-community .rv-vote .vote-state-wp [data-tooltip] .tooltip-icon {width:14px;height:14px;background:url(/cjom/web/images/icon/rv_icon_tip2.svg) no-repeat 0 0/cover;} .rv-community .rv-vote h2 {padding:0 0 9px 0;margin:0;} .rv-community .rv-vote .evt-vote {padding:0;} .rv-community .rv-vote .evt-vote .info-box {background:none;width:328px;padding:0;margin:28px auto 0 auto;border:1px solid #ddd;border-radius:4px;} .rv-community .rv-vote .evt-vote .info-box>a {position:relative;display:block;height:48px;padding:0 40px 0 20px;line-height:50px;color:#999;font-size:14px;} .rv-community .rv-vote .evt-vote .info-box>a:before {content:"";display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%);width:14px;height:8px;background:url(/cjom/web/images/icon/ico-toggle-bx03.svg) no-repeat 0 0/cover;} .rv-community .rv-vote .evt-vote .info-box>a.active:before {transform:translateY(-50%) rotate(180deg)} .rv-community .rv-vote .evt-vote .info-box .desc-list {margin:0;padding:0 20px 10px 20px;} .rv-community .rv-vote .evt-vote .info-box .desc-list li {position:relative;padding-left:10px;font-size:13px;line-height:16px;color:#999;} .rv-community .rv-vote .evt-vote .info-box .desc-list li:before {content:"";display:block;width:2px;height:2px;border-radius:100%;position:absolute;top:7px;left:0;} .rv-community .rv-vote .evt-vote .vote-list .vote-list-top .vote-label .per {margin:0;} .rv-community .rv-theme.rv_lge_rct {} .rv-community .rv-theme.rv_lge_rct h2 {margin:0;} .rv-community .rv-theme.rv_lge_rct .prd_rv_pro_rcp.type-new {width:735px;margin-top:0;overflow:visible;} .rv-community .rv-theme.rv_lge_rct .prd_rv_pro_rcp.type-new .swiper-container{padding:0;margin:0;} .rv-community .rv-theme.rv_lge_rct .swiperCtr {z-index:4;right:7px;} .rv-community .rv-theme.rv_lge_thm {padding:0 0 15px 0;margin-top:0;} .rv-community .rv-theme.rv_lge_thm h2 .ai-icon {display:inline-block;font-size:0;width:22px;height:22px;background:url(/cjom/web/images/icon/rv_icon_ai.png) no-repeat 0 0/cover;margin-right:4px;vertical-align:bottom;} .rv-community .rv-theme.rv_lge_thm .review_list_wrap {margin:0;} .rv-community .rv-theme.rv_lge_thm .review_list {padding:0;margin:0;} .rv-community .rv-theme.rv_lge_thm .review_list>li {padding:25px 16px;border-bottom:0 !important;} .rv-community .rv-theme.rv_lge_thm .review_list>li:first-child {padding-top:10px;} .rv-community .rv-theme.rv_lge_thm .review_list>li + li {border-top:1px solid #eee;margin-top:0;} .rv-community .rv-theme.rv_lge_thm .review_list>li .review_user_info .pd_rv_user {margin:0 0 10px 0;} .rv-community .rv-theme.rv_lge_thm .review_list>li .review_user_info .pd_rv_user .info .top .nm {font-size:12px;line-height:18px;} .rv-community .rv-theme.rv_lge_thm .review_list>li .review_user_info .pd_rv_user .info .top .pd_rv_bst_tg {margin:2px 0 0 0;} .rv-community .rv-theme.rv_lge_thm .review_list>li .review_user_info .pd_rv_user .info .top ~ .btm .tx {font-size:12px;} .rv-community .rv-theme.rv_lge_thm .review_list>li .review_user_info .pd_rv_user .info .top ~ .btm .tag__mat {float:left;height:16px;transform:translateY(1px);} .rv-community .rv-theme.rv_lge_thm .review_list>li .prd_recipe_flag {height:30px;} .rv-community .review_list>li .review_prd {float:none;margin-top:15px;} .rv-community .review_list>li .review_prd .txt {display:none;} .rv-community .review_list>li .review_prd .prd_bx {float:none;width:330px;padding:15px 60px 15px 0;} .rv-community .review_list>li .review_prd .prd_bx .img {width:44px;height:44px;border-radius:4px;left:16px;} .rv-community .review_list>li .review_prd .prd_bx .tit {height:20px;line-height:20px;} .rv-community .review_list>li .review_prd .prd_bx .prc .per {font-size:13px;line-height:13px;} .rv-community .review_list>li .review_prd .prd_bx .prc .sale {margin-left:1px !important;font-size:13px;line-height:13px;} .rv-community .review_list>li .review_prd .prd_bx .prc .sale .won {font-size:13px;} .rv-community .review_list>li .review_prd .prd_bx .prc .org {font-size:11px;line-height:11px;margin-top:2px;} .rv-community .review_list>li .review_prd .prd_bx .product-benefit__price, .rv-community .review_list>li .review_prd .prd_bx .pnt, .rv-community .review_list>li .review_prd .prd_bx .badge-o-ne {display:none;} .rv-community .review_list>li .review_prd .prd_bx .btn-product-delete {display:block;position:absolute;top:50%;transform:translateY(-50%);right:10px;width:30px;height:30px;background:url(/cjom/web/images/review/mv_rv_btn_del.svg) no-repeat center center/13px;} .rv-community .btn-comm-write {display:block;height:46px;background:#111;border-radius:46px;position:fixed;bottom:10px;right:50%;margin-right:-380px;z-index:20204;} .rv-community .btn-comm-write span {display:block;width:46px;height:46px;position:absolute;top:0;left:0;border-radius:100%;transition:all 0.5s ease-in-out;} .rv-community .btn-comm-write span:before {content:"";display:block;width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background:url(/cjom/web/images/icon/rv_icon_write.svg) no-repeat 50% 50%/10px;z-index:10;transition:all 0.5s ease-in-out;} .rv-community .btn-comm-write em {position:relative;display:block;padding:0 16px 0 30px;min-width:46px;height:46px;text-align:right;width:auto;line-height:46px;font-size:14px;color:#fff;transition:all 0.5s ease-in-out;} .rv-community .btn-comm-write.minimize {} .rv-community .btn-comm-write.minimize span:before {background-size:20px;} .rv-community .btn-comm-write.minimize em {opacity:0;overflow:hidden;padding:0;} .rv-community .btn-comm-write.minimize-fix {} .rv-community .btn-comm-write.minimize-fix span:before {background-size:20px;} .rv-community .btn-comm-write.minimize-fix em {opacity:0;overflow:hidden;padding:0;} .rv-community .btn-comm-write.float {position:absolute;bottom:140px;} .rv-community .btn-comm-write.float.single {bottom:100px;} .sticky-write {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:20202;display:none;} html.is-open {} html.is-open .sticky-write {display:block;} html.is-open .rv-community .btn-comm-write span:before {transform:rotate(45deg);} .sticky-write .sticky-dim {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:20203;} .sticky-write .sticky-write-option {position:fixed;z-index:20204;right:50%;bottom:65px;transform:translateX(380px);padding:30px 20px;border-radius:4px;background:#fff;border:1px solid #ddd;box-shadow:2px 4px 4px 0px rgba(0,0,0,0.05);min-width:360px;box-sizing:border-box;} .btn-comm-write.float + .sticky-write {position:absolute;} .btn-comm-write.float + .sticky-write .sticky-write-option {position:absolute;bottom:196px;} .btn-comm-write.float.single + .sticky-write .sticky-write-option {bottom:156px} /*@media screen and (max-width: 1200px) { .rv-community .btn-comm-write, .sticky-write .sticky-write-option {} } @media screen and (max-width: 760px) { .rv-community .btn-comm-write, .sticky-write .sticky-write-option {right:10px;transform:translateX(0);} }*/ .sticky-write .sticky-write-option .opt-write li {} .sticky-write .sticky-write-option .opt-write li + li {margin-top:30px;} .sticky-write .sticky-write-option .opt-write li a {position:relative;display:block;padding-left:62px;} .sticky-write .sticky-write-option .opt-write li a:before {content:"";display:block;width:48px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%);} .sticky-write .sticky-write-option .opt-write li.opt-review a:before {background:url(/cjom/web/images/icon/rv_icon_write1.svg) no-repeat 50% 50%/cover;} .sticky-write .sticky-write-option .opt-write li.opt-post a:before {background:url(/cjom/web/images/icon/rv_icon_write2.svg) no-repeat 50% 50%/cover;} .sticky-write .sticky-write-option .opt-write li a span {display:block;} .sticky-write .sticky-write-option .opt-write li a span:first-child {font-size:15px;line-height:15px;color:#333;} .sticky-write .sticky-write-option .opt-write li a span:last-child {margin-top:7px;font-size:13px;line-height:13px;color:#999;} .sticky-write .sticky-write-option .sticky-write-close {position:absolute;width:54px;padding:10px 0;background:#fff;top:0;left:50%;transform:translateX(-50%);} .sticky-write .sticky-write-option .sticky-write-close:before {content:"";display:block;width:34px;height:4px;border-radius:4px;background:#eee;margin:0 auto;} .modal-alert-alarm .modal-alert__text {margin:0;} .modal-alert-alarm .modal-alert__text br {display:inline-block;margin-right:10px;} /* 푸드톡 */ .rv-community .paging {margin-top:40px;} .foodtalk-main {padding-bottom:0;} .foodtalk.foodtalk-main .theme-topic {padding:20px 0;} .foodtalk.foodtalk-main h2 {padding:0;font-size:18px;line-height:25px;} .foodtalk-main .talk-notice-link {display:block;padding:9px 16px;font-size:0;background:#F9F9F9;border-radius:4px;margin:15px 16px 0 16px;} .foodtalk-main .talk-notice-link span {display:inline-block;color:#666;text-align:left;font-size:12px;line-height:20px;} .foodtalk-main .talk-notice-link span.nt-title {width:30px;font-weight:bold;} .foodtalk-main .talk-notice-link span.nt-cont {width:calc(100% - 30px);} .foodtalk-main .foodtalk-wrap .talk-top {margin-top:20px;} .foodtalk-wrap .talk-top .form-element {float:right;} .foodtalk-wrap .talk-top .selectbox.talk-sort {} .foodtalk-wrap .talk-top .selectbox .value {left:auto;right:0;height:20px;padding:0 18px 0 0;border:0;text-align:right;background:url(/cjom/web/images/icon/rv_icon_filter.png) no-repeat right center/12px 12px;font-size:12px;color:#333;} .foodtalk-wrap .talk-top .selectbox .value:after {display:none;} .select-wrap>.selectbox-list.talk-sort {margin-left:8px !important;margin-top:-10px !important;border:1px solid #eee;padding:7px 0 !important;box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.05);border-radius:8px;} .select-wrap>.selectbox-list.talk-sort li {line-height:25px;font-size:12px;color:#333;text-align:right;padding:0 18px 1px 18px;text-align:center;} .select-wrap>.selectbox-list.talk-sort li.selected {background:none;font-weight:bold;} .foodtalk-detail {padding:0 !important;} .foodtalk-detail .dt-topic {padding:20px 0 17px 0;} .foodtalk-detail .dt-topic span {display:inline-block;height:30px;padding:0 12px;border-radius:30px;background:#F6F8F8;color:#666;font-size:13px;line-height:29px;letter-spacing:-0.5px;box-sizing:border-box;} .foodtalk-detail .dt-top {padding:0 16px 15px 16px;border-bottom:8px solid #F2F3F6;} .foodtalk-detail .mv_rv_user {display:inline-block;height:34px;padding:0;font-size:0;} .foodtalk-detail .mv_rv_user .tumb {position:relative;display:inline-block;height:34px;margin-right:-2px;} .foodtalk-detail .mv_rv_user .tumb.top1, .foodtalk-detail .mv_rv_user .tumb.top2, .foodtalk-detail .mv_rv_user .tumb.top25, .foodtalk-detail .mv_rv_user .tumb.top50, .foodtalk-detail .mv_rv_user .tumb.top100 {margin-right:0;} .foodtalk-detail .mv_rv_user .spinner-box, .foodtalk-detail .mv_rv_user .circle-border {width:34px;height:34px;} .foodtalk-detail .mv_rv_user .spinner-box {display:none;} .foodtalk-detail .mv_rv_user .tumb.top1 .spinner-box, .foodtalk-detail .mv_rv_user .tumb.top2 .spinner-box, .foodtalk-detail .mv_rv_user .tumb.top25 .spinner-box, .foodtalk-detail .mv_rv_user .tumb.top50 .spinner-box, .foodtalk-detail .mv_rv_user .tumb.top100 {display:block;} .foodtalk-detail .mv_rv_user .tumb .img img {width:25px;height:25px;} .foodtalk-detail .mv_rv_user .name {display:inline-block;padding:0;margin-left:8px;} .foodtalk-detail .mv_rv_user .name.no-tx {padding-top:8px;} .foodtalk-detail .mv_rv_user .name .nm {font-size:12px;line-height:16px;color:#111;font-weight:bold;} .foodtalk-detail .mv_rv_user .name .rnk {display:inline-block;padding:0 4px;border-radius:1px;background:#F0F1F4;color:#757D86;font-size:10px;line-height:16px;margin-left:8px;} .foodtalk-detail .mv_rv_user .name .tx {display:block;font-size:12px;line-height:16px;color:#666;} .foodtalk-detail .dt-main-top .profile-link {display:inline-block;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .tumb {display:inline-block;width:32px;height:32px;vertical-align:top;transform:translateY(2px);} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .spinner-box, .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .circle-border {width:32px;height:32px;margin-top:0;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .tumb .img img {width:24px;height:24px;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info {display:inline-block;width:auto;padding:0;margin-left:6px;position:static;transform:translateX(0);text-align:left;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info .top {display:block;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info.no-tx {padding-top:10px;margin-left:4px;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info.no-tx .top {max-height:16px;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info .top .nm {display: inline-block;font-size:12px;line-height:16px;color:#111;margin:0;font-weight:bold;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info .top .rnk {display:inline-block;vertical-align:text-top;padding:0 4px 1px 4px;border-radius:1px;background:#F0F1F4;color:#757D86;font-size:10px;line-height:16px;margin-left:4px;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info .btm {display:block;} .foodtalk-detail .dt-main-top .profile-link .pd_rv_user .info .btm .tx {font-size:12px;color:#666;font-weight:normal;} .foodtalk-detail .dt-main-top .profile-link + .info {float:right;} .foodtalk-detail .dt-main-top .profile-link + .info>span {display:inline-block;font-size:12px;color:#999;line-height:21px;} .foodtalk-detail .dt-main-top .profile-link + .info>span:first-child {padding-right:10px;position:relative;} .foodtalk-detail .dt-main-top .profile-link + .info>span:first-child:before {content:"";display:block;width:2px;height:2px;background:#999;position:absolute;top:11px;right:2px;border-radius:100%;} .foodtalk-detail .dt-main-top .profile-link + .info .tooltip {} .foodtalk-detail.foodtalk-notice .dt-main-top .profile-link + .info>span:first-child {padding-right:0;} .foodtalk-detail.foodtalk-notice .dt-main-top .profile-link + .info>span:first-child:before {display:none} .foodtalk-detail .tip-layer {display:inline-block;vertical-align:middle;} .foodtalk-detail .tip-layer .tooltip-label {display:block;width:13px;height:21px;margin:0;background:url(/cjom/web/images/icon/rv_icon_more.svg) no-repeat 8px 50%/4px auto;transform:translateY(-1px);} .foodtalk-detail .tip-layer .tooltip-label:hover {cursor:pointer;} .foodtalk-detail .tip-layer .tooltip-wrap {margin:0;width:auto;height:auto;position:absolute;} .foodtalk-detail .tip-layer .tooltip-wrap:after {display:none;} .foodtalk-detail .tip-layer .tooltip-content {padding:0;margin:0;width:auto;border:0;z-index:999 !important;} .foodtalk-detail .tip-layer .tooltip-content.is-active {} .foodtalk-detail .pd_rv_rcp_flag {display:inline-block;vertical-align:middle;margin-left:3px;transform:translateY(-1px);} .tip-layer .tooltip-content .post-action {padding:16px 0;width:150px;text-align:center;border-radius:8px;background:#fff;box-shadow:2px 4px 4px 0px rgba(0, 0, 0, 0.05);margin-left:-130px;border:1px solid #eee;} .tip-layer .tooltip-content .post-action a {display:block;font-size:15px;line-height:20px;color:#333;} .tip-layer .tooltip-content .post-action a+a {margin-top:16px;} .tip-layer .tooltip-content .reply-action {padding:16px 0;width:150px;text-align:center;border-radius:8px;box-shadow:2px 4px 4px 0px rgba(0, 0, 0, 0.05);} .tip-layer .tooltip-content .reply-action a {display:block;font-size:15px;line-height:20px;color:#333;} .tip-layer .tooltip-content .reply-action a+a {margin-top:16px;} .foodtalk-detail .dt-main-top .tip-layer .tooltip-content .post-action {margin-left:-70px;} .modal.talk-share .modal-contents {padding:0 35px;} .foodtalk-detail .dt-main-txt {margin:20px 0 0 0;font-size:15px;color:#111;line-height:21px;} .foodtalk-detail .dt-main-txt .dtm-txt-wrap {font-size:15px;color:#111;line-height:21px;} .foodtalk-detail .dt-main-txt .dtm-hash {color:#999;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap {margin:15px 0 0 0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list_wrap {margin:0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list {border:0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li.default_item {padding:0;border:0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text {margin:0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li {width:100%;height:728px;margin:0;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li a {pointer-events:none;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li span.img {width:100%;height:728px;background:#F5F5F5;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li span.img img {/*min-width:auto;min-height:auto;height:auto;*/object-fit:contain;border-radius:4px;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li .gvp {position:relative;width:100%;height:728px;background:#F5F5F5;border-radius:4px;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li .gvp video {width:100%;height:728px;object-fit:contain;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li .gvp .bt_play {content:"";display:block;position:absolute;left:50%;top:50%;width:48px;height:48px;background: url(/cjom/web/images/review/recipe_review_icon_play_pc.svg) no-repeat 0 0/cover;transform: translate(-50%, -50%);} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .photo_box li .gvp .mute {display:block;position:absolute;left:16px;top:16px;z-index:20;width:24px;height:24px;background:url(/cjom/web/images/review/btn_recipe_video_off.svg) no-repeat 0 0/cover;} .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .swiperCtr .swiper-button-prev, .foodtalk-detail .dt-main-txt .dtm-attach-wrap .review_list li .review_text .swiperCtr .swiper-button-next {top:344px;} /*.modal.foodtalk-attach .modal__contents {max-height:calc(100dvh - 50px);} .modal.foodtalk-attach .modal__contents .review_photo .review_photo_item video {width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .foodtalk-detail .dt-main-prd.rv-theme.rngThm {border:0;padding:0;margin-top:15px;}*/ .foodtalk-detail .dt-main .reaction .content-reaction {top:35px;} .foodtalk-detail .dt-main-prd .review_list {border:0;} .dt-main-reply {} .talk-write__content .foodtalk-detail .dt-main-reply {padding-bottom:55px;} .foodtalk-detail--old .dt-main-reply, .talk-write__content .foodtalk-detail--old .dt-main-reply {padding-bottom:0;} .dt-main-reply>dt {padding:15px 16px 0 16px;font-size:13px;line-height:21px;color:#222;} .dt-main-reply>dt .form-element {float:right;} .dt-main-reply>dt .selectbox.talk-sort {} .dt-main-reply>dt .selectbox .value {left:auto;right:0;height:20px;padding:0 18px 0 0;border:0;text-align:right;background:url(/cjom/web/images/icon/rv_icon_filter.png) no-repeat right center/12px 12px;font-size:12px;color:#333;} .dt-main-reply>dt .selectbox .value:after {display:none;} .dt-main-reply>dd {padding:0 16px 0 12px;} .dt-main-reply .mv_rv_rcp_none {padding:40px 0;text-align:center;} .dt-main-reply .mv_rv_rcp_none > div span {display:block;font-size:15px;line-height:22px;margin-top:15px;} .dt-main-reply .paging {margin-top:10px;} .dt-main-reply .dt-rp-list {padding:0 0 30px 0;} .dt-main-reply .dt-rp-list li {margin-top:20px;} .dt-main-reply .dt-rp-list li ul {padding-left:22px;} .dt-main-reply .dt-rp-list li .rp-wrap {padding-left:30px;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link {position:relative;display:inline-block;height:30px;transform:translateX(-30px);} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb {display:inline-block;height:30px;margin-right:-4px;vertical-align:top;padding-top:0 !important;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .spinner-box, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .circle-border {display:none !important;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top1 .img, .foodtalk-detail .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top1 ~ .info, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top2 .img, .foodtalk-detail .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top2 ~ .info, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top25 .img, .foodtalk-detail .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top25 ~ .info, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top50 .img, .foodtalk-detail .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top50 ~ .info, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top100 .img, .foodtalk-detail .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb.top100 ~ .info{margin-left:0 !important;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .tumb .img img {width:22px;height:22px;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .info {display:inline-block;vertical-align:top;padding:0;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top {display:inline-block;padding:8px 0 0 0;margin-left:3px;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .nm {color:#666;font-weight:normal;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .rnk, .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .tx {display:none;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .owner-tag {display:inline-block;padding:0 4px;border-radius:1px;background:#F1FAF7;color:#1BA774;font-size:10px;line-height:16px;vertical-align:top;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .win {display:inline-block;position:relative;padding:0 5px 0 20px;border-radius:4px;background:#FA6729;color:#fff;font-weight:bold;font-size:10px;line-height:20px;vertical-align:top;transform:translateY(-2px);} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link .top .win:before {content:"";display:block;position:absolute;top:50%;left:5px;transform:translateY(-50%);width:12px;height:12px;background:url(/cjom/web/images/icon/rv_icon_coin.svg) no-repeat 0 0/cover;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link + .info {float:right;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link + .info>span {font-size:12px;color:#999;line-height:21px;} .dt-main-reply .dt-rp-list .dt-rp-top .profile-link + .info .tooltip-content {padding:0;border:0;} .dt-main-reply .dt-rp-list .dt-rp-txt {font-size:15px;color:#111;line-height:22px;} .dt-main-reply .dt-rp-list .dt-rp-btm {margin-top:10px;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn-rp-write {display:inline-block;position:relative;padding-left:18px;font-size:12px;color:#999;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn-rp-write:before {content:"";display:block;width:14px;height:16px;position:absolute;top:2px;left:0;background:url(/cjom/web/images/icon/rv_icon_rp.png) no-repeat 0 50%/14px auto;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like {display:inline-block;height:19px;position:relative;font-size:12px;color:#999;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like:before {content:"";display:inline-block;width:13px;height:19px;margin-right:3px;transform:translateY(1px);vertical-align:top;background:url(/cjom/web/images/icon/rv_icon_like.png) no-repeat 50%/13px auto;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like:not(:first-child) {margin-left:16px;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like.active:before {background:url(/cjom/web/images/icon/rv_icon_like_active.png) no-repeat 50%/13px auto;} .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like span {display:inline-block;line-height:19px;height:19px;vertical-align:top;} .foodtalk-detail--old .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like {pointer-events:none;} .foodtalk-detail--old .dt-main-reply .dt-rp-list .dt-rp-btm .btn__like:before {background:url(/cjom/web/images/icon/rv_icon_like_disable.png) no-repeat 50%/13px auto;} .dt-main-reply .dt-rp-list .re-rp-list .dt-rp-txt .rp-tag {display:inline-block;font-weight:bold;} .dt-main-reply .dt-rp-list .re-rp-list .dt-rp-txt .rp-tag:before {content:"@";display:inline-block;font-size:15px;line-height:22px;} .dt-main-reply .dt-rp-list li.rp-delete {padding:4px 0 0 4px;} .dt-main-reply .dt-rp-list li.rp-delete>.rp-wrap {padding-left:0;} .foodtalk-detail .mv_rv_rcp_none > div img {width:100px;height:100px;} .foodtalk-detail .dt-main .reaction {display:block;padding-top:10px;height:20px;text-align:right;} .foodtalk-detail .dt-main .reaction img {position:relative;width:18px;height:18px;border:1px solid #fff;border-radius:100%;z-index:3;} .foodtalk-detail .dt-main .reaction img+img {margin-left:-10px;z-index:2;} .foodtalk-detail .dt-main .reaction img+img+img {z-index:1;} .foodtalk-detail .dt-main .reaction .count {position:relative;display:inline-block;padding-right:8px;font-size:13px;line-height:20px;color:#666;} .foodtalk-detail .dt-main .reaction .count:after {content:"";display:block;width:4px;height:7px;position:absolute;top:7px;right:0;background:url(/cjom/web/images/review/mv_rv_reaction_arr.svg) no-repeat center center/auto 7px;} .reply-write-bar {position:fixed;bottom:0;left:0;width:100%;padding:5px 0 25px 0;border-top:1px solid #F2F3F6;background:#fff;z-index:10;} .reply-write-bar .bar-inner {position:relative;width:1280px;margin:0 auto;padding:0 320px 0 276px;box-sizing:border-box;} .reply-write-bar .reply__origin {position:relative;padding:5px 0 10px 0;width:calc(100% + 44px);} .reply-write-bar .reply__origin dt {font-size:12px;line-height:20px;font-weight:bold;color:#333;} .reply-write-bar .reply__origin dt span {display:inline-block;line-height:20px;} .reply-write-bar .reply__origin dt span:before {content:'@';display:inline-block;line-height:20px;vertical-align:top;} .reply-write-bar .reply__origin dd {padding-right:30px;font-size:13px;color:#666;line-height:20px;} .reply-write-bar .reply__origin dd .btn__close {position:absolute;top:50%;right:2px;margin-top:-15px;display:block;width:21px;height:21px;background:url(/cjom/web/images/review/btn_close_reply.png) no-repeat 50%/11px;} .reply-write-bar .input-text {width:100%;display:block;} .reply-write-bar .ip-reply {width:100%;height:40px;box-sizing:border-box;border:0;background:#F6F8F8;border-radius:40px;padding:10px 25px;font-size:14px;color:#111;line-height:20px;} .reply-write-bar .ip-reply::placeholder {color:#666;font-size:14px;} .talk-write__content .reply-write-bar .ip-reply {background:#F6F8F8 url(/cjom/web/images/review/icon_reply.png) no-repeat 15px 50%/13px 14px;padding-left:35px} .reply-write-bar .btn-send {display:block;position:absolute;bottom:0;right:275px;width:38px;height:40px;background:url(/cjom/web/images/icon/rv_icon_send_off.svg) no-repeat 0 50%/38px auto;} .reply-write-bar.is-active .btn-send {background:url(/cjom/web/images/icon/rv_icon_send_on.svg) no-repeat 0 50%/38px auto;} .rp-evt-detail .dt-top {padding-top:22px;} .rp-evt-detail .dt-main-top .profile-link .pd_rv_user .tumb .img {margin-left:-2px;} .rp-evt-detail .dt-main-top .profile-link .pd_rv_user .info .top {} .rp-evt-detail .dt-main-top .profile-link .pd_rv_user .info .top .nm {font-size:13px;} .rp-evt-detail .dt-main-top .profile-link .pd_rv_user .info .top .rnk {color:#1BA774;background:#F1FAF7;margin-left: 5px;} .rp-evt-detail .dt-main-txt {margin-top:15px;} .rp-evt-detail .dt-main-title {margin-top:15px;font-size:18px;font-weight:bold;color:#111;line-height:21px;} /* 댓글펑 이벤트당첨 layer */ .modal-rp-winner {width:360px;padding-bottom:0;} .modal-rp-winner .modal-contents {padding:20px 20px 40px 20px;} .modal-rp-winner .modal-header {display:none;} .modal-rp-winner .winner {text-align:center;color:#222;font-size:15px;line-height:18px;padding-top:71.9512%;background:url(/cjom/web/images/sub/rv_bg_coin.gif) no-repeat 50% 0/contain;} .modal-rp-winner .winner strong {display:block;margin:4px 0;font-size:34px;font-weight:bold;line-height:40px;} .modal-rp-winner .winner a {display:block;width:100%;height:48px;padding:15px 0;border-radius:4px;margin:24px 0 0 0;background:#1BA774;text-align:center;box-sizing:border-box;font-size:15px;font-weight:bold;line-height:17px;color:#fff;} .modal-rp-winner .btn-modal-close {top:15px;right:15px;} /* 푸드톡 포스팅 */ .rv-community .foodtalk-posting {padding:0;border:0;} .foodtalk-posting .post-title {position:relative;border-bottom:1px solid #F2F3F6;} .foodtalk-posting .post-title h2 {text-align:center;padding:20px 0 22px 0;margin:0 60px;font-size:16px;line-height:19px;color:#000;} .foodtalk-posting .post-title .btn-pre {display:block;position:absolute;top:0;left:0;width:50px;height:60px;background:url(/cjom/web/images/icon/rv_icon_prev.svg) no-repeat center center/28px;} .foodtalk-posting .post-title .btn-commit {display:block;position:absolute;top:13px;right:0;font-size:15px;line-height:19px;color:#fff;background:#111;padding:8px 13px 8px 13px;border-radius:4px;} .foodtalk-posting .post-title .btn-commit.disabled {color:#999;background:#f2f2f2;pointer-events:none;} .foodtalk-posting .posting-cont {padding:0;} .foodtalk-posting .posting-opt {position:relative;} .posting-opt .btn-opt-topic {position:relative;display:block;padding:20px 16px 18px 16px;font-size:16px;line-height:18px;color:#333;font-weight:normal;} .posting-opt .btn-opt-topic:after {content:"";display:block;width:14px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%);background:url(/cjom/web/images/icon/rv_icon_arr5.svg) no-repeat 50% 50%/14px auto;} .posting-opt .opt-close {display:block;width:48px;height:54px;position:absolute;top:0;right:0;} .posting-opt .opt-close:before {content:"";display:block;width:14px;height:8px;position:absolute;top:50%;left:50%;;background:url(/cjom/web/images/icon/rv_icon_arr5.svg) no-repeat 50% 50%/14px auto;transform:translate(-50%,-50%) rotate(180deg);} .posting-opt .posting-opt-layer {display:none;position:absolute;top:0;left:0;bottom:auto;right:0;width:100%;border:1px solid #bbb;z-index:10002;background:#fff;box-sizing:border-box;}/* 20250131 footer z-index:10001;대응수정 */ .posting-opt.is-active .posting-opt-layer {display:block;} .posting-opt .posting-opt-layer h4 {padding:19px 16px 13px 15px;font-size:16px;line-height:18px;color:#333;font-weight:bold;} .posting-opt .posting-opt-layer .opt-list {max-height:450px;padding:5px 16px;overflow-y:auto;} .posting-opt .posting-opt-layer .opt-list li {} .posting-opt .posting-opt-layer .opt-list li a {display:block;padding:15px 0;font-size:15px;color:#333;line-height:20px;} .posting-opt .posting-opt-layer .opt-list li a:before {display:none;} .foodtalk-posting .posting-box {position:relative;border:1px solid #ddd;padding:48px 15px 15px 15px;} .foodtalk-posting .foodtalk-textarea {padding:16px 0;} .foodtalk-posting .foodtalk-textarea .textarea, .foodtalk-posting .foodtalk-textarea .scroll-wrapper, .foodtalk-posting .foodtalk-textarea .scroll-content, .foodtalk-posting .foodtalk-textarea .form-element__textarea {background:transparent;background-color:transparent;position:relative;z-index:2;} .foodtalk-posting .foodtalk-textarea .form-element__textarea {border:0;font-size:15px;color:#111;height:150px;padding:0 !important;} .foodtalk-posting .foodtalk-textarea .form-element__textarea::placeholder {color:#bbb;} .foodtalk-posting .foodtalk-textarea .scroll-textarea>.scroll-content {padding-right:0;} .foodtalk-posting .foodtalk-textarea .scroll-textarea>.scroll-content>.scroll-textarea>.scroll-content {padding-right:15px;} .foodtalk-posting .foodtalk-textarea .scroll-wrapper.scroll-textarea>.scroll-element.scroll-y {right:0;} .foodtalk-posting .posting-prd .review_list {border:0;} .foodtalk-posting .posting-prd .review_prd + .review_prd {margin-top:10px;} .foodtalk-posting .photo_attach_wrap .files_list {padding:0 10px;} .foodtalk-posting .photo_attach_wrap .form__files {margin:0;display:block;} .foodtalk-posting .photo_attach_wrap .form__files-item {width:78px;height:78px;margin:0 6px 6px 0;} .foodtalk-posting .photo_attach_wrap .form__files-item-thumb {margin:0;width:78px;height:78px;} .foodtalk-posting .photo_attach_wrap .form__files-item-thumb:after {content:'';display:block;padding-bottom:100%;} .foodtalk-posting .photo_attach_wrap .form__files-item-thumb img {position:absolute;width:100%;height:100%;border-radius:4px;object-fit:cover;} .foodtalk-posting .photo_attach_wrap .form__files-item-thumb .ico_play {/*overflow:hidden;position:absolute;left:4px;bottom:4px;width:22px;height:22px;background:url(/cjom/mobile/images/icon/ico-play2-44x44.png) no-repeat 0 0/22px 22px;text-indent:-9999px;*/} .foodtalk-posting .photo_attach_wrap .form__files-item-remove {top:4px;right:4px;} /*.foodtalk-posting .btn-post-attach {position:fixed;bottom:0;left:0;width:100%;padding:16px 0 40px 0;border-top:1px solid #F2F3F6;background:#fff;z-index:100;}*/ .foodtalk-posting .btn-post-attach {position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:14px 15px;background:#F6F8F8;text-align:left;} .foodtalk-posting .btn-post-attach .btn-post-inner {position:relative;font-size:0;box-sizing:border-box;} .foodtalk-posting .btn-post-attach .btn-post-inner label {display:inline-block;height:20px;} .foodtalk-posting .btn-post-attach .form__file-filename {position:relative;display:inline-block;padding:0;height:20px;vertical-align:top;box-sizing:border-box;font-size:14px;color:#666;line-height:20px;} .foodtalk-posting .btn-post-attach .form__file-filename:before {content:"";display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:middle;transform:translateY(-2px);background:url(/cjom/web/images/icon/rv_att_img.png) no-repeat 0 0/cover;} .foodtalk-posting .btn-post-attach .form__file.t2 {margin:0 30px;} .foodtalk-posting .btn-post-attach .form__file.t2 .form__file-filename:before {background:url(/cjom/web/images/icon/rv_att_prd.png) no-repeat 0 0/cover;margin-top:1px;} .foodtalk-posting .btn-post-attach .form__file.t3 .form__file-filename:before {background:url(/cjom/web/images/icon/rv_att_poll.png) no-repeat 0 0/cover;} .foodtalk-posting .btn-post-attach .form__file.t3.new .form__file-filename:after {content:'';display:block;position:absolute;top:-2px;left:9px;width:12px;height:12px;background:url(/cjom/web/images/review/icon_poll_new.png) no-repeat center center/12px;} .foodtalk-posting .btn-post-attach .form__file-input {position:absolute;left:-1px;top:-1px;width:1px;height:1px;overflow:hidden;opacity:0;} .foodtalk-posting .hashtag__recommend {border-top:1px solid #ddd;padding:0;margin-top:14px;} .foodtalk-posting .hashtag__recommend dt {padding:15px 0 0 0;font-size:14px;font-weight:bold;color:#666;line-height:21px;} .foodtalk-posting .hashtag__recommend dd {font-size:0;padding:0 0 9px 0;white-space:nowrap; } .foodtalk-posting .hashtag__recommend dd .posting__hashtag {height:32px;border-radius:32px;background:#f2f2f2;border:0;padding:0 13px;font-size:13px;color:#333;margin:10px 0 0 0;} .foodtalk-posting .hashtag__recommend dd .posting__hashtag:hover {cursor:pointer;} .foodtalk-posting .hashtag__recommend dd .posting__hashtag.active {background:#111;color:#fff;} .foodtalk-posting .hashtag__recommend dd .dpTabs {padding:0 20px;} .foodtalk-posting .hashtag__recommend dd .dpTabs.noSwp {padding:0;} .foodtalk-posting .hashtag__recommend dd .dpTabs .swiperCtr .swiper-button-next, .foodtalk-posting .hashtag__recommend dd .dpTabs .swiperCtr .swiper-button-prev {top:10px;} .foodtalk-posting .hashtag__recommend dd .dpTabs .swiperCtr .swiper-button-next:after{pointer-events:none;} .foodtalk-posting .hashtag__recommend dd .dpTabs .swiperCtr .swiper-button-disabled:after {display:none;} /* MARKETDEV-9862 푸드톡 투표기능 */ .foodtalk-posting .inv--wrap {position:relative;background:#F4F6FA;width:100%;border-radius:4px;padding:10px 39px 10px 12px;box-sizing:border-box;} .foodtalk-posting .inv--wrap + .inv--wrap {margin-top:12px;} .foodtalk-posting .inv--wrap .btn__delete {width:19px;height:19px;border:0;background:url(/cjom/web/images/review/btn_delete_poll.png) no-repeat center center/cover;position:absolute;top:50%;right:12px;transform:translateY(-50%);} .foodtalk-posting .inv--wrap .input__letter {display:inline-block;width:100%;height:19px;text-align:left;resize:none;vertical-align:middle;overflow:hidden;padding:0;border:0;font-size:14px;color:#333;line-height:18px;background:none;} .foodtalk-posting .inv--wrap .input__letter::placeholder {color:#999;} .foodtalk-posting .posting-poll {position:relative;width:600px;box-sizing:border-box;border:1px solid #eee;border-radius:8px;padding:35px 30px;margin-bottom:16px;} .foodtalk-posting .posting-poll dt {margin:0 0 24px 0;} .foodtalk-posting .posting-poll dt .inv--wrap {padding:0 15px 0 0;background:#fff;border-radius:0;} .foodtalk-posting .posting-poll dt .inv--wrap .input__letter {font-size:20px;font-weight:bold;line-height:25px;height:27px;} .foodtalk-posting .posting-poll dt .inv--wrap .input__letter::placeholder {color:#666;font-size:20px;font-weight:bold;line-height:25px;} .foodtalk-posting .posting-poll dd .poll-list--wrap {margin-top:15px;} .foodtalk-posting .posting-poll dd .btn--wrap.center {text-align:center;margin:12px 0 0 0;} .foodtalk-posting .posting-poll dd .btn__add {display:inline-block;width:165px;text-align:center;border:1px solid #ddd;padding:10px 0;line-height:20px;border-radius:4px;} .foodtalk-posting .posting-poll dd .btn__add:before {content:'';display:inline-block;width:20px;height:20px;line-height:20px;vertical-align:top;background:url(/cjom/web/images/review/icon_poll_add.png) no-repeat center center/9px;} .foodtalk-posting .posting-poll dd .btn__add span {display:inline-block;height:20px;font-size:14px;color:#333;line-height:20px;vertical-align:top;margin-right:3px;} .foodtalk-posting .posting-poll dd .btn__cancel {position:absolute;top:32px;right:20px;width:30px;height:30px;border:0;background:url(/cjom/web/images/review/mv_rv_btn_del.svg) no-repeat center center/15px;} .foodtalk .poll-check {position:relative;display:inline-block;line-height:18px;} .foodtalk .poll-check input {position:absolute;top:0;left:0;opacity:0;} .foodtalk .poll-check span {line-height:18px;margin-top:0;vertical-align:top;} .foodtalk .poll-check span em {display:inline-block;max-width:500px;vertical-align:top;line-height:17px;font-size:14px;color:#333;} .foodtalk .poll-check .input-checkbox {width:18px;height:18px;margin:0 5px 0 0;vertical-align:top;} .foodtalk .poll-check .input-checkbox:after {width:18px;height:18px;background:url(/cjom/web/images/common/icon_chk2_off.png) no-repeat 50%/17px;} .foodtalk .poll-check .input-checkbox.active:after {background:url(/cjom/web/images/common/icon_chk2_on.png) no-repeat 50%/17px;} .foodtalk .poll-check .input-radio {width:18px;height:18px;margin:0 5px 0 0;border:0;vertical-align:top;} .foodtalk .poll-check .input-radio:after {content:'';display:inline-block;width:18px;height:18px;background:url(/cjom/web/images/common/icon_chk2_off.png) no-repeat 50%/17px;} .foodtalk .poll-check .input-radio.on:after {background:url(/cjom/web/images/common/icon_chk2_on.png) no-repeat 50%/17px;} .foodtalk .poll-check .input-checkbox.active + span em, .foodtalk .poll-check .input-radio.on + span em {font-weight:bold;} .foodtalk .posting-poll dd .poll-check span em {font-size:15px;font-weight:normal;} .foodtalk .posting-poll dd .poll-check .input-checkbox.active + span em {font-weight:normal;} .foodtalk-detail .dt-main-txt .poll {position:relative;width:600px;box-sizing:border-box;border:1px solid #eee;border-radius:4px;padding:35px 30px;margin:60px 0 16px 0;} .foodtalk-detail .dt-main-txt .poll dt {padding:0 30px 24px 0;} .foodtalk-detail .dt-main-txt .poll dt h5 {font-size:24px;font-weight:bold;line-height:25px;} .foodtalk-detail .dt-main-txt .poll dt .info {padding:5px 0 0 0;font-size:0;} .foodtalk-detail .dt-main-txt .poll dt .info span {display:inline-block;font-size:12px;color:#999;line-height:21px;} .foodtalk-detail .dt-main-txt .poll dt .info .count + span {position:relative;padding-left:10px;} .foodtalk-detail .dt-main-txt .poll dt .info .count + span:before {content:'';display:block;width:2px;height:2px;background:#999;position:absolute;top:10px;left:4px;border-radius:100%;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul {margin-bottom:45px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li {line-height:17px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li + li {margin-top:20px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-check {} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-check span {display:inline-block;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-check .form__file-filename {vertical-align:top;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-check span em {line-height:18px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap {padding:0 45px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .poll__content {position:relative;padding-right:35px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .poll__content div {font-size:16px;line-height:19px;color:#333;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .poll__content span {position:absolute;bottom:0;right:0;line-height:18px;font-size:14px;color:#333;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li.selected .poll-bar--wrap .poll__content div, .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li.selected .poll-bar--wrap .poll__content span {font-weight:bold;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .poll-bar {position:relative;width:100%;height:6px;background:#eee;border-radius:3px;margin:8px 0 0 0;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .poll-bar div {position:absolute;top:0;left:0;height:6px;background:#1BA774;border-radius:3px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap ul li .poll-bar--wrap .count {font-size:12px;color:#999;line-height:21px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn--wrap.center {text-align:center;font-size:0;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap button {display:inline-block;width:165px;height:42px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;font-weight:bold;color:#333;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap button ~ button {margin:0 0 0 8px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__cancel + button {margin:0;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__poll {pointer-events:none;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__poll.active {pointer-events:auto;background:#222;border-color:#222;color:#fff;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__go-poll:before {content:'';display:inline-block;width:20px;height:20px;line-height:20px;vertical-align:top;background:url(/cjom/web/images/review/icon_poll_go.png) no-repeat center center/11px 9px;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__go-poll span {display:inline-block;height:20px;font-size:14px;color:#333;line-height:20px;vertical-align:baseline;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__go-poll.finished {background:#ddd;pointer-events:none;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__go-poll.finished:before {display:none;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__go-poll.finished span {color:#fff;} .foodtalk-detail .dt-main-txt .poll dd .poll-list--wrap .btn__cancel {position:absolute;top:32px;right:20px;width:30px;height:30px;border:0;background:url(/cjom/web/images/review/mv_rv_btn_del.svg) no-repeat center center/15px;} /* 상품태그 layer */ .modal-opt-prd {padding-bottom:0;} .modal-opt-prd .modal-header {margin:0;padding:0;border-bottom:1px solid #eee;} .modal-opt-prd .modal-header .modal-title {padding:0 60px;font-size:16px;font-weight:normal;line-height:48px;text-align:center;} .modal-opt-prd .btn-modal-close {margin:0;top:4px;right:10px;} .modal-opt-prd .btn-modal-close span {width:40px;height:40px;background:url(/cjom/web/images/icon/btn-popup-close2.svg) no-repeat 50% 50%/40px;} .modal-opt-prd .modal-contents {padding:0 10px 88px 10px;} .modal-opt-prd .modal-contents.added {padding-bottom:150px;} .modal-opt-prd .modal-contents > .scroll-wrapper > [data-scroll] {max-height:calc(100vh - 213px) !important;} .modal-opt-prd .opt-prd-search {padding:16px 6px;} .modal-opt-prd .opt-prd-search form {display:block;} .modal-opt-prd .opt-prd-search .search__word-box {} .modal-opt-prd .opt-prd-search .search__word-box .search-ip-wrap {position:relative;width:100%;} .modal-opt-prd .opt-prd-search .search__word-box .btn-search {display:block;position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px;background:url(/cjom/mobile/images/icon/rv_icon_search.svg) no-repeat 0 0/cover;} .modal-opt-prd .opt-prd-search .search-ip-wrap .input-search {display:block;} .modal-opt-prd .opt-prd-search .search-ip-wrap .input-search input {width:100%;height:44px;padding:0 44px 0 36px;border-radius:4px;color:#333;background:#F6F8F8;border:0;} .modal-opt-prd .opt-prd-search .input-search ~.btn-delete {position:absolute;top:0;right:0;width:44px;height:44px;background:url(/cjom/mobile/images/icon/rv_icon_delete2.svg) no-repeat 50% 50%/20px;} .modal-opt-prd .opt-prd-search .btn-cancel {float:right;font-size:14px;color:#333;height:16px;line-height:16px;padding:14px 0;display:none;} .modal-opt-prd .opt-prd-search.is-active .search__word-box .search-ip-wrap {display:inline-block;width:calc(100% - 42px);} .modal-opt-prd .opt-prd-search.is-active .btn-cancel {display:block;} .tag-prd-list > dl > dt {font-size:16px;font-weight:bold;color:#333;line-height:20px;padding:8px 0 15px 0 !important;} .tag-prd-list .my-product li label {display:block;} .tag-prd-list .my-prd .my-product li + li {margin-top:16px;} .tag-prd-list .my-prd .my-product .product-info {height:44px;display:block;} .tag-prd-list .my-prd .my-product .product-info .input-checkbox {left:auto;right:4px;margin:-10px 0 0 0;top:50%;} .tag-prd-list .my-prd .my-product .product-info .inline {display:table;table-layout:fixed;width:100%;padding:0;height:44px;} .tag-prd-list .my-prd .my-product .product-info .title-box {position:relative;padding:0 30px 0 56px;display:table-cell;vertical-align:middle;} .tag-prd-list .my-prd .my-product .product-info .thumb {width:44px;height:44px;left:0;} .tag-prd-list .my-prd .my-product .product-info .thumb:after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.03);border-radius:3px;} .tag-prd-list .my-prd .my-product .product-info .title {margin:0;font-size:13px;line-height:20px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; max-height:40px;} .tag-prd-list .search-prd dt {padding:8px 6px 0 6px !important;} .tag-prd-list .search-prd .my-product {font-size:0;margin:-4px 0 0 0;} .tag-prd-list .search-prd .my-product li {display:inline-block;width:106px;margin:15px 3px 0 3px;vertical-align:top;} .tag-prd-list .search-prd .my-product .product-info {height:auto;} .tag-prd-list .search-prd .my-product .product-info .inline {padding:0;} .tag-prd-list .search-prd .my-product .product-info .title-box {display:block;} .tag-prd-list .search-prd .my-product .product-info .thumb {display:block;position:static;transform:translateY(0);width:106px;height:106px;} .tag-prd-list .search-prd .my-product .product-info .thumb:after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.03);border-radius:3px;} .tag-prd-list .search-prd .my-product .product-info .input-checkbox {top:8px;right:8px;left:auto;margin:0;z-index:1;opacity:0.45;} .tag-prd-list .search-prd .my-product .product-info input[type=checkbox] {appearance:none;position:absolute;top:8px;right:8px;left:auto;margin:0;z-index:1;opacity:0.45;width:20px;height:20px;box-sizing:border-box;background:url(/cjom/web/images/common/icon_chk_off.svg) no-repeat 50%/20px;} .tag-prd-list .search-prd .my-product .product-info input[type=checkbox]:checked {opacity:1;} .tag-prd-list .search-prd .my-product .product-info .input-checkbox.active {opacity:1;} .tag-prd-list .search-prd .my-product .product-info .title {font-size:12px;line-height:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:29px;} .modal-opt-prd .photo_attach_wrap {padding:0;margin:0;border-top:1px solid #F2F3F6;} .modal-opt-prd .photo_attach_wrap .files_list {margin:0 -6px;} .modal-opt-prd .photo_attach_wrap .files_list .form__files {margin:0;display:block;padding:0;border-top:0;} .modal-opt-prd .photo_attach_wrap .form__files-item {width:40px;height:40px;margin:10px 6px 12px 6px;background:none;} .modal-opt-prd .photo_attach_wrap .form__files-item-thumb {display:block;position:relative;width:40px;height:40px;margin:0;border-radius:4px;} .modal-opt-prd .photo_attach_wrap .form__files-item-thumb:after {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.03);} .modal-opt-prd .photo_attach_wrap .form__files-item-thumb img {position:absolute;width:100%;height:100%;border-radius:4px;object-fit:cover;} .modal-opt-prd .photo_attach_wrap .form__files-item-remove {width:16px;height:16px;top:-5px;right:-5px;} .modal-opt-prd .btn-area {position:absolute;bottom:0;left:0;width:100%;padding:0 16px 16px 16px;box-sizing:border-box;background:#fff;margin:0;} .modal-opt-prd .btn-area .btn-comp {background:#222;font-size:16px;font-weight:bold;border-radius:4px;color:#fff;display:block;margin-top:13px;width:100%;line-height:48px;height:48px;} .tag-prd-list .my-prd dt {padding:8px 6px 15px 6px !important;} .tag-prd-list .my-prd .my-product {padding:0 6px} .tag-prd-list .my-prd .product-list li .product-list-top {position:static;width:44px;height:44px;} .tag-prd-list .my-prd .product-list li .product-list-top .checkbox__input {left:auto;right:0;top:50%;transform:translateY(-50%);padding-left:20px;} .tag-prd-list .my-prd .product-list li .product-list-top .checkbox__input:before {} .tag-prd-list .my-prd .product-list li .product-list-cont {padding-right:30px;vertical-align:middle;} .tag-prd-list .my-prd .product-list li .product-title {line-height:20px;max-height:40px;} .tag-prd-list .search-prd dt {font-size:14px;font-weight:bold;color:#333;line-height:20px;padding:8px 16px 12px 16px;} .tag-prd-list .search-prd .product-list {padding:0 10px 20px 10px;} .tag-prd-list .search-prd .product-list li {width:33.3333%;padding:20px 3px 0 3px;} .tag-prd-list .search-prd .product-list li:first-child, .tag-prd-list .search-prd .product-list li:nth-child(2), .tag-prd-list .search-prd .product-list li:nth-child(3) {padding-top:0;} .tag-prd-list .search-prd .product-list li .product-list-cont {margin-top:6px;} .tag-prd-list .search-prd .product-list li .product-title {font-size:12px;line-height:14px;max-height:28px;} /* 레시피리뷰 상세보기 개선 */ .rcp_rv_vp_detail.rv-comm .btn_ico_wrap button {font-size:12px;} .rcp_rv_vp_detail.rv-comm .btn_ico_wrap button + button {margin-top:15px;} .rcp_rv_vp_detail.rv-comm .btn_ico_wrap .rp-btn-reply {display:block;position:relative;padding-top:37px;} .rcp_rv_vp_detail.rv-comm .btn_ico_wrap .rp-btn-reply em {display:block;text-align:center;line-height:12px;font-size:12px;height:12px;color:#fff;} .rcp_rv_vp_detail.rv-comm .btn_ico_wrap .rp-btn-reply:before{content:'';display:block;position:absolute;top:0;left:50%;width:36px;height:36px;background:url(/cjom/web/images/review/rv_icon_rc_rp.svg) no-repeat 0 50%;background-size:36px auto;transform:translateX(-50%);} .rcp_rv_vp_detail.rv-comm .btn_ico_wrap .gds {margin:20px auto 0 auto;} .fo-rv .modal-rp-reply {top:auto;bottom:168px;left:calc(50% + (50vh * 0.63125) + 12px);width:41.6625vh;height:76vh;padding:0;transform:translate(0,0);background:#fff;border-radius:8px;border:0;} .fo-rv .modal-rp-reply.type2 {bottom:118px;} .fo-rv .modal-rp-reply:after{content:'';display:block;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-right:8px solid #fff;position:absolute;bottom:17px;left:-7px;} .fo-rv .modal-rp-reply.is-active {display:block;z-index:200001;} .fo-rv .modal-rp-reply .modal-contents {max-height:none;padding:0;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply {padding-bottom:0;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply dt {line-height:50px;border-bottom:1px solid #F2F3F6;padding:0 16px;font-size:13px;font-weight:bold;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply dt strong {font-weight:normal;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply dd {padding:0;max-height:calc(76vh - 120px);overflow:hidden;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply dd .scroll-wrapper {max-height:calc(76vh - 120px);} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply dd .scroll-wrapper>.scroll-element.scroll-y {top:15px;right:10px;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .mv_rv_rcp_none {position:relative;padding:0;width:100%;height:calc(76vh - 120px);} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .mv_rv_rcp_none>div {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .mv_rv_rcp_none img {width:66px;height:66px;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list {padding:16px 16px 20px 16px;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list>li:first-child {margin:0;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list>li + li {margin-top:16px;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .dt-rp-top .mv_rv_user {left:0;bottom:auto;right:auto;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .btn-vmore {display:block;width:calc(100% - 32px);border:1px solid #ddd;border-radius:4px;margin:0 auto 50px auto;font-size:15px;line-height:42px;height:44px;color:#333;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .btn-vmore:after {content:"";display:inline-block;width:13px;height:43px;vertical-align:top;background:url(/cjom/web/images/review/rv_arr_vm.svg) no-repeat 50% 50%/13px auto;margin-left:5px;} .fo-rv .modal-rp-reply .rp-reply-wrap .reply-write-bar {padding:5px 0 21px 0;position:absolute;bottom:0;left:0;z-index:130;border-radius:0 0 8px 8px;} .fo-rv .modal-rp-reply .rp-reply-wrap .reply-write-bar .bar-inner {padding:0 62px 0 16px;width:100%;} .fo-rv .modal-rp-reply .rp-reply-wrap .reply-write-bar .btn-send {right:16px;} .fo-rv .modal-rp-reply .btn-modal-close {top:4px;right:4px;} .fo-rv .modal-rp-reply .btn-modal-close span {margin:0;top:0;left:0;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .rp-wrap .info .tip-layer {} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .rp-wrap .info .tip-layer .tooltip-label {display:inline-block;transform:translateY(6px);width:13px;height:21px;margin:0;background:url(/cjom/web/images/icon/rv_icon_more.svg) no-repeat 8px 50%/4px auto;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .rp-wrap .info .tip-layer .tooltip-label:hover {cursor:pointer;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .rp-wrap .info .tip-layer .tooltip-wrap {margin:0;width:auto;height:auto;} .fo-rv .modal-rp-reply .rp-reply-wrap .dt-main-reply .dt-rp-list .rp-wrap .info .tip-layer .tooltip-content {padding:0;margin:0;width:auto;border:0;z-index:999 !important;left: auto;right:0;transform:translateX(0);} @media all and (max-aspect-ratio:3/2) { .fo-rv .modal-rp-reply {width:38vh;} } @media all and (max-aspect-ratio:7/5) { .fo-rv .modal-rp-reply {width:35vh;} } .modal.modal-posting .modal__contents {border-top:1px solid #eee;} .modal.modal-posting .modal__close {background:url(/cjom/mobile/images/icon/ico-arrow-left-13x21.svg) no-repeat center center/auto 19px;right:auto;left:0;} .modal.modal-posting .detail__btn-commit {display:block;width:auto;height:48px;line-height:48px;padding:0 16px;font-size:16px;color:#333;position:absolute;top:0;right:0;} .modal.modal-posting .detail__btn-commit.disabled {color:#bbb;} .new_heart_box.today-up-wrap {text-align:right;padding:0 15px;margin:6px 0 0 0;} .new_heart_box.today-up-wrap .today_update_rv {position:relative;top:0;right:0;} .new_heart_box.today-up-wrap .new_rngMy_pgs_tooltip_rv {text-align:left;} /* D:20240603 MARKETDEV-8239 푸드톡서비스 신규구축 (오픈안내팝업) */ .fo-rv .modal-rv-noti {width:380px;padding:0;border-radius:8px;border:0;overflow:hidden;} .fo-rv .modal-rv-noti .modal-header {display:none;} .fo-rv .modal-rv-noti .modal-contents {position:relative;padding:0;} .fo-rv .modal-rv-noti .modal-contents img {vertical-align:middle;} .fo-rv .modal-rv-noti div.noti {position:absolute;bottom:30px;left::0;width:100%;text-align:center;} .fo-rv .modal-rv-noti div.noti p {display:inline-block;font-size:15px;line-height:21px;text-align:left;color:#666;} .fo-rv .modal-rv-noti div.noti p strong {color:#333;} .fo-rv .modal-rv-noti .modal-footer {position:relative;padding:14px 20px;line-height:20px;} .fo-rv .modal-rv-noti .modal-footer * {vertical-align:top;line-height:20px;} .fo-rv .modal-rv-noti .modal-footer label {font-size:14px;color:#666;line-height:20px;} .fo-rv .modal-rv-noti .modal-footer .input-checkbox {margin:0 5px 0 0;} .fo-rv .modal-rv-noti .modal-footer .btn-close {float:right;font-size:14px;color:#666;} /* 활동 자세히보기 */ .lounge-detail {/*border-top:1px solid #F2F3F6;*/} .lounge-detail-top {padding:16px 16px 0 16px;} .lounge-detail-top .rv-user-wrap {position:relative;display:inline-block;width:360px;padding:0 0 30px 0;} .lounge-detail-top .rv-user-wrap .pd_rv_user {padding-left:73px;padding-right:50px;} .lounge-detail-top .rv-user-wrap .pd_rv_user .spinner-box, .lounge-detail-top .rv-user-wrap .pd_rv_user .circle-border {width:60px;height:60px;} .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb {height:64px;top:3px;} .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb.top1, .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb.top25, .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb.top50, .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb.top100 {top:0;} /*.lounge-detail-top .rv-user-wrap .pd_rv_user .tumb .img {padding:1px;}*/ .lounge-detail-top .rv-user-wrap .pd_rv_user .tumb .img img {width:52px;height:52px;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info {font-size:0;top:10px;transform:translateY(0);} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .top {display:inline-block;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .top .nm {margin:0;min-height:20px;font-size:12px;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .btm {display:inline-block;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .top + .btm {padding-left:12px;position:relative;vertical-align:top;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .top + .btm:before {content:"";display:block;width:2px;height:2px;border-radius:100%;position:absolute;top:9px;left:5px;background:#333;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .btm .tx {font-size:12px;color:#333;line-height:20px;} .pd_rv_user .info .btm .tag__mat {display:inline-block;width:12px;height:20px;background:url(/cjom/mobile/images/review/icon_mat.png) no-repeat 50%/12px;padding:0;margin:0 0 0 4px;transform:translateY(2px);vertical-align:middle;float:none;} .pd_rv_user .info .btm .tag__mat:after {display:none;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .flw {padding:7px 0 0 0;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .flw a {display:inline-block;font-size:12px;line-height:16px;color:#999;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .flw a + a {padding-left:9px;margin-left:8px;position:relative;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .flw a + a:before {content:"";display:block;width:1px;height:10px;background:#eee;position:absolute;top:5px;left:0;} .lounge-detail-top .rv-user-wrap .pd_rv_user .info .flw a span {font-weight:bold;color:#666;} .lounge-detail-top .rv-user-wrap .btn_flw {position:absolute;top:31px;right:0;width:63px;} .lounge-detail-top .rv-user-wrap .btn_flw button{display:block;width:63px;height:30px;border:#ddd 1px solid;border-radius:3px;-webkit-border-radius:3px;background:none;color:#999;font-size:13px;text-align:center;} .lounge-detail-top .rv-user-wrap .btn_flw button span{display:inline-block;padding-left:12px;background:url('/cjom/web/images/review/mv_rv_user_btn_0.svg') no-repeat left center;} .lounge-detail-top .rv-user-wrap .btn_flw button[aria-pressed="true"]{border-color:#eff9f5;background:#eff9f5;color:#1ba774;} .lounge-detail-top .rv-user-wrap .btn_flw button[aria-pressed="true"] span{background-image:url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg');} .lounge-detail-top .rv-user-wrap .edt {position:absolute;right:0;top:37px;} .lounge-detail-top .rv-user-wrap .edt a {display:block;position:relative;padding:2px 0;line-height:12px;} .lounge-detail-top .rv-user-wrap .edt a em {position:relative;padding-left:15px;font-size:12px;line-height:12px;color:#999;display:inline-block;vertical-align:top;} .lounge-detail-top .rv-user-wrap .edt a em:before {content:"";display:block;width:12px;height:12px;position:absolute;top:1px;left:0;background:url(/cjom/web/images/review/rv_icon_edit.svg) no-repeat 0 0/cover;} .lounge-detail-top .rv-myinfo {float:right;width:350px;font-size:0;border:1px solid #eee;border-radius:4px;padding:19px 0;} .lounge-detail-top .rv-myinfo dl {position:relative;display:inline-block;width:33.3333%;text-align:center;} .lounge-detail-top .rv-myinfo dl+dl:before {content:"";display:block;width:1px;height:100%;background:#f2f3f6;position:absolute;top:0;left:0;} .lounge-detail-top .rv-myinfo dl dt {font-size:12px;color:#444;line-height:16px;margin-bottom:6px;} .lounge-detail-top .rv-myinfo dl dd {font-size:14px;color:#333;font-weight:bold;line-height:16px;} .lounge-detail-top .rv-myinfo dl.heart dd a span {display:inline-block;position:relative;padding-left:15px;} .lounge-detail-top .rv-myinfo dl.heart dd a span:before {content:"";display:block;width:10px;height:10px;background:url(/cjom/web/images/review/rv_dt_heart.svg) no-repeat 0 0/10px auto;position:absolute;top:4px;left:0;} .lounge-detail-top .rv-update {text-align:right;} .lounge-detail-top .rv-update a {display:inline-block;font-size:10px;color:#bbb;line-height:14px;position:relative;padding-right:18px;} .lounge-detail-top .rv-update a:after {content:"";display:block;position:absolute;top:0;right:0;width:14px;height:14px;background:url(/cjom/web/images/review/ico_review_more2.svg) no-repeat 0 0/cover;} .lounge-detail .go-bookmark {padding:0 0 10px 0;border-bottom:8px solid #F2F3F6;} .lounge-detail .go-bookmark a {display:block;padding:10px 16px;position:relative;font-size:12px;color:#999;line-height:16px;} .lounge-detail .go-bookmark a:after {content:"";display:block;width:12px;height:14px;background:url(/cjom/web/images/review/rv_icon_barr.svg) no-repeat 0 0/cover;position:absolute;top:50%;right:16px;transform:translateY(-50%);} .lounge-detail .go-bookmark a span {display:block;font-size:14px;color:#333;padding-left:20px;line-height:20px;position:relative;margin-bottom:4px;} .lounge-detail .go-bookmark a span:before {content:"";display:block;width:20px;height:20px;background:url(/cjom/web/images/review/rv_icon_bm.svg) no-repeat 50% 50%/11px 14px;position:absolute;top:1px;left:0;} .tab-default.lounge-type {border-bottom:1px solid #eee;} .tab-default.lounge-type li {width:33.3333%;border:0 !important;padding:0;} .tab-default.lounge-type li a {position:relative;width:180px;margin:0 auto;font-size:14px;color:#999;height:58px;line-height:58px;} .tab-default.lounge-type li.active:after {display:none;} .tab-default.lounge-type li.active a {color:#000;font-weight:normal;} .tab-default.lounge-type li.active a:before {content:"";display:block;width:100%;height:3px;background:#000;position:absolute;bottom:-1px;left:0;} .lounge-tab-cont {} .lounge-tab-cont .rv-theme {border-top:0;} .lounge-tab-cont .review_list_wrap {padding-top:15px;} .lounge-tab-cont .paging {margin-top:15px;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a.profile-link .pd_rv_user {height:14px;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a.profile-link .pd_rv_user .tumb {display:none;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a.profile-link .pd_rv_user .info {padding:0;margin:0;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a.profile-link .pd_rv_user .info .top .rnk {display:none;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a .cont {position:relative;padding-top:22px;} .lounge-detail .lounge-tab-cont .talk-list>ul>li a .cont .topic {position:absolute;top:0;left:0;font-size:12px;color:#666;} .lounge-detail .lounge-tab-cont .talk-list>ul>li .btm .reaction {display:none;} .lounge-detail .lounge-tab-cont .talk-list.reply-list>ul>li a .cont {padding-top:0;} .lounge-tab-cont .reply-list ul li .btm {line-height:16px;} /* 책갈피 */ .bookmark-wrap .mv_rv_rcp_none {padding:52px 0 76px 0;} .rv-community .bookmark-wrap {padding:0;border:0;} .bookmark-wrap .bookmark-title {position:relative;border-bottom:1px solid #F2F3F6;} .bookmark-wrap .bookmark-title h2 {text-align:center;padding:20px 0 22px 0;margin:0 60px;font-size:16px;line-height:19px;color:#000;} .bookmark-wrap .bookmark-title .btn-pre {display:block;position:absolute;top:0;left:0;width:50px;height:60px;background:url(/cjom/web/images/icon/rv_icon_prev.svg) no-repeat center center/28px;} .bookmark-wrap .tab-default.lounge-type {text-align:center;} .bookmark-wrap .tab-default.lounge-type li {width:auto;float:none;display:inline-block;margin:0 45px;} .bookmark-wrap .tab-default.lounge-type li a {width:103px;} .rv_book.bookmark-wrap .bt_add {text-align:center;padding:24px 0 4px 0;margin:0;} .rv_book.bookmark-wrap .bt_add a {position:relative;display:inline-block;font-weight:normal;font-size:15px;line-height:20px;float:none;text-decoration:underline;text-underline-offset:2px;background:none;padding:0;color:#333;} .rv_book.bookmark-wrap .bt_add a:before {content:"+";display:block;position:absolute;top:0;left:-13px;} .rv_book.bookmark-wrap .list {width:400px;margin:0 auto;padding-bottom:45px;min-height:auto;} .rv_book.bookmark-wrap .list ul {margin:0;font-size:0;} .rv_book.bookmark-wrap .list li {width:160px;margin:20px 20px 0 20px;float:none !important;display:inline-block;} .rv_book.bookmark-wrap .list li .img {width:160px;height:160px;} .rv_book.bookmark-wrap .list li .tit {display:block;width:100%;text-align:center;font-size:15px;color:#333;} .rv_book.bookmark-wrap .list li .tit span {float:none;display:block;max-width:100%;} .rv_book.bookmark-wrap .list li .tit em {display:none;} .cols-2 .rv-community {width:100%;} .cols-2 .rv_book_dtl.bookmark-wrap {margin-top:85px;} .bookmark-wrap .prd_rv_pro_rcp.type-new {margin:0;} .bookmark-wrap .prd_rv_pro_rcp.type-new ul:after {content:"";display:block;clear:both;} .bookmark-wrap .prd_rv_pro_rcp.type-new li {width:140px;margin:0 0 25px 36px;} .bookmark-wrap .prd_rv_pro_rcp.type-new li:nth-child(6n+1) {margin-left:0;} .bookmark-wrap .prd_rv_pro_rcp.type-new .pd_rv_rcp_flag {right:4px;} .bookmark-wrap .prd_rv_pro_rcp.type-new.edt .pd_rv_rcp_flag {display:none;} .my-bookmark .mv_rv_book {padding:24px 0 40px;} .my-bookmark .mv_rv_book .lst {padding:0 16px;} .my-bookmark .mv_rv_book .talk-list {padding-bottom:0;} .my-bookmark .mv_rv_book .talk-list ul {border-bottom:1px solid #F2F3F6;} .my-bookmark .mv_rv_book .talk-list ul li a .imgs {width:64px;height:64px;} /* 챔피언 랭킹 */ .rv_rank .list .pf-wrap {width:100%;} .rv_rank .list .profile-link {display:inline-block;height:86px;} .rv_rank .list .profile-link .pd_rv_user {width:auto;box-sizing:border-box;} .rv_rank .list .profile-link .pd_rv_user .tumb {width:82px;position:absolute;top:0;left:0;} .rv_rank .list .profile-link .pd_rv_user .spinner-box, .rv_rank .list .profile-link .pd_rv_user .circle-border {width:82px;height:82px;} .rv_rank .list .profile-link .pd_rv_user .circle-border {padding:3px;} .rv_rank .list .profile-link .pd_rv_user .img {background:none;margin:1px 0 0 3px;} .rv_rank .list .profile-link .pd_rv_user .info {padding:0;transform:translate(0,-50%);} .rv_rank .list .profile-link .pd_rv_user .info .top .nm {margin-right:0;} /* 팔로워목록 */ .rv_rank.flw .list li {position:relative;padding:24px 20px;} .rv_rank.flw .list .profile-link .pd_rv_user {margin:0;} .rv_rank.flw .list .btn_flw {position:absolute;right:20px;top:50%;width:63px;transform:translateY(-50%);} .rv_rank.flw .list .btn_flw button{display:block;width:63px;height:30px;border:#ddd 1px solid;border-radius:3px;-webkit-border-radius:3px;background:none;color:#999;font-size:13px;text-align:center;} .rv_rank.flw .list .btn_flw button span{display:inline-block;padding-left:12px;background:url('/cjom/web/images/review/mv_rv_user_btn_0.svg') no-repeat left center;} .rv_rank.flw .list .btn_flw button[aria-pressed="true"]{border-color:#eff9f5;background:#eff9f5;color:#1ba774;} .rv_rank.flw .list .btn_flw button[aria-pressed="true"] span{background-image:url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg');} .rv_rank.flw+.paging {margin-top:20px;} /* D:20240913 MARKETDEV-9107 the라운지 phase2 */ /* VUE: rv-community / community__theme */ .rv-community .talk-notice-link {display:block;padding:9px 16px;font-size:0;background:#F9F9F9;border-radius:4px;} .rv-community .foodtalk .theme-topic ~ .talk-notice-link {margin:0 16px;} .rv-community .rv-idea .talk-notice-link {margin:-5px 0 10px 0;} .rv-community .talk-notice-link span {display:inline-block;color:#333;text-align:left;font-size:12px;line-height:20px;} .rv-community .talk-notice-link span.nt-title {width:30px;font-weight:bold;} .rv-community .talk-notice-link span.nt-cont {width:calc(100% - 30px);} .foodtalk .foodtalk-wrap .talk-top {margin-top:20px;} .foodtalk .foodtalk-wrap .talk-top .form-element {float:right;} .foodtalk .foodtalk-wrap .talk-top .module-filter__select {height:20px;font-size:12px;padding:0 12px 0 0;background:url(/cjom/web/images/icon/rv_icon_filter.png) no-repeat right center/12px 12px;} .event-hashtag__detail {padding:20px 0 0 0;} .event-hashtag__detail .foodtalk-wrap .talk-top {margin-top:0;} .section__floating-box .detail__btn-lounge + .tool_tip {width:auto;height:auto;border-radius:30px;background:#1BA774;filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.55));top:42px;right:3px;} .section__floating-box .detail__btn-lounge + .tool_tip .inner {padding:10px 16px 10px 52px;} .section__floating-box .detail__btn-lounge + .tool_tip:before {content:"";display:block;width:35px;height:30px;background:url(/cjom/mobile/images/review/icon_community_tooltip.png) no-repeat 50%/cover;position:absolute;top:50%;transform:translateY(-50%);left:11px;} .section__floating-box .detail__btn-lounge + .tool_tip:after {content:"";display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #1BA774;position:absolute;top:-7px;right:16px;} .section__floating-box .detail__btn-lounge + .tool_tip p {line-height:16px;} .rv-community .community__event-hashtag {position:relative;border-top:0;padding:0 0 40px 0;} .rv-community .community__event-hashtag .hashtag__inner {padding:0;} .rv-community .community__event-hashtag h2 {box-sizing:border-box;padding-bottom:20px;margin:0 16px;} .rv-community .community__event-hashtag h2 div span:after {content:"";display:inline-block;width:7px;height:11px;background:url(/cjom/mobile/images/icon/rv_arr4.png) no-repeat 50%/auto 100%;margin-left:6px;vertical-align:middle;transform:translateY(-3px);background-size:cover !important;} .rv-community .community__event-hashtag .community__banner {position:relative;} .rv-community .community__event-hashtag .community__banner img {width:100%;vertical-align:top;} /*.rv-community .community__event-hashtag .community__banner p {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding:0 92px 0 80px;box-sizing:border-box;font-size:14px;font-weight:bold;color:#fff;line-height:19px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px} .rv-community .community__event-hashtag .community__banner p span {} .rv-community .community__event-hashtag .community__banner a {position:absolute;top:50%;transform:translateY(-50%);right:15px;font-size:12px;line-height:20px;text-decoration:underline;text-underline-offset:3px;color:#999;} .rv-community .community__event-hashtag .community__banner * {color:inherit;}*/ .rv-community .community__event-hashtag .community__content {position:relative;margin:0 16px;overflow:hidden;} .rv-community .community__event-hashtag .community__content > .nodata {padding:30px 0 10px 0;text-align:center;} .rv-community .community__event-hashtag .community__content > .nodata img {width:137px;} .rv-community .community__event-hashtag .community__content > .nodata p {font-size:14px;color:#333;line-height:20px;margin:20px 0 15px 0;} .rv-community .community__event-hashtag .community__content > .nodata a {display:inline-block;padding:7px 14px;border-radius:30px;border:1px solid #666;font-size:14px;line-height:18px;color:#333;} .rv-community .community__event-hashtag .community__content ul.event-hashtag {font-size:0;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li {position:relative;display:inline-block;width:175px;height:257px;border-radius:4px;overflow:hidden;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li+li {margin-left:9px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content {position:relative;display:block;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content .hashtag__img {position:relative;display:block;width:100%;height:257px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content .hashtag__img:before {z-index:2;display:block;position:absolute;bottom:0;top:0;left:0;right:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55%, rgba(0, 0, 0, 0.70) 100%);content:'';} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content img, .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content video {z-index:1;position:absolute;left:50%;top:50%;height:100%;width:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content .btn-review-play {z-index:1;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.hashtag__content .hashtag__txt {z-index:3;position:absolute;bottom:16px;left:0;width:100%;padding:0 15px;box-sizing:border-box;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;color:#fff;font-size:14px;line-height:20px;font-weight:bold;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.profile-link {z-index:3;position:absolute;left:16px;bottom:63px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.profile-link .pd_rv_user {padding:0;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.profile-link .pd_rv_user .tumb, .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.profile-link .pd_rv_user .info .top .rnk {display:none;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li a.profile-link .pd_rv_user .info .top .nm {float:none;font-size:12px;font-weight:normal;color:#fff;line-height:15px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none {display:none;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none:nth-child(4):last-child {display:inline-block;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none {background:#f0f1f4;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a {display:block;width:100%;height:257px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a .nodata {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a .nodata img {width:90px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a .nodata p {font-size:14px;color:#333;line-height:20px;margin:20px 0 10px 0;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a .nodata span {display:inline-block;padding:5px 10px;font-size:14px;line-height:20px;color:#333;text-decoration:underline;text-underline-offset:3px;} .rv-community .community__event-hashtag .community__content ul.event-hashtag>li.hashtag__none a .nodata span:after {content:'>';display:inline-block;margin-left:2px;} .rv-community .community__event-hashtag .community__content .btn-box {margin-top:15px;padding:0;} /*.rv-community .community__event-hashtag .community__content .swiper__event-hashtag {position:relative;width:730px;margin:0 auto;padding-bottom:35px;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag .swiper-slide {opacity:0.2;transition:0.5s opacity ease-in-out;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag .swiper-slide.active {opacity:1;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .swiper-wrapper {display:block;text-align:center;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .swiper-slide {display:inline-block;opacity:1;width:360px;text-align:left;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .swiper-button-prev, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .swiper-button-next, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .swiper__btn-wrap {display:none;} .rv-community .community__event-hashtag .community__content .swiper__img {position:relative;} .rv-community .community__event-hashtag .community__content .swiper__img .swiper__link {position:relative;display:block;height:360px;} .rv-community .community__event-hashtag .community__content .swiper__img .swiper__link img {position:absolute;left:50%;top:50%;height:100%;width:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .rv-community .community__event-hashtag .community__content .swiper__img .swiper__link video {position:absolute;left:50%;top:50%;height:100%;width:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .rv-community .community__event-hashtag .community__content .swiper__img .swiper__link:after {content:"";display:block;width:calc(100% + 2px);height:70px;position:absolute;bottom:0;left:-1px;right:-1px;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 58.59%);} .rv-community .community__event-hashtag .community__content .swiper__img .swiper__link video {position:absolute;top:50%;left:50%;width:50%;min-width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .rv-community .community__event-hashtag .community__content .swiper__img .btn-review-play {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;} .rv-community .community__event-hashtag .community__content .swiper__content {position:relative;padding:0 12px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link {display:inline-block;height:28px;position:absolute;top:-35px;left:12px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user {position:relative;display:block;height:28px;padding:0 0 0 34px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .tumb {position:relative;position:absolute;top:0;left:0;width:28px;height:28px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .spinner-box {width:26px;height:26px;margin-top:1px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .circle-border {width:26px;height:26px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .circle-core {background:#000;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .tumb .img {width:20px;height:20px;background:transparent;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .tumb .img img {width:20px;height:20px;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .info {top:0;padding:0;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .top {overflow:visible;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .top .nm {display:block;font-size:12px;line-height:14px;font-weight:normal;color:#999;padding:7px 0 0 0;white-space:nowrap;} .rv-community .community__event-hashtag .community__content .swiper__content .profile-link .pd_rv_user .top .rnk {display:none;} .rv-community .community__event-hashtag .community__content .swiper__content .swiper__link {display:block;color:#fff;font-size:14px;line-height:20px;margin:0;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;max-height:40px} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-next, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-prev {position:absolute;top:150px;width:31px;height:61px;margin:0;z-index:1;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-next {background:url(/cjom/web/images/review/community_arr_next.png) no-repeat 50%/auto 61px;right:-80px;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-prev {background:url(/cjom/web/images/review/community_arr_prev.png) no-repeat 50%/auto 61px;left:-80px;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-next.swiper-button-disabled, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag > .hash-button-prev.swiper-button-disabled {opacity:0.5;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap {position:absolute;bottom:0;left:50%;width:730px;height:18px;line-height:18px;text-align:center;transform:translateX(-50%);} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination {display:inline-block;width:auto;line-height:18px;vertical-align:bottom;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination * {display:inline-block;font-size:14px;color:#999;vertical-align:bottom;font-weight:normal;line-height:18px;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination .total {} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination .current {color:#fff;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination span {width:29px;height:16px;position:relative;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .custom-pagination span:before {content:"";display:block;width:1px;height:10px;background:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-next, .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-prev {display:inline-block;width:15px;height:18px;margin:0;z-index:1;vertical-align:bottom;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-next {background:url(/cjom/web/images/review/community_arr_next2.png) no-repeat right 5px/auto 10px;margin-left:10px;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-prev {background:url(/cjom/web/images/review/community_arr_prev2.png) no-repeat left 5px/auto 10px;margin-right:10px;} .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-next.swiper-button-disabled, .rv-community .community__event-hashtag .community__content .swiper__btn-wrap .hash-button-prev.swiper-button-disabled {opacity:0.5;} .rv-community .community__event-hashtag .community__content .hash-button-next:hover, .rv-community .community__event-hashtag .community__content .hash-button-prev:hover {cursor:pointer;} .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .hash-button-next, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag.single .hash-button-prev, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag .swiper-button-lock, .rv-community .community__event-hashtag .community__content .swiper__event-hashtag .swiper-pagination-lock {display:none;} */ .rv-community .community__matfluencer {position:relative;overflow:hidden;} .rv-community .community__matfluencer h2 {margin:0;} .rv-community .community__matfluencer .community__content {position:relative;} .rv-community .community__matfluencer .community__content .swiper__matfluencer {padding-bottom:36px;} .rv-community .community__matfluencer .community__content .mat__top {position:relative;margin-left:3px;padding-bottom:12px;} .rv-community .community__matfluencer .community__content .mat__top .profile-link {display:inline-block;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .tumb {position:relative;display:inline-block;height:30px;margin-right:-2px;top:0;left:0;transform:translateX(0);vertical-align:top;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .tumb .spinner-box {margin:0;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .info {display:inline-block;width:auto;height:17px;padding:7px 0;margin-left:8px;position:static;transform:translateX(0);text-align:left;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .info .top {display: inline-block;vertical-align:top;height:17px;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .info .top .nm {display: inline-block;font-size:12px;line-height:16px;color:#666;margin:0;font-weight:normal;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .info .top .rnk {display:inline-block;padding:0 4px 1px 4px;vertical-align:top;border-radius:1px;background:#F0F1F4;color:#757D86;font-size:10px;line-height:16px;margin-left:8px;} .rv-community .community__matfluencer .community__content .mat__top .pd_rv_user .info .btm {display:none;} .rv-community .community__matfluencer .community__content .mat__top .btn_flw {position:absolute;right:0;top:0;width:63px;} .rv-community .community__matfluencer .community__content .mat__top .btn_flw button{display:block;width:63px;height:30px;border:#ddd 1px solid;border-radius:3px;-webkit-border-radius:3px;background:none;color:#999;font-size:13px;text-align:center;} .rv-community .community__matfluencer .community__content .mat__top .btn_flw button span{display:inline-block;padding-left:12px;background:url('/cjom/web/images/review/mv_rv_user_btn_0.svg') no-repeat left center;} .rv-community .community__matfluencer .community__content .mat__top .btn_flw button[aria-pressed="true"]{border-color:#eff9f5;background:#eff9f5;color:#1ba774;} .rv-community .community__matfluencer .community__content .mat__top .btn_flw button[aria-pressed="true"] span{background-image:url('/cjom/web/images/review/mv_rv_user_btn_0_on.svg');} .rv-community .community__matfluencer .community__content .swiper__link-wrap {font-size:0;padding:0;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link {display:inline-block;width:173px;vertical-align:top;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link + .swiper__link {margin-left:12px;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link .swiper__img {position:relative;display:block;width:100%;height:173px;border-radius:4px;overflow:hidden;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link .swiper__img img {position:absolute;left:50%;top:50%;height:100%;width:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%);object-fit:cover;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link .swiper__img video {position:absolute;top:50%;left:50%;width:50%;min-width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link .swiper__img .btn-review-play {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:url('/cjom/web/images/review/recipe_review_icon_play_pc.svg') no-repeat 0 0;background-size:cover;} .rv-community .community__matfluencer .community__content .swiper__link-wrap .swiper__link .swiper__content {margin:10px 0 0 0;font-size:14px;line-height:18px;color:#111;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;max-height:36px;} .rv-community .community__matfluencer .community__content .swiper-pagination {position:absolute;left:0;width:100%;font-size:0;padding:0;bottom:0;bottom:0;font-size:0;text-align:center;} .rv-community .community__matfluencer .community__content .swiper-pagination-bullet {display:inline-block;width:6px;height:6px;border-radius:100%;margin:0 3px;background:#ddd;opacity:1;vertical-align:bottom;} .rv-community .community__matfluencer .community__content .swiper-pagination-bullet-active {background:#333;} .foodtalk-textarea {position:relative;} .custom__placeholder {display:none;font-size:15px;color: #bbb;line-height:20px;z-index:1;position:absolute;top:-1px;left:0;right:0;bottom:0;width:100%;height:100%;padding:17px 0;box-sizing:border-box;} .custom__placeholder div {color:#1BA774;font-size:15px;margin-bottom:20px;display:block;} .foodtalk-textarea.empty .custom__placeholder {display:block;} /* 라운지검색 */ .fo-rv .search__lounge .modal-header {margin:0;padding:0 0 15px 0;} .fo-rv .search__lounge .modal-contents {padding:0;max-height:calc(100vh - 105px);} .fo-rv .search__lounge .modal-contents > .scroll-wrapper {margin:0;} .fo-rv .search__lounge .modal-contents > .scroll-wrapper > [data-scroll] {padding:0 !important;} .search__lounge {width:360px;overflow:hidden;} .search__lounge .modal-header .modal-header-title {font-size:16px;line-height:25px;text-align:center;} .search__lounge .search__input-box {position:relative;} .search__lounge .search__input-box .input-search {display:block;} .search__lounge .search__input-box input {vertical-align:top;width:100%;height:44px;padding:0 48px 0 42px;border:0;border-radius:4px;background:#F2F2F2 url(/cjom/web/images/icon/icon_lounge_search.png) no-repeat 16px center/14px;font-size:14px;} .search__lounge .search__input-box input::placeholder {font-size:14px;} .search__lounge .search__input-box .btn__delete {position:absolute;right:26px;width:30px;height:44px;top:0;background:url(/cjom/web/images/icon/icon_lounge_delete.png) no-repeat center/16px;} .search__lounge .modal-header-title {border:0;} .search__lounge .modal-header-title-title {height:60px;font-weight:normal;} .search__lounge .search__input-box {padding:0 16px 16px 16px;} .search__lounge .search__content {padding-bottom:30px;} .search__lounge .search__content .nodata {padding:50px 0;text-align:center;} .search__lounge .search__content .nodata > div {display:inline-block;} .search__lounge .search__content .nodata > div img {display:block;width:75px;height:75px;margin:0 auto 20px auto;} .search__lounge .search__content .nodata > div span {font-size:15px;color:#333;line-height:22px;} .search__lounge .search__content .component-header {padding:40px 16px 15px 16px;} .search__lounge .search__content .component-header:first-child, .search__lounge .search__content .nodata[data-visible="false"] + .component-header, .search__lounge .search__content .search__recently[data-visible="false"] + .component-header, .search__lounge .search__content .keyword__hash[data-visible="false"] + .component-header {padding-top:14px;} .search__lounge .search__content .search__recently[data-visible="true"] ~ .keyword__hash[data-visible="false"] + .component-header {padding-top:40px;} .search__lounge .search__content .component-header__title {display:inline-block;font-size:16px;color:#000;} .search__lounge .search__content .component-header__text {float:right;margin-top:3px;font-size:12px;color:#999;} .search__lounge .search__content .swiper__search-recently {padding:0 16px;height:32px;} .search__lounge .search__content .search--page__relation-word {display:inline-block;min-width:50px;border:1px solid #ddd;background:#fff;height:32px;border-radius:32px;vertical-align:middle;box-sizing:border-box;font-size:14px;line-height:32px;text-align:center;} .search__lounge .search__content .search--page__relation-padding {border-radius:32px;padding:7px 7px 7px 12px;vertical-align:top;line-height:30px;} .search__lounge .search__content .search__list-delete {display:inline-block;width:22px;height:31px;vertical-align:top;background:url(/cjom/web/images/icon/ic-close-s@3x.png) no-repeat 0 50%/10px 11px;font-size:0;} .search__lounge .search__content .keyword__hash {height:auto;padding:0 16px;} .search__lounge .search__content .keyword__hash .search--page__relation-inner {white-space:normal;} .search__lounge .search__content .keyword__hash .search--page__relation-word {border-color:#F4F6FA;background:#F4F6FA;margin:0 13px 10px 0;} .search__lounge .search__content .keyword__hash .search--page__relation-word .search--page__relation-padding {padding-right:12px;} .search__lounge .search__content .keyword__hash .search--page__relation-word .search--page__relation-padding:before {display:inline-block;width:16px;height:20px;background:url(/cjom/web/images/icon/icon_lounge_hash.png) no-repeat 0 center/12px;vertical-align:text-top;content:'';} .search__lounge .search__content .keyword__hash + .component-header {padding-top:30px;} .search__lounge .search__content .keyword__posting {padding:0 16px;} .search__lounge .search__content .keyword__posting li+li {margin-top:20px;} .search__lounge .search__content .keyword__posting li a {position:relative;display:block;padding-left:50px;} .search__lounge .search__content .keyword__posting li a .posting__img {position:absolute;top:0;left:0;width:40px;height:40px;border-radius:100%;background:url(/cjom/web/images/icon/icon_lounge_thumb.png) no-repeat 50%/cover;} .search__lounge .search__content .keyword__posting li a .posting__img img { border-radius: 100%; position: absolute; left: 50%; top: 50%; height: 100%; width: 50%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); object-fit: cover;} .search__lounge .search__content .keyword__posting li a dl {position:relative;padding-left:34px;} .search__lounge .search__content .keyword__posting li a dl dt span {display:block;} .search__lounge .search__content .keyword__posting li a dl dt .rank {position:absolute;top:50%;left:0;transform:translateY(-50%);width:22px;text-align:center;} .search__lounge .search__content .keyword__posting li a dl dt .rank span:first-child {font-size:14px;line-height:21px;color:#000;font-weight:bold;} .search__lounge .search__content .keyword__posting li a dl dt .rank .flag {font-weight:bold;color:#ccc;font-size:10px;line-height:16px;} .search__lounge .search__content .keyword__posting li a dl dt .rank .flag.hot, .search__lounge .search__content .keyword__posting li a dl dt .rank .flag.new {color:#FF6128;} .search__lounge .search__content .keyword__posting li a dl dt .posting__title {width:100%;font-size:14px;line-height:22px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .search__lounge .search__content .keyword__posting li a dl dd {margin:2px 0 0 0;line-height:16px;} .search__lounge .search__content .keyword__posting li a dl dd span {display:inline-block;font-size:11px;line-height:16px;vertical-align:top;} .search__lounge .search__content .keyword__posting li a dl dd .posting__category {color:#666;} .search__lounge .search__content .keyword__posting li a dl dd .posting__hit {position:relative;padding-left:12px;color:#aaa;} .search__lounge .search__content .keyword__posting li a dl dd .posting__hit:before {position:absolute;top:6px;left:5px;display:block;width:2px;height:2px;border-radius:100%;background:#aaa;content:'';} .search__lounge .search__content .keyword__posting + .component-header {} .search__lounge .btn__close {position:absolute;top:10px;right:10px;width:40px;height:40px;background: url(/cjom/web/images/icon/btn_close_search.png) no-repeat center/40px;} .search__lounge .search-recomm {padding:0 20px;} .search__lounge .search__box-ol-wrapper {display:block;} .search__lounge .search__box-ol-wrapper:after {content:'';display:block;clear:both;} .search__lounge .search__box-ol-wrapper .search__popularity-ol {padding:0;float:left;width:calc(50% - 20px);} .search__lounge .search__box-ol-wrapper .search__popularity-ol + .search__popularity-ol {float:right;} .search__lounge .search__box-ol-wrapper .search__popularity-li {display:block;height:26px;margin-bottom:15px;font-size:0;} .search__lounge .search__box-ol-wrapper .search__popularity-li>a {display:inline-block;width:calc(100% - 23px);font-size:0;} .search__lounge .search__box-ol-wrapper .search__popularity-li>div {position:relative;display:inline-block;width:23px;height:22px;vertical-align:top;} .search__lounge .search__box-ol-wrapper .search__popularity-li>div i, .search__lounge .search__box-ol-wrapper .search__popularity-li>div .search__popularity-ranking-down-obj, .search__lounge .search__box-ol-wrapper .search__popularity-li>div .search__popularity-ranking-up-obj, .search__lounge .search__box-ol-wrapper .search__popularity-li>div.search__popularity-ranking-new .search__popularity-ranking-text {display:inline-block;margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%);} .search__lounge .search__box-ol-wrapper .search__popularity-li>div .search__popularity-ranking-down-obj {margin-top:3px;} .search__lounge .search__box-ol-wrapper .search__popularity-ranking-new .search__popularity-ranking-text {font-size:0;width:0px;height:0px;border-top:0px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #ef2b2a;} .search__lounge .search__popularity-ranking {display:inline-block;width:30px;margin:0;font-size:14px;font-weight:normal;color:#000;} .search__lounge .search__popularity-ranking-text {display:none;} .search__lounge .search__popularity-text {display:inline-block;width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;font-size:14px;} .search__recently .dpTabs {position:relative;padding:0 18px;margin:0 16px;text-align:center;} .search__recently .dpTabs ul li {margin-left:6px;} .search__recently .dpTabs.noSwp{padding:0;} .search__recently .dpTabs.noSwp .swiper-wrapper{display:block !important;text-align:left;} .search__recently .dpTabs.noSwp ul > li {display:inline-block;width:auto;} .search__recently .dpTabs.noSwp ul > li + li {margin-left:5px;} .search__recently .dpTabs .swiperCtr button{position:absolute;top:0;width:13px;height:32px;font-size:0;background:url("/cjom/web/images/review/btn_arrow3x.png") no-repeat 0 50%;background-size:auto 13px;} .search__recently .dpTabs .swiperCtr button:after{content:'';display:block;position:absolute;top:0;width:45px;height:32px;z-index:1;} .search__recently .dpTabs .swiperCtr .swiper-button-prev{left:0;background-position:-13px 50%;} .search__recently .dpTabs .swiperCtr .swiper-button-prev:after{display:none;} .search__recently .dpTabs .swiperCtr .swiper-button-next{right:0;background-position:-26px 50%;} .search__recently .dpTabs .swiperCtr .swiper-button-next:after{right:18px;background:linear-gradient(to right, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 100%);} .search__recently .dpTabs .swiperCtr .swiper-button-disabled:after {display:none;} .search__result {border-top:8px solid #F2F3F6;} .search__result .tab-default.lounge-type li {width:25%;min-width:auto;} .search__result .tab-default.lounge-type li a {width:100%;height:53px;line-height:53px;} .search__result .tab__content-wrap {padding-bottom:60px;} .search__result .tab__content {display:none;} .search__result .tab__content.active {display:block;} .search__result .tab__content .rv_lst_none {padding:60px 0;} .search__result .tab__content .rv_lst_none > div img {display:block;width:75px;height:75px;margin:0 auto;} .search__result .tab__content .rv_lst_none > div span {font-size:16px;line-height:22px;font-weight:bold;color:#333;margin:15px 0;} .search__result .tab__content .rv_lst_none > div ul {display:inline-block;} .search__result .tab__content .rv_lst_none > div ul li {position:relative;font-size:13px;line-height:20px;text-align:left;padding-left:10px;color:#999;} .search__result .tab__content .rv_lst_none > div ul li:before {display:block;width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:9px;left:0;content:'';} .search__result .tab__content .talk-list {padding:0;} .search__result .tab__content .talk-list>ul>li:last-child {border-bottom:1px solid #F2F3F6;} .search__result .tab__content .talk-list>ul>li a .cont {position:relative;padding-top:22px;} .search__result .tab__content .talk-list>ul>li a .cont .topic {position:absolute;top:0;left:0;font-size:12px;color:#666;} .search__result .tab__content .reply-list ul li a .cont {padding-top:0;} .search__result .tab__content .reply-list ul li a .cont .main-txt {width:100%;overflow:hidden;text-overflow:ellipsis;} .search__result .tab__content .hashtag__list>ul>li {border-bottom:1px solid #F2F3F6;} .search__result .tab__content .hashtag__list>ul>li a {position:relative;display:block;padding:16px 16px 12px 16px;} .search__result .tab__content .hashtag__list>ul>li a:before {position:absolute;top:50%;right:16px;transform:translateY(-50%);display:block;width:28px;height:28px;background:url(/cjom/mobile/images/icon/icon_lounge_arr.png) no-repeat 50%/cover;content:'';} .search__result .tab__content .hashtag__list>ul>li a span {display:block;} .search__result .tab__content .hashtag__list>ul>li a .hashtag__title {font-size:15px;line-height:20px;color:#111;} .search__result .tab__content .hashtag__list>ul>li a .hashtag__count {margin:4px 0 0 0;font-size:12px;line-height:22px;color:#888;} .search__result .tab__content .prd_rv_pro_rcp {width:100%;box-sizing:border-box;padding:0 16px;margin:0;} .search__result .tab__content .prd_rv_pro_rcp.type-new ul > li {width:calc(50% - 5px);margin-top:20px;} .search__result .tab__content .prd_rv_pro_rcp.type-new ul > li:first-child, .search__result .tab__content .prd_rv_pro_rcp.type-new ul > li:nth-child(2) {margin-top:0;} .search__result .tab__content .prd_rv_pro_rcp.type-new ul > li:nth-child(even) {margin-left:10px;} .search__result .tab__content .prd_rv_pro_rcp.type-new .box {width:100%;height:auto;} .search__result .tab__content .prd_rv_pro_rcp.type-new .profile-link {top:142px;} .search__result .tab__content .prd_rv_pro_rcp.type-new .profile-link .pd_rv_user .pd_rv_bst_tg {top:-144px;} .search__result .tab__content .prd_rv_pro_rcp .pd_rv_rcp_flag {display:none;} .search__result .tab__content .word__keyword {color:#1ba774;} /* 지난 푸드톡 */ .foodtalk--old .posting-opt {position:relative;} .foodtalk--old .posting-opt .btn-opt-topic {padding-top:19px;border-bottom:1px solid #F2F3F6;margin-bottom:25px;} .foodtalk--old .posting-opt .posting-opt-layer {top:-1px;} /* 해시태그이벤트 */ .rv-community .event-hashtag__detail .talk-top {padding-top:15px;} .rv-community .event-hashtag__detail .talk-top + .talk-list {padding-top:0;} /* MARKETDEV-9862 푸드톡 투표기능 */ .talk-list ul li dl.poll__info {display:block;padding:10px 16px;font-size:0;background:#F9F9F9;border-radius:4px;margin:16px 0 10px 0;} .talk-list ul li dl.poll__info dt, .talk-list ul li dl.poll__info dd {display:inline-block;font-size:12px;line-height:13px;color:#666;} .talk-list ul li dl.poll__info dt {font-weight:bold;margin-right:8px;} .talk-list ul li dl.poll__info dt:before {content:'';display:inline-block;width:13px;height:13px;line-height:13px;margin-right:2px;vertical-align:top;background:url(/cjom/web/images/review/icon_poll_info.png) no-repeat center center/13px;} /* MARKETDEV-10134 푸드톡서비스 투표 기능 안내 팝업 */ .modal-rv-noti .swiper-rvn, .modal-rv-noti .swiper-rvn .swiper-slide {width:100%;} .modal-rv-noti .swiper-rvn .swiper-pagination {position: absolute; left:50%; transform: translateX(-50%); bottom:20px; z-index: 1; display:flex; align-items: center;} .modal-rv-noti .swiper-rvn .swiper-pagination-bullet {display:inline-block; width:12px; height:12px; border-radius: 50%; background: #666; opacity: 0.3;} .modal-rv-noti .swiper-rvn .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:8px;} .modal-rv-noti .swiper-rvn .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;} /* //MARKETDEV-10134 푸드톡서비스 투표 기능 안내 팝업 */