@charset "utf-8";
/* product image */
.prd-img-holder { width: 520px } 
.product-img .wrap-in { width: 520px; position: relative } 
.swiper-thumbs .swiper-slide-thumb-active { border: 2px solid #000 } 
.btn-type-gray.bright { color: #333; } 
.swiper-thumbs .swiper-button-next, .swiper-thumbs .swiper-button-prev { width: 23px!important; height: 90px!important; margin-top: -44px!important; background-image: url(../images/common/ico-arrow-next.svg)!important; background-size: 14px 14px!important; background-position: 10px center!important; background-color:#fff!important } 

/* option layer */
.option-layer-wrap { position: fixed; bottom: -370px; left: 0; width: 100%; height: 370px; background-color: #fff; border-top: 2px solid #000; z-index: 40; transition: all 0.2s; } 
.option-layer-wrap.on { bottom: 0; } 
button.btn-option-footer {display:none; width: 178px; border: 2px solid #000; border-bottom: none; margin-top:-60px } 
button.btn-option-footer i { width: 14px; height: 14px; background:url(../images/common/ico-arrow-up.svg) no-repeat center center; margin-left: 20px; transition: all 0.2s; transform: rotate(180deg); } 
.option-layer-wrap .flex.division > div:first-child { padding-right: 20px } 
.option-layer-wrap .flex.division > div:first-child.scroll { height: 360px; } 
.option-layer-wrap .flex.division > div:last-child { padding-left: 20px } 

/* product info */
.prd-info-holder .product-price { margin-left: 16px } 
.quantity { padding: 16px 20px; margin-bottom: 2px } 
.quantity .label { width:350px } 
.quantity .label span { display: inline-block; font-size: 15px; margin-right: 5px } 
.quantity .end .del { display: block; display: block; width: 23px; height: 23px; background-color: #dddddd; border-radius: 50%; margin: 0 0 0 7px; line-height: 22px; text-align: center; } 
.quantity .end .del ._img { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-image: url(../images/common/icons-24-px-close-white.svg); background-color: transparent; background-size: 100%; margin: 0 auto; } 
.quantity-control{font-size:0}
.quantity-control button{width:25px;height:25px;padding:0 4px;border:1px solid #ddd;background:#fff}
.quantity-control button i{width:16px;height:16px}
.quantity-control button.minus i{background:url(../images/common/icons-16-px-subtract.svg)}
.quantity-control button.plus i{background:url(../images/common/icons-16-px-add.svg)}
.quantity-control input{display:block;width:46px; height:24px; line-height:24px !important; padding:0; border:0; text-align:center; font-size:18px; outline:none; color:#000}
.product-price .prd-price .org-price{margin-left:10px;}
.product-price .prd-price .sale-percent, .product-price .prd-mark{font-size:16px}
.total { padding:0 20px; height: 52px; } 
.total .prd-price { font-size:30px!important; color: #000!important } 
.total h5 { font-size:15px; font-weight: 500; } 
.btn-gift i { background: url(../images/common/gift-con.svg) left top no-repeat; background-size: 20px; width: 20px; height: 20px; margin: 0 5px 0 20px } 
.gift button.middle { width: 142px } 
.product-price .prd-price{font-size:18px}
button.buy-now, button.btn-gift { position: relative; } 
button.buy-now::before { content: ''; position: absolute; left: -15px; top: -1px; width: 30px; height: 100%; transform: skewX(155deg); background-color: #000; border: 1px solid #000 } 
button.btn-gift::before { content: ''; position: absolute; left: -15px; top: -1px; width: 30px; height: 100%; transform: skewX(155deg); background-color: #000; border: 1px solid #000 } 
.product-sticky .full button.btn-type-gray::before { background: #eeeeee; left: -10%; } 
button.cart { background-color: #444 } 
button.heart ._img { background: url(../images/common/buy-heart.svg) no-repeat center center / 100%; text-indent: -9999px; width: 24px; height: 24px; } 
button.heart.on ._img { background-image: url(../images/common/icon-heart-on.svg); background-size: 32px 32px } 
button.share ._img { background: url(../images/common/icons-24-px-share.svg) center center no-repeat; text-indent: -9999px; width: 24px; height: 24px; } 
.detail-more i { width: 16px; height: 16px; margin-left: 10px; background: url(../images/common/ico24-down-arrow.svg) no-repeat center center; background-size: 16px 16px } 
.product-sticky .heart { left: -15px; width: 155%; } 
.product-sticky .buy-now { width: 300%; right: -15px; } 
.product-sticky .buy-now span { text-indent: -15px; } 
.product-sticky .heart::after { content: ''; position: absolute; width: 72px; height: 1px; background: #fff; right: -32px; bottom: 28px; transform: rotate(119deg); } 
.sns-holder { text-align: center; } 
.sns-holder ul { justify-content: center; margin-top: 15px; } 
.sns-holder li { margin: 0 8px; } 
.sns-holder i { width: 44px; height: 44px; } 
.sns-holder .naver { background: url(../images/common/sns-naver.svg); } 
.sns-holder .kakao { background: url(../images/common/sns-katalk.svg); } 
.sns-holder .facebook { background: url(../images/common/sns-facebook.svg); } 
.sns-holder .apple { background: url(../images/common/sns-apple.svg); } 
.sns-holder .h { margin-top: 3px; } 
.sns-holder.align-l { padding-top: 25px; border-top: 1px solid #ccc; } 
[class *= type-0] .tag { position: absolute; width: 24px; height: 24px; background: red; font-size: 0; } 
[class *= type-0] .tag.on { background: url(../images/common/icon-heart-on.svg); } 
[class *= type-0] li { position: relative; } 
.type-01 { display: flex; align-items: center; } 
.type-01 li:first-child { margin-left: 0; } 
.type-01 li { height: 100%; flex-basis: 50%; padding: 0 5px; } 
.type-01 .img { overflow: hidden; position: relative; } 
.type-01 .img img { left: 0; top: 0; width: 100%; } 
.type-01 .txt .num { font-size: 14px; font-weight: 700; margin-top: 12px; } 
.type-01 .tag { top: 6px; right: 5px; font-size: 0; } 
.type-02 { display: flex; align-items: center; flex-wrap: wrap; } 
.type-02 li:first-child { margin-left: 0; } 
.type-02 li { height: 100%; width: 33.33%; padding: 0 5px; } 
.type-02 li .img { padding-top: 100%; overflow: hidden; position: relative; } 
.type-02 li .img img { position: absolute; left: 0; top: 0; width: 100%; } 
.type-02 li .tag { top: 0px; left: 0; font-size: 13px; width: 29px; height: 29px; } 
.type-02 li .txt { height: 60px; } 
.type-04 li { display: flex; } 
.type-04 li .img { width: 80px; height: 80px; overflow: hidden; flex: none; } 
.type-04 li .img img { width: 80px; } 
.type-04 li .txt { margin-left: 20px; overflow: hidden; display: flex; justify-content: center; flex-direction: column; } 
.type-04 li .txt * { font-size: 15px; color: #bbb; } 
.type-04 li:not(:first-child) { margin-top: 15px; } 
.type-04 li .tag { top: 6px; right: 15px; font-size: 0; } 
.type-05 li { display: flex; } 
.type-05 li .img { width: 77px; } 
.type-05 li .img img { width: 77px; } 
.type-05 li .txt { margin-left: 20px; overflow: hidden; display: flex; justify-content: center; flex-direction: column; } 
.type-05 li:not(:first-child) { margin-top: 15px; } 
.type-05 li .tag { top: 6px; right: 15px; font-size: 0; } 
.type-06 li { display: flex; flex-wrap: wrap; padding: 20px 0; } 
.type-06 li:not(:last-child)::before { content: ''; position: absolute; width: calc(100% + 40px); height: 1px; background:#ddd; left: -20px; top: 0; } 
.type-06 li .form { width: 100%; margin-bottom: 8px; } 
.type-06 li .form button { width: 20px; height: 20px;; } 
.type-06 li .form button i { width: 20px; height: 20px; background-image: url(../images/common/icons-24-px-close.svg); } 
.type-06 li .form label { color: #ff5b37; } 
.type-06 li .img { width: 77px; height: 103px; overflow: hidden; display: inline-flex; position: relative; } 
.type-06 li .img img { width: 77px; } 
.type-06 li .txt { margin-left: 20px; overflow: hidden; flex-basis: calc(100% - 140px); display: inline-flex; justify-content: center; flex-direction: column; } 
.type-06 li .txt .str { color: #333; margin-top: 4px; } 
.type-06 li .txt .etc { color: #888; margin-top: 4px; } 
.type-06 li .txt .num { font-size: 14px; margin-top: 6px; } 
.type-06 li .txt .num span { font-size: 13px; color: #ccc; font-weight: 400; margin-left: 10px; } 
.type-06 li .txt .num em { font-size: 14px; color: #ff5b37; font-weight: 500; margin-left: 10px; } 
.type-06 li .txt .employee { color: #ff5b37; font-size: 13px; align-items: baseline; margin-top: 10px; } 
.type-06 li .txt .employee span:first-child { margin-right: 5px; } 
.type-06 li:not(:first-child) { margin-top: 15px; } 
.type-06 li .tag { top: 66px; right: 15px; font-size: 0; } 
.type-06 li .fee { width: 100%; background: #f5f5f5; padding: 14px 13px; margin-top: 12px; color: #888; } 
.type-06 li .fee p { padding: 0 10px; position: relative; } 

.product .content-wrap:after { content:''; display:block; width:100%; height:100%; background:#fff; } 
.product .content-wrap .wrap-holder:not(.product-img) { background:#fff; } 
.product .content-wrap .wrap-holder.detail { margin-top:50px; padding:0 0 20px; } 
.product .time-sale { width: 100%; background: #f5f5f5; padding: 15px 15px 24px 15px; text-align: center; margin:0 0 10px 0; } 
.product .time-sale > p { font-size:18px; color: #333; padding: 10px 0 0 0; } 
.product .time-sale > span { font-size: 14px; color: #888; font-weight: 400; padding: 10px 0; display: block; } 
.product .reserve { width: 100%; margin:0 0 30px 0; background: #f5f5f5; padding:20px 15px 30px 15px; } 
.product .reserve p { font-size: 20px; color: #333; text-align: center; padding: 10px 0 15px 0; border-bottom: 1px solid #ddd; width: 80%; margin: 0 auto 15px auto; } 
.product .reserve ul { width: 400px; margin-left: auto; margin-right: auto } 
.product .reserve ul li { padding: 10px 0 0 15px; color: #888; font-size: 16px; } 
.product .reserve ul li span { width: 104px; display: inline-block; color: #000; font-size: 16px; } 
.product .product-return { height: 110px; width: 100%; margin: 30px 0; background: #f5f5f5; padding: 30px 15px 30px 15px; } 
.product .product-return p { background: url(../images/common/return-dis.svg) 10px center no-repeat; background-size: 40px 40px; padding: 0 0 0 67px; line-height: 50px; font-size: 20px; color: #333; } 

.product-sig { padding: 10px 0 0 0; } 
.product-sig p { font-size: 14px; color: #888; line-height: 22px; } 
.product .pd-accordion { width: calc(100% + 40px); margin: 30px 0 0 -20px; border-top: 1px solid #ddd; } 
.product .pd-accordion .ac-title a { display: block; font-size: 16px; border-bottom: 1px solid #ddd; width: 100%; line-height: 50px; color: #333; padding: 0 0 0 20px; } 
/* pd accordion */
.product .pd-accordion .ac-detail { border-bottom: 1px solid #ddd; padding: 20px 10px 30px; display:none } 
.product .pd-accordion .ac-detail .shipping-info * {font-family:inherit !important;}
/* .product .pd-accordion li:last-child .ac-detail { border-bottom: none; }  */
.product .pd-accordion .ac-title ._img { background: url(../images/common/icons-light-down.svg) no-repeat; width: 18px; height: 10px; position: absolute; right: 15px; top: 20px; transition:all 0.3s; } 
.product .pd-accordion .ac-title.active ._img { transform: rotate(180deg); } 
.product .pd-accordion .ac-detail h4 { font-size: 16px; color: #333; padding: 0 10px 5px; display: flex; justify-content: space-between; font-weight: 500; } 
.product .pd-accordion .ac-detail h5{padding:0 10px 5px;}
.product .pd-accordion .ac-detail h4 em { font-size: 13px; color: #888; } 
.product .pd-accordion .type1 li { line-height: 22px; } 
/* detail table */
.detail-table { margin-bottom:20px; border-top:1px solid #888; } 
.detail-table .no-data { padding:50px 0; font-size:15px; text-align:center; } 
.detail-table table { width:100%; } 
.detail-table thead th { font-size: 14px; background: #eee; text-align: center; border-bottom: 1px solid #ddd; padding: 8px 0; vertical-align: middle; height: 50px; font-weight: 400 } 
.detail-table tbody th { font-size: 14px; background:#f8f8f8; border-bottom: 1px solid #ddd; text-align: center; font-weight: 400 } 
.detail-table tbody td { font-size: 14px; border-bottom: 1px solid #ddd; height: 43px; padding: 0; text-align: center; } 
.detail-table tbody td.left { text-align: left;padding: 0 0 0 10px; } 
.detail-table tbody td .para {padding:20px 0;}
.detail-table tbody td .para li:last-child {margin:0;}
.detail-table.col-line tbody th, .detail-table.col-line tbody td { border-right: 1px solid #ddd; } 
.detail-table.col-line tbody td:last-child { border-right:none; } 
.detail-table.col-line tbody td.border-right { border-right:1px solid #ddd; } 
.detail-table.col-line tbody td * { font-size: inherit } 

.product .charact li { height: 110px; padding: 0 0 0 140px; margin: 05px 0 15px 0; position: relative } 
.product .charact li .img-wrap { width: 110px; height: 110px; background: none; border: none; position: absolute; left: 0; top: 0 } 
.product .charact li .img-wrap img { width: 110px; height: 110px; } 
.product .charact li p { font-size: 14px; color: #888; padding: 30px 0 0 0 } 
.product .charact li p strong { display: block; font-size: 14px; color: #000; padding: 0 0 7px 0 } 
.product .cv-check { padding: 7px 10px; } 
.product .cv-check>span { display: inline-block; background: url(../images/common/s-check.svg) 0 center no-repeat; width: 10px; height: 24px; padding: 3px 0 3px 20px; white-space: nowrap; margin: 0 15px 0 0; font-size: 14px; min-width: 100px } 
.product .cv-check>span.check { background: url(../images/common/s-check-check.svg) 0 center no-repeat; } 
.product .label-detail { padding: 0 10px 20px; } 
.product .label-detail li { display:flex; padding: 5px 0; } 
.product .label-detail li strong { width: 25%; font-size: 14px; } 
.product .label-detail li p { font-size: 14px; color: #888; } 
.product .laundry-label { padding:10px 10px 20px; } 
.product .laundry-label img { margin:0 5px 0 0; } 
.product .label-pic { padding:20px 10px 0; width: 350px } 
.product .label-pic img { max-width:100%; } 
.product .shipping-info p { font-size:14px; color:#888; padding: 3px 10px 10px; line-height: 22px; } 
.type1 li,.type2 li { font-size: 14px; color: #888; padding: 0 0 0 12px; position: relative; font-weight: 300; line-height: 18px; } 
.type1 li:before { content: ''; display: block; width: 3px; height: 3px; background: #888; border-radius: 50%; position: absolute; left: 3px; top: 9px; } 
.type2 li:before { content: '-'; display: block; width: 3px; height: 3px; color: #888; position: absolute; left: 3px; top: 0; } 

.content-wrap .wrap-holder.product-img .img { position:relative; width: 520px; height: 694px; } 
.content-wrap .wrap-holder.product-img img { width: 100%; height: 100%; object-fit: cover; } 
.content-wrap .wrap-holder.product-img .video{width:100%;height:100%;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;}
.content-wrap .wrap-holder.product-img .video video{width:100%;height:100%;position:relative;z-index:1}
.content-wrap .wrap-holder.product-img .video-container{width:100%;background:#000;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-play,
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container iframe,
.video-container object,
.video-container embed {pointer-events: none;}
.product-img .swiper-slide.flex { align-items: flex-start;height:694px } 
.product-img .swiper-pagination { position:absolute!important; bottom:135px!important; } 
.product-img .swiper-pagination-bullet-active { background: #fff; } 
.product .content-wrap .product-price .flex .end { margin-left: auto; color: #888; min-width: 140px; margin-bottom: 0 !important;} 
.product .content-wrap .product-img .pic-zoom { position: absolute; right: 20px; top: 642px; z-index: 10; padding: 0; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(../images/common/img-expend.svg) no-repeat; font-size: 0; } 
.product .content-wrap .info { padding: 0 0 25px 0; } 
.product .content-wrap .num.b { font-size:22px; padding: 3px 0 10px 0; } 
.product .content-wrap .num.b span { font-size: 16px; color: #888; font-weight: 400; display: inline-flex; align-content: center; align-items: center; padding: 0 8px; } 
.save-price { background: #f5f5f5; padding: 10px 15px; border: 1px solid #ddd; margin: 15px 0 0 0; display: flex; } 
.save-price>span { padding: 0 10px 0 0; font-size: 15px; width: 150px } 
.save-price>ul { width: 30%; } 
.save-price li { font-size:15px; color:#333; padding: 0 0 3px 0; text-align: right; } 
.save-price li strong { font-size:15px; font-weight: 700; } 
.save-price li em { color: #ff5b37; font-size: 15px; min-width: 60px; display: block; padding: 0 10px 0 0; float: left } 
.product .content-wrap h2 { padding: 5px 0; font-weight: 500; } 
.product .content-wrap h3 { padding: 15px 0 10px 20px; font-size: 20px; font-weight: 700; } 
.product .content-wrap .info-ctg { padding:5px 0 0 0 } 
.product .content-wrap .num.b em { font-size:20px; display: inline-flex; color:#ff5b37; } 
/* 관련기획전 */
.banner-plan { width: 520px } 
.banner-plan h5 { margin-left:20px; font-size: 14px } 
.banner-plan .flex { margin-top: 10px } 
.banner-plan .bnr-txt { padding: 10px 30px 10px 20px; } 
.banner-plan .bnr-txt p { font-size:16px; color:#000; font-weight:500; padding:0 0 2px 0; } 
.banner-plan .bnr-txt span { font-size:14px; color:#888; font-weight:300; letter-spacing:.3px; } 
#swiper-plan .swiper-slide { padding: 0 23px; }
#swiper-plan .swiper-slide img{width:180px; height:94px; border-right:1px solid #ddd;}
#swiper-plan .swiper-slide a > div{ border:1px solid #ddd}
#swiper-plan .swiper-button-next, #swiper-plan .swiper-button-prev { width: 23px!important; height: 97px!important; margin-top: -44px!important; background-image: url(../images/common/ico-arrow-next.svg)!important; background-size: 14px 14px!important; background-position: 10px center!important; }
/* 구매사은품 */
.banner-gift { width: 520px } 
.banner-gift h5 { margin-left:20px; font-size: 14px } 
.banner-gift .flex { margin-top: 10px } 
.banner-gift .bnr-txt { padding: 10px 30px 10px 20px; flex:1;} 
.banner-gift .bnr-txt p { font-size:16px; color:#000; font-weight:500; padding:0 0 2px 0; } 
.banner-gift .bnr-txt span { font-size:14px; color:#888; font-weight:300; letter-spacing:.3px; } 
#swiper-gift .swiper-slide { padding: 0 23px; }
#swiper-gift .swiper-slide img{width:180px; height:94px; border-right:1px solid #ddd;}
#swiper-gift .swiper-slide a > div{ border:1px solid #ddd;}
#swiper-gift .swiper-button-next, #swiper-gift .swiper-button-prev { width: 23px!important; height: 97px!important; margin-top: -44px!important; background-image: url(../images/common/ico-arrow-next.svg)!important; background-size: 14px 14px!important; background-position: 10px center!important; }

.product-price h5:first-child { font-weight:500; } 
.product-price .benefit * { font-size: 14px; } 
.product-price .benefit { padding: 19px 0 8px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } 
.product-price .benefit .label { min-width: 97px; font-weight: 400; } 
.product-price .benefit > .flex { display: flex; align-items: flex-start; padding: 0 0 12px 0; } 
.product-price .benefit strong { display: block; height:24px; color: #ff5b37; font-size: 14px; font-weight: 300; padding: 5px 0 0 0; } 
.product-price .benefit ._img { display: inline-block; width: 21px; height: 21px; background: url(../images/common/ic-q.svg) no-repeat; text-indent: -9999px; vertical-align: middle; margin: -5px 0 0 8px; cursor: pointer; } 

.wrap-holder.detail .product-info { width: 100%; } 
.wrap-holder.detail .product-info .pd-video + .pd-video {margin-top:20px;}
.wrap-holder.detail .product-info .pd-video video{width:100%;}
.pd-photo { text-align: center; } 
.pd-photo img { max-width:100%; margin: 0 auto 40px } 
.pd-photo .pd-img-s { max-width:800px; } 
/* coupon ticket */
.coupon-ticket { background:url(../images/common/coupon-bg.svg) no-repeat left top; height: 190px; margin: 0 auto 15px auto; display:block; width: 420px; background-size: 420px 190px; } 
.coupon-ticket.downloaded { background-image:url(../images/common/coupon-bg-off.svg) } 
.coupon-ticket * { width: calc(100% - 93px); text-align: center; display: block; } 
.coupon-ticket strong { color: #ff5b37; font-size: 36px; font-weight: 700; padding: 50px 0 0 0; } 
.coupon-ticket p { font-size: 18px; color: #333; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px 5px 15px; } 
.coupon-ticket span { color:#888; } 
.coupon-ticket span em { display: inline-block; width: auto; padding: 0 5px 0 0; color:#333; } 
/* list type 1 */
.list-type-1 li { font-size: 14px; padding: 0 0 10px 10px; position: relative; color: #888; } 
.list-type-1 li:before { content:''; display:block; position:absolute; width:3px; height:3px; background:#888; left:0; top: 8px; } 
/* share */
.share-ico { text-align:center; margin-top: 40px } 
.share-ico li { display: inline-block; margin: 0 8px; } 
.share-ico li a { background-repeat: no-repeat; background-position:center top; display: block; width: 70px; height: 96px; background-size: 56px 56px; font-size: 16px; text-align: center; padding-top: 65px } 
.share-ico li.kakao a { background-image: url(../images/common/sns-katalk.svg); } 
.share-ico li.facebook a { background-image: url(../images/common/sns-facebook.svg); } 
.share-ico li.copy a { background-image: url(../images/common/icons-copy.svg); } 

.tab- { height:60px; } 
.sticky.fix { position:fixed; z-index: 55; top: 0; width:100%; background: #fff; } 
.tab- ul.productx3 { display: flex; position: relative; border: none; width: 1360px; overflow: hidden; transition: .3s; } 
.tab- ul.productx3.sticky.fix { position:fixed; z-index: 55; top: 0; width: 1360px; background: #fff; } 
.tab- ul.productx3 li { height: 60px; align-items: center; display: flex; border-bottom: 1px solid #000; border-top:1px solid #ddd; justify-content: center; padding: 0 16px; flex-basis: 33.33%; color: #888; position: relative; background-color: #f8f8f8; } 
.tab- ul.productx3 li a { font-size: 18px; } 
.tab- ul.productx3 li::before { content: ''; position: absolute; width: 1px; height: 20px; background: #ddd; left: 0; bottom: 20px; } 
.tab- ul.productx3 li:first-child::before,
.tab- ul.productx3 li.on + li::before { display: none } 
.tab- ul.productx3 li.on { color: #333; cursor: default; z-index: 1; font-size: 16px; font-weight: 700; background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #fff } 
.tab- ul.productx3 li.on::before { content: ''; display:block; position: absolute; width: 1px; height: 60px; background: #000; left: 0; bottom: 0; } 
.tab- ul.productx3 li.on::after { content: ''; position: absolute; width: 1px; height: 60px; background: #000; right: 0; bottom: 0; } 
.text-info { margin-top: 50px; } 
.text-info .list-menu .title { height: 52px; } 
.text-info .list-menu .on > .title > p { color: #fff; } 
.text-info .list-menu .on > .title > p + span i { background-image: url(../images/common/icons-16-px-arrow-outline-down.svg); } 
.text-info .list-menu .title p { font-size: 14px; font-weight: 500; } 
.text-info .list-menu .title span { width: 40px; height: 40px; padding: 12px 0 0 24px; } 
.text-info .list-menu .title span i { width:24px; height: 24px; background: url(../images/common/icons-16-px-arrow-outline-down.svg); } 
.text-info .list-menu li { border-bottom: 1px solid #888; } 
.text-info .list-menu li:first-child { border-top: 1px solid #888; } 

.review-info { width: 100%; margin: 0 0 30px 0; padding: 20px 0 } 
.review-info .title { height: 52px; } 
.review-info .on > .title > p { font-size: 16px; color: #000 } 
.review-info .on > .title > p + span i { background-image: url(../images/common/icons-16-px-arrow-outline-down.svg); } 
.review-info .title p { font-size: 16px; color: #000 } 
.review-info .title p strong { font-size: 16px; color: #000 } 
.review-info .title .review-reword { display: inline-block; width: 21px; height: 21px; background: url(../images/common/ic-q.svg) no-repeat; text-indent: -9999px; vertical-align: middle; margin: -5px 0 0 8px; cursor: pointer; } 
.review-info .list-menu { background-color: #f8f8f8; height: 210px; padding: 50px 0 0 0 } 
.review-info .review-cash > div { display: inline-flex; align-items: flex-start; position: relative; width: calc(25% - 2px); flex-direction: column; height: 50px; margin: 8px 0 0 0; } 
.review-info .review-cash > div > p { padding: 60px 0 0 0; font-size: 16px; text-align: center; width: 100% } 
.review-info .review-cash > div > p.end { font-size: 14px; color: #ff5b37; padding: 2px 0 0 0 } 
.review-info .review-cash > div::before { content: ''; display: block; width: 48px; height: 48px; background-image: url(../images/common/reivew-m1.svg); position: absolute; left: 50%; margin-left: -24px } 
.review-info .review-cash > div.rvcash-2::before { background-image: url(../images/common/reivew-m2.svg); } 
.review-info .review-cash > div.rvcash-3::before { background-image: url(../images/common/reivew-m3.svg); } 
.review-info .review-cash > div.rvcash-4::before { background-image: url(../images/common/reivew-m4.svg); } 
.review-info .review-cash > div::after { content: ''; display: block; width: 1px; height: 82px; background-color: #ddd; position: absolute; right: 0; top: 10px } 
.review-info .review-cash > div:last-child::after { display: none } 
.satis { padding: 0 0 30px 0; } 
.satis h3 { text-align: center; } 
.satis .label { width: 50px; color: #989898; } 
.satis .txt { width: 90px; } 
.satis .num { width: 48px; text-align: right; } 
.satis .star-box { justify-content: center; } 
.satis .color-box-holder { padding: 0 100px } 
.satis .color-box,.satis .size-box { padding:5px 0 8px 0; } 
.satis .color-box * { font-size: 14px; font-weight: 400; } 
.satis .size-box * { font-size: 14px; font-weight: 400; } 
.satis .bar { background:#f5f5f5; height: 8px; border-radius: 8px; flex: 1; padding: 0; } 
.satis .bar span { background: #000; border-radius: 8px; height: 8px; display: inline-block; vertical-align: top; } 
.reivew-tab { width: 100%; background: #fff; } 
.tab-holder.reivew-tab ul.fill { border: 1px solid #000; } 
.tab-holder.reivew-tab ul.fill li { background: #fff; height: 50px; text-align: center; width: 100%; color:#888; font-size: 16px; line-height: 50px; cursor: pointer;} 
.tab-holder.reivew-tab ul.fill li a{ display:block; width:100%; height:100%; font-size: 16px }
.tab-holder.reivew-tab ul.fill li.on { background: #000; color: #fff } 
.tab-holder.reivew-tab ul.fill li:not(:first-child) { border-left: none; } 
.slide-check { position: relative; padding: 0 0 0 48px; line-height: 21px; } 
.slide-check:after { content: ''; display: inline-block; width: 40px; height: 24px; background: #fff; border-radius: 24px; border: 1px solid #ddd; position: absolute; left: 0; top: -2px;; } 
.slide-check:before { content: ''; display: inline-block; width: 20px; height: 20px; background: #ddd; border-radius: 50%; position: absolute; left: 3px; top: 1px; z-index: 1; transition:all 0.3s; } 
.slide-check.check:after { background:#ff5b37; border: 1px solid #ff5b37; } 
.slide-check.check:before { background:#fff; left: 19px; } 
.slide-check .box { display: inline-block; } 
.slide-check .box span { font-size:14px; color: #333; width: 100px } 
.filter { background: url(../images/common/icons-16-px-fiter.svg) right no-repeat; padding: 5px 25px 5px 5px; margin: 0; } 
.filter:before { content: ''; display: inline-block; width: 1px; height: 12px; background: #ddd; margin: 0 10px; vertical-align: middle; } 
.filter .box { display:inline-block; } 
.filter .box { font-size: 14px; color: #333; } 
.recent-comment { margin-top: 0!important; padding-bottom: 20px!important }
.recent-comment .question { border-bottom: 0!important; padding: 12px 0!important }
.swiper-review { width: 470px;margin-left: unset!important; }
/* 리뷰 썸네일 노이즈 수정 */
.swiper-review .swiper-slide .img {overflow: hidden;}
.swiper-review .swiper-slide img{width: auto !important; height: 110px; min-width: 110px; min-height: 110px;}
/* //리뷰 썸네일 노이즈 수정 */
.swiper-review .vod video{width:110px;height:110px;object-fit:cover}
.swiper-qna .vod video{width:110px;height:110px;object-fit:cover}
.swiper-qna .swiper-slide img{width:110px;height:110px;object-fit:cover}
.review-vod::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; background:url(../images/common/ico-vod.svg) no-repeat center center; margin: -18px 0 0 -18px } 
.review-comt button{width:350px!important}
.review-like-btn {padding:25px 0 40px;}
.review-like-btn .review-comt button {width:140px !important;}
.review-item .reivew-summary{display:none;}
.review-item.on .reivew-summary{display:block;}
.reivew-summary {margin:10px 0; padding:10px 2px; border: 1px solid #ddd;}
.reivew-summary ul { display: flex; flex-wrap: wrap;}
.reivew-summary li {margin-left:58px; font-size:14px; line-height:26px; color:#000;}
.reivew-summary li span {display:inline-block; margin-right:15px; color:#666;}
.review-pic .cont-wrap img { margin:0 auto; display: block; max-width:100%; } 
.comment { width: 100%; margin: 20px 0 0 0; background: #f5f5f5; } 
.comment .comment-item { padding:20px 20px 0 20px; } 
.comment .comment-item .re-del { width: 16px; height: 16px; background: url(../images/common/icons-24-px-close.svg) left top no-repeat; background-size: 100%; display: inline-block; text-indent: -9999px; opacity: .6; } 
.comment .id { color:#b2b2b2; } 
.comment .id:after { content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin: 0 5px; } 
.comment .date { color:#b2b2b2; } 
.comment .question { font-size: 14px; padding: 12px 0 18px 0; line-height: 22px; border-bottom: 1px solid #ddd; color: #333; } 
.scroll-swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.scroll-swiper .swiper-slide .img.vod:before { content: ''; display: block; width: 30px; height: 30px; background: url(../images/common/vod-btn.svg) no-repeat; background-size: 100%; position: absolute; left: 50%; margin: -15px 0 0 -15px; top: 50%; } 
.review-item .review-more [class^="btn-type"] { width: 50px; height: 22px; background-color: #fff; border: none; padding: 0 } 
.review-item .review-more span { font-size: 14px; color: #888; position: relative; padding: 0 10px 0 0; } 
.review-item .swiper { padding:10px 0 0 0; } 
.review-item .review-more span:after { content: ''; display: block; background: url(../images/common/icons-light-down.svg) no-repeat; background-size: 100%; width: 7px; height: 7px; position: absolute; right: 0; top: 7px; } 
.review-item .review-more button.up span:after { top: 4px; transform: rotate(-180deg);} 
.review-item .md-review {position:relative; display:inline-block; width:auto; padding: 0 6px; margin-right:7px; background:#000; font-size:13px; line-height:22px; color:#fff; text-align:center; vertical-align:top;}
.review-item .md-review:before {content:''; position:absolute; top:50%; left:100%; width:0; height:0; border-left:4px solid #000; border-top:3px solid transparent; border-bottom:3px solid transparent; transform:translateY(-50%);}


.comment-write .t100 { width: calc( 100% - 70px)!important; height: 80px!important }
.comment-write button { width: 70px!important; height: 80px!important }

.detail-section.review { padding: 50px 0 50px 0; } 
.detail-section.qna { padding: 50px 0 50px 0; } 

.pop-slide.swiper { padding: 34px 0 0 0; } 
.pop-slide.swiper .swiper-pagination { transform: none; position: absolute!important; top: -4px; bottom: auto!important; height: 25px; letter-spacing:2px; font-size:16px; color:#ccc; } 
.pop-slide.swiper .swiper-pagination>span { font-size:16px; } 
.pop-slide.swiper .swiper-pagination>span.swiper-pagination-current { color:#333; } 
/* Q&A */
.qna-item { padding: 20px 0 0 0; border-bottom: 1px solid #ddd; } 
.qna-item .id { color:#b2b2b2; font-size: 14px } 
.qna-item .id:after { content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin: 0 5px; } 
.qna-item .date { color:#b2b2b2; font-size: 14px } 
.qna-item .question { font-size: 16px; padding: 12px 25px 0 0; line-height: 22px; color: #333; position: relative; margin: 0 0 15px 0; } 
.qna-item.complete .question:after { content:''; display:block; background: url(../images/common/icons-light-down.svg) no-repeat; width: 17px; height: 10px; position: absolute; right: 3px; top: 20px; transition: all 0.3s; background-size: 100%; } 
.qna-item.complete .question.active:after { transform: rotate(180deg); } 
.qna-item .question + .answer:before { content: ''; width: calc(100% - 40px); height: 1px; background: #fff; display: block; position: absolute; top: -1px; } 
.qna-item .answer { font-size: 16px; background: #f5f5f5; width: 100%; margin:15px 0 0 0; padding: 20px 20px; position: relative; display:none; } 
.qna-item .answer .q-subject { font-size: 16px; width: calc( 100% + 40px ); margin:0 0 0 -20px; padding: 0 20px; margin-bottom: 20px } 
.swiper-qna { width: 470px; margin-bottom: 20px;margin-left:unset!important } 
.qna-item .status { color:#888; font-size:14px; } 
.qna-item.complete .status { color:#ff5b37; font-size:14px; } 
.qna-item .edit a { color: #333; font-size: 14px; display: inline-block; } 
.qna-item .edit a:nth-child(2):before { content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 5px; } 
.qna-item .answer .a-tit { font-size: 13px; color: #b2b2b2; } 
.qna-item .answer .a-tit span { color: #333; font-size: 14px; display: inline-block; padding: 0 5px 0 0; font-weight: 700; } 
.qna-item .answer .a-tit span.date { color:#b2b2b2; font-size: 14px; padding: 0 0 0 5px; font-weight: 400; } 
.qna-item .answer .a-tit span:first-child::before { content: 'ㄴ'; display: inline-block; font-weight: 300; color: #666; padding: 0 5px 0 0; } 
.qna-item .answer .a-discript { line-height: 22px; font-size: 14px; padding: 10px 0 0 16px; color: #333; } 

.swiper-photo .swiper-slide { justify-content: center; } 
.swiper-photo .swiper-slide img { height: calc( 100vh - 100px ); margin:0 auto } 

.swiper-reviewpop .swiper-slide { height: 740px } 
.swiper-reviewpop .swiper-slide img, .swiper-reviewpop .swiper-slide .img { object-fit: cover; display: block; margin-left: auto; margin-right: auto; max-height: 700px; margin-bottom: 40px; max-width: 100% } 
.swiper-reviewpop .swiper-slide video, .swiper-reviewpop .swiper-slide iframe { width: 100%; height: auto;margin-bottom: 40px; } 
.swiper-reviewpop .swiper-pagination.swiper-pagination-fraction { bottom: 0!important; } 

.review-step-nav{height:66px}
.review-step-nav ul{display: flex;flex-direction: row;justify-content: space-between;position: relative;padding: 0 72px;transform: none!important;bottom: auto!important;top: 0;margin-top:0!important}
.review-step-nav ul li{text-align: center;font-size: 13px;color: #333!important;width: auto!important;height: auto!important;background: none!important;color: #ff5b37;}
.review-step-nav ul li span{display: block;width: 30px;height: 30px;border: 2px solid #ff603d;border-radius: 50%;background: #ff603d url(../images/common/check-white.svg) center center no-repeat;
margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;}
.review-step-nav ul li:before{content:'';display:block;position:absolute;left:0;width:100%;height:2px;background:#eee;top: 15px;}
.review-step-nav ul li.swiper-pagination-bullet-active ~ li{color:#333;width:auto;height:auto;background:transparent}
.review-step-nav ul li.swiper-pagination-bullet-active ~ li span{display: block;border: 2px solid #ddd;line-height: 28px;font-size: 13px;color: #ccc;font-weight:500;background: #fff;text-indent:0;}
.review-step-nav ul li.swiper-pagination-bullet-active{color: #333;width:auto;height:auto;background:transparent}
.review-step-nav ul li.swiper-pagination-bullet-active:before{background:#ff5b37;z-index: 1;}
.review-step-nav ul li.swiper-pagination-bullet-active span{border: 2px solid #ff5b37;color: #ff5b37;background:#fff;text-indent:0;line-height: 28px;font-size: 13px;font-weight:500;}
.review-step-nav ul li:nth-child(1).swiper-pagination-bullet-active:before{width: 20%;}
.review-step-nav ul li:nth-child(2).swiper-pagination-bullet-active:before{width: 50%;}
.review-step{width:100%}
.rv-swiper{margin: -18px 0 0 0;}
.reivew-step .filter-option h5 {font-size: 16px;padding: 16px 0 16px 0;text-align: center;}
.reivew-step.rs2{margin:10px 0 0 0;}
.reivew-step.rs3{margin:20px 0 0 0;}
.size-inputs .flex > .size-unit { width: 60px; font-size: 16px; color: #000; text-align: right; }
#phoneAuth { display: none }

.swiper-photo .swiper-slide .img{width:730px;height:730px;background: #fff;text-align:center;    display: flex;
    flex-wrap: wrap;}
.swiper-photo .swiper-slide .img img{    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: auto;
    height: auto;}
.swiper-photo .swiper-slide video{width:730px;height: auto!important;background:#000;}

/* 상품특징 css 추가 2024-02-28 */
.wrap-in.prd-detail-box-wrap {background-color:#f8f8f8;}
.wrap-in .prd-detail-box{padding: 30px 0 30px;margin: 0 auto;}


.product-price .benefit-btn ._img {display: inline-block;width: 21px;height: 21px;background: url(https://contents.k-village.co.kr/front/pc/images/common/ic-q.svg) no-repeat;text-indent: -9999px;vertical-align: middle;margin: -5px 0 0 8px;cursor: pointer;}
.benefit-list li{display: flex;justify-content : space-between;font-size: 14px;line-height: 28px;font-weight: 500;}
.benefit-list li .price {font-size: 14px;line-height: 28px;font-weight: 500;}
.benefit-list li .price.orange {font-weight: 500;color: #FF5B37;}
.benefit-coupon-list {font-size:13px;line-height: 24px;color: #888;max-width: 320px;margin-bottom: 10px;}
.benefit-coupon-list li {font-size: 13px;line-height: 24px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.benefit-total {display: flex;justify-content : space-between;padding-top: 10px;border-top: 1px solid #ADADAD;font-size: 16px;line-height: 28px;font-weight: 500;}
.benefit-total .price {font-size: 16px;line-height: 28px;}
.benefit-desc {font-size: 14px;color: #888;padding-left: 20px;padding-top: 20px;font-weight: 500;}
#benefit_popup {height: 402px;}
#benefit_popup .scroll{height: 270px;}
#benefit_popup .bg-gray {padding-top: 15px !important;}

.option.color li a {margin-right: 10px;width: 62px;height: 83px;overflow: hidden;border: 1px solid #ddd;background: #fff;display: block;}
.product-price .option.single.size {margin-top: 26px;}
.product-price .option .soldout-size-wrap {display: flex;align-items: center;}
.product-price .option .soldout-size-wrap h6.txt {width: auto;line-height: 28px;letter-spacing: -0.5px;}
.product-price .option .soldout-size-wrap h6.txt em {font-size: 12px;}
.product-price .option .select-size-box {position: relative;width: 664px;margin-bottom: 19.5px;}
.product-price .option .quantity-size-over .quantity p.label {width: 375px;}
.product-price .option .prd-count {font-size: 14px;color: #888;padding-right: 0;margin-top: 0;word-break: keep-all;letter-spacing: -0.5px;}
.product-price .option .select-size-box ul li.on a {font-weight: 400;font-size: 14px;color: #888;}
.product-price .option .select-size-box .option li.on a {border: 0;}
.product-price .option .select-size-box .select-option {display: block;position: relative;height: 40px;line-height: 40px;padding: 0 20px;font-size: 14px;color: #888;background-color: #fff;border: 1px solid #ddd;cursor: pointer;}
.product-price .option .select-size-box .select-option::after {content: '';background: url(https://contents.k-village.co.kr/front/mobile/images/svg/icons-light-down.svg) no-repeat;width: 18px;height: 10px;position: absolute;right: 15px;top: 16px;transition: all 0.3s;display: block;background-size: 15px;}
.product-price .option .select-size-box ul {position: absolute;display: none;width: 480px;height: 120px;}
.product-price .option .select-size-box ul.on {display: block;top: 100%;left: 0;width: 100%;background-color: #fff;border: 1px solid #ddd;z-index: 1;}
.product-price .option .select-size-box ul li a {display: flex;padding: 0 20px;text-decoration: none;cursor: pointer;width: 100%;font-weight: 400;font-size: 14px;color: #888;border: 0;}
.product-price .option .select-size-box ul li.on a {font-weight: 400;font-size: 14px;color: #888;display: flex;padding: 0 20px;text-decoration: none;cursor: pointer;width: 100%;border: 0;}

/* quantity-size-over */
.product-price .option .quantity-size-over .quantity-wrap {padding-right: 18px;}
.product-price .option .quantity-size-over .quantity {padding: 9.5px 20px;margin-bottom: 2px;width: 664px;}
.product-price .option .quantity-size-over .quantity-size-control{font-size: 0;}
.product-price .option .quantity-size-over .quantity-size-control{font-size: 0;}
.product-price .option .quantity-size-over .quantity-size-control button {width: 20px;height: 20px;padding: 0 2px;border: 1px solid #ddd;background: #fff;}
.product-price .option .quantity-size-over .quantity-size-control input {display: block;width: 46px;height: 24px;line-height: 24px !important;padding: 0;border: 0;text-align: center;font-size: 15px;outline: none;color: #000;}
.product-price .option .quantity-size-over .quantity .end .del {display: flex;align-items: center;width: 23px;height: 23px;background-color: #dddddd;border-radius: 50%;margin: 0px 0 0 14px;line-height: 22px;text-align: center;}
.product-price .option .quantity-size-over .prd-price {font-size: 15px;}
.product-price .option .quantity-size-over .quantity-size-control button.minus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-subtract.svg);}
.product-price .option .quantity-size-over .quantity-size-control button.plus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-add.svg);}
.product-price .option .quantity-size-over .quantity-size-control button i {width: 16px;height: 16px;}

.wrap.product .detail-section .w1080 {width: 1080px;height: auto;max-height: 1140px;margin-left: auto;margin-right: auto;overflow : hidden;}
.wrap.product .detail-section .w1080.on {overflow : visible;max-height: inherit;}
.wrap.product .prd_more_wrap {position: relative;padding: 12px 16px;background: transparent;z-index: 10;margin-top: -63px;}
.wrap.product .prd_more_wrap.on {margin-top: 63px;}
.wrap.product .prd_more_wrap.on::before {content: none;}
.wrap.product .prd_more_wrap::before {position: absolute;bottom: 0px;left: 0px;width: 100%;height: 200px;background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);z-index: -1;content: "";}
.wrap.product .prd_more_wrap .prd_more_btn {width: 322px;height: 60px;display: flex;justify-content: center;align-items: center;padding: 18.5px 0;border: 1px solid rgb(0, 0, 0);background-color: rgb(255, 255, 255);margin: 0 auto;}
.wrap.product .prd_more_wrap .prd_more_btn .prd_more_txt {font-weight: 700;font-size: 18px;line-height: 22.54px;margin-right: 13px;}
.wrap.product .prd_more_wrap.on .prd_more_btn .prd_more_ico {transform: scaleY(-1);}
.wrap.product .prd_more_wrap .prd_more_btn .prd_more_ico {display: inline-flex;justify-content: center;width: 17.5px;height: 9.5px;align-items: center;transform: scaleY(1);}

/* option layer */
.option-layer-wrap {position: fixed;bottom: -370px;left: 0;width: 100%;height: 370px;background-color: #fff;border-top: 1px solid #888;z-index: 40;transition: all 0.2s;}
.option-layer-wrap.on {bottom: 0;height: 255px;}
button.btn-option-footer {display: none;width: 178px;border: 1px solid #888;border-bottom: none;margin-top: -60px}
button.btn-option-footer i {width: 14px;height: 14px;background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-arrow-up.svg) no-repeat center center;margin-left: 20px;transition: all 0.2s;transform: rotate(0deg);}
button.btn-option-footer.on i {transform: rotate(180deg);}

.option{margin-bottom: 5px;}
.option p.label {padding-right: 20px;}
.option-layer-wrap.goods .option.single p.label {width: 65px;} /* 20250718 UI/UX 3차 개선 옵션 사이즈 신규추가 */
/* 타이틀 */
.division .title{font-size: 18px;line-height: 28px;font-weight: 500;}                
/* selected */
.select-box{position: relative;width: 595px;}
.select-box .select-option{display: block;position: relative;height: 40px;line-height: 40px;padding:0 20px;font-size: 14px;color: #888;background-color: #fff;border: 1px solid #ddd;cursor: pointer; outline: none;}
.select-box ul{display: none; position: absolute;}        
.select-box ul.on {display: block;top: 100%;left: 0;width: 100%;background-color: #fff;border: 1px solid #ddd;z-index: 1;       }  
.select-box ul li a {display: flex;padding: 0 20px;color: #888;text-decoration: none;cursor: pointer;width: 100%;font-size: 14px;border: 0;                }
.select-box ul li.on a {font-weight: 400;font-size: 14px;color: #888;  }
.select-box ul li a:hover {background-color: #f0f0f0;}
.select-box .select-option::after {content: '';background: url(https://contents.k-village.co.kr/front/mobile/images/svg/icons-light-down.svg) no-repeat;width: 18px;height: 10px;position: absolute;right: 15px;top: 16px;transition: all 0.3s;display: block;background-size: 15px;}
.option li a {margin: 0;}
.option li.on a {border: 0;}
/* product info */
.prd-info-holder .product-price {margin-left: 16px}
.quantity-over {overflow: visible;height: 116px;}
.quantity {padding: 16px 20px;margin-bottom: 2px;width: 658px;}
.quantity .label {width: 415px;}
.quantity .label span {display: inline-block;font-size: 15px;margin-right: 5px;}
.quantity .end .del {display: flex;align-items: center;width: 23px;height: 23px;background-color: #dddddd;border-radius: 50%;margin: 0 0 0 14px;line-height: 22px;text-align: center;}
.quantity .end .del ._img {display: inline-block;width: 15px;height: 15px;border-radius: 50%;background-image: url(https://contents.k-village.co.kr/front/pc/images/common/icons-24-px-close-white.svg);background-color: transparent;background-size: 100%;margin: 0 auto;}
.quantity-control {font-size: 0;}
.quantity-control button {width: 20px;height: 20px;padding: 0 2px;border: 1px solid #ddd;background: #fff}
.quantity-control button i {width: 16px;height: 16px;}
.quantity-control button.minus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-subtract.svg)}
.quantity-control button.plus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-add.svg)}
.quantity-control input {display: block;width: 46px;height: 24px;line-height: 24px !important;padding: 0;border: 0;text-align: center;font-size: 15px;outline: none;color: #000}
.product-price .prd-price .org-price {margin-left: 10px;}
.product-price .prd-price .sale-percent, .product-price .prd-mark {font-size: 16px}
.total {padding: 0 20px;height: 52px;margin-top: 17px ;}
.total .prd-price {font-size: 30px!important;color: #000!important}
.total .prd-mark{font-size: 16px;}
.total h5 {font-size: 15px;font-weight: 500;}
.btn-gift i {background: url(https://contents.k-village.co.kr/front/pc/images/common/gift-con.svg) left top no-repeat;background-size: 20px;width: 20px;height: 20px;margin: 0 5px 0 20px}
.goods-btns{margin-top: 27px;}
.gift button.middle {width: 142px}
.product-price .prd-price {font-size: 18px}
button.buy-now, button.btn-gift {position: relative;}
button.buy-now::before {content: '';position: absolute;left: -15px;top: -1px;width: 30px;height: 100%;transform: skewX(155deg);background-color: #000;border: 1px solid #000}
button.btn-gift::before {content: '';position: absolute;left: -15px;top: -1px;width: 30px;height: 100%;transform: skewX(155deg);background-color: #000;border: 1px solid #000}
.product-sticky .full button.btn-type-gray::before {background: #eeeeee;left: -10%;}
button.cart {background-color: #444;}
button.heart ._img {background: url(https://contents.k-village.co.kr/front/pc/images/common/buy-heart.svg) no-repeat center center / 100%;text-indent: -9999px;width: 24px;height: 24px;}
button.heart.on ._img {background-image: url(../images/common/icon-heart-on.svg);background-size: 32px 32px}
button.share ._img {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-24-px-share.svg) center center no-repeat;text-indent: -9999px;width: 24px;height: 24px;}
.detail-more i {width: 16px;height: 16px;margin-left: 10px;background: url(../images/common/ico24-down-arrow.svg) no-repeat center center;background-size: 16px 16px}
.product-sticky .heart {left: -15px;width: 155%;}
.product-sticky .buy-now {width: 300%;right: -15px;}
.product-sticky .buy-now span {text-indent: -15px;}
.product-sticky .heart::after {content: '';position: absolute;width: 72px;height: 1px;background: #fff;right: -32px;bottom: 28px;transform: rotate(119deg);}
/* 품절 */
.division .soldout-wrap {display: flex;align-items: flex-start;margin-top: 10px;}
.division .txt{color: #888;}
.division .txt em{color:#FF5B37 ;font-weight: 500;line-height: 28px;}
.division .prd-count{font-size: 14px;color: #888;padding-right: 8px;margin-top: 4px;word-break: keep-all;letter-spacing: -0.5px;}
/* scroll */
.select-box ul{height: 120px;}
.division .quantity-wrap{padding-right: 18px;}
.scroll{overscroll-behavior: auto;}    
.btn-option-footer.none{display: inline-block;}
.option-layer-wrap .flex.division > div:first-child {padding-right: 0 !important;}

/* 241029 상세페이지 바텀 팝업 수정 */
.option-layer-wrap.goods {position: fixed;bottom: -370px;left: 0;width: 100%;height: 370px;background-color: #fff;border-top: 1px solid #888;z-index: 40;transition: all 0.2s;}
.option-layer-wrap.goods.on {bottom: 0;height: 255px;}
.option-layer-wrap.goods .option {/* margin-bottom: 5px; */width: auto; margin-right: 20px;}
.option-layer-wrap.goods .flex.division > div:last-child {margin-left: 0 !important;}
.option-layer-wrap.goods.on .quantity-control button {width: 20px;height: 20px;padding: 0px 1px;border: 1px solid #ddd;background: #fff;}
.option-layer-wrap.goods.on .quantity-control button i {display: block;}
.option-layer-wrap.goods .division .prd-count {margin-top: 0;}
.option-layer-wrap.goods .select-box {width: 593px;} /* 20250718 UI/UX 3차 개선 옵션 사이즈 664px*/
.option-layer-wrap.goods .division .quantity-wrap div:last-child {margin-bottom: 0 !important;}
                            
/*241101 상세페이지 수량 버튼 위치 수정 */
.product .quantity-control button {width: 25px;height: 25px;padding: 0 4px;border: 1px solid #ddd;background: #fff;}

/* 241108 아이프레임 배경색 추가 */
.content-wrap .wrap-holder.product-img #swiper-goods #myVideo {background-color: #fff;}

.division .soldout-wrap {
    padding: 0 20px;
    margin-top: 55px;
    flex-wrap: wrap;
}
.total {margin-top: 0;}

/* 상품리스트 바텀팝업, 상세 우측영역, 상세 바텀팝업 옵션창 높이 수정 */
/* 옵션 3개 이하일 때도 height 유지할 경우 min-height: 122px 추가 */
.product-price .option .select-size-box ul,
.select-box ul {height: auto; max-height: 145px;}
/* 옵션창 스크롤바 너비 수정 */
.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar,
.division .quantity-wrap.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar, .scroll::-webkit-scrollbar-thumb, ul.dropdown::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar {width: 8px;}
.scroll::-webkit-scrollbar-thumb, ul.dropdown::-webkit-scrollbar-thumb {border-radius: 50px;}
.quantity-over {height: 115px;}
.quantity {padding:9.5px 20px;}
.division .quantity-wrap {padding-bottom: 0; overflow-x: hidden;}
.division .quantity-wrap div:last-child {margin-bottom: 5px;}
.option-layer-wrap .select-box ul {height: 105px;}

.product-price .prd-price .org-price {display: inline-block;margin-bottom: 0;}
.benefit-btn i {display: inline-block;margin-left: 8px;margin-bottom: 2px;padding: 1px 7px;font-size: 11px;font-weight: 100;font-style: normal;color: #fff;background-color: #666;border-radius: 3px;letter-spacing: -0.5px;cursor: pointer;}
.org-price, .benefit-btn, .benefit-btn i {vertical-align: middle;}

/*O2O 추가*/
.product-notice > div {width: 664px; padding: 20px; border: 1px solid #666; background-color: #f8f8f8;}
.product-notice .product-notice__icon {width: 21px; margin-right: 5px; flex-shrink: 0;}
.product-notice > div p {font-size: 14px; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 3px;}
.product-notice > div p span {font-size: inherit; letter-spacing: inherit; font-weight: 600;}
.product-notice .product-notice__btn {font-size: 14px; letter-spacing: -0.5px; margin-left: auto; text-decoration: underline; text-underline-position: under; flex-shrink: 0;}
#product-notice_popup {height: unset;}
#product-notice_popup p {font-size: 16px; line-height: 24px; color: #333;}
#product-notice_popup .scroll {height: unset;}
#product-notice_popup .bg-gray {border-radius: 10px;}

/* 키워드 */
.product .review-sort.sort-ver01 {padding: 12px 0;}
.product .review-sort .sort-list li {position: relative; padding-right: 16px;}
.product .review-sort .sort-list li::after {content: ''; position: absolute; top: 50%; right: 8px; width: 1px; height: 10px; background: #ddd; transform: translateY(-50%);}
.product .review-sort .sort-list li:last-child::after {display: none;}
.product .review-sort .sort-list li a {color: #bbb; font-size: 15px;}
.product .review-sort .sort-list li.on a {color: #000; font-weight: 500;}
.product a:focus {outline: 0;}

.product .review-sort.sort-ver01 .right .review-search {width: 238px; height: 40px; font-size: 14px; border: 1px solid #ddd; padding: 0 62px 0 16px;}
.product .review-sort.sort-ver01 .right .review-search::-webkit-input-placeholder {padding-left: 0;}
.product .review-sort.sort-ver01 .right .review-search:focus {border: 1px solid #000;}
.product .review-sort.sort-ver01 .right .review-search.has-value {border: 1px solid #000;}
.product .review-sort.sort-ver01 .right button {position: absolute; top: 50%; font-size: 0; transform: translateY(-50%);}
.product .review-sort.sort-ver01 .right button.review-search-reset:disabled {display: none;}
.product .review-sort.sort-ver01 .right .review-search-reset {right: 38px; width: 16px; height: 16px; border-radius: 50%; background: url('https://contents.k-village.co.kr/front/pc/images/common/remove-white_new.svg') #d9d9d9 center center no-repeat;}
.product .review-sort.sort-ver01 .right button.review-search-btn:disabled {opacity: .3;}
.product .review-sort.sort-ver01 .right .review-search-btn {right: 0; width: 38px; height: 38px; background: url(https://contents.k-village.co.kr/front/pc/images/common/icon-detail-search-pc_new.svg) center center no-repeat;}
.product .review-sort.sort-ver02 {padding: 12px 0;}
.product .review-sort.sort-ver02 .dropdown-toggle:after {border-bottom: 2px solid #ddd; border-right: 2px solid #ddd;}
.product .review-sort.sort-ver02 .my-check {margin-left: 10px;}
.product .review-sort.sort-ver02 .my-check label {font-weight: 500; white-space: nowrap; padding: 0 24px 0 28px;}
.set-goods-size .option h6.txt {padding: 0;}
.set-goods-size .option li.off a::before {content: none;}
.set-goods-size .option li a {width: auto; height: auto; margin-right: 0; margin-bottom: 0; text-align: left; border: none;}
.product-price .option .select-size-box .select-option {outline: none;}
.quantity .end .del ._img {cursor: pointer;}

.option-layer-wrap .set-goods-size {height: 245px; padding: 10px 0;margin: 5px 0;}

.product .detail-section.review {padding: 60px 0 50px 0;}
.product .detail-section.review .review-info .title {height: auto;}
.product .detail-section.review .review-info .title .review-reword {width: 18px; height: 18px; background-size: 100% auto; margin: -5px 0 0 4px;}
.product .new-tit h3 {font-size: 24px; font-weight: 700; padding: 0;}
.product .review-tit {border-bottom: 1px solid #000; padding-bottom: 17px; margin-bottom: 30px;}

.product .review-info .list-menu {height: 180px; padding: 22px 0 0 0;}

.product .reivew-summary li {font-weight: 500;}

/* 20250721 추가 */
.product .review-sort.sort-ver01 .right .review-search-reset.is-active { display: block;}
.product .review-sort.sort-ver01 .right .review-search-reset:not(.is-active) { display: none;}
.product .review-sort.sort-ver01 .right .review-search-btn:not(.is-active) { opacity: .3;}
.product .review-sort.sort-ver01 .right .review-search-btn.is-active { opacity: 1;}
.product .review-sort.sort-ver01 .right .review-search-btn { right: 0; width: 38px; height: 38px; background: url(https://contents.k-village.co.kr/front/pc/images/common/icon-detail-search-pc.svg) center center no-repeat;}
/* 20250523 UI/UX 3차 개선 */
/** <!-- 제품 가격정보 --> */
                .new-detail .swiper-wrapper {height: auto;}

                /* 공통 css */
                body > .wrap.product {overflow: visible;}

                .new-detail .product-price .prd-price {display: flex; align-items: center; font-size: 20px;}
                .new-detail .product-price .prd-price .sale-percent {font-size: 20px; padding-left: 0; margin-right: 8px;}
                .new-detail .product-price .prd-price .prd-mark {font-weight: 700;}
                .new-detail .product-price .prd-price .org-price {display: flex; align-items: center; margin-left: 8px;}

/** <!-- 혜택 정보 --> */
                        .new-detail .benefit {padding: 19px 0 4px 0;}
                        .new-detail .benefit > .flex {padding: 0 0 20px 0;}
                        .new-detail .benefit .label {min-width: 144px;}
                        .new-detail .benefit .more-benefit {display: block; margin-top: 4px; color: #888;}
                        .new-detail .benefit .more-benefit a {display: inline-block; vertical-align: baseline;}
                        .new-detail .benefit .more-benefit a::after {
                            content: '';
                            display: inline-block;
                            width: 6px;
                            height: 11px;
                            background: url(https://contents.k-emall.com/PUBL_con/etc/detail_arr_ico.svg) 0 0 no-repeat;
                            background-size: contain;
                            margin-left: 6px;
                        }
                        .new-detail .benefit .benefit-link {display: inline-block; color: #888; font-size: 13px; text-decoration: underline; margin-left: 8px; margin-bottom: 3px;}
                        .new-detail .benefit div > p .mile-style {color: #FF5B37;}
                        .new-detail .benefit .mile-info--2nd {display: block; margin-top: 8px;}
                        .new-detail .product-price .benefit ._img {width: 18px; height: 18px; background-size: contain;}
                        
                        /** <!-- 사이즈 선택 옵션창 수정 --> */
                       .new-detail .product-price .option .select-size-box.arrow-active .select-option::after {
                            transition: none;
                        }
                        .new-detail .product-price .option .select-size-box.arrow-active .select-option.on::after {
                            top: 13px;
                            transition: none;
                            transform: scaleY(-1);
                        }
                        
                        
                        
     /**   <!-- 2. 상품 상세정보 영역 (스크롤 2단 분리) --> */
            .product .content-wrap.new-detail .wrap-holder.detail {margin-top: 89px;}
            .new-detail .detail-section .wrap-in.flex {align-items: flex-start;}
            .new-detail .detail-section .detail-con .pd-photo img {margin: 0;}

            .new-detail .detail-section .detail-con.left-con {width: 680px; margin-top: 0px;} /* 20250714 UI/UX 3차 개선 margin-top 강제 제거 요청 */
/*             .new-detail .detail-section .detail-con.left-con {width: 680px; margin-top: 24px;} */
            .new-detail .detail-section .detail-con.left-con img {width: 100%; height: auto;}
            .new-detail .detail-section .detail-con.left-con .pd-photo {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.left-con .pd-photo.large-type {margin-bottom: 0;}
            .new-detail .detail-section .detail-con.left-con .pd-photo > div ~ div {margin-top: 8px;}
            .new-detail .detail-section .detail-con.left-con .pd-photo.large-type > div ~ div {margin-top: 40px;}
            .new-detail .detail-section .detail-con.left-con .detail-table {margin-bottom: 30px;}

        
            .new-detail .detail-section .detail-con.right-con {position: sticky; top: 60px; z-index: 40; width: 600px; height: calc(100vh - 60px); padding: 24px 0 80px; margin-left: 80px; overflow-y: scroll;}
            .new-detail .detail-section .detail-con.right-con::-webkit-scrollbar {display: none;}
            .new-detail .detail-section .detail-con.right-con .product-txt {text-align: center; margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .product-txt span {color: #ff0000; font-size: 12px; font-weight: 700; background: rgb(255, 255, 0);}

            .new-detail .detail-section .detail-con.right-con .product-video {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .product-video .video {position: relative; width: 100%;}
            .new-detail .detail-section .detail-con.right-con .product-video video {width: 100%; height: auto;}

            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap {background: #f8f8f8; margin-bottom: 30px; box-sizing: border-box;}
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .prd-detail-box {padding: 30px 24px 28px;}
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .md-comment {display: inline-block; width: 100%; font-size: 18px; font-weight: 600; text-align: center; text-decoration: underline; padding: 0; margin-bottom: 18px;}
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap p {color: #555; font-size: 14px; font-weight: 500;}
            /* .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig {padding: 20px 0 0 0;} */
            /* .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig pre {color: #555; font-size: 14px; font-weight: 500; line-height: 170%;} */
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig ul {margin-top: 16px;}
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig p, .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig li {color: #555; font-size: 14px; font-weight: 500; line-height: 170%;}
            .new-detail .detail-section .detail-con.right-con .prd-detail-box-wrap .product-sig li {margin-bottom: 2px;}

            .new-detail .detail-section .detail-con.right-con .right-con-sub-tit {width: 100%; color: #333; font-size: 16px; font-weight: 500; text-align: left; padding: 0 0 5px 0; margin: 0;}
            .new-detail .swiper .swiper-pagination.swiper-pagination-bullets {transform: matrix(1, 0, -0.71, 0.71, 0, 0) !important;}
            .new-detail .swiper .swiper-pagination-bullet {width: 10px; height: 8px; margin: 0 3px !important;}
            .new-detail .swiper .swiper-pagination-bullet-active {width: 40px;}
            
            .new-detail .detail-section .detail-con.right-con .banner-plan {width: 100%; margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .banner-plan #swiper-plan .swiper-slide {padding: 0;}
            .new-detail .detail-section .detail-con.right-con .banner-plan .bnr-txt {padding: 0 20px}
            .new-detail .detail-section .detail-con.right-con .banner-plan .bnr-txt p {color: #333; font-size: 16px; font-weight: 500; padding: 0; margin-bottom: 4px;}
            .new-detail .detail-section .detail-con.right-con .banner-plan .bnr-txt span {color: #888; font-size: 14px; letter-spacing: -0.5px;}
            .new-detail .detail-section .detail-con.right-con .banner-plan .exhibi-swiper .swiper-pagination {margin-top: 17px;}

            .new-detail .detail-section .detail-con.right-con .banner-gift {width: 100%; margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .banner-gift #swiper-gift .swiper-slide {padding: 0;}
            .new-detail .detail-section .detail-con.right-con .banner-gift .flex {border: 1px solid #ddd;}
            .new-detail .detail-section .detail-con.right-con .banner-gift .flex .bnr-txt {padding: 0 20px;}
            .new-detail .detail-section .detail-con.right-con .banner-gift .flex .bnr-txt p {color: #333; padding: 0;}

            .new-detail .detail-section .detail-con.right-con .banner-swipe {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .banner-swipe .swiper {margin-top: 10px;}
            .new-detail .detail-section .detail-con.right-con .banner-swipe .swiper .swiper-slide img {width: 100%; height: auto;}
            .new-detail .detail-section .detail-con.right-con .banner-swipe .swiper .swiper-pagination.swiper-pagination-bullets {margin-top: 15px;}

            .new-detail .detail-section .detail-con.right-con .product-info {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .product-info .pd-photo > div {margin-top: 30px;}

            .new-detail .detail-section .detail-con.right-con .is-img-wrap {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .img-txt-con {margin-bottom: 30px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt-wrap.ver01 {margin-top: 30px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt.ver01 {text-align: left; padding: 18px 32px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt.ver01 ~ .info-txt.ver01 {margin-bottom: 4px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt h5 {font-size: 25px; font-weight: 700; margin-bottom: 11px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt.ver01 p {font-size: 22px; line-height: 150%;}

            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt.ver02 {text-align: left; padding: 24px 32px 2px;}
            .new-detail .detail-section .detail-con.right-con .is-img-wrap .info-txt.ver02 p {color: #888; font-size: 22px;}


            .product .new-detail .detail-section .pd-accordion {width: 1080px; margin: 130px auto 0;}

            .product .new-detail .label-detail.seller-info {padding: 0 10px;}
/* 20250523 UI/UX 3차 개선 */

/* 20250710 UI/UX 3차 개선 <!-- 반품불가, 예약판매, 타임세일 추가 --> */
.pre-order-notice {
    width: 100%;
    background: #F8F8F8;
}

.pre-order-notice h1,
.product .time-sale>h1 {
    width: 80%;
    height: 77px;
    margin: 0 auto;
    padding: 0 !important;
    text-align: center;
    line-height: 83px;
    font-weight: 500 !important;
    font-size: 18px;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #ddd;
    color: #000;
}

.pre-order-notice>div {
    width: auto;
    margin: 0 auto;
    padding: 24px 0 30px;
}

.pre-order-notice h2 {
    width: 90px;
    padding: 0 !important;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #000;
}

.pre-order-notice ul li {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #888;
}

.pre-order-notice ul li:first-child {
    padding-bottom: 8px;
}

.product .product-return,
.product .time-sale {
    background-color: #f8f8f8;
    margin: 0 0 30px;
}

.product .time-sale {
    padding: 0 0 24px;
}

.product .time-sale>span {
    padding: 15px 0 0;
}

/* 20250710 UI/UX 3차 개선 <!--// 반품불가, 예약판매, 타임세일 추가 --> */