/* BASIC css start */ .bottomQuickBar{ display:none; } .cateWrap {position:relative;background:#fff;} .cateWrap .cate1 dl dt{position:fixed;left:50%;top:1.111vw;transform:translateX(-50%); z-index:1001;} .cateWrap .cate1 dl dt a{display:block; position:relative; padding-right:4.167vw; max-width:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;} .cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;} .cateWrap .cate1 dl dt a.active svg{ transform: translateY(-50%) rotate(-180deg);} .cateWrap .cate1 dl dd{ display:none; position:fixed; top:var(--mainHeaderHeight); left:0; width:100%; padding:3.333vw 0; background:#fff; border-top: 1px solid #e9e9e9; z-index:1001;} .cateWrap .cate1 dl dd ul li a{ display:block; padding:3.056vw; font-size:4.167vw; text-align:center; line-height:5.556vw; color:#b1b1b1; font-weight:500;font-family :'FlightSans-Regular', sans-serif;} .cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;} .cateWrap .cate1 .bgMask{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:998;} .cateWrap .cate2 { padding:0 4.167vw; border-bottom:0.278vw solid #e9e9e9;} .cateWrap .cate2 ul li{ width:auto; margin-right:6.111vw;} .cateWrap .cate2 ul li a{ display:block; line-height:11.111vw; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;} .cateWrap .cate2 ul li a.on{ color:#000; border-bottom:0.556vw solid #000;} .cateWrap .cate3{ padding:0 4.167vw;background:#f8f8f8; border-bottom:0.278vw solid #e9e9e9;} .cateWrap .cate3 ul li{ width:auto; margin-right:6.111vw;} .cateWrap .cate3 ul li a{ display:block; line-height:11.111vw; font-size:3.056vw; color:#b1b1b1;} .cateWrap .cate3 ul li a.on{color:#000;} .thumb img{width:100%;} .thumb .thumbList .swiper-horizontal>.swiper-pagination-progressbar, .thumb .thumbList .swiper-pagination-progressbar.swiper-pagination-horizontal, .thumb .thumbList .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .thumb .thumbList .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%%;height:2px;top:auto;bottom:0px;left:0;} .thumb .thumbList .swiper-pagination-progressbar{background:#aeaeae;opacity:0.8;} .thumb .thumbList .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;} .swiper-pagination-fraction {color:#fff !important; background:rgba(0,0,0,0.3); display:inline-block; width:15% !important; border-radius:50px; text-align:center; left:50% !important; transform:translateX(-50%) !important; font-size:0.75rem;} /*-------------------------------------------------------------------------------------------------------------------- // // 추가 css // --------------------------------------------------------------------------------------------------------------------*/ /*wish on off*/ #MS_btn_wish .wishOff{display:block;} #MS_btn_wish .wishOn{display:none;} #MS_btn_wish.wish-on .wishOn{display:block;} #MS_btn_wish.wish-on .wishOff{display:none;} /*스마트 쿠폰 리뉴*/ .my-smart-coupon-list{padding:18.056vw 0;} .my-smart-coupon-list ul li{position:relative;margin-bottom:1.944vw;background:#000;text-align:left;} .my-smart-coupon-list ul li:last-child{margin-bottom:0;} .my-smart-coupon-list ul li, .my-smart-coupon-list ul li a{display:block;color:#fff;font-size:3.611vw;line-height:5vw;} .my-smart-coupon-list ul li a{padding:4.444vw 10.556vw 4.444vw 5.556vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .my-smart-coupon-list ul li svg{position:absolute;top:4.444vw;right:5.556vw;width:5vw;line-height:5vw;} /*상단 우측 제품정보*/ #productDetail .thumb-info, #productDetail .thumb-info *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #productDetail .thumb-info .info {padding:5.556vw;} #productDetail .thumb-info .info .brandShareWrap{position:relative;padding:0 0 2.5vw; height:30px;} #productDetail .thumb-info .info .brandShareWrap .brand{font-size: 4.167vw;line-height: 5.556vw;padding-right: 25vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #productDetail .thumb-info .info .brandShareWrap .shareBox{position: absolute;top: 0;right: 0;font-size: 4.444vw;line-height: 6.667vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox{width:5.556vw;margin-right:3.333vw;vertical-align:middle;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox img{width:100%;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share{width:5.556vw;margin-right:0;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList{position:fixed;bottom:-100vh;left:0;width:100%;max-height:100vh;padding:5vw 5.556vw 0;text-align:center;background:#fff;z-index:1000;box-shadow: rgba(100, 100, 111, 0.2) 0px -5px 20px 0px;transition:all 0.3s;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList.open{bottom:0;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .shareTit{font-size:3.889vw;line-height:5vw;margin-bottom:5.556vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .shareGoodsImg img{width:14.722vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .shareGoodsText{padding:2.778vw 0 5.556vw;font-size:3.611vw;line-height:5.556vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .shareGoodsText .brand{font-size:3.611vw;padding:0;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .shareGoodsText .name{font-weight:500;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList ul{display:flex;justify-content: center;margin-bottom:6.944vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList ul li{width:9.444vw;margin-right:6.111vw;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList ul li:last-child{margin-right:0;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList ul li img{width:100%;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .closeShareBoxBtn{margin:0 -5.556vw;padding:2.778vw 0 12.5vw;border-top:1px solid #eee;text-align:center;} #productDetail .thumb-info .info .brandShareWrap .shareBox .iconBox.share .snsList .closeShareBoxBtn a{font-size:3.611vw;line-height:6.389vw;padding:4vw;} #productDetail .thumb-info .info .titleWrap .tit-prd{margin-bottom:5vw;font-size:5vw;line-height:6.556vw;font-weight:500;font-family :'FlightSans-Regular', sans-serif;} #productDetail .thumb-info .info .goodsPriceWrap{position:relative;margin-bottom:3.889vw;} #productDetail .thumb-info .info .goodsPriceWrap .price {font-family: 'Montserrat', sans-serif; } #productDetail .thumb-info .info .goodsPriceWrap .price .consumer{display:block;font-size:3.333vw;line-height:5.556vw;font-weight:500;color:#969696;text-decoration:line-through;} #productDetail .thumb-info .info .goodsPriceWrap .price .dc_per{display:inline-block;margin-right:1.389vw;font-weight:bold;font-size:5.556vw;line-height:5.556vw;color:#7e00ff;} #productDetail .thumb-info .info .goodsPriceWrap .price .normal{display:inline-block;font-weight:bold;font-size:5.556vw;line-height:5.556vw;} #productDetail .thumb-info .info .goodsPriceWrap .couponBenefit a{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:18.056vw;text-align:center;font-size:3.333vw;color:#fff;line-height:6.111vw;background:#000;} #productDetail .thumb-info .info .prd-icons {padding: 2.778vw 0;} #productDetail .thumb-info .info .prd-icons .prd-icon img{width:9.167vw;margin-left: 0.833vw;} #productDetail .thumb-info .info .prd-icons:first-child .prd-icon img:first-child {margin-left: 0;} /*별 평점*/ #productDetail .thumb-info .info .scoreWrap{padding:2.778vw 0;} #productDetail .thumb-info .info .scoreWrap .ratingStar span{display:block;width:3.889vw;color:#000;line-height:6.389vw;} #productDetail .thumb-info .info .scoreWrap .ratingStar span.gray{color:#bbb;} #productDetail .thumb-info .info .scoreWrap .ratingStar span svg{vertical-align:middle;margin-top:-2px;} #productDetail .thumb-info .info .scoreWrap .ratingNum{display:block;margin-left:8px;color:#bbb;font-size:2.778vw;line-height:6.389vw;} #productDetail .thumb-info .info .maxDiscountWrap{padding:7.222vw 0;} #productDetail .thumb-info .info .maxDiscountWrap strong{display:block;font-size:4.722vw;line-height:6.389vw;font-family :'FlightSans-Regular', sans-serif; font-weight:400;} #productDetail .thumb-info .info .maxDiscountWrap .per, #productDetail .thumb-info .info .maxDiscountWrap .maxDisPrice{display:inline-block;font-size:4.722vw;line-height:6.389vw;font-weight:bold;font-family: 'Montserrat', sans-serif; } #productDetail .thumb-info .info .maxDiscountWrap .per{color:#7E00FF;margin-right:0.833vw;} /*추가 정보*/ #productDetail .thumb-info .info .goodsSubInfo dl{padding:6.389vw 0;border-top:0.278vw solid #eee;} #productDetail .thumb-info .info .goodsSubInfo dl:last-child{padding-bottom:0;} #productDetail .thumb-info .info .goodsSubInfo dl dt a{display:block;position:relative;padding:0 8.333vw 0 0;} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn strong{display:block;font-size:4.722vw;line-height:6.389vw;} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon{position:absolute;width:3.333vw;height:3.333vw;top:50%;right:0;transform:translateY(-50%);} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span{position:absolute;background:#000;transition:all 0.3s;} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(1){ width:3.333vw;height:0.556vw;top:1.389vw;left:0;} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span:nth-child(2){width:0.556vw; height:3.333vw;top:0px; left:1.389vw;} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(1){transform:rotate(-180deg);} #productDetail .thumb-info .info .goodsSubInfo dl dt .openTabBtn .icon span.hide:nth-child(2){transform:rotate(-90deg);} #productDetail .thumb-info .info .goodsSubInfo dl dd{position:relative;padding:8.889vw 0 0 0;} #productDetail .thumb-info .info .goodsSubInfo dl dd p{margin-bottom:1.944vw;font-size:3.611vw;line-height:5vw;} /*추가 구성상품*/ #productDetail .thumb-info .info .table-opt .add-option-wrap{margin-bottom:5.556vw;} #productDetail .thumb-info .info .table-opt .add-option-goods table{width:100%;} /*option select 디자인*/ #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect{padding:0 0 4.167vw;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dl{position:relative;height:13.889vw;margin-bottom:10px;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dl:last-child{margin-bottom:0;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dl.oneClick{height:auto;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dt{display:none;/*position:absolute;top:0;left:0;background-color: #fff;background-image: url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_select_down_2.png);background-repeat: no-repeat;background-position: right 12px center;cursor:pointer;*/} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect .oneClick dt{display:block;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dd{float:none;width:100%;margin:0;} #productDetail .thumb-info .info .table-opt .opt-wrap.mySelect dd select{width:100%;height:13.889vw;padding:4.167vw 8.333vw 4.167vw 3.333vw;margin-bottom:0;font-size:3.611vw;font-weight:500;color:#000;line-height:5vw;border:0.278vw solid #bbb;border-radius:0.833vw; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;} /*선택옵션 리스트*/ #MK_innerOptWrap .MK_inner-opt-cm li{position:relative;min-height:26.666vw;border-bottom:0.278vw solid #eee;padding:4.722vw 0;margin:0} #MK_innerOptWrap .MK_inner-opt-cm li:last-child{border-bottom:0;} #MK_innerOptWrap .MK_inner-opt-cm li:after{content:'';display:block;clear:both;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name{float: left;display: block;width: auto;max-width: calc(100% - 41.667vw);font-size: 3.889vw;color: #000;line-height: 5.5vw;font-weight: 600;word-break: break-all;font-family: 'Montserrat','FlightSans-Bold', sans-serif; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{position:static;float:left;display:block;width:3.333vw;height:3.333vw;margin: 2.0835vw 1.389vw;background-image:url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_goodsListDel.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img{display:none;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl{position:absolute;top:4.722vw;right:0;width:22.778vw;height:7.5vw;border:0.28vw solid #ddd;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl *{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option{position:absolute;width:8.5vw;height:7vw;padding:0 !important;top:0;left:7.222vw;font-size:3.333vw;font-weight:500;text-align:center !important;border:none;font-family: 'Montserrat', sans-serif; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a{position:absolute;top:0;width:7.5vw;height:7.5vw;margin:0;/*border:0.278vw solid #bbb;*/font-size:0;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-of-type(1){right:0;margin:0;border-radius:0 0.833vw 0.833vw 0;background: url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_qty_plus.png);background-position:center;background-repeat:no-repeat;background-size:1.9vw;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a:nth-of-type(2){ left:0; border-radius:0.833vw 0 0 0.833vw; background: url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_qty_minus.png); background-position:center;background-repeat:no-repeat;background-size:1.9vw;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{ position:absolute; line-height: 7.5vw; right: 0; bottom: 4.722vw;font-size: 3.889vw; line-height:5vw;font-family: 'Montserrat', sans-serif; } #kakaopay_order_btn {text-align:center; width:77% !important; margin:10px auto 0;} #nhn_btn {text-align:center; width:80% !important; margin:0 auto;} #kakaopay_order_btn img,#nhn_btn img{width:100% !important;} /*총 상품 금액*/ #MK_innerOptTotal{ padding:4.722vw 0; border-top:0.278vw solid #eee;} #MK_innerOptTotal .MK_txt-total{ font-size:3.611vw; line-height:6.667vw; font-weight:500; color:#000;} #MK_innerOptTotal .totalLeft{float:left;} #MK_innerOptTotal .totalRight{ float:right;} #MK_innerOptTotal .totalRight .MK_total{ font-size:5.278vw; line-height:6.667vw;font-family: 'Montserrat', sans-serif; } #MK_innerOptTotal .totalRight strike{position:relative; margin-right:5px;} #MK_innerOptTotal .totalRight strike:after{ content:''; display:block; position:absolute; width:120%; height:1px; background:#999; top:45%;left:-10%;} #MK_innerOptTotal .totalRight strike .MK_total, #MK_innerOptTotal .totalRight strike .MK_txt-won{ display:inline-block; font-size:16px;color:#999;font-weight:400;} #MK_innerOptTotal .MK_txt-won{ font-size:16px;} /*구매 버튼*/ #productDetail .thumb-info .info .prd-btns .buyBtnWrap, #productDetail .thumb-info .info .prd-btns .buyBtnWrap *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #productDetail .thumb-info .info .prd-btns .buyBtnWrap a{ width:210px; margin-right:10px; border-radius:3px;} #productDetail .thumb-info .info .prd-btns .buyBtnWrap a:nth-child(2n){ margin-right:0;} /*상품정보 더 보기*/ #productDetail .goodsDetailMoreViewBtn { padding:0 4.167vw;} #productDetail .goodsDetailMoreViewBtn a{ display:block;width:100%; font-size:3.333vw; font-weight:500;text-align:center; line-height:8.889vw; border:0.278vw solid #000; border-radius:0.833vw; } #productDetail .goodsDetailMoreViewBtn a svg{ width:3.333vw; margin-left:5px;} /*게시판*/ #productDetail .boardMoreViewBtn{ padding:70px 0 180px;} #productDetail .boardMoreViewBtn a{ display:block; width:258px; margin:0 auto; font-size:16px; font-weight:500; text-align:center; line-height:48px; border:1px solid #000; border-radius:3px;} #productDetail .boardMoreViewBtn a svg{width: 16px; vertical-align: middle; margin-top: -2px;margin-left: 5px;} /*하단 fixed 구매 창*/ #productDetail .fixedBottomBuyBtn{ position:fixed; bottom:-33.333vw; left:0; width:100%; padding:4.167vw 4.167vw 9.722vw; background:#fff; border-top:1px solid #eee; z-index:999; transition:all 0.3s;} #productDetail .fixedBottomBuyBtn.show{ bottom:-5px;} #productDetail .fixedBottomBuyBtn .fixedBtnWrap a{ display:block; width:13.889vw; font-size:3.889vw; line-height:12.778vw; border:0.278vw solid #000; border-radius:0.833vw; text-align:center; background:#fff; font-weight:500;} #productDetail .fixedBottomBuyBtn .fixedBtnWrap a.buy{ width:calc(100% - 15.834vw);margin-left:1.667vw; background:#000; color:#fff;} #productDetail .fixedBottomBuyBtn .fixedBtnWrap a.basket svg{ width:5.556vw;vertical-align:middle;} /*하단 fixed 구매 창 오픈*/ #productDetail .thumb-info .info .table-opt .optionSelectWrap{position:fixed; bottom:-100%; left:0; width:100%; max-height:100vh; padding:11.667vw 0 9.722vw; border-top:0.278vw solid #eee; background:#fff; z-index:998; transition:all 0.3s;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .closeOptionSelectArea{ position:absolute; width:100%; height:11vw; top:0; left:0;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .closeOptionSelectArea:after{ content:''; display:block; position:absolute;width:13.889vw; height:0.556vw; top:4.722vw; left:50%; margin-left:-6.9445vw; background:#dfdfdf; z-index:1;} #productDetail .thumb-info .info .table-opt .optionSelectWrap.open{ bottom:0;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .fixed_buy_btnWrap{ padding:0 4.167vw 10px;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .fixed_buy_btnWrap a{ display: block; width: calc((100% - 1.667vw)/2); font-size: 3.889vw;line-height: 12.778vw; border: 0.278vw solid #000; border-radius: 0.833vw; text-align: center; background: #fff; font-family :'FlightSans-Regular', sans-serif;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .fixed_buy_btnWrap a.buy{ margin-left:1.667vw; background: #000; color: #fff;font-family :'FlightSans-Regular', sans-serif;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl{ position: relative;min-height: 16.944vw; border-bottom: 0.278vw solid #eee; padding: 4.722vw 0; margin: 0;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl:last-child{ border-bottom:0;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dt{ float: left; display: block; width: auto; max-width: calc(100% - 41.667vw); font-size: 3.889vw; color: #000; line-height: 7.5vw; font-weight: 600; word-break: break-all;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dd .opt-btns{ position: absolute; top: 4.722vw;right: 0;width: 27.778vw;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dd .opt-btns input{ position: absolute; width: 13.334vw; height: 7.5vw; padding: 0 !important; top: 0; left: 7.222vw; font-size: 3.333vw;font-weight: 500; text-align: center !important; border: 0.278vw solid #bbb;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dd .opt-btns a{ position: absolute; top: 0; width: 7.5vw; height: 7.5vw; margin: 0; border: 0.278vw solid #bbb;font-size: 0;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dd .opt-btns a.btn-up{ right: 0; margin: 0; border-radius:0 0.833vw 0.833vw 0; background: url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_qty_plus.png); background-position: center; background-repeat: no-repeat; background-size: 1.9vw;} #productDetail .thumb-info .info .table-opt .optionSelectWrap .opt-wrap.notmulti dl dd .opt-btns a.btn-dw{left: 0; border-radius:0.833vw 0 0 0.833vw; background: url(//skin.makeshop.co.kr/skin/etashop/img/icon/icon_qty_minus.png); background-position: center; background-repeat: no-repeat; background-size: 1.9vw;} #productDetail .thumb-info .info .table-opt .optionSelectWrap.open .fixedWrap{ max-height: 70vh; overflow: auto; margin-bottom:2.778vw; padding:0 4.167vw;} /* 상품정보 탭 */ #productDetail .detailTab, #productDetail .detailTab *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #productDetail .detailTab { padding-top:50px; position:relative } #productDetail .detailTab ul { border-bottom:0.278vw solid #d9d9d9; display:flex; padding:0 4.167vw; width:100%; } #productDetail .detailTab ul:after { display:block; clear:both; content:'' } #productDetail .detailTab ul li { flex-grow:1; } #productDetail .detailTab ul li a { display:block; position:relative; padding-bottom:2.5vw; font-size:3.611vw; color:#000; line-height:5.556vw; text-align:center; font-family :'FlightSans-Regular', sans-serif;} #productDetail .detailTab ul li a.active {font-family :'FlightSans-Bold', sans-serif;} #productDetail .detailTab ul li a.active:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#000;} /* 상품 상세 이미지 */ #productDetail .prd-detail-detail table { table-layout: auto; border-spacing:0 !important; border-collapse:collapse !important } #productDetail .prd-detail-detail table td { word-break:break-all } #productDetail .prd-detail-detail { position:relative; height:138.889vw; margin-top:11.111vw; width: 100%; text-align:left; overflow: hidden; transition:all 0.3s; } #productDetail .prd-detail-detail:before{position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;height: 41.667vw;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.8));content: "";} #productDetail .prd-detail-detail.open:before{ display:none; } #productDetail .prd-detail-detail img { width: 100%; } /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both; background-color:#f6f6f6; padding: 5px 15px; overflow:hidden; zoom:1; } .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 70%; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #bcbcbc; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:1px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 5px 8px; font-size:0.875rem; color:#555;font-family: 'Montserrat', 'FlightSans-Regular', sans-serif; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding: 5px 8px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding-bottom: 3px; display:none; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } .oneClick dt{font-family :'FlightSans-Regular', sans-serif; font-size:0.875rem; padding-bottom:3px;} .oneClick dd{padding-bottom:5px;} .MK_txt-total {font-family :'FlightSans-Regular', sans-serif; font-size:1rem;} /*-------------------------------------------------------------------------------------------------------------------- // // reveiw qna 게시판 // --------------------------------------------------------------------------------------------------------------------*/ /* 게시글 */ .detailBoardWrap{padding:0 4.167vw;} .detailBoardWrap .shopdetailBoard.tab_area{padding:8.333vw 0 4.167vw;border-bottom:0.278vw solid #000;} .detailBoardWrap .shopdetailBoard.tab_area .tab_on{font-size:4.167vw;line-height:8.333vw;font-weight:500;} .detailBoardWrap .shopdetailBoard.tab_area .util a{display:block;width:18.333vw;font-size:3.056vw;line-height:8.333vw;text-align:center;background:#000;color:#fff;} .detailBoardWrap .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} .detailBoardWrap .review .list_board > ul > li.now > .cont_wrap {display: block;} .detailBoardWrap .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} .detailBoardWrap .empty-board {text-align: center; padding: 15px 0 5px;} .list_board ul li {color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all; font-size:3.056vw;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;} .list_board ul li dl {padding: 7px;} .list_board ul li dl h4 {margin: 0; font-size:3.056vw;} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} /* 댓글 */ .MS_cmt_list_box {color: #656565;} .MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;} .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;} .MS_cmt_list_box .MS_cmt_content {padding-left: 15px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} #comment_password form span {display: block;} /* 답글 */ .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} /* 비번입력 */ .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} /* new, hit 아이콘 */ .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} /* 수정,삭제버튼 */ .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} /* 페이지네이션 */ .paging {position: relative; text-align: center; margin: 4.167vw 0 6.944vw;} .paging a.next, .paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;} .paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;} .paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;} .paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 6.944vw; height: 6.944vw; line-height: 6.389vw; border: 0.278vw solid #111; font-size: 3.056vw; background-color: #fff; margin: 0 2px; } /* 신고기능 */ .info .btn-member-declare {display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;} .cnt-btn-block { overflow: hidden;} .cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; } /*-------------------------------------------------------------------------------------------------------------------- // // 상품 일반정보(상품정보제공 고시) // --------------------------------------------------------------------------------------------------------------------*/ .productAlert{padding:0 4.167vw;} .productAlert h3 a{display:block;position:relative;padding:8.333vw 0 4.167vw;font-size:4.167vw;line-height:8.333vw;font-weight:500;border-bottom:0.278vw solid #000; margin-bottom:5vw;} .productAlert h3 a svg{position:absolute;top:10.556vw;right:0;height:3.889vw;} .productAlert h3 a.active svg{transform:rotate(180deg);} .productAlert .toggleCon{font-size:3.056vw;} .productAlert dl{margin-bottom:8vw;} .productAlert dl dt{font-size:3.889vw;font-weight:600;} .productAlert dl dd ul li{position:relative;padding-left:20px;} .productAlert dl dd ul li:after{content:'ㆍ';position:absolute;top:9px;left:0;width:20px;font-size:18px;line-height:20px;text-align:center;} /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:0 0 20px; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:0 0 20px; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* 스마트 쿠폰 목록 */ .shopdetail .shopdetailCoupon{margin:0 !important;} .shopdetail .shopdetailCoupon .smart-coupon-list {display:none;} .shopdetail .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetail .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family :'FlightSans-Regular', sans-serif;} .shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; font-family: 'Montserrat', sans-serif; } .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-family :'FlightSans-Bold', sans-serif;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } .cp_dw {position:relative; border:1px solid #333; background:#fff; color:#333; padding:15px; width:88% !important; margin:0 auto; display:block; font-size:1rem; font-family :'FlightSans-Bold', sans-serif; text-align:left;} .cp_dw .cp_title>.fa{float:right; display:inline-block; font-size:1.125rem; font-weight:600; line-height:1.2;} /*교환반품*/ .in {position:relative; margin:0 auto; width:95%;} .in .sect3 { max-width:1400px; margin:0 auto; } .in .sect3 .point_cont .grid_box2 {} .in .sect3 .point_cont .grid_box2 .left{font-weight:700;font-size:1.375rem; line-height:3; text-transform:capitalize;font-family :'FlightSans-Bold', sans-serif;word-break:keep-all;} .in .sect3 .point_cont .grid_box2 .cont {} .in .sect3 .point_cont .grid_box2 .cont .short {margin-bottom:40px;} .in .sect3 .point_cont .grid_box2 .cont .short .tit {font-size:1.125rem; font-weight:600;word-break:keep-all;margin-bottom:20px; font-family :'FlightSans-Bold', sans-serif;} .in .sect3 .point_cont .grid_box2 .cont .short .txt {line-height:1.5; word-break:keep-all; font-size:1rem; position:relative; padding:0 0 10px 15px;} .in .sect3 .point_cont .grid_box2 .cont .short .txt:before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px; border-radius:50%;border:2px solid #355BF5;transform:translateY(-50%);} .in .sect3 .point_cont .grid_box2 .cont .short ul{position:relative; padding-left:24px;} .in .sect3 .point_cont .grid_box2 .cont .short ul li{position:relative;font-size:1rem; padding-left:4px;line-height:1.5; padding-bottom:10px;} .in .sect3 .point_cont .grid_box2 .cont .short ul li:after {content:"1";position:absolute;left:-24px;top:12px;width:18px;height:18px;border-radius:50%;background:#355BF5;font-size:0.625rem; font-weight:500;color:#fff; text-align:center; line-height:20px; transform:translateY(-50%);} .in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(2):after {content:"2";} .in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(3):after {content:"3";} .in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(4):after {content:"4";} .in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(5):after {content:"5";} /* BASIC css end */