@charset "UTF-8";
@import url(common.css);
@import url(ahngraphics.css);

.view-list-type2 .prdt-price { font-weight: 700; font-size: 14px; line-height: 20px; display: block; float: none; margin-top: 10px; }
.view-list-type2 .prdt-serving { font-weight: 400; font-size: 14px; line-height: 20px; display: block; float: none; margin-left: 0; }
.view-list-type2 .prdt-price-serving:after { content: ""; display: block; clear: both; }
.view-list-type2 .prdt-price-serving { width: auto; }
.view-list-type2 .icon-info-weight { vertical-align: bottom; margin-bottom: 3px; margin-right: 2px; }
.view-list-type2 { margin: 0 -6px; }
.view-list-type2 { display: flex; flex-wrap: wrap; }
.view-list-type2 > li { position: relative; flex: 0 1 50%; width: 50%; padding: 0 6px 6px; margin-bottom: 32px; }
.view-list-type2 .cart-disable-mask { height: 100%; }
.view-list-type2 .cart-disable-mask .button-cart-wrap { bottom: 14px; }
.view-list-type2 .prdt-item { display: block; }
.view-list-type2 .prdt-price em { font-weight: 700; font-size: 17px; font-family: "Roboto", sans-serif; vertical-align: bottom; line-height: 20px; margin-right: 2px; letter-spacing: 0; }
.view-list-type2 .prdt-price { color: #000; }
.view-list-type2 .prdt-thumb { margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative; padding-top: 100%; }
.view-list-type2 .prdt-thumb .crop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.view-list-type2 .prdt-thumb .crop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.view-list-type2 .prdt-head-copy { display: block; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #666; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.view-list-type2 .prdt-name { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #000; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pdt-set-items{margin:60px 24px 0}
.pdt-set-items .info-tit{ text-align: center; }
.pdt-set-items .tit{display:block; padding:14px 0 17px; font-size:22px; font-family: 'NotoSerif'; line-height:32px; color:#000; font-weight:300 }
.pdt-set-items li { position: relative; padding: 7px 0;}
.pdt-set-items .prdt-thumb { flex: 0 0 auto; border-radius: 4px; overflow: hidden; padding: 0 10px 0 0; position: relative; }
.pdt-set-items .prdt-thumb img{ width: 72px; height: 72px; border-radius: 4px; }
.pdt-set-items .prdt-item { display: flex; position: relative; }
.pdt-set-items .prdt-info { width:calc(100% - 82px);}
.pdt-set-items .prdt-head-copy { display: block; padding-top: 8px; font-size: 14px; line-height: 18px; color: #000; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdt-set-items .prdt-type { font-size: 12px; color: #666; line-height: 18px; padding-top:3px; }
.pdt-set-items .disable .prdt-head-copy,
.pdt-set-items .disable .prdt-type{ color: #e6e6e6 !important; }
.pdt-set-items .disable .prdt-thumb { opacity: 0.2; }
.pdt-set-items.case2 .prdt-thumb img{ width: 56px; height: 56px; border-radius: 4px; }
.pdt-set-items.case2 .prdt-info { width:calc(100% - 66px);}
.pdt-set-items.case2 .prdt-head-copy {padding-top: 2px; font-size: 13px;}
.pdt-set-items.case2 .row-2{ display: flex; flex-wrap: wrap;}
.pdt-set-items.case2 .row-2 li{ width: 50%;}
.pdt-set-items.case2 .row-2 li:nth-child(2n) .prdt-info { width:calc(100% - 66px);}
.pdt-set-items.case2 .row-2 .prdt-head-copy { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal;}
.pdt-set-items.case2 .row-2 .prdt-info { width:calc(100% - 74px);}
.pdt-set-items.case2 .row-2 .prdt-type { padding-top: 2px;}

.button-cart-wrap.wide-del, .button-cart-wrap.wide-minus, .button-cart-wrap.revers-num, .button-cart-wrap.revers-cart { box-shadow: none; }
.around-slide-type2 { position: relative; border-radius: 0 0 300px 300px / 0 0 32px 32px; }
.around-slide-type2 .swiper-pagination { position: absolute; padding: 2px 15px 3px; height: 24px; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.4; text-align: unset; color: #ddd; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; background: rgba(0, 0, 0, 0.3); border-radius: 12px; }
.around-slide-type2 .swiper-pagination-fraction { top: unset !important; right: unset !important; bottom: 20px !important; left: 50% !important; margin-left: -21px; width: 42px !important; text-align: center; padding-left: 0; padding-right: 0; }
.around-slide-type2 .swiper-pagination-fraction .swiper-pagination-current { color: #fff; }
.around-slide-type2 .swiper-pagination-fraction .swiper-pagination-total { color: #ddd; }
.around-slide-type3 { position: relative; overflow: unset; }
.around-slide-type3:after { position: absolute; display: block; content: ""; bottom: 58px; padding-bottom: 5.555556%; width: 100%; height: 0; background: url(../images/bg/bg-detail-viu-round-bottom-w@3x.png) no-repeat; background-size: 100%; z-index: 10; }
.around-slide-type3 .desc { padding-top: 11px; }
.around-slide-type3 .desc p[class*='txt-sty'] { color: #000; text-align: center; }
.around-slide-type3 .swiper-pagination { position: absolute; bottom: -24px; padding: 2px 15px 3px; height: 24px; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.4; text-align: center; color: #ddd; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; border-radius: 12px; }
.around-slide-type3 .swiper-pagination-bullet { width: 6px; height: 6px; }
.around-slide-type3 .swiper-pagination-bullet-active { background: #000 !important; }

/* 상품상세 s */
.detail-visual-item { position: relative; width: 100%;}
.detail-visual-item .dim + div {height: 100%;}
.detail-visual-item .detail-visual-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.detail-visual-item .detail-visual-obj { position: relative; width: 100%; text-align: center; height: calc(100vw * (420/360)); max-height: 576px; }
.detail-visual-item .detail-visual-obj > div, .detail-visual-item .detail-visual-obj > div > img, .detail-visual-item .detail-visual-obj > img { width: 100%; height: 100%; object-fit: cover; }
.detail-visual-item .detail-visual-obj video{width: 100%; height: 100%; object-fit: cover;}
.detail-visual-item .detail-visual-obj .vjs-poster{background-size: cover;}
.detail-visual-item .detail-visual-obj .video-skin { height: 100%; }
.detail-visual-item .detail-visual-obj .video-skin .video-js {padding: 0 !important;}
.detail-visual-item .detail-visual-obj .video-skin .toggle-muted { top: auto; bottom: 20px; left: 50%; margin-left: 25px; }
.detail-visual-item.detail-visual-sty2 .detail-visual-obj { padding: 70px 40px; }
.detail-visual-item.detail-visual-sty2 .detail-visual-obj img { height: auto; }
.volum-btn { position: absolute; bottom: 20px; left: 15px; }
.volum-item { width: 24px; height: 24px; background: url(../images/common/icon-info-volum-on.png) no-repeat 0; }
.product-basic-block { padding-top: 20px; width: 100%; }
.product-basic-block .parcel-date-info { position: relative; margin-top: 30px; display: inline-block; width:auto; }
.product-basic-block .parcel-date-info .txt-desc-gray {position:relative; font-weight: 400; color:#333}
.product-basic-block .parcel-date-info .reserve-txt-desc{position: relative; display: flex; line-height: 1.57;}
.product-basic-block .parcel-date-info .reserve-txt-desc > span{font-size: 14px; color:#333; font-weight: 700;}
.product-basic-block .parcel-date-info .reserve-txt-desc > span:first-child{padding-right: 6px;}
.product-basic-block .parcel-date-info .reserve-txt-desc > p{font-size: 14px; color:#333;}
.product-basic-block .parcel-date-info .reserve-txt-desc > p span{font-size: 14px; font-weight: 700; letter-spacing: 0;}
.product-basic-block .parcel-date-info .tip{ position: relative; }
.product-basic-block .parcel-date-info .tip.show::after{ content: ''; position: absolute; right: 2px; top: 21px; width: 16px; height: 8px; background: url(../images/detail/icon-tip-triange.svg) no-repeat; background-size: cover;}
.product-basic-block .parcel-date-info .tip img{ margin: -2px 0 0 4px; cursor: pointer;}
.product-basic-block .parcel-date-info .txt-desc-gray .fc-point2, .product-basic-block .parcel-date-info .txt-desc-gray .fc-point3 { font-weight: 700; }
.product-basic-block .parcel-date-info .txt-desc-gray .fc-point2 span, .product-basic-block .parcel-date-info .txt-desc-gray .fc-point3 span { font-size: 15px; }
.product-basic-block .parcel-date-info .tip-box {display: none;}
.product-basic-block .parcel-date-info .tip-box.show {display: inline-block; position: absolute; top: 31px; right: -35px; padding: 8px 14px; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; color: #fff; z-index: 10; font-size: 12px;}

/*새벽배송안내배너*/
.dawn-delivery-banner{ margin-top: 16px; padding:20px 16px 16px; border-radius: 4px; background: #f5f5f5;}
.dawn-delivery-banner .banner-tit{ display: flex; line-height: 24px;}
.dawn-delivery-banner .banner-tit::before{ content: ""; display: inline-block; margin-right:4px; width: 24px; height: 24px; background: url(../images/detail/icon-dawn-emo.svg) no-repeat center / cover;}
.dawn-delivery-banner .banner-desc{ padding:12px 0 24px;}
.dawn-delivery-banner .banner-desc .txt-sty7{ display: block; padding-top:6px;}
.dawn-delivery-banner .delivery-step{ display: flex; justify-content: space-around; align-items: center; padding:0 14px 24px;}
.dawn-delivery-banner .delivery-step li{ position: relative; flex:1; text-align: center; z-index: 1;}
.dawn-delivery-banner .delivery-step li + li::before{ content: ""; display: block; position: absolute; top: 12px; left: -50%; transform: translateX(12px); width: 100%; height:2px; background: #d8d8d8; z-index: -1;}
.dawn-delivery-banner .delivery-step .step-num{ display: block; margin: 0 auto 9px; width: 24px; height: 24px; line-height: 24px; background: #789cd4; color: #fff; border-radius: 50%;}
.dawn-delivery-banner .delivery-step .step-txt{ font-size: 13px; font-weight: 500; color: #000;}
.adult-certification{ margin-top: 14px; padding-top: 20px; }
.adult-certification .txt-tit-black{ padding-left: 46px; background: url(../images/info/icon-product-detail-19.png) no-repeat left center / 40px;  }

/***** 새벽배송 가능지역 검색 *****/
.find-dawn-delivery .search-header{padding:32px 16px;}
.find-dawn-delivery .search-header strong{font-size:22px; font-family:'NotoSerif'; font-weight:300; line-height:1.45; letter-spacing: -0.2px; color:#000; display:block}
.find-dawn-delivery .txt-dawn{display:block; margin:8px 0 0; color:#000; font-size:14px;}
.find-dawn-delivery .txt-dawn em{color:#789cd4; font-weight: 700}
.find-dawn-delivery .dawn-delivery-notice{ margin:16px 16px 0; padding:16px; background:#f9f9f9; color:#000; font-size:14px;}
.find-dawn-delivery .dawn-delivery-notice strong{line-height: 1.43; display:block}
.find-dawn-delivery .dawn-delivery-notice strong + p{margin-top:8px}
.find-dawn-delivery .dawn-delivery-notice p{font-size:14px; line-height: 1.57;}
.find-dawn-delivery .search-guide .ex-con{color:#789cd4}
.result-dawn-delivery{padding:16px; margin:16px 16px 0; text-align:center; color:#000; background:#f9f9f9; border-radius: 4px; line-height:20px; font-size:14px;}
.result-dawn-delivery em{color:#d0ab7d; font-weight: 700}
.result-dawn-delivery em.f_red{color:#ff4644}

/* 우편번호 찾기 s */
#layer-zipcode {display: none;}
#layer-zipcode.opened {display: block; position: absolute; top:0; top: var(--ios-safe-top); left: 0; width: 100%; height: 100%; background: #fff; z-index: 20;}
#layer-zipcode.opened .find-zipcode-block{height: calc(100% - 50px); overflow-y: auto;}
.search-main p.txt-sty1 { padding: 32px 16px 27px 16px; }
.search-guide { padding-top: 40px; padding-bottom: 50px; }
.search-guide.search-guide-empty { padding-top: 52px; }
.search-guide .txt-tit-black { padding-bottom: 4px; }
.search-guide .dot-black-ul { padding-top: 18px; }
.search-guide .dot-black-ul li { margin-top: 14px; background-position-y: 7px; }
.search-guide .ex-tit { display: inline-block; width: 100%; }
.search-guide .ex-con { clear: both; color: #0fd6f7; }
.dvlr-guide-desc { padding-top: 6px; font-size: 12px; line-height: 18px; color: #888; }
.dvlr-guide-desc i { vertical-align: top; }
.dvlr-guide-desc span { display: inline-block; padding-left: 6px; }
.search-result { position: relative; overflow: hidden; }
.search-result .list-count-num { padding: 9px 16px; position: relative; }
.zipcode-list-cate { position: absolute; bottom: 0; right: 0; }
.zipcode-list-cate .select-actionseet-wrap { display: inline-block; }
.zipcode-list-cate .icon-down-gray24, .zipcode-list-cate .icon-down-gray24 { width: 16px; height: 18px; background-size: 16px; }
.search-result-top { position: relative; width: 100%; background: #fff; }
.header-wrap.fixed + .container .search-result-top { position: fixed; top: 50px; left: 0; z-index: 20; border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; }
.search-result .div-srh-result { position: relative; top: unset; left: unset; height:calc(100vh - 140px); overflow: auto; }
.search-result .div-srh-result.div-result-error {height:calc(100vh - 163px);}
.zipcode-select-btn { display: block; padding: 18px 16px; width: 100%; text-align: left; border-bottom: 1px solid #eee; }
.zipcode-select-btn.selected { border-bottom: 0; }
.zipcode-select-btn .zipcode { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 700; line-height: 22px; letter-spacing: 0; color: #000; }
.zipcode-select-btn .addrtxt1, .zipcode-select-btn .addrtxt2 { position: relative; display: block; padding-left: 46px; font-size: 14px; line-height: 22px; color: #666; }
.zipcode-select-btn .addrtxt1:before { content: '도로명'; }
.zipcode-select-btn .addrtxt2:before { content: '지번'; }
.zipcode-select-btn .addrtxt1:before, .zipcode-select-btn .addrtxt2:before { display: block; position: absolute; top: 2px; left: 0; width: 36px; height: 18px; line-height: 18px; font-weight: 400; font-size: 10px; text-align: center; color: #666; background: #f5f5f5; }
.zipcode-select-btn.selected a.on { font-weight: 700; color: #000; }
.zipcode-select-btn .addrtxt2 { margin-top: 6px; }
.zipcode-select-btn .sub { display: block; font-size: 12px; }
.div-srh-src .pagination-wrap { position: relative; padding-top: 24px; padding-bottom: 24px; text-align: center; }
.pagination-wrap .btn-page { position: absolute; top: 50%; margin-top: -18px; display: inline-block; width: 36px; height: 36px; background: url(../images/button/Icon_Button_Oval_BG_White.svg) no-repeat; background-size: 36px; }
.pagination-wrap .btn-page i { position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; }
.btn-page-pre { left: 0; }
.btn-page-next { right: 0; }
.page-number { font-weight: 400; font-size: 14px; line-height: 36px; color: #ccc; letter-spacing: 0; }
.page-number em { font-weight: 700; color: #000; }
.srh-result-guide { padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 1.57; color: #666; background: #f9f9f9; }
.srh-result-guide b { padding-bottom: 2px; }
.srh-result-guide .ex { padding-top: 6px; }
.div-srh-selected .chk-wrap {padding-top:12px;}
.div-srh-selected .chk-wrap .form-txt{color:#666;}
.div-srh-selected .use-addr-btn { margin-top: 40px; }
/* 우편번호 찾기 e */

.product-basic-block .notice-write-bx.sty2 { margin-top: 15px; }
.product-basic-block .notice-write-bx.sty3 { margin-top: 15px; }
.product-label { padding-bottom: 4px; line-height: 0; }
.product-label i { margin-right: 1px; }
.product-subject { position: relative; padding-bottom: 12px; width: 100%; }
.product-subject strong { display: block; font-family: 'NotoSans'; font-weight: 400; font-size: 18px; line-height: 28px; text-align: left; color: #000; }
.product-subject span { font-family: 'NotoSerif', serif; font-weight: 300; font-size: 24px; line-height: 34px; text-align: left; letter-spacing: -0.3px; color: #000; }
.product-subject .btn-share { display: inline-block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(../images/header/icon-header-share.svg) no-repeat left center;}

.price-info-wrap .price-number { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.44; letter-spacing: -0.9px; color: #000; vertical-align: middle; }
.price-info-wrap .price-number .num-type1 { font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 1.36; letter-spacing: 0; }
.price-info-wrap .price-keyword { display: inline-block; width: 101px; height: 28px; margin-left: 10px; border: 1px solid #eee; border-radius: 14px; font-size: 0; color: transparent; background: url(../images/detail/button-price-txt.svg) center no-repeat; background-size: 77px 12px; }
.price-info-wrap .prdt-discount { padding-right: 4px; font-size: 20px; letter-spacing: 0; color: #ff6f44; vertical-align: middle; }
.price-info-wrap .prdt-cost { display: block; padding-bottom: 3px; font-size: 17px; color:#aaa; font-weight: 500; text-decoration: line-through; }
.price-info-wrap .evaluation-table .score {margin-left: 2px; font-size: 14px; font-weight: 500; line-height: 18px; color: #888; letter-spacing: 0}
.price-info-wrap .evaluation-table .review-info {
    color: #888; font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400;
    margin-left: 2px; cursor: pointer;
}
.price-info-wrap .evaluation-table .review-info .num {text-decoration: underline; text-underline-offset: 2px; letter-spacing: 0;}
.price-info-wrap .evaluation-table .img-star {width: 12px; margin-top: -2.2px}
.price-info-wrap .evaluation-table::before { content: ""; display: inline-block; width: 12px; height:10px; margin: 0 4px; background: url(../images/common/icon-text-divider-line.webp) no-repeat center / 100%; vertical-align: middle;}
.price-info-wrap .price-wrap-top {display: flex; align-items: center;}


.download-cash-wrap{ padding: 26px 0 0; }
.download-cash-wrap::after{ content: ""; display: block; margin: 20px -24px 0; height:10px; background: #f5f5f5;}
.product-sub-info { padding-top: 5px; }
.product-sub-info + .product-guide-info { margin-top: 32px; }
.product-sub-info .prd-info-label + .txt-sty2{position: relative; line-height:1.38; padding:3px 0 0 12px; display:inline-block; vertical-align: top}
.product-sub-info .prd-info-label + .txt-sty2:before{content:''; width:2px; height:2px; background:#ccc; position:absolute; top:calc(50% - 1px); left:4px;}


.product-sub-info .txt-sty2-1{position: relative; font-size: 14px; line-height:1.38; padding:3px 0 0 47px; display:inline-block; vertical-align: top}
.product-sub-info .txt-sty2-1:before{content:''; width:2px; height:2px; background:#ccc; position:absolute; top:calc(50% - 1px); left:39px;}
.product-sub-info .txt-sty2-1 .txt-sty2-2{letter-spacing: -0.3px;}

.product-kind-btns { margin-top: 15px; }
.product-kind-btns button { margin-left: 8px; width: 104px; height: 36px; line-height: 36px; font-size: 14px; color: #000; }
.product-kind-btns button:first-child { margin-left: 0; }
.product-kind-btns button.on { border: 1px solid #000; }
.product-kind-btns.v2 button.on { font-weight: 700; color: #0fd6f7; border: 1px solid #0fd6f7; }
.card-benefit-info button { clear: both; display: block; margin-top: 9px; }
.card-benefit-info button > i { vertical-align: middle; height: 21px; }
.card-benefit-info button > span { display: inline-block; font-size: 14px; line-height: 1.57; color: #666; }
.parcel-date-info { display: block; width: 100%; }
.prdt-gi-item { position: relative; width: 48px; height: 48px; }
.prdt-gi-item::before { content: ''; position: absolute; right: 0px; top: 0px; width: 48px; height: 48px; background-repeat: no-repeat; background-size: 48px 48px; }
.prdt-gi-item.prdt-gi-addsauce::before { background-image: url(../images/detail/icon-product-detail-addsauce.svg); }
.prdt-gi-item.prdt-gi-cold::before { background-image: url(../images/detail/icon-product-detail-cold.svg); }
.prdt-gi-item.prdt-gi-cook-airfry::before { background-image: url(../images/detail/icon-product-detail-cook-airfry.svg); }
.prdt-gi-item.prdt-gi-cook-bath::before { background-image: url(../images/detail/icon-product-detail-cook-bath.svg); }
.prdt-gi-item.prdt-gi-cook-boil::before { background-image: url(../images/detail/icon-product-detail-cook-boil.svg); }
.prdt-gi-item.prdt-gi-cook-pan-low::before { background-image: url(../images/detail/icon-product-detail-cook-pan-low.svg); }
.prdt-gi-item.prdt-gi-cook-pan::before { background-image: url(../images/detail/icon-product-detail-cook-pan.svg); }
.prdt-gi-item.prdt-gi-cook-pan-high::before { background-image: url(../images/detail/icon-product-detail-cook-pan-high.svg); }
.prdt-gi-item.prdt-gi-cook-pot-low::before { background-image: url(../images/detail/icon-product-detail-cook-pot-low.svg); }
.prdt-gi-item.prdt-gi-cook-pot::before { background-image: url(../images/detail/icon-product-detail-cook-pot.svg); }
.prdt-gi-item.prdt-gi-cook-pot-high::before { background-image: url(../images/detail/icon-product-detail-cook-pot-high.svg); }
.prdt-gi-item.prdt-gi-cook-steam::before { background-image: url(../images/detail/icon-product-detail-cook-steam.svg); }
.prdt-gi-item.prdt-gi-cook-time::before { background-image: url(../images/detail/icon-product-detail-cook-time.svg); }
.prdt-gi-item.prdt-gi-ice::before { background-image: url(../images/detail/icon-product-detail-ice.svg); }
.prdt-gi-item.prdt-gi-iff::before { background-image: url(../images/detail/icon-product-detail-iff.svg); }
.prdt-gi-item.prdt-gi-kcal::before { background-image: url(../images/detail/icon-product-detail-kcal.svg); }
.prdt-gi-item.prdt-gi-marinade::before { background-image: url(../images/detail/icon-product-detail-marinade.svg); }
.prdt-gi-item.prdt-gi-oven::before { background-image: url(../images/detail/icon-product-detail-oven.svg); }
.prdt-gi-item.prdt-gi-oven2::before { background-image: url(../images/detail/icon-product-detail-oven-02.svg); }
.prdt-gi-item.prdt-gi-pack::before { background-image: url(../images/detail/icon-product-detail-pack.svg); }
.prdt-gi-item.prdt-gi-room::before { background-image: url(../images/detail/icon-product-detail-room.svg); }
.prdt-gi-item.prdt-gi-sauce::before { background-image: url(../images/detail/icon-product-detail-sauce.svg); }
.prdt-gi-item.prdt-gi-thaw::before { background-image: url(../images/detail/icon-product-detail-thaw.svg); }
.prdt-gi-item.prdt-gi-weight::before { background-image: url(../images/detail/icon-product-detail-weight.svg); }
.prdt-gi-item.prdt-gi-nonfrying::before { background-image: url(../images/detail/icon-product-detail-nonfrying.svg); }
.prdt-gi-item.prdt-gi-liquid::before { background-image: url(../images/detail/icon-product-detail-liquid.svg); }
.prdt-gi-item.prdt-gi-2-pill::before { background-image: url(../images/detail/icon-product-detail-2-pill.svg); }
.prdt-gi-item.prdt-gi-30-days::before { background-image: url(../images/detail/icon-product-detail-30-days.svg); }
.prdt-gi-item.prdt-gi-frying::before { background-image: url(../images/detail/icon-product-detail-frying.svg); }
.prdt-gi-item.prdt-gi-oven-x::before { background-image: url(../images/detail/icon-product-detail-oven-x.svg); }
.prdt-gi-item.prdt-gi-meter::before { background-image: url(../images/detail/icon-product-detail-diameter.svg); }
.prdt-gi-item.prdt-gi-soup::before { background-image: url(../images/detail/icon-product-detail-tip.svg); }
.prdt-gi-item.prdt-gi-pick::before { background-image: url(../images/detail/icon-product-detail-glydepick.svg);}
.prdt-gi-item.prdt-gi-organic::before { background-image: url(../images/detail/icon-product-detail-organic.svg);}
.prdt-gi-item.prdt-gi-sousvide::before { background-image: url(../images/detail/icon-product-detail-sous-vide.svg);}
.prdt-gi-item.prdt-gi-gl::before { background-image: url(../images/detail/icon-product-detail-gl.svg);}
.prdt-gi-item.prdt-gi-stick::before { background-image: url(../images/detail/icon-product-detail-stick.svg);}
.prdt-gi-item.prdt-gi-hff::before { background-image: url(../images/detail/icon-product-detail-hff.svg);}
.prdt-gi-item.prdt-gi-ginseng::before { background-image: url(../images/detail/icon-product-detail-ginseng.svg);}
.prdt-gi-item.prdt-gi-pumpkin::before { background-image: url(../images/detail/icon-product-detail-pumpkin.svg);}
.prdt-gi-item.prdt-gi-redbean::before { background-image: url(../images/detail/icon-product-detail-redbean.svg);}
.prdt-gi-item.prdt-gi-package::before { background-image: url(../images/detail/icon-product-detail-package.svg);}
.prdt-gi-item.prdt-gi-livenoodle::before { background-image: url(../images/detail/icon-product-detail-livenoodle.svg);}
.prdt-gi-item.prdt-gi-buckwheat::before { background-image: url(../images/detail/icon-product-detail-buckwheat.svg);}
.prdt-gi-item.prdt-gi-parmesan-cheese::before { background-image: url(../images/detail/icon-product-detail-parmesan-cheese.svg);}
.prdt-gi-item.prdt-gi-butter::before { background-image: url(../images/detail/icon-product-detail-butter.svg);}
.prdt-gi-item.prdt-gi-l-arginine::before { background-image: url(../images/detail/icon-product-detail-l-arginine.svg);}
.prdt-gi-item.prdt-gi-orange::before { background-image: url(../images/detail/icon-product-detail-orange.svg);}
.prdt-gi-item.prdt-gi-zinc::before { background-image: url(../images/detail/icon-product-detail-zinc.svg);}
.prdt-gi-item.prdt-gi-juice::before { background-image: url(../images/detail/icon-product-detail-juice.svg);}
.prdt-gi-item.prdt-gi-skin::before { background-image: url(../images/detail/icon-product-detail-skin.svg);}
.prdt-gi-item.prdt-gi-oats::before { background-image: url(../images/detail/icon-product-detail-oats.svg);}
.prdt-gi-item.prdt-gi-egg::before { background-image: url(../images/detail/icon-product-detail-egg.svg);}
.prdt-gi-item.prdt-gi-delivery::before { background-image: url(../images/detail/icon-product-detail-delivery.svg);}
.prdt-gi-item.prdt-gi-non-antibiotic::before { background-image: url(../images/detail/icon-product-detail-non-antibiotic.svg);}
.prdt-gi-item.prdt-gi-korea-pork::before { background-image: url(../images/detail/icon-product-detail-korea-pork.svg);}
.prdt-gi-item.prdt-gi-spicy-braised-chicken::before { background-image: url(../images/detail/icon-product-detail-spicy-braised-chicken.svg);}
.prdt-gi-item.prdt-gi-can::before { background-image: url(../images/detail/icon-product-detail-can.svg);}

.prdt-gi-item.prdt-gi-soup .gii-txt .sub-t {padding-left:0;}
.product-guide-info { display: inline-block; position: relative; margin-top: 14px; width: 100%; border-top: 1px solid #000; }
.product-guide-info::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #eee; }
.product-guide-info .prdt-gi-item { position: relative; width: 100%; height: 90px; }
.product-guide-info .prdt-gi-item::before { content: ''; position: absolute; right: 20px; top: 21px; width: 48px; height: 48px; background-repeat: no-repeat; background-size: 48px 48px; }
.product-guide-info .gii-txt { position: absolute; display: inline-block; top: 50%; left: 20px; font-weight: 500; font-size: 24px; line-height: 1.71; color: #000; }
.product-guide-info .gii-txt.line-sty1 { transform: translateY(-50%); }
.product-guide-info .gii-txt.line-sty2 { margin-top: -28px; }
.product-guide-info .gii-txt span { float: left; }
.product-guide-info .gii-txt .sub-t { padding-top: 13px; padding-left: 3px; font-size: 12px; font-weight: 400; }
.product-guide-info .gii-txt .sub-desc { clear: both; width: 100%; font-weight: 400; font-size: 12px; color: #888; line-height: 0.5; letter-spacing: 0; }
.product-guide-info > li { float: left; width: 50%; }
.product-guide-info > li .prdt-gi-item { border-bottom: 1px solid #eee; }
.product-guide-info > li:nth-child(2n + 1) .prdt-gi-item { border-right: 1px solid #eee; background-position: calc(100% - 20px) 50%; }
.product-guide-info > li:nth-child(2n + 1) .gii-txt { left: 0; }
.product-guide-info > li:nth-child(2n) .prdt-gi-item::before { right: 0px; }
.product-guide-info .prdt-gi-item .gii-desc { position: absolute; display: flex; justify-content: center; align-items: center; right: 15px; top: 0px; bottom: 0px; transform: scale(0.8); }
.product-guide-info > li:nth-child(2n) .prdt-gi-item .gii-desc { right: -2px; }
.product-guide-info .prdt-gi-item .gii-desc .gii-desc-box { font-size: 8px; font-weight: 400; color: #000; text-align: center; }
.product-guide-desc { clear: both; padding-top: 15px; }
.product-guide-desc .txt-desc-gray { font-size: 12px; line-height: 1.57; font-weight: 400; }
.product-guide-desc .txt-desc-gray .fm-sty2 { font-weight: 700; letter-spacing: 0; }
.goods-detail .product-review-block { padding-top: 0; }
.product-review-block { padding-top: 20px; }
.product-review-block .review-evaluation-wrap { padding-top: 20px; padding-bottom: 20px; }
.product-review-block .attach-preview-item { position: relative; min-width: 72px; max-width: calc((100vw - 72px) / 4); min-height: 72px; max-height: calc((100vw - 72px) / 4); }
.product-review-block .attach-preview-item img { width: 100%; height: 100%; object-fit: cover; }
.product-review-block .attach-preview-item a { display: inline-block; width: 100%; height: 100%; }
.product-review-block .attach-preview-item .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.product-review-block .attach-preview-item.more-item a { position: relative; }
.product-review-block .attach-preview-item.more-item .list-num { position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); width:100%; text-align: center; font-size: 17px; line-height: 24px; letter-spacing: 0; font-weight: 500; color: #fff; z-index: 1;}
.product-review-block .attach-preview-item.more-item .list-num::before { content: ''; display: block; margin: 0 auto; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Plus_24_white.svg) no-repeat 50%; z-index: 1; }
.product-review-block .attach-preview-item.more-item a::before { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; border-radius: 4px; }
.product-review-block .review-writer-btn { margin: 20px 0 0; font-weight: 400; }
.product-review-block .review-writer-btn .num-type4{ padding-left: 4px; color:#000;}
.product-review-block .upgrade-btn {margin-top: 37px;}
.product-review-block .rewiew-count-txt { font-weight: 400; }
.product-review-block .center-btn-wrap .ico-arrow-right16 { padding-right: 0; }
.product-review-block .review-lst-more a{color:#000}
.product-review-block .review-lst-more .rewiew-count-txt{font-size:15px; letter-spacing: 0}
.product-review-block .desc-wrap-sty1.upgrade .underline-tit{margin-bottom: 32px;}
.product-review-block .desc-wrap-sty1.upgrade .upgrade-sub{padding:4px 0; font-size: 14px; line-height: 22px; color:#888;}
.product-review-block .desc-wrap-sty1.upgrade .ico-arrow-right13{text-decoration: underline;}
.product-review-block .desc-wrap-sty1.upgrade .ico-arrow-right13 .review-num{font-size: 15px; letter-spacing: 0;}

/* 엄선리뷰 */
.select-review-wrap { margin: 64px 0 0 0; }
.select-review-wrap .title-wrap { position: relative; }
.select-review-wrap .title-wrap .title { padding: 22px 0 18px; font-family: "NotoSerif", Serif; font-weight: 300; font-size: 22px; letter-spacing: -0.3px; line-height: 1.45; color: #000; text-align: center; background: url(../images/detail/logo-umsun.png) no-repeat center top; background-size: 43.3px 12px; }
.select-review-wrap .title-wrap .title .tip { display: inline-block; margin-left: 8px; margin-top: -3px; cursor: pointer;}
.select-review-wrap .title-wrap .title .tip img { margin-top: -5px;}
.select-review-wrap .title-wrap .tip-box { display: none; }
.select-review-wrap .title-wrap .tip-box.show { display: block; position: absolute; top: 58px; left: 50%; width: 220px; padding: 12px 8px 12px 17px; margin-left: -110px; background: #fff; border-radius: 4px; border: 1px solid #aaa; box-sizing: border-box; z-index: 1;}
.select-review-wrap .title-wrap .tip-box.show p { font-size: 12px; line-height: 18px; color: #333; }
.select-review-wrap .title-wrap .tip-box.show .title-box { display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #000; }
.select-review-wrap .title-wrap .tip-box.show .title-box button { margin-top: -2px;}
.select-review-wrap .select-review-box { overflow-x: auto; width: calc(100% + 48px); margin-left: -24px; }
.select-review-wrap .select-review-list { display: flex; padding: 0 20px; width: max-content; }
.select-review-wrap .select-review-item { display: inline-block; margin-left: 8px; position: relative; width: 256px;   }
.select-review-wrap .select-review-item:first-child { margin-left: 0; }
.select-review-wrap .select-review-item img { width: 256px; height: 163px; margin-bottom: 8px; border-radius: 4px; }
.select-review-wrap .select-review-item .name { display: block; margin-bottom: 8px; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #000;}
.select-review-wrap .select-review-item .desc { font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #666;}
.select-review-wrap .move { margin-top: 32px; font-size: 14px; line-height: 22px; letter-spacing: -0.8px;  text-align: center;}
.select-review-wrap .move .ico-arrow-right16{padding: 0; color: #000;}
.select-review-page .top-desc{ padding: 14px 16px; border-top: 1px solid #eee; font-size: 12px; color: #333;}
.select-review-page .top-desc span{ color: #e95469; font-weight: 600;}
.select-review-page .top-desc img{ width: 40.9px; margin-top: -2px; margin-left: 2px;}
.select-review-page .select-review-item { padding: 16px 0 34px; border-top: 10px solid #f5f5f5;}
.select-review-page .select-review-item .user-info-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 0 16px; color: #000;}
.select-review-page .select-review-item .user-info-box .age { color: #888; }
.select-review-page .select-review-item .user-info-box .nick span{letter-spacing: 0; }
.select-review-page .select-review-item .user-info-box .nick img { width: 36px; margin-right: 10px; }
.select-review-page .select-review-item .swiper-slide{width: 160px;}
.select-review-page .select-review-item .swiper-slide img{width: 160px; height: 160px; border-radius: 4px;}
.select-review-page .select-review-item .swiper-slide .vjs-fill{width: 160px; height: 160px; border-radius: 4px;}
.select-review-page .review-detail-box .summary{ display: flex; flex-wrap: wrap; align-items: center; padding: 16px 16px 24px 16px }
.select-review-page .review-detail-box .summary dt { width: 72px; height: 28px; margin-bottom: 6px; border-radius: 14px; border: 1px solid #eee; text-align: center; line-height: 28px; color: #000;}
.select-review-page .review-detail-box .summary dd { width: calc(100% - 80px); margin-bottom: 6px; padding-left: 8px; font-size: 14px; color: #000;}
.select-review-page .review-detail-box .review-content + .review-content { margin-top: 24px; }
.select-review-page .review-detail-box .review-content { font-size: 14px; line-height: 22px; color: #666; padding: 0 20px;  }
.select-review-page .review-detail-box .review-content .title { margin-bottom: 4px; color: #333; }

.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap { position: relative; }
.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1; }
.pro-rev-case.pro-rev-sty2 .review-evaluation-wrap:after { content: "COMING SOON"; position: absolute; top: 50%; margin-top: -14px; width: 100%; font-family: "Roboto", SansSerif; font-weight: 700; font-size: 22px; line-height: 1.36; color: #d0ab7d; text-align: center; z-index: 2; letter-spacing: 0; }
.pro-rev-case .attach-preview-wrap.photo-list { width: calc(100% + 48px); margin-left: -24px; overflow-x: hidden; }
.pro-rev-case .attach-preview-wrap.photo-list ul { height: auto; padding: 0 20px !important; }

.message-txt { padding-bottom: 150px; font-family: "NotoSerif", Serif; font-weight: 300; font-size: 22px; letter-spacing: -0.3px; line-height: 1.45; color: #000; background-size: 128px 128px; font-weight: 300; }
.message-txt.message-txt-sty1 { background-image: url(../images/detail/illu-review-order.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty2 { background-image: url(../images/detail/illu-review-sale.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty3 { background-image: url(../images/detail/illu-review-best.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty4 { margin-bottom: 10px; background-image: url(../images/detail/illu-review-write@3x.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }
.message-txt.message-txt-sty5 { background-image: url(../images/detail/illu-review-write@3x.png); background-repeat: no-repeat; background-position: 50% calc(100% - 10px); }

.evaluation-table{display: flex; justify-content: center; align-items: center;}
.evaluation-table .evaluation-table{width: 24px; height:24px;}
.evaluation-num{font-size: 18px; font-weight: 700; color: #000;}
.evaluation-num strong{padding:0 2px 0 4px; font-size: 34px; line-height: 38px; letter-spacing: 0;}
.goods-detail .review-evaluation-wrap{padding:16px 0 32px;}
.review-average-wrap{padding: 14px 16px 20px;}
.review-average-wrap .prdt-average{display: flex; padding-bottom: 14px;}
.review-average-wrap .prdt-average .img-star{width: 20px; height: 20px;}
.review-average-wrap .prdt-average .evaluation-num strong{ padding:0 1px 0 6px; font-size: 26px;}
.review-evaluation-wrap li { display: flex; align-items: center; padding:5px 0; }
.review-evaluation-wrap .rvw-ev-txt { display: inline-block; width: 154px; vertical-align: middle; font-size: 14px; line-height: 1.57; color: #000; }
.review-evaluation-wrap .rvw-ev-barwrap { position: relative; display: inline-block; width: calc(100% - 188px); height: 6px; background: #e5e5e5; border-radius: 3px; }
.review-evaluation-wrap .rvw-ev-barwrap .rvw-ev-bar { position: absolute; top: 0; left: 0; width: 0; height: 6px; background: #dbb98f; border-radius: 3px; }
.review-evaluation-wrap .rvw-ev-barwrap .rvw-ev-bar span { font-size: 0; text-indent: -9999px; }
.review-evaluation-wrap .rvw-percent { display:inline-block; text-align: right; width: 40px; font-size: 15px; line-height: 22px; letter-spacing: 0; font-weight: 500; color: #000; }
.review-evaluation-wrap .rvw-ev-icon { display: inline-block; margin-left: 10px; width: 24px; height: 24px; vertical-align: middle; }
.review-evaluation-wrap.main .rvw-ev-txt{ width: 140px;}
.review-evaluation-wrap.main .rvw-ev-barwrap { width: calc(100% - 213px);}
.review-evaluation-wrap.main li { padding: 0; }
.review-evaluation-wrap.main li + li { padding: 9px 0 0 0; }
.review-evaluation-wrap.main .rvw-percent{ margin-left:5px;}
.review-evaluation-wrap.main .rvw-ev-icon{ margin-left:6px;}
.review-evaluation-wrap .rvw-ev-ms1 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-1-line.svg); }
.review-evaluation-wrap .rvw-ev-ms2 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-2-line.svg); }
.review-evaluation-wrap .rvw-ev-ms3 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-3-line.svg); }
.review-evaluation-wrap .rvw-ev-ms4 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-4-line.svg); }
.review-evaluation-wrap .rvw-ev-ms5 .rvw-ev-icon { background-image: url(../images/detail/icon-info-review-measure-5-line.svg); }
.md-comment-block { padding: 16px 0 0; }
.md-comment-block .box-gray-bg { padding-top: 24px; padding-bottom: 24px; background: #f9f9f9; }
.md-comment-block .box-gray-bg p { display: block; padding-right: 80px; min-height: 64px; font-size: 14px; letter-spacing: -0.8px; line-height: 22px; color: #000; background: url(../images/detail/illu-detail-md-comment.png) no-repeat 100% 0; background-size: 64px; }
.product-detail-block{margin-top: 80px;}
.detail-con-wrap { margin-top: 18px; padding-bottom: 60px; max-height: none; overflow: auto; }
.detail-con-wrap.hide-overflow { max-height: 1000px; overflow: hidden; }
.detail-con-wrap + .detail-more-btn { text-align: center; }
.detail-con-wrap.hide-overflow + .detail-more-btn.btn-downarrow-w span:before { content: '상세정보 더보기'; }
.detail-con-wrap.hide-overflow + .detail-more-btn.btn-downarrow-w span:after { background: url(../images/button/Icon_Button_Arrow_down_24.svg) no-repeat 0/100%; }
.detail-con-wrap + .detail-more-btn.btn-downarrow-w span:before { content: '상세정보 닫기'; }
.detail-con-wrap + .detail-more-btn.btn-downarrow-w span:after { background: url(../images/button/Icon_Button_Arrow_up_24.svg) no-repeat 0/100%; }
.web-editor-wrap img.full { width: 100%; }
.web-editor-wrap video { width: 100%; }
.web-editor-wrap .center { text-align: center; }
.web-editor-wrap .inner { padding-right: 24px; padding-left: 24px; }
.web-editor-wrap .inner2 { padding-right: 40px; padding-left: 40px; }
.web-editor-wrap .video-wrap { margin: 32px 0; }
.web-editor-wrap .bg-type1 { padding: 60px 0; background-color: #f9f9f9; }
.web-editor-wrap .bg-type1 > :first-child { margin-top: 0; }
.web-editor-wrap .bg-type1 > :last-child { margin-bottom: 0; }
.web-editor-wrap .tit-type1 { margin: 32px 0; font-family: 'NotoSerif',serif; font-size: 26px; font-weight: 300; line-height: 36px; text-align: center; color: #000; }
.web-editor-wrap .tit-type2 { display: inline-block; margin: 0; border-bottom: 2px solid #000; font-size: 14px; font-weight: 700; line-height: 20px; color: #000; }
.web-editor-wrap .tit-type2 + .tit-type1 { margin-top: 14px; margin-bottom: 18px; }
.web-editor-wrap .tit-type3 { margin: 0 40px; font-size: 14px; font-weight: 700; line-height: 20PX; color: #000; }
.web-editor-wrap .tit-type3 + .tit-type4 { margin: 10px 40px; }
.web-editor-wrap .tit-type4 { margin: 0 40px; font-family: 'NotoSerif',serif; font-size: 24px; font-weight: 300; line-height: 34px; color: #000; }
.web-editor-wrap .txt-type1 { margin: 30px 40px 60px; font-size: 16px; letter-spacing: -0.8px; line-height: 26px; color: #666; }
.web-editor-wrap .txt-type1 p { margin: 14px 0; }
.web-editor-wrap .txt-type2 { font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; color: #000; }
.web-editor-wrap .txt-type2 p { margin: 14px 0; }
.web-editor-wrap .txt-type3 { font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; color: #666; }
.web-editor-wrap .txt-type3 p { margin: 14px 0; }
.web-editor-wrap .txt-type4 { font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #666; }
.web-editor-wrap .photo-type1 { margin: 0; }
.web-editor-wrap .photo-type1 img { display: block; width: 100%; }
.web-editor-wrap .photo-type2 { margin: 0; padding-right: 16px; padding-left: 16px; }
.web-editor-wrap .photo-type2 img { display: block; width: 100%; max-width: 312px; margin-right: auto; margin-left: auto; }
.web-editor-wrap .cont-box { padding: 31px 0; }
.web-editor-wrap .cont-box:first-child { padding-top: 0; }
.web-editor-wrap .i-info { font-size: 12px; line-height: 18px; color: #888; }
.web-editor-wrap .i-info i.icon-information { margin-right: 6px; vertical-align: top; }
.web-editor-wrap .cont-box.has-bg { position: relative; }
.web-editor-wrap .cont-box.has-bg div { position: relative; z-index: 1; }
.web-editor-wrap .cont-box > :last-child { margin-bottom: 0; }
.web-editor-wrap .txt-white [class^=txt-], .web-editor-wrap .txt-white [class^=tit-], .web-editor-wrap .txt-white [class^=txt-] p { color: #fff; }
.web-editor-wrap .howto { margin: 26px 24px; border-top: 1px solid #000; }
.web-editor-wrap .howto li { display: flex; border-top: 1px solid #eee; }
.web-editor-wrap .howto li:first-child { border-top: none; }
.web-editor-wrap .howto li .icon { display: flex; flex: 0 0 90px; flex-direction: column; min-height: 90px; align-items: center; justify-content: center; }
.web-editor-wrap .howto li .icon .tip { font-size: 12px; line-height: 22px; color: #000; font-weight: 500; letter-spacing: 0; }
.web-editor-wrap .howto li .txt { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 90px; padding-right: 16px; justify-content: center; word-break: keep-all; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; }
.web-editor-wrap .define { margin: 26px 24px; border-top: 1px solid #000; }
.web-editor-wrap .define li { display: flex; border-top: 1px solid #eee; }
.web-editor-wrap .define li:first-child { border-top: none; }
.web-editor-wrap .define li .tit { display: flex; flex: 0 0 auto; padding: 10px 0; min-width: 120px; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; }
.web-editor-wrap .define li .txt { display: flex; flex: 1 1 auto; padding: 10px 0; font-size: 14px; font-weight: 400; line-height: 22px; color: #666; }
.web-editor-wrap .s-txt { margin: 14px 0; font-size: 12px; line-height: 18px; color: #666; }
.web-editor-wrap .cont-box table .icon { display: inline-block; }
.web-editor-wrap .cont-box table td { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.8px; }

.view-table-sty2 { border-top: 1px solid #000; }
.view-table-sty2 th, .view-table-sty2 td { padding-top: 8px; padding-bottom: 9px; text-align: left; border-bottom: 1px solid #eee; }
.view-table-sty2 th { font-weight: 400; font-size: 14px; color: #000; vertical-align: top; }
.view-table-sty2 td { font-size: 14px; color: #666; line-height: 22px; }
.view-table-sty2 .view-detail{padding-top:4px;}
.view-table-sty2 .view-detail p{color:#888; line-height:1.57}
.view-table-sty2 .view-detail p + button{margin-top:4px;}
.view-table-sty2 .view-detail button{color:#666; font-size:14px; line-height:1.57; padding-right:18px; background: url(../images/button/Icon_Button_Arrow_right_16.svg) 100% 50% no-repeat; background-size: 16px;}

.goods-summary-block .view-table-sty2 { margin-top: 16px; }
.goods-summary-block .txt-sty3 { margin-top: 14px; color: #666; }

.tag-keyword-block .tag-keyword-area { padding-top: 5px; }
.tag-keyword-block .tag-keyword-area .hash { margin-right: 5px; margin-bottom: 5px; }

.recommend-product-block .product-list-wrap { margin: 0 -24px; }
.recommend-product-block .product-list-wrap .view-list-type2 { margin: 0; flex-wrap: nowrap; }
.recommend-product-block .product-list-wrap .view-list-type2 { flex-wrap: nowrap; }
.recommend-product-block .product-list-wrap .view-list-type2 li { padding: 0; min-width: calc(50% - 28px); max-width: calc(50% - 28px); flex: 0 1 auto; height: unset; }
.recommend-product-block .product-list-wrap .view-list-type2 .prdt-thumb { padding-top: 0; }

.link-btns-block { margin-top: 40px; }
.link-btns-block li { display: block; padding: 14px 16px 13px; width: 100%; border-top: 1px solid #eee; }
.link-btns-block .btn-arrow-link { position: relative; display: block; width: 100%; text-align: left; }
.link-btns-block .btn-arrow-link:before { position: absolute; content: ""; display: inline-block; top: 50%; right: 0; margin-top: -12px; width: 24px; height: 24px; background: url(../images/detail/icon-button-arrow-right-24.svg) no-repeat 0/100%; }
.link-btns-block .btn-arrow-link > span { font-size: 16px; line-height: 26px; color: #000; }
.link-btns-block .btn-arrow-link .count-num { position: absolute; right: 30px; font-size: 14px; line-height: 1.47; color: #888; }
.link-btns-block .btn-arrow-link .count-num > span { font-family: 'Roboto', sans-serif; font-size: 15px; }

.bnnr-txt-info { position: absolute; top: 24px; left: 24px; width: calc(100% - 48px); }
.bnnr-txt-info .bnnr-txt-con { margin-top: 6px; }
.bnnr-txt-info .bnnr-btn { margin-top: 16px; }

.btmbtn-cart-wrap.gift { display: block; padding:15px 0; }
.btmbtn-cart-wrap { position: relative; padding: 0; }
.btmbtn-cart-wrap .icon-minus-white, .btmbtn-cart-wrap .icon-plus-white, .btmbtn-cart-wrap .icon-cart-del { opacity: 0; transform: scale(0); transition: 0.2s; }
.btmbtn-cart-wrap .icon-cart-number { position: absolute; left: 50%; bottom: 0; width: 36px; height: 36px; margin-left: -18px; display: table-cell; font-size: 19px; font-weight: 700; color: #fff; text-align: center; vertical-align: middle; opacity: 0; transform: scale(0); transition: 0.2s; }
.btmbtn-cart-wrap .icon-cart-add { padding: 0; }
.btmbtn-cart-wrap .icon-button-cart.type1 { display: block; width: 100%; height: 54px; padding: 0; background: #0fd6f7; color: #fff; font-size: 16px; font-weight: 700; text-align: center; border: none; border-radius: 0; text-indent: 0; }
.btmbtn-cart-wrap .icon-minus-white, .btmbtn-cart-wrap .icon-cart-del, .btmbtn-cart-wrap .icon-plus-white { background-size: 32px; }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-minus .icon-minus-white, .btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-minus-white, .btmbtn-cart-wrap.wide-del .icon-cart-del { /*bottom: 8px;*/ top:10px }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-plus-white { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-minus-white, .btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-minus-white, .btmbtn-cart-wrap.wide-del .icon-cart-del { left: 12px; }
.btmbtn-cart-wrap.wide-minus .icon-cart-add, .btmbtn-cart-wrap.wide-del .icon-cart-add, .btmbtn-cart-wrap.wide-del .icon-button-cart, .btmbtn-cart-wrap.wide-minus .icon-button-cart { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-plus-white, .btmbtn-cart-wrap.wide-del .icon-plus-white { right: 12px; opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-cart-del, .btmbtn-cart-wrap.wide-del .icon-cart-del { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-minus .icon-cart-number, .btmbtn-cart-wrap.wide-del .icon-cart-number { right: 35px; }
.btmbtn-cart-wrap.wide-del .icon-cart-del { opacity: 1; transform: scale(1); }
.btmbtn-cart-wrap.wide-del .icon-minus-white { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-cart-del { opacity: 0; transform: scale(0); }
.btmbtn-cart-wrap.wide-minus .icon-minus-white { opacity: 1; transform: scale(1); }

.btmbtn-cart-wrap .time-deal {padding-right:10px; font-size: 19px; font-style: normal; font-weight: 700; /* 126.316% */}

.ballon-txt-box { position: relative; display: inline-block; margin-bottom: 10px; padding: 5px 10px; text-align: center; background: #fff; border: 1px solid #000; border-radius: 15px; }
.ballon-txt-box:before, .ballon-txt-box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ballon-txt-box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; margin-left: -5px; top: 98%; }
.ballon-txt-box:before { border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 6px; margin-left: -6px; }
.ballon-txt-box span { font-family: "Roboto", SansSerif; font-weight: 700; font-size: 12px; color: #000; line-height: 18px; letter-spacing: 0; }
.price-graph-block { position: relative; margin-bottom: 15px; width: 100%; height: 310px; }
.price-graph-block .graph-line-bg { position: absolute; bottom: 25px; width: 100%; }
.price-graph-block .graph-line-bg li { width: 100%; height: 60px; border-bottom: 1px solid #eee; }
.price-graph-block .graph-item-wrap { position: absolute; bottom: 0; width: 50%; text-align: center; }
.price-graph-block .graph-item-wrap.graph-item-1 { right: 8px; }
.price-graph-block .graph-item-wrap.graph-item-1 .ballon-txt-box { visibility: hidden; animation: ballonMove1 1.2s ease 2.5s infinite; }
.price-graph-block .graph-item-wrap.graph-item-2 { left: 8px; }
.price-graph-block .graph-item-wrap.graph-item-2 .ballon-txt-box { width: 34px; padding-left: 0; padding-right: 0; /*animation: ballonMove2 0.8s ease 2.5s infinite;*/}
.price-graph-block .graph-item-wrap.graph-item-2 .ballon-txt-box span { font-size: 14px; }
.price-graph-block .graph-bar-wrap { margin: 0 auto; display: flex; flex-direction: column; width: 60px; height: 100%; font-size: 10px; line-height: 1.8; letter-spacing: -0.6px; color: #fff; text-align: center; }
.price-graph-block .graph-bar-wrap li { position: relative; }
.price-graph-block .graph-bar-wrap li span {  width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; bottom: 0; left: 0;}
.price-graph-block .graph-bar-wrap .grph-bar-1 span { background: #65cac0; }
.price-graph-block .graph-bar-wrap .grph-bar-2 span { background: #ab6fc7; line-height: 27px;}
.price-graph-block .graph-bar-wrap .grph-bar-3 span { background: #f690a4; }
.price-graph-block .graph-bar-wrap .grph-bar-4 span { background: #dbb98f; line-height: 12px;}
.price-graph-block .graph-bar-wrap .grph-bar-5 span { background: #6e97d6; }
.price-graph-block .graph-bar-wrap .grph-bar-6 span { background: #0fd6f7; }
.price-graph-block .graph-name { padding-top: 10px; font-size: 12px; line-height: 1.33; color: #333; }

.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-1 {display: block; height: 67px; animation: moveDown3 0.35s cubic-bezier(0.535, -0.055, 0.810, 0.055) 0.42s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-2 {display: block; height: 27px; animation: moveDown1 0.35s cubic-bezier(0.535, -0.055, 0.810, 0.055) 0.92s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-3 {display: block; height: 27px; animation: moveDown1 0.35s cubic-bezier(0.535, -0.055, 0.810, 0.055) 1.42s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-4 {display: block; height: 12px; animation: moveDown2 0.3s cubic-bezier(0.535, -0.055, 0.810, 0.055) 1.92s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-1 span {display: block; height: 67px; opacity: 1; animation: moveDown3 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-1 span::after {content: '매장운영비'; display: block; height: 67px; line-height: 67px; animation: textChange 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s forwards;}
.ios .price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-1 span::after {content: '온라인운영비';}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-2 span {display: block; height: 27px; opacity: 1; animation: moveDown1 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-3 span {display: block; height: 27px; opacity: 1; animation: moveDown1 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s forwards;}
.price-graph-block .graph-item-wrap.graph-item-1 .grph-bar-4 span {display: block; height: 12px; opacity: 1; animation: moveDown2 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s forwards; }

@keyframes ballonMove1 { 0% {visibility: visible; margin-bottom: 10px;}
  50% { visibility: visible; margin-bottom: 15px; }
  100% { visibility: visible; margin-bottom: 10px; }}

@keyframes ballonMove2 { 0% { margin-bottom: 10px;}
  50% { margin-bottom: 15px; }
  100% { margin-bottom: 10px; }}

@keyframes textChange { 0% { content: '매장운영비'; line-height: 67px; }
  25% { content: '온라인운영비'; line-height: 27px;}
  75% { content: '온라인운영비'; line-height: 27px;}
  100% { content: '온라인운영비'; line-height: 27px; }}

@keyframes moveDown1 { 0% { height: 27px;}
  100% { height: 0; }}

@keyframes moveDown2 { 0% { height: 12px; }
  100% { height: 0; }}

@keyframes moveDown3 { 0% { height: 67px; }
  100% { height: 27px;}}


/* 상품상세 e */
/* 상품개발스토리 s : 201124추가 */
.web-editor-wrap .dtl-story-img { text-align: center; }
.web-editor-wrap .dtl-story-img .img-wrap { display: inline-block; width: 84px; height: 84px; }
.web-editor-wrap .dtl-story-img .img-wrap img { width: 100%; height: 100%; }
.web-editor-wrap .dtl-story-img .name { margin-top: 8px; font-size: 14px; }
.web-editor-wrap .dtl-story { font-size: 16px; line-height: 1.8; margin: 24px 0; }
.web-editor-wrap .dtl-story .dtl-story-tit { padding-left: 20px; padding-right: 20px; padding-bottom: 8px; color: #000; font-size: 16px; font-weight: bold; }
.web-editor-wrap .dtl-story-link { display: inline-block; padding-left: 20px; font-size: 14px; }
.web-editor-wrap .dtl-story-link a { display: inline-block; color: #888; }
.web-editor-wrap .dtl-story-link .dtl-story-more { position: relative; display: block; margin-top: 2px; color: #666; }
.web-editor-wrap .dtl-story-link .dtl-story-more::after { content: ''; position: absolute; left: 78px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url(../images/detail/icon-button-arrow-right-16.png) no-repeat center center; }

/* 상품개발스토리 e : 201124추가 */
/* 상품리뷰 s */
.photo-movie-block { padding-top: 20px; padding-bottom: 24px; border-bottom: 10px solid #f5f5f5; overflow: hidden;}
.photo-movie-block .item-count-num{ margin-left:4px; font-size: 15px; letter-spacing: 0; }
.thumbnail-list-wrap { margin: 8px -16px 0; width: unset; overflow: visible; }
.thumbnail-list-wrap.no-item { height: unset; margin: 0; display: block; }
.thumbnail-list-wrap .item-list { display: flex; }
.thumbnail-list-wrap .item-list .item { padding: 4px; min-width: calc((320px - 48px) / 3); max-width: calc((320px - 48px) / 6); height: auto; min-height: calc((320px - 48px) / 3); max-height: calc((320px - 48px) / 6); box-sizing: content-box; }
.thumbnail-list-wrap .item-list .item .thumbnail-item { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 4px;}
.thumbnail-list-wrap .item-list .item .thumbnail-item a { display: inline-block; position: relative; width: 100%; height: 100%; }
.thumbnail-list-wrap .item-list .item .thumbnail-item a img { display: block; object-fit: cover; width: 100%; height: 100%; }
.thumbnail-list-wrap .item-list .item .thumbnail-item a .button-movie-play { position: absolute; bottom: 4px; left: 4px; }
.thumbnail-list-wrap .item-list .item .thumbnail-item a .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.thumbnail-list-wrap .item-list .item .thumbnail-item.more-item a { position: relative; }
.thumbnail-list-wrap .item-list .item .thumbnail-item.more-item a::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.thumbnail-list-wrap .item-list .item .thumbnail-item.more-item a::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 29%; height: 29%; color: #fff; background: url(../images/button/Icon_Button_Plus_32.svg) no-repeat center / cover; z-index: 2;}
.thumbnail-list-wrap .list-no-item { margin-top: 21px; padding-top: 60px; padding-bottom: 16px; font-size: 14px; line-height: 1.57; color: #888888; text-align: center; background: url("../images/pick/icon-pick-nodata.png") no-repeat 50% 0; }

.review-contents-block .cart-sheet-tab { margin-bottom: 0; }
.review-contents-block .cart-sheet-tab .rev-best-cnt,
.review-contents-block .cart-sheet-tab .rev-all-cnt{font-size:17px; margin-left:4px; letter-spacing: 0;}
.review-contents-block .btn-type18 { margin-bottom: 80px; line-height:initial;}
.review-contents-block .btn-type18 .ico-arrow-right16{ padding-left:2px; padding-right: 0; vertical-align: 2px;}

.round-option-wrap{display: flex; padding:10px 16px; background: #f9f9f9;}
.round-option-wrap li + li{margin-left: 4px;}
.round-option-wrap .btn-rounds-w{background: #fff;}
.round-option-wrap .btn-rounds-w.on{ font-weight: 500; color: #0FD6F7;}

.rev-list-item { display: inline-block; width: 100%; }
.rev-list-item.rev-list-sty1 .detail-visual-objArea { padding-top: 0; }
.rev-list-item.rev-list-sty1 .rev-attach-item { width: 100%; }
.rev-list-item.rev-list-sty1 .rev-con-tit { padding-left: 63px; padding-bottom: 8px; padding-top: 10px; height: 68px; }
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-icon { width: 48px; position: absolute; left: 16px; }
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-icon img{position:relative; z-index:1}
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-icon.best:after {content: ''; position:absolute; top:0; left:0; width:48px; height:65px; background:url('../images/detail/illust-info-best-review.svg') 50% 100% no-repeat; z-index:0}
.rev-list-item.rev-list-sty1 .rev-con-tit .revtit-txt-area { width: calc(100% - 48px); display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; }
.rev-list-item.rev-list-sty1 .rev-con-area { padding-top: 20px; }
.rev-list-item.rev-list-sty2 { border-bottom: 1px solid #eee; }
.rev-list-item.rev-list-sty2 .detail-visual-objArea { padding-top: 0; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap { margin-bottom: 20px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide { width: auto; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide:first-child { margin-left: 16px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item { width: 160px; height: 160px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item .rev-attach-obj,
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide .rev-attach-item img { width: 100%; height: 100%; border-radius: 4px; }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide.full-size-slide { width: calc(100% - 32px); }
.rev-list-item.rev-list-sty2 .rev-attach-wrap .swiper-slide.full-size-slide .rev-attach-item { width: 100%; height: auto; }
.rev-list-item.rev-list-sty2 .rev-con-tit { position: relative; margin-bottom: 15px; padding-top: 20px; height: 65px; border-bottom: 0; padding-left: 52px; }
.rev-list-item.rev-list-sty2 .rev-con-tit .revtit-icon { position: absolute; left: 16px; height: 40px; line-height: 40px; }
.rev-list-item.rev-list-sty2 .rev-con-tit .revtit-txt-area { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 48px);}
.rev-list-item .revtit-top-label { position: absolute; top: 23px; right: 16px; }
.rev-list-item .revtit-top-desc { font-weight: 700; font-size: 12px; line-height: 18px; color: #666; }
.rev-list-item.rev-list-sty1 .revtit-top-desc { padding: 20px 16px 0; }
.rev-list-item.rev-list-sty2 .revtit-top-desc { padding: 0 16px 14px; }
.rev-list-item .product-review-block { width: 100%; padding-top: 0; }
.rev-list-item .product-review-block .review-evaluation-wrap { padding-top: 0; }

.review-list-wrap li:first-child .rev-list-item.rev-list-sty1{ margin-top: 20px; }
.review-list-wrap li:last-child .rev-list-item.rev-list-sty2{border:none;}
/* .review-list-wrap { margin-top: 20px;} */
.rev-attach-wrap { position: relative; width: 100%; }
.rev-attach-wrap .swiper-wrapper { width: 100%; }
.rev-attach-wrap li:last-child { position: relative; }
.rev-attach-wrap .rev-attach-item { width: 160px; height: 160px; border-radius: 4px; overflow: hidden; }
.rev-attach-wrap .rev-attach-obj { position: relative; width: 160px; height: 160px; border-radius: 4px; overflow: hidden; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a { display: inline-block; position: relative; width: 100%; height: 100%; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .button-movie-play { position: absolute; bottom: 15px; left: 15px; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj img { width: 100%; border-radius: 4px; height: 100%; object-fit: cover;}
.rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj video { width: 100%; }
.rev-attach-wrap .swiper-pagination { position: absolute; padding: 2px 15px 3px; height: 24px; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 24px; text-align: unset; color: #ddd; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; background: rgba(0, 0, 0, 0.3); border-radius: 12px; }
.rev-attach-wrap .swiper-pagination-fraction { line-height: 24px; top: unset !important; right: unset !important; left:inherit;  bottom: 12px !important; right: 12px !important; width: 42px !important; text-align: center; padding: 0; letter-spacing: 0; }
.rev-attach-wrap .swiper-pagination-fraction .swiper-pagination-current { color: #fff; line-height: 24px; }
.rev-attach-wrap .swiper-pagination-fraction .swiper-pagination-total { color: #ddd; line-height: 24px; }
.rev-attach-wrap { overflow: hidden; overflow-x: scroll; }
.rev-attach-wrap .attach-list { display: inline-block; padding: 0 16px; white-space: nowrap; }
.rev-attach-wrap .attach-list li { display: inline-block; width: 160px; height: 160px; margin: 0 4px 20px; vertical-align: top; }
.rev-attach-wrap .attach-list li .rev-attach-item { width: 100%; height: 100%; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj { position: relative; width: 100%; height: 100%; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.rev-attach-wrap .attach-list li .rev-attach-item .rev-attach-obj .button-movie-play2 { position: absolute; bottom: 8px; left: 8px; }
.rev-attach-wrap .attach-list li.full-size-slide { display: block; width: 100%; height: auto; margin: 0; padding: 0 4px; }
.rev-attach-wrap .attach-list li.full-size-slide .rev-attach-item .rev-attach-obj img { height: calc((100vw - 32px) * (160 / 328)); max-height: 400px; }
.rev-attach-item .button-movie-play2 { position: absolute; bottom:8px; left: 8px; }

.rev-reply-manager { padding-bottom: 40px; }
.rev-reply-manager .box-gray-bg { padding-right: 16px; padding-left: 16px; border-radius: 4px; }
.rev-reply-manager .rev-reply-tit { font-size: 14px; color: #000; }
.rev-reply-manager .rev-reply-tit .revrep-role { font-weight: 700; }
.rev-reply-manager .rev-reply-tit .revrep-date { position: relative; padding-left: 10px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 1.5; color: #888; letter-spacing: 0; }
.rev-reply-manager .rev-reply-tit .revrep-date:before { content: ""; position: absolute; top: 6px; left: 3px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.rev-reply-manager .rev-reply-con { padding-top: 5px; font-size: 14px; line-height: 1.57; color: #000; white-space: pre-line; }

.tab-review-all > .btm-btn-wrap { margin-top: 0;}

.review-upgrade-guide { text-align: center; border-top: 1px solid #eee;}
.review-upgrade-guide.none{padding-bottom:32px; border-top:none; border-bottom: 1px solid #eee;}
.review-upgrade-guide.none .txt-sty4{padding-top:165px; background-position-y:21px;}
.review-upgrade-guide .txt-sty4{padding: 188px 0 4px; text-align: center; background: url(../images/detail/illu-product-tasteup.webp) no-repeat center / 148px; font-weight: 400; color:#000;}
.review-upgrade-guide .review-upgrade-sub{font-size: 14px; line-height: 22px; color:#888;}
.review-upgrade-guide .txt-sty3 { padding-top: 8px; }
.review-upgrade-guide .btm-btn-wrap{margin-top:24px; padding-top: 0; padding-bottom: 0;}
.review-upgrade-guide .btm-btn-wrap.review{padding-bottom:32px;}
.review-upgrade-guide .btm-btn-wrap button{position: relative; height: 48px;}
.review-upgrade-guide .btm-btn-wrap button::after { content: ''; display: inline-block; margin-left: 2px; width: 16px; height: 16px; background: url(../images/button/Icon_Button_Arrow_down_16.svg) right center no-repeat; background-size: 16px; vertical-align: middle; }
.review-upgrade-guide .btm-btn-wrap.close button::after {background-image: url(../images/button/Icon_Button_Arrow_up_16.svg);}
.review-upgrade-guide .btm-btn-wrap button span { vertical-align: middle; }

.chk-wrap.best{ padding:9px 20px 9px 16px; text-align: right; height:40px;}
.chk-wrap.best .form-txt{ line-height: 18px; color: #666;}
.thumbnail-all-block { padding-bottom: 40px; }
.thumbnail-all-wrap { display: inline-block; width: 100%; }
.thumbnail-all-wrap > li { float: left; position: relative; width: 33.33%; }
.thumbnail-all-wrap > li:after { content: ""; display: block; padding-bottom: 100%; }
.thumbnail-all-wrap > li .thumb-img-item { position: absolute; display: inline-block; top: 0; left: 0; padding: 4px; width: 100%; height: 100%; }
.thumbnail-all-wrap > li .thumb-img-item > a { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; }
.thumbnail-all-wrap > li .thumb-img-item img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover;  }
.thumbnail-all-wrap > li .thumb-img-item .button-movie-play2 { position: absolute; bottom: 8px; left: 10px; }
.thumbnail-all-wrap > li .thumb-img-item.on img { border: 2px solid #0fd6f7; }

/*베스트리뷰*/
.best-review-wrap{ padding:32px 0 4px;}
.best-review-wrap .review-list-wrap{padding-top: 10px;}
.best-review-wrap .review-list-wrap li .review-item{ display: block; padding: 18px 14px 14px 16px; background: #f9f9f9; border-radius: 4px;}
.best-review-wrap .review-list-wrap li + li{ margin-top: 10px;}
.best-review-wrap .review-list-wrap .item-name{ font-size: 13px; line-height: 20px; font-weight: 500; color:#000;}
.best-review-wrap .review-list-wrap .review-info{ display: flex; justify-content: space-between;}
.best-review-wrap .review-list-wrap .thumb-type1{ margin: -3px 0 0 12px; width: 48px; border-radius: 4px;}
.best-review-wrap .review-list-wrap .user-review-wrap{ width: 100%; }
.best-review-wrap .review-list-wrap .review-txt{ position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color:#333; }
.best-review-wrap .review-list-wrap .evalution{ display: inline-block; }
.best-review-wrap .review-list-wrap .evalution .num{ padding-left: 4px; font-size: 15px; font-weight: 700; color:#000; vertical-align: text-top; }
.best-review-wrap .review-list-wrap .evalution .img-star{ width: 16px; }
.best-review-wrap .review-list-wrap .evalution::after,
.best-review-wrap .user-wrap .regular::after{ content: ""; display: inline-block; margin:3px 6px; width: 2px; height:2px; background: #ccc; border-radius: 50%; }
.best-review-wrap .user-wrap{ display: flex; align-items: center; padding-top: 5px; font-size: 12px; line-height: 18px; color:#888; }
.best-review-wrap .user-wrap .user-id{ letter-spacing: 0; }

/* 상품리뷰 e */
/* 상품리뷰상세 s */
.photo-revdetail-block { position: fixed; top: 50px; width: 100%; max-width: 486px; height: calc(100% - 50px); overflow: hidden; background: #f5f5f5; }
.photo-revdetail-block.type2 { background: #fff; }
.lands .photo-revdetail-block { position: relative; }
.photo-revdetail-block .swiper-container { height: 100%; }
.photo-revdetail-block .swiper-button-prev, .photo-revdetail-block .swiper-button-next { position: absolute; top: calc(50% + 18px - 71px); width: 36px; height: 36px; background: url(../images/button/Icon_Button_Oval_BG_Black.svg) center center no-repeat; background-size: 36px; }
.photo-revdetail-block.type2 .swiper-button-prev, .photo-revdetail-block.type2 .swiper-button-next { top: calc(50% + 18px); }
.photo-revdetail-block .swiper-button-prev:after, .photo-revdetail-block .swiper-button-next:after { content: ''; }
.photo-revdetail-block .swiper-button-prev { left: 20px; }
.photo-revdetail-block .swiper-button-next { right: 20px; }
.photo-revdetail-block .revdetail-img-wrap.h_full{height:100%}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont{background:#f5f5f5; position:relative}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont img{ max-width: 100%; max-height: 100%; }
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont .cont-thum{width:100%; height:100%; position:absolute; display: flex; justify-content: center; align-items: center;}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.img,
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.img .cont-thum{background:#f5f5f5 url('../images/common/icon_img_ing.svg') 50% 50% no-repeat; background-size:48px;}
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.video,
.photo-revdetail-block .revdetail-img-wrap.h_full .revdetail-cont.video .cont-thum{background:#f5f5f5 url('../images/common/icon_video_ing.svg') 50% 50% no-repeat; background-size:80px}
.photo-revdetail-block .btn_page_go{position: absolute; top: calc(50% - 93px); width: 44px; height: 44px; background-size: 44px; background-repeat: no-repeat; font-size:0; text-indent: -9999px}
.photo-revdetail-block .btn_page_go.prev{background-image: url(../images/common/icon_slide_prev.png); left:14px;}
.photo-revdetail-block .btn_page_go.next{background-image: url(../images/common/icon_slide_next.png); right:14px;}

.revdetail-img-wrap { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 50px); }
.revdetail-img-wrap .revdetail-cont { display: flex; display: -webkit-flex; height: calc(100% - 142px); justify-content: center; align-items: center; }
.photo-revdetail-block.type2 .revdetail-img-wrap .revdetail-cont { height: calc(100%); }
.revdetail-img-wrap .revdetail-cont.img img { max-width: 100%; max-height: 100%; }
.revdetail-img-wrap .revdetail-cont.video video { width: 100%; }
.icon-left-white18 { display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_left_24_white.svg) no-repeat 3px; background-size: 18px; font-size: 0; text-indent: -9999px; }
.icon-right-white18 { display: inline-block; width: 24px; height: 24px; background: url(../images/button/Icon_Button_Arrow_right_24_white.svg) no-repeat 3px; background-size: 18px; font-size: 0; text-indent: -9999px; }

.review-content-layer { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 20; }
.review-content-layer .rev-con-tit { padding-bottom: 20px; border-bottom: 0; }
.review-content-layer .rev-con-area { width: 100%; max-height: 22px; overflow-y: auto; }
.review-content-layer .revtit-txt-area { display: flex; flex-direction: column; }
.review-content-layer .rev-con-tit .revtit-txt-area .revtit-label {bottom: 20px;}
.review-content-layer .review-help {padding-top: 4px;}
.review-content-layer.on .rev-con-area { max-height: 134px; }

.btn-line-expand { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.icon-line-expand { display: inline-block; width: 40px; height: 5px; border-radius: 2.5px; background: rgba(0, 0, 0, 0.1); font-size: 0; text-indent: -9999px; }

.rev-con-tit { position: relative; padding-top: 32px; width: 100%; border-bottom: 1px solid #eee; }
.rev-con-tit .revtit-icon { float: left; width: 36px; }
.rev-con-tit .revtit-icon img { width: 100%; }
.rev-con-tit .revtit-txt-area { padding-left: 10px; width: calc(100% - 36px); }
.rev-con-tit .revtit-txt-area .evaluation-table{ justify-content: start; }
.rev-con-tit .revtit-txt-area .evaluation-table li + li{ padding-left: 1px; }
.rev-con-tit .revtit-txt-area .evaluation-table img{ width: 16px; }
.rev-con-tit .revtit-txt-area .revtit-best-user { font-size: 12px; line-height: 18px; color: #000; }
.rev-con-tit .revtit-txt-area .revtit-best-user::after { content: ""; display: inline-block; margin:8px 6px 5px; width: 2px; height: 2px; background: #d8d8d8; border-radius: 1px; }
.rev-con-tit .revtit-txt-area .revtit-data-area { display: flex; align-items: center; padding-top: 4px; }
.rev-con-tit .revtit-txt-area .revtit-data-area .revtit-data-block { display: inline-block; letter-spacing: 0; font-size: 12px; line-height: 18px; color: #888; vertical-align: middle; }
.rev-con-tit .revtit-txt-area .revtit-label { display: inline-block; position: absolute; right: 16px; bottom: 12px; padding-left: 14px; line-height: 18px; font-size: 0; vertical-align: middle; }
.rev-con-tit .revtit-txt-area .revtit-label i { margin-right: 2px; vertical-align: middle; }
.rev-con-area { margin-bottom: 16px; padding-bottom: 16px; }
.rev-con-area p { font-size: 14px; color: #666; line-height: 22px; }

/* 상품리뷰상세 e */
/* 상품리뷰 사진상세 s */
.photo-imgdetail-block { position: fixed; top: -15px; left: 0; padding-top: calc(var(--ios-safe-top) + 15px); width: 100%; height: calc(100vh + 15px); overflow: hidden; background: #000; opacity: 0; z-index: 111; transition: opacity 0.3s; }
.photo-imgdetail-block.on { opacity: 1; }
.photo-imgdetail-block .clsbtn-rgt-w { z-index: 1; }
.photo-imgdetail-block .revdetail-img-wrap { position: relative; top: 0px; height: 100%; }
.photo-imgdetail-block .revdetail-img-wrap .flx-chld { position: relative; height: 100%; }
.photo-imgdetail-block .revdetail-img-wrap .flx-chld .revdetail-cont-img { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.photo-imgdetail-block .revdetail-cont-img { display: inline-block; }
.photo-imgdetail-block .revdetail-cont-img img { max-width: 100%; max-height: 100%; }
.photo-imgdetail-block .block-header { position: relative; height: 50px;}
.photo-imgdetail-block .block-header button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background-size: 32px; background-position: center; }
.photo-imgdetail-block .block-content { width: 100%; height: calc(100% - 50px); }

/* 상품리뷰 사진상세 e */
/* 리뷰작성 s */
.prdt-item-block.box-gray-bg { padding-top: 16px; padding-bottom: 16px; }
.prdt-item-type1 { position: relative; width: 100%; }
.prdt-item-type1 .prdt-thumb { position: relative; display: inline-block; width: 72px; border-radius: 4px; vertical-align: top; overflow: hidden; }
.prdt-item-type1 .prdt-thumb i { position: absolute; top: 8px; left: 5px; }
.prdt-item-type1 .prdt-info { position: relative; display: inline-block; padding-left: 10px; width: calc(100% - 82px); vertical-align: middle; }
.prdt-item-type1 .prdt-head-desc { font-size: 12px; line-height: 1.5; color: #888; letter-spacing: -1px; }
.prdt-item-type1 .prdt-head-desc + .prdt-head-copy { margin-top: 0; }
.prdt-item-type1 .prdt-head-copy { display: block; margin-top: 8px; font-size: 14px; line-height: 18px; /*letter-spacing:-0.8px*/ color: #000; font-family: 'NotoSans', sans-serif; font-weight: 400; background: #f9f9f9; }
.prdt-item-type1 .prdt-price { font-weight: 700; font-size: 12px; color: #666; line-height: 18px; }
.prdt-item-type1 .prdt-idvd-sum { margin-top: 6px; font-weight: 700; font-size: 14px; line-height: 20px; color: #000; }
.prdt-item-type1 .prdt-idvd-sum .num-type1 { display: inline-block; margin-right: 2px; font-family: "Roboto", SansSerif; font-size: 17px; line-height: 24px; letter-spacing: 0; }

.review-measure-block { display: inline-block; width: 100%; }
.review-guide-msg { margin: 30px 0 5px; text-align: center; }
.review-guide-msg strong { display: block; font-family: 'NotoSerif', serif; font-size: 22px; line-height: 32px; font-weight: 300; color: #000; }
.review-guide-msg p { display: block; margin-top: 8px; font-size: 14px; line-height: 18px; font-weight: 400; color: #888; }

.rev-msr-item { float: left; margin-top: 40px; width: 100%; }
.rev-msr-item ~ .rev-msr-item { margin-top: 60px; }
.rev-msr-tit { font-weight: 400; font-size: 18px; text-align: center; color: #000; letter-spacing: -0.8px; }
.rev-msr-ul { float: left; padding: 10px 50px 5px; width: 100%; }
.rev-msr-li { position: relative; float: left; width: 20%; height: 54px; }
.rev-msr-li::before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background-color: #eee; }
.rev-msr-li:first-child::before { left: 50%; }
.rev-msr-li:last-child::before { left: -50%; }
.rev-msr-li > label { position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; width: 54px; height: 54px; z-index: 1; }
.rev-msr-li:first-child .bg-line-hide { left: 0; }
.rev-msr-li .msg { font-size: 14px; letter-spacing: -0.8px; color: #aaa; position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.rev-msr-li input[type="radio"] { display: block; margin: 0; width: 54px; height: 54px; -webkit-appearance: none; }
.rev-msr-li input[type="radio"]:before { position: absolute; top: 0; left: 0; width: 54px; height: 54px; }
.rev-msr-li .rev-msr1-li1 { content: ""; background: url(../images/info/Icon_Info_Review_measure_1_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li1:checked { content: ""; background: url(../images/info/face_01.png) no-repeat 50% 50%; background-size: 1620px; animation: measure-motion1 0.4s steps(29) forwards; }
.rev-msr-li .rev-msr1-li2 { content: ""; background: url(../images/info/Icon_Info_Review_measure_2_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li2:checked { content: ""; background: url(../images/info/face_02.png) no-repeat 50% 50%; background-size: 1350px; animation: measure-motion2 0.4s steps(24) forwards; }
.rev-msr-li .rev-msr1-li3 { content: ""; background: url(../images/info/Icon_Info_Review_measure_3_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li3:checked { content: ""; background: url(../images/info/face_03.png) no-repeat 50% 50%; background-size: 756px; animation: measure-motion3 0.4s steps(13) forwards; }
.rev-msr-li .rev-msr1-li4 { content: ""; background: url(../images/info/Icon_Info_Review_measure_4_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li4:checked { content: ""; background: url(../images/info/face_04.png) no-repeat 50% 50%; background-size: 756px; animation: measure-motion4 0.4s steps(13) forwards; }
.rev-msr-li .rev-msr1-li5 { content: ""; background: url(../images/info/Icon_Info_Review_measure_5_normal.svg) no-repeat 50% 50%; }
.rev-msr-li .rev-msr1-li5:checked { content: ""; background: url(../images/info/face_05.png) no-repeat 0 0; background-size: 972px; animation: measure-motion5 0.4s steps(17) forwards; }


@keyframes measure-motion1 { from { background-position: 0 0; }
  to { background-position: -1566px 0; } }

@keyframes measure-motion2 { from { background-position: 0 0; }
  to { background-position: -1296px 0; } }

@keyframes measure-motion3 { from { background-position: 0 0; }
  to { background-position: -702px 0; } }

@keyframes measure-motion4 { from { background-position: 0 0; }
  to { background-position: -702px 0; } }

@keyframes measure-motion5 { from { background-position: 0 0; }
  to { background-position: -918px 0; } }
.bg-line-hide { position: absolute; top: 0; right: 0; width: calc(100% - 50px); height: 100%; background: #fff; }
.rev-msr-icon { position: absolute; font-size: 0; text-indent: -9999px; }
.rev-msrdesc-ul { clear: both; float: left; padding: 0 50px; width: 100%; }
.rev-msrdesc-li { float: left; width: 33.33%; text-align: center; }
.rev-msrdesc-li:first-child { text-align: left; }
.rev-msrdesc-li:last-child { text-align: right; }
.rev-msrdesc-li span { font-size: 14px; letter-spacing: -0.8px; color: #aaa; }
.review-guide-block { display: inline-block; width: 100%; }
.review-guide-block .box-gray-bg { float: left; width: 100%; }
.review-guide-block .box-gray-bg .txt-desc-gray { padding-bottom:5px;}
.review-guide-block .box-gray-bg > .txt-sty2 { padding-bottom:14px;}
.review-write-block { position: relative; display: inline-block; width: 100%; }
.review-write-block .block-tit { font-weight: 400; }
.review-write-block .txt-area { margin-top: 10px; }
.review-write-block + .attachfiles-block { position: relative; display: inline-block; margin-top: 25px; width: 100%; }
.review-write-block textarea::placeholder { color: #ccc; font-weight: 400; font-size: 14px; }

.save-cash-guide { position: absolute; top: 0; right: 16px; }
.save-cash-guide .icon-info-cash { line-height: 19px; }

.attach-preview-wrap { display: inline-block; margin-top: 14px; width: 100%; }
.attach-preview-wrap .photo-list-ul { padding-right: 0 !important; padding-left: 0 !important; width: max-content; /*width:unset*/ }
.attach-preview-wrap .photo-list-ul a { display: inline-block; }
.attach-preview-wrap .swiper-slide { width: auto; }
.attach-preview-item { position: relative; width: 104px; height: 104px; overflow: hidden; border-radius: 4px; }
.attach-preview-item img { width: 100%; height: 100%; }
.attach-preview-item .button-movie-play { position: absolute; bottom: 4px; left: 4px; }
.attach-preview-item .button-movie-play2 { position: absolute; bottom: 6px; left: 8px; }
.attach-preview-item.attch-item-img .button-movie-play, .attach-preview-item.attch-item-img .button-movie-play2 { display: none; }

.btn-attch-del { position: absolute; top: 4px; right: 4px; }

.review-keyword-block { position: relative; display: inline-block; width: 100%; }
.review-keyword-block .block-tit { font-weight: 400; }
.review-guide2-block { position: relative; display: inline-block; width: 100%; }
.review-guide2-block .slide-list-tit { padding-top: 14px; padding-bottom: 14px; font-weight: 400; line-height: 26px; }
.review-guide2-block .slide-list-con { color: #666; }
.review-guide2-block .slide-list-con p b { font-weight: 400; color: #000; }
.review-guide2-block .slide-list-con .dot-gray-ul { margin: 14px 0; }
.review-guide2-block .slide-list-con .alert-msg { margin: 14px 0; font-size: 12px; font-weight: 700; color: #666; }

/*리뷰도움*/
.review-help{display: flex; justify-content: space-between; align-items: center; padding:0 16px 40px;}
.review-help + .rev-reply-manager { margin-top: -24px; }
.review-help .tit{font-size: 14px; line-height: 22px; color: #888;}
.review-help .btn-rounds-w{padding: 0 12px; height: 32px; line-height: 32px; border-radius: 17px; color: #333;}
.review-help .btn-rounds-w::before{content: ""; display: inline-block; margin-right: 4px; width: 16px; height:16px; background: url(../images/button/icon-button-like-gray-16-off.svg) no-repeat left 3px / cover;}
.review-help .btn-rounds-w.on{color: #000;}
.review-help .btn-rounds-w.on::before{background-image: url(../images/button/Icon_Button_Like_On.svg);}
.review-help .click-num{padding-left: 4px; font-weight: 700; letter-spacing: 0; color: inherit;}

/* 리뷰작성 e */
/* 리뷰등록완료 s */
.reg-complete1-block, .reg-complete2-block { position: absolute; top: 50%; left: 0; margin-top: calc(-136px - 31px); width: 100%; padding-top: 143px; text-align: center; background: url(../images/detail/illust-end-com@3x.png) no-repeat center top; background-size: 128px; }
.reg-complete1-block .txt-sty2, .reg-complete2-block .txt-sty2 { padding-top: 25px; }
.reg-complete1-block .txt-sty2 { padding-bottom: 96px; }
.reg-complete2-block .txt-sty3 { padding-top: 110px; }

/* 리뷰등록완료 e */
/* 상품문의 s */
.swiper-faq-block { padding-top: 20px; padding-bottom: 16px; width: 100%; background: #f9f9f9; }
.swiper-faq-block .block-desc-txt { padding-bottom: 10px; text-align: center; }
.swiper-faq-wrap { padding-bottom: 6px !important; width: 100%; }
.swiper-faq-wrap .swiper-pagination { bottom: 0 !important; }
.swiper-faq-wrap .swiper-pagination .swiper-pagination-bullet { margin: 0 3px !important; width: 6px; height: 6px; }
.swiper-faq-wrap .swiper-pagination .swiper-pagination-bullet-active { /*background: #888;*/ }
.swiper-faq-block ~ .slide-qna-block .empty-txt-wrap { margin-top: calc(((var(--vh, 1vh) * 100) - 50px - 260px - 54px - 152px - 20px) / 2); }
.swiper-faq-block ~ .slide-qna-block { min-height: calc((var(--vh, 1vh) * 100) - 50px - 292px - 54px); }

.slide-card-item { padding: 24px; width: 100%; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13); background: #fff; }
.slide-card-item .faq-txt-q { padding-left: 26px; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; color: #000; background: url(../images/info/Icon_Info_Question.svg) no-repeat left top; }
.slide-card-item .faq-txt-a { padding-top: 8px; font-size: 14px; line-height: 1.56; letter-spacing: -0.8px; color: #666; }
.slide-card-item .faq-txt-a p { position: relative; height: 88px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-card-item .faq-txt-a p .view-more { position: absolute; right: 0px; bottom: 3px; padding-right: 16px; padding-left: 16px; font-size: 14px; font-weight: 400; color: #666; line-height: 16px; background: #fff; }
.slide-card-item .faq-txt-a p .view-more::after { content: ''; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url(../images/detail/icon-button-arrow-right-16.svg) no-repeat center center; }

.post-info-wrap { position: relative; padding-top: 18px; }
.post-info-wrap > li { display: inline-block; font-size: 12px; color: #888; line-height: 1.5; }
.post-info-wrap .post-date { position: relative; font-family: "Roboto", SansSerif; letter-spacing: 0; /* padding-left:14px; &:before { content:""; position:absolute; top:6px; left:7px; width:2px; height:2px; background:#d8d8d8; border-radius:1px; } */ }
.post-info-wrap .post-date span { letter-spacing: inherit; }
.post-info-wrap .post-btns { position: absolute; top: 10px; right: 0; }

.slide-list-sty2 .manager-comments-area { margin: 5px 0 0 0; padding: 16px; width: 100%; background: #eee; border-radius: 4px; }
.slide-list-sty2 .manager-comments-area .comment-txt { font-size: 14px; line-height: 1.57; letter-spacing: -0.8px; }
.slide-list-sty2 .icon-secret-gray16 { margin-top: 2px; margin-right: 4px; vertical-align: top; }
.slide-list-sty2 .rev-reply-manager { padding-top: 29px; padding-right: 16px; padding-bottom: 0; padding-left: 16px; }
.slide-list-sty2 .rev-reply-manager .box-gray-bg { border-radius: 4px; }
.slide-list-sty2 .grid-type1:not(.on) .txt-box-sty1 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-list-sty2 .grid-type1:not(.on) .txt-box-sty1 p.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 22px; font-size: 14px; }
.slide-list-sty2 .grid-type1.on .txt-box-sty1 p.ellipsis-1 { white-space: pre-line; }

.qna-write-block .box-gray-bg { padding-top: 20px; padding-bottom: 20px; }
.qna-write-block .box-gray-bg .dot-gray-ul li { font-size: 12px; color: #888; line-height: 18px; margin: 3px 0; }
.qna-write-block .select-actionseet-wrap { margin-top: 14px; }
.qna-write-block .txt-area-wrap { margin-top: 20px; }
.qna-write-block .attachfiles-block, .qna-write-wrap .attachfiles-block { position: relative; display: inline-block; margin-top: 25px; width: 100%; }
.qna-write-block .attachfiles-block .attach-preview-wrap, .qna-write-wrap .attachfiles-block .attach-preview-wrap { margin-bottom: 10px; }
.qna-write-block .btn-option-wrap { padding: 0 16px; }

.slide-qna-block { display: inline-block; width: 100%; min-height: calc((var(--vh, 1vh) * 100) - 50px - 54px); }
.slide-qna-block .list-option-wrap { border-bottom: 1px solid #eee; }
.slide-qna-block .list-option-wrap.grid-type1 .chk-box-16{margin-top:10px;}
.slide-qna-block .slide-list-con { margin: 0 -16px; overflow: hidden; overflow-x: scroll; }
.slide-qna-block .slide-list-con::-webkit-scrollbar { background: transparent; }
.slide-qna-block .slide-list-con .attach-preview-wrap { width: unset; padding: 0 12px; }
.slide-qna-block .empty-txt-wrap { margin-top: calc(((var(--vh, 1vh) * 100) - 50px - 54px - 152px - 20px) / 2); }

/* 문의등록완료 s */
.reg-complete3-block { padding-top: 220px; text-align: center; background: url(../images/detail/illust-end-qna@3x.png) no-repeat 50% 80px; background-size: 128px; }
.reg-complete3-block .txt-sty2 { padding-top: 25px; }
.reg-complete3-block .txt-sty2 { padding-bottom: 96px; }
.reg-complete3-block .txt-sty3 { padding-top: 110px; }

/* 상품문의 e */
/* rewiew-count-txt s */
.goods-extrainfo-block { width: 100%; margin-top: 20px; }
.goods-extrainfo-block .view-table-sty1 th { font-weight: 400; vertical-align: top; }
.goods-extrainfo-block .view-table-sty1 td { color: #666; vertical-align: top; }

/* 상품추가정보 e */
/* 배송교환반품안내 s */
.delivery-guide-block { margin-top: 20px; }
.delivery-guide-block ~ .delivery-guide-block { margin-top: 70px; }
.delivery-guide-block .block-tit2 + .dot-gray-ul { margin-top: 14px; }
.delivery-guide-block .dot-gray-ul li { font-size: 14px; color: #666; line-height: 22px; }
.delivery-guide-block .dot-black-ul > li { margin-top: 0; margin-bottom: 24px; }
.delivery-guide-block .dot-black-ul > li:last-child { margin-bottom: 0; }
.delivery-guide-block .block-tit2 { font-weight: 400; line-height: 30px; }
.delivery-guide-block .block-tit2 + .view-table-sty1 { margin-top: 14px; }
.delivery-guide-block .view-table-sty1 + .dot-gray-ul { margin-top: 24px; }
.delivery-guide-block .block-sub-tit { margin-top: 14px; margin-bottom: 8px; padding-top: 0; padding-bottom: 0; }
.delivery-guide-block .dot-gray-ul + .block-sub-tit { margin-top: 40px; }
.delivery-guide-block .view-table-sty1 th { font-weight: 400; }
.delivery-guide-block .view-table-sty1 td { color: #666; }
.delivery-guide-block .txt-box-sty1 { font-size: 14px; color: #666; line-height: 22px; }
.delivery-guide-block.tip-guide { margin-top: 40px; }
.delivery-guide-block.tip-guide p { margin-bottom: 6px; }

/* modal-custom */
.modal-wrap .icon-header-close { right: 16px; top: 20px; }
.parcel-date-info .delivery-date-popup2{position: absolute; left:0; top:27px; width:280px; height: auto; background:#fff; z-index: 99;}
.delivery-date-popup2 .modal-layer{padding:18px 36px 18px 24px; border:1px solid #888; border-radius: 4px;}
.delivery-date-popup2 .modal-layer .info-txt{margin-top:0; font-size: 12px; line-height: 18px; color:#333;}
.delivery-date-popup2 .modal-layer .info-sub{display: block; padding-top:6px; font-size: 12px; line-height: 18px; color:#888;}
.delivery-date-popup2 .modal-layer .icon-header-close{position: absolute; top:0; right:0; width: 40px; height: 40px; background:url(../images/header/icon-header-close.svg) no-repeat 6px 12px / 24px;}
.delivery-date-popup2.line2 .modal-layer .icon-header-close{background-position:8px 8px;}

/* Nature’s Sensation Layer popup */
.cont_info_sensation .txt-wrap{font-size:14px;}
.cont_info_sensation .txt-wrap + .view-table-sty4{margin-top:25px}
.cont_info_sensation .view-tit-list { padding-top:21px;}
.cont_info_sensation .view-tit-list + .view-tit-list{padding-top:14px;}
.cont_info_sensation .view-tit-list strong{display:block; font-weight: 700; font-size:14px; line-height:1.57}
.cont_info_sensation .view-tit-list strong + ul{padding-top:7px}
.cont_info_sensation .view-tit-list li{line-height:1.5}

/* Detail Notice */
.detail-con-notice{margin:80px 0 0; padding:16px; background:#fef9f3; text-align: center; border-radius: 4px}
.detail-con-notice > strong{display:inline-block; font-size:15px; line-height: 1.47; color:#000; letter-spacing: 0; padding-left:22px; background:url('../images/common/icon-info-detail-notice.png') 0 50% no-repeat; background-size:16px; }
.detail-con-notice p{padding-top:4px; font-size:14px; line-height:1.57; color:#000}
.detail-con-notice p strong{color:#000}
.detail-con-notice + .md-comment-block{margin-top:0}

/*set상품 레이어팝업*/
#layer-full-page{display: block; position: fixed; top:0; width: 100%; height: 100%; max-width: 486px; background: #fff; z-index: 20;}
#layer-full-page .modal-header-wrap{ padding-top: var(--ios-safe-top); background: #fff;}
#layer-full-page .header.sub .sub-tit{color:#000;}
#layer-full-page .header .icon-header-close{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(../images/header/icon-header-close.svg) no-repeat center / 32px;}
#layer-full-page .container{height: calc(100% - 50px); overflow-y: auto; padding:24px 16px 72px;}
#layer-full-page .container li + li{padding-top: 56px;}
#layer-full-page .container img{padding:0 9px 0 8px; width:100%; max-width: 312px; margin: 0 auto; display: block;}
#layer-full-page .container .pd-name{font-size: 16px; font-weight: 700; color:#000; padding-bottom: 24px;}

/*선물세트팝업*/
.gift-banner{ margin:20px 0 0; padding:20px 0 24px 24px; background: url(../images/bg/bg-gift-noaddress.webp) no-repeat right bottom / 128px #ffefec; cursor: pointer;}
.gift-banner .banner-tit{ font-size: 16px; color:#453738; line-height: 24px; font-weight: 700;}
.gift-banner .banner-tit span{ color:#f4818e;}
.gift-banner .sub-t{ padding-top: 8px; font-size: 13px; line-height: 20px; color:#666;}
.gift-banner .sub-t::after{ vertical-align: -4px;}
.modal-wrap.giftset .icon-header-close{top: 20px; right: 16px;}
.modal-wrap.giftset .modal-layer.modal-sty1{padding:24px 0 0 0; overflow: hidden;}
.modal-wrap.giftset .alrt_txt.scr_txt{padding:0; color: #333;}
.modal-wrap.giftset .example-wrap{padding:0 16px;}
.modal-wrap.giftset .info-img img{ width: 100%; padding-bottom: 12px; }
.modal-wrap.giftset .info-img + .info-img { padding-top: 24px;}
.modal-wrap.giftset .txt-sty5{ display: block; padding: 0 24px 16px;}
.modal-wrap.giftset .desc-top{ padding:8px 16px 16px;}
.modal-wrap.giftset .desc{ padding:40px 0 16px;}
.modal-wrap.giftset .desc.type2{ padding:60px 0 12px; font-size: 14px; font-weight: 700; color:#000;}
.modal-wrap.giftset .gift-info.type2 .desc{ padding-bottom: 12px; font-size: 14px; font-weight: 700;}
.modal-wrap.giftset .sub-desc{ display: block; text-align: center;}
.modal-wrap.giftset .question{ display: block; padding-bottom: 12px; font-size: 16px; line-height: 24px; color:#000;}
.modal-wrap.giftset .question::before{ content: ""; display: block; width: 17px; height: 24px; background: url(../images/gift/popup-num-01.webp) no-repeat left center / cover;}
.modal-wrap.giftset .question.no2::before{ background-image: url(../images/gift/popup-num-02.webp);}
.modal-wrap.giftset .notice{ margin-top: 60px; padding:24px 16px; background: #f9f9f9;}
.modal-wrap.giftset .notice .dot-gray-ul{ padding-top: 2px;}
.modal-wrap.giftset .notice .dot-gray-ul li{ margin-top: 4px; font-size: 12px; line-height: 18px; color:#666;}

.tab-bar.force-height.giftset{display: flex;}
.tab-bar.force-height.giftset .btn-type1{flex: 1;}
.tab-bar.force-height.giftset .cart{flex: 1; background: #f5f5f5; color: #666; font-weight: 500;}

.add-prdt-suggestion { position: fixed; bottom: 66px; bottom: calc(var(--ios-safe-bottom) + 66px); left: 50%; transform: translate(-50%, 0%); z-index: 2; }
.add-prdt-suggestion .btn-toast{ padding: 0 12px 0 24px; }
.add-prdt-suggestion .btn-toast strong{ font-weight: 500;}
.add-prdt-suggestion .icon-toast-close{ display: inline-block; margin-left:6px; width: 24px; height: 24px; background: url(../images/header/icon-header-close.svg) no-repeat center / 24px; font-size: 0; text-indent: -9999px;}

/*fixed-action-sheet*/
.fixed-action-sheet .sheet-txt{padding: 17px 16px 18px;}
.fixed-action-sheet .cart-sheet-list .sheet-tit { margin-top:6px; font-size: 22px; line-height: 32px;font-family: 'NotoSerif', serif; color: #000; }
.fixed-action-sheet .view-list-type4 { display: block; clear: both; content: ""; padding: 0 9px;}
.fixed-action-sheet .view-list-type4 > li { position: relative; float: left; margin-bottom: 32px; padding: 0 7px 0; width: 33.33333333333333%; }
.fixed-action-sheet .view-list-type4 .prdt-thumb { margin-bottom: 10px; border-radius: 4px; overflow: hidden; }
.fixed-action-sheet .view-list-type4 .prdt-thumb img { width: 100%; height: auto; }
.fixed-action-sheet .view-list-type4 .label-area { position: absolute; top: 4px; left: 4px; }
.fixed-action-sheet .view-list-type4 .prdt-name { font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.8px; color: #000; min-height: 44px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*20210104*/
.fixed-action-sheet .view-list-type4 .prdt-price { font-weight: 700; font-size: 13px; line-height: 18px; color: #000; }
.fixed-action-sheet .view-list-type4 .prdt-price .num-type1 { margin-right: 2px; font-size: 15px; line-height: 22px;}
.fixed-action-sheet .view-list-type4 .button-cart-wrap { right: 7px; bottom: -8px; }
.fixed-action-sheet.replace-goods .view-list-type4 .prdt-price-serving{ min-height: 42px; }
.fixed-action-sheet.replace-goods .view-list-type4 .button-cart-wrap{ bottom: 12px; }

.wrap_review{padding-bottom: 86px; padding-bottom: calc(var(--ios-safe-bottom) + 86px); height:100%;}
/* media s  -----------------------------------------------*/
@media only screen and (min-width: 486px) and (max-width: 1199.9px) {
  .search-result .div-srh-result {max-width: 486px; margin: 0 auto; left: 50%; transform: translateX(-50%); border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
  .product-review-block .attach-preview-item{height: 104px;}
}
@media only screen and (min-width: 1200px) {
  .product-review-block .attach-preview-item{height: 104px;}
  .photo-revdetail-block { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
  .rev-attach-wrap .swiper-wrapper .rev-attach-item a .rev-attach-obj img,
  .rev-attach-wrap .attach-list li.full-size-slide .rev-attach-item .rev-attach-obj img{max-height:400px;}
  .rev-attach-wrap.swiper-container{overflow-x:hidden }
  .add-prdt-suggestion{ left:calc(50% + 255px) }
  /* 상품 전체 리뷰 */
  .wrapper.wrap_review .header-wrap.fixed{background:#fff;}
  .wrapper.wrap_review .container{position:fixed; padding-bottom: 86px !important; left:0; top:50px; top: calc(var(--ios-safe-top) + 50px); width:100%; height:var(--container); overflow-y: auto; z-index:10; }
  .body_hold .wrap_review .container{z-index: 15;}
  .wrap_review .container::-webkit-scrollbar{ display: none; }
  .wrap_review .contents{ margin-left: calc(50% + 12px); width:486px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
}
/* media e   -----------------------------------------------*/