@import url("new-shopping.css"); /* 쇼핑 - 배너 */ .top-ban { position:relative; padding-bottom:30px; } .top-ban .ban-list { overflow:hidden; width:100%; height:50px; } .top-ban .ban-pos { position:absolute; width:100%; bottom:10px; left:0;text-align:center; } .top-ban .ban-pos li { display:inline-block; width:8px; height:8px; margin:0 4px; color:transparent; background:#c8c8c8; border-radius:6px; } /* 2014-07-29 수정 */ .top-ban .ban-pos li.on { background:#af0506; } .top-ban .ban-list a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 전체상품 */ .shop-category dt button { display:block; width:100%; font-size:16px; color:#444; text-align:left; background:url(../../../images/common/ico_arrow-down-circle2.png) no-repeat 96% 50%; background-size:25px; } .shop-category dt button.on { background-color:#fff8ee; background-image:url(../../../images/common/ico_arrow-up-circle3.png); } .shop-category dt button span { display:block; padding:13px 0 13px 11px; } .shop-category dd { display:none; } .shop-category dd ul { width:100%; } .shop-category dd li { padding-left:10px; border-top:1px solid #ececec; } /* 2014-08-11 수정 */ .shop-category dd li:first-child { border-top:none; } .shop-category dd a { display:block; width:100%; font-size:14px; color:#666; background:url(../../../images/common/ico_arrow-right.png) no-repeat 94% 50%; background-size:7px 12px; } .shop-category dd a span { display:inline-block; padding: 13px 0 13px 11px; } /* 카테고리별 상품리스트 */ .nav-select { padding-left:5%; height:45px; border:none;} .nav-select2 { box-sizing:border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left:15px; padding-right:15px; } .nav-select2 a, .nav-select2 select { -webkit-box-flex: 0 0 1; -moz-box-flex: 0 0 1; -webkit-flex: 0 0 1; flex: 0 0 1; } .nav-select2 a { display:inline-block; position:relative; margin-right:2px; padding-top:18px; padding-right:12px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; color:#666; } .nav-select2 a:after { position:absolute; top:18px; right:0px; content: '>'; display:inline-block; } .nav-select2 select { margin-top:9px;} .nav-select2 *:last-child:after { content: ''; } .nav-select2 .tit { line-height:45px; font-size:18px; letter-spacing:-2px; color:#333; } .shop-select-wrap { overflow:hidden; } .select-brand { display:block; float:left; width:58%; padding:7px 0 7px 2%; } .select-lineup { display:block; float:right; width:40%; padding:7px 0 7px 2%; } /* 상품정보 */ #mid.pdtMid { padding-bottom: 55px; background:#f4f4f4;} /* 2020-07-22 수정 */ #mid.pdtMid + #g_top { /*bottom: 70px; 맨위로 버튼 실제 적용 css */ bottom: 19.444444444444444444vw; } .float-top-button #mid.pdtMid + #g_top + .g_expand {display: inline-block;} #mid.pdtMid + #g_top + .g_expand {bottom: 120px;} /* 2018-09-27 추가 */ /* .pdt-info { padding-top:15px; } 2023.08.24 삭제 */ .pdt-info:not(td) > *:not(.pdt-tx) { margin-left:15px; margin-right:15px; } .pdt-info .pdt-img-tx { overflow:hidden; margin-bottom:15px; } .pdt-info .pdt-img-tx .pdt-img { display:block; float:left; width:90px; margin-right:10px; } .pdt-info .pdt-img-tx .pdt-tx { display:block; overflow:hidden; } .pdt-info .pdt-img-tx .pdt-tx .pdt-name { display:block; margin-bottom:7px; font-size:14px; line-height:1.2em; color:#444; } .pdt-info .pdt-img-tx .pdt-tx .pdt-price { display:block; margin-bottom:2px; font-size:15px; line-height:1.2em; color:#ff4200; font-weight:bold; } .pdt-info .pdt-img-tx .pdt-tx .pdt-price del { font-size:13px; margin-right:5px; color:#999; font-weight:normal; } .pdt-info .pdt-img-tx .pdt-tx .pdt-benefit { font-size:14px; line-height:1.2em; color:#444; } .pdt-info .pdt-hotdeal-info { clear: both; overflow: hidden; margin: 15px; padding: 5px 10px; height: 25px; line-height: 25px; border-radius: 4px; background: #d3080a; color: #fff; } .pdt-info .pdt-hotdeal-info:after { clear: right; display: block; content: ''; } .pdt-info .pdt-hotdeal-info > * { display: inline-block; vertical-align: top; } .pdt-info .pdt-hotdeal-info span { display: inline-block; padding-left: 21px; background: url(../../../images/shopping/ico_hotdeal.png) no-repeat 0 45%; background-size: 16px 18px; } .pdt-info .pdt-hotdeal-info em { float: right; padding-left: 10px; border-left: 1px solid #ab0608; } /*.pdt-info .pdt-sub-info .pdt-sub-coupon dt { float: none; margin-bottom: 10px; } .pdt-info .pdt-sub-info .pdt-sub-coupon a { display: block; position: relative; padding-left: 10px; height: 35px; line-height: 35px; border-radius: 4px; background: #999999; font-weight: bold; color: #fff; } .pdt-info .pdt-sub-info .pdt-sub-coupon a:after { content: 'GO'; position: absolute; top: 0px; right: 0px; margin: 2px 0; width: 37px; height: 31px; line-height: 31px; border-left: 1px dashed #dbdbdb; text-align: center; } .pdt-info .pdt-sub-info { margin-top:10px; } .pdt-info .pdt-sub-info dt { display:block; margin-bottom:10px; font-size:12px; color:#999; } .pdt-info .pdt-sub-info dd { display:block; margin-bottom:20px; } .pdt-info .pdt-sub-info #buy-option { width:100%; font-size:13px; }*/ .pdt-info .pdt-option { position:relative; margin-top:10px; padding:15px; background:#f4f4f4; border-radius:3px; } .pdt-info .pdt-option .pdt-name { display:block; margin-bottom:10px; font-size:12px; line-height:1.2em; color:#666; } .pdt-info .pdt-option .pdt-count { display:inline-block; width:120px; } .pdt-info .pdt-option .pdt-count select { width:100%; height:100%; } .pdt-info .pdt-option .pdt-count button { width:24px; } .pdt-info .pdt-option .pdt-count input { display:inline-block; height:12px; font-size:12px; width:60px; margin:0 2px; text-align:center; vertical-align:top; } .pdt-info .pdt-option .fr { margin-top:3px; } .pdt-info .pdt-option .pdt-optoin-price { font-size:15px; vertical-align:middle; } .pdt-info .pdt-option .pdt-option-del { position:absolute; top:10px; right:10px; display:inline-block; box-sizing:border-box; width:18px; height:18px; padding:3px; margin-left:6px; border:1px solid #c9c9cf; border-radius:2px; vertical-align:middle; } /* 상품 아이템 (상품상세) */ .pdt-info .pdt-tx .pdt-banner .soldout { z-index:10; position: absolute; top:0; left:0; width: 100%; height:100%; background: rgba(0,0,0,0.4) url(../../../images/common/img_soldout01_271.png) no-repeat 50% 50%; background-size: 135px 135px; text-indent: -9999%; } /* 2021-12-22 수정 */ .pdt-info .pdt-tx .pdt-banner .saleend { z-index:10; position: absolute; top:0; left:0; width: 100%; height:100%; background: rgba(0,0,0,0.4) url(../../../images/common/ico-saleend.png) no-repeat ; background-size: cover; background-position: center; text-indent: -9999%; } /* 2022-03-03 수정 */ .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe { margin:0 auto; width:250px; height:250px; } .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe-status2 { margin-top:12px; margin-bottom:10px; text-align: center; } /* 화끈딜 타임영역 2022.04.12 수정 */ .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe-status2 span { display: inline-block; margin: 0 3px; width:7px; height:7px; border-radius: 50%; background: #e2e2e2; } .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe-status2 span.on { background: #af0506; } .pdt-info .pdt-tx .wrap { overflow: hidden; position: relative; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; background: #fff; } .pdt-info .pdt-tx .wrap:after { display: block; content: ' '; clear: both; } .pdt-info .pdt-tx .wrap .title { line-height: 1.25em; margin: 15px 0; padding: 0 10px; text-align:left; font-size: 14px; } .pdt-info .pdt-tx .wrap .title em { color: #2299da; } .pdt-info .pdt-tx .wrap .time { margin-bottom: 14px; padding: 0 10px; } .pdt-info .pdt-tx .wrap .item-price1 { float: left; margin-bottom: 14px; box-sizing: border-box; padding-left: 10px; width: 50%; }/*2020.08.11 수정*/ .pdt-info .pdt-tx .wrap .item-price1 .sale-percent, .pdt-info .pdt-tx .wrap .item-price1 .sale-special { left: 18px;} .pdt-info .pdt-tx .wrap .item-price1 .sale-price { margin-left:10px;} .pdt-info .pdt-tx .wrap .item-price1 .sell-price { left:20px; } .pdt-info .pdt-tx .wrap .item-price1 .sale-special + .sale-price + .sell-price, .pdt-info .pdt-tx .wrap .item-price1 .sale-percent + .sale-price + .sell-price {left:70px;} .pdt-info .pdt-tx .wrap .item-price1 .sale-special + .sale-price, .pdt-info .pdt-tx .wrap .item-price1 .sale-percent + .sale-price {margin-left:60px;} .pdt-info .pdt-tx .item-category2 { float: right; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; box-sizing: border-box; margin-top: -5px; margin-bottom: 14px; padding-right: 10px; width: 52%; } .pdt-info .pdt-tx .swipe-banner .swipe li:nth-child(n+2) { transform: translate3d(100%, 0px, 0px); } /* 상품상세 진입시 추가 이미지가 노출되다 메인 이미지 노출 문제, 우선적으로 강제 position */ @media all and (max-width:320px) { .pdt-info .pdt-tx .wrap .item-price1 { width:56%; } .pdt-info .pdt-tx .item-category2 { width:44%; } .item-price1 .sale-price { font-size:16px; } /* .pdt-info .pdt-tx .wrap .item-price1 .sale-special + .sale-price, .pdt-info .pdt-tx .wrap .item-price1 .sale-percent + .sale-price { margin-left:50px; } .pdt-info .pdt-tx .wrap .item-price1 .sale-special + .sale-price + .sell-price, .pdt-info .pdt-tx .wrap .item-price1 .sale-percent + .sale-price + .sell-price {left:62px;} */ } .pdt-total-price { overflow:hidden; padding:15px; background:#fff9ed; border-top:1px solid #ececec; } .pdt-total-price .fl { font-size:14px; color:#444; } .pdt-total-price .fr { font-size:17px; color:#ff6c00;} .pdt-total-price {font-weight:bold; } .pdt-buy-btns { margin-bottom:25px; } .pdt-buy-btns span { width:25%; } .pdt-buy-btns span:nth-child(2) { width:46%; } .pdt-toggle-info > li { border-top:1px solid #ececec; } .pdt-toggle-info > li button { overflow:hidden; width:100%; height:45px; box-sizing:border-box; line-height:45px; font-size:14px; color:#444; background:url(../../../images/common/ico_arrow-down-circle3.png) no-repeat 96% center; background-size:25px; padding-left:5px;} .pdt-toggle-info > li button strong { float:left; margin-left:15px; padding-left:10px; background:url(../../../images/common/ico_blet2.png) no-repeat left 20px; background-size:4px; } .pdt-toggle-info > li button var { float:right; margin-right:15px; } .pdt-toggle-info > li.on button { background-image:url(../../../images/common/ico_arrow-up-circle4.png); } .pdt-toggle-info > li.on .sub { display:block; } .pdt-toggle-info.type2 > li button { background:none; } .pdt-toggle-info.type2 > li button strong { padding-left:0px; background:none; } .pdt-toggle-info.type2 > li.hasSub var { padding-right:28px; background-image:url(../../../images/common/ico_arrow-down3.png); background-repeat:no-repeat; background-position:center right; background-size:15px 8px; } .pdt-toggle-info.type2 > li.hasSub.on var { background-image:url(../../../images/common/ico_arrow-up.png); } .pdt-toggle-info .sub { clear:both; display:none; border-top:1px solid #ececec; background:#fff9ed; padding:10px 15px 15px 15px; font-size:12px; } .pdt-toggle-info .sub ul.dot li { padding-left:10px; line-height:20px; background:url(../../../images/common/ico_blet2.png) no-repeat left 8px; background-size:4px; } .pdt-toggle-info .sub ul.line li { padding-left:8px; text-indent:-8px; line-height:1.2em; margin-top:12px; color:#666; } .pdt-toggle-info .sub > * + ul { margin-top:12px; word-break:break-all; } .pdt-toggle-info .sub table { margin-top:5px; text-align:center; } .pdt-toggle-info .sub table.left { text-align:left; } .pdt-toggle-info .sub table.left th, .pdt-toggle-info .sub table.left td { padding-left:15px; padding-right:5px; } .pdt-toggle-info .sub th, .pdt-toggle-info .sub td { padding:11px 0; border-left:1px solid #ddd; border-bottom:1px solid #dddddd; line-height:1.3em; } .pdt-toggle-info .sub th { background:#fff6e5; color:#333; } .pdt-toggle-info .sub td { color:#666; } .pdt-toggle-info .sub tr:first-child th, .pdt-toggle-info .sub tr:first-child td { border-top:1px solid #ddd; } .pdt-toggle-info .sub th:first-child { border-left:0px; } .pdt-toggle-info .sub td:first-child { border-left:0px; border-top:1px solid #ddd; } .pdt-toggle-info .sub p { color:#666; line-height:1.2em; } .pdt-toggle-info .sub table + p { margin-top:12px; } .pdt-toggle-info .sub h4, .pdt-toggle-info .sub h5 { margin-top:16px; margin-bottom:5px; font-weight:normal; color:#333; } .pdt-toggle-info .sub h4:first-child, .pdt-toggle-info .sub h5:first-child { margin-top:0px; } .pdt-deliveryOpt { padding:0 15px 10px 38px; background:url(../../../images/common/ico_notice.gif) no-repeat 20px 2px; } .pdt-deliveryOpt p { line-height:130%; } .pdt-deliveryOpt i { color:#888; } .pdt-11stdeal { overflow:hidden; padding-left:10px; padding-right:15px; border-top:1px dashed #cacaca; } .pdt-11stdeal img { float:left; width:65px; margin-top:8px; } .pdt-11stdeal p { float:right; padding-left:20px; height:45px; line-height:45px; font-size:13px; color:#222222; text-align:right; background:url(../../../images/common/ico-hotdeal.png) no-repeat left center; background-size:16px 18px; } /* 전통주 상품일 경우,2023.01.05 */ .policy-liquor {position: relative; padding: calc(16em / 13) calc(16em / 13) calc(16em / 13) calc(88em / 13); font-size: 3.61111111111111vw;/*13*/ color: #363636; line-height: 1.53846153846em;} .policy-liquor::before { content: ""; display: inline-block; position: absolute; left: 8.33333333333333vw; top: 50%; transform: translateY(-50%); width: 12.22222222222222vw; height: 12.22222222222222vw; background-image: url("data:image/png;base64,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"); background-size: contain; background-repeat: no-repeat; } /* 상품정보 하단 탭 */ .pdt-tab { width:101%; overflow:hidden; } /* 100% 로 하면 우측에 1% 가량의 유격이 생김. */ .pdt-tab li { display:block; float:left; width:33%; text-align:center; } .pdt-tab li:first-child { width:34%; } .pdt-tab.col1 li { width:100%; text-align:left; } .pdt-tab.col2 li { width:50%; } .pdt-tab.col3 li { width:33.33333333333333%; } .pdt-tab.col4 li { width:25%; } .pdt-tab.col1 li a {padding:15px 0 0 10px !important;} .pdt-tab a { display:block; padding:11px 0 8px 0; font-size:12px; color:#666; border-right:1px solid #ececec; border-bottom:1px solid #ececec; background:#f8f8f8;} .pdt-tab li:last-child a { border-right:none; } .pdt-tab li.on a { padding-bottom:8px; border-bottom:none; background:#fff; } .pdt-info-tab { width:100%; overflow:hidden; } /* 100% 로 하면 우측에 1% 가량의 유격이 생김. */ .pdt-info-tab li { float:left; box-sizing:border-box; width:25%; height:43px; text-align:center; background:#f4f4f4; } .pdt-info-tab a { display:block; box-sizing:border-box; padding-top:8px; padding-bottom:0; height:50px; height:100%; font-size:12px; color:#666; line-height:1.2em; } .pdt-info-tab li:last-child { border-right:none; } .pdt-info-tab li.on { border-bottom:none; background:#fff; } .pdt-info-tab li.line1 a { padding-top:15px; } .pdt-info-tab li.link a { padding-right:22%; background:url(../../../images/shopping/ico_outlink.png) no-repeat 82% center; background-size:15px; } #pdt-info-detail { will-change: scale, scale3d, translate, translate3d; } /* 2024-03-14, 확대 축소 기능 속도 개선을 위해 추가 */ .tabCnt { display:none;} .tabCnt .pdt-toggle-info li:first-child { border-top:0px; } #pdt-tabCont1 { display:block; } /* 상품정보 - 하단 탭1 컨텐츠 */ .pdt-tab1-info { padding:15px; border-bottom:1px solid #ececec; } .pdt-tab1-info ul { width:100%; font-size:12px; line-height:1.2em; } .pdt-tab1-info li { overflow:hidden; margin-bottom:8px; background:url(../../../images/common/ico_blet2.png) no-repeat left 4px; background-size:4px; } .pdt-tab1-info dt { display:block; float:left; width:95px; padding-left:15px; color:#444; } .pdt-tab1-info dd { display:block; overflow:hidden; color:#999; } .pdt-tab1-info .has-tooltip { overflow: visible; position: relative; z-index: 100; } .pdt-tab1-info .to-tooltip { width: 16px; vertical-align: middle; margin-left: 6px; } .pdt-tab1-info .tooltip { z-index: 100; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #ececec; border-radius: 3px; width: 100%; } .pdt-tab1-info .tooltip h5 { height: 35px; line-height: 35px; padding-left: 25px; background: #f9f9f9; font-size: 15px; font-weight: bold; color: #444444; } .pdt-tab1-info .tooltip p { padding: 16px 25px; color: #999999; font-size: 14px; line-height: 1.25em; } .pdt-tab1-info .tooltip p strong { display: block; margin-bottom: 5px; color: #666666; font-weight: normal; } .pdt-tab1-info .tooltip .to-close { position: absolute; top: 7px; right: 15px; width: 22px; padding: 5px; } .pdt-tab1-noti dt button { display:block; width:100%; font-size:12px; color:#444; background:url(../../../images/common/ico_arrow-down-circle2.png) no-repeat 96% 50%; background-size:25px; } .pdt-tab1-noti dt button span { display:block; padding:14px 0 14px 15px; text-align:left; } .pdt-tab1-noti dt button.on { background-image:url(../../../images/common/ico_arrow-up-circle3.png); } .pdt-tab1-noti dd { display:none; padding:15px 25px; padding-top:0px; border-top:1px solid #ececec; background:#fff9ed; font-size:12px; line-height:1.5em; color: #999999; } .pdt-tab1-noti dd h4 { margin-left:-10px; margin-top:15px; padding-left:10px; background: url(../../../images/common/ico_blet2.png) no-repeat left 6px; background-size:4px; } .pdt-tab1-img { border-top:1px solid #ececec; } .pdt-tab1-img ul { display:inline-block; margin:15px 15px 5px; } .pdt-tab1-img li { margin-bottom:10px; } .pdt-tab1-img .btn-img-more { display:block; width:100%; padding:14px 0; text-align:center; font-size:14px; color:#444; background:#ebebeb; } .pdt-connect-tab li { } .pdt-connect-tab a { } .pdt-connect-tab li.line1 a {padding-left:0 !important; text-align:center; } .pdt-connect { position:relative; padding:15px 10px; } .pdt-connect .tit { font-size:12px; font-weight: normal; color:#444; margin:0 0 15px 10px; } .pdt-connect ul { display:inline-block; width:100%; } .pdt-connect > li { float:left; width:33%; } /*2020.08.04 수정*/ .pdt-connect li a { display:block; width:85px; margin:0 auto; text-align:center; } .pdt-connect li a .pdt-img { display:block; height:85px; line-height:85px; } .pdt-connect li a .pdt-tx { width:85px; margin-top:8px; height:44px; font-size:12px; color:#666; line-height:1.3em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis} .pdt-connect li a .pdt-price { display:block; margin-top:6px; font-size:13px; color:#ff4200; } .pdt-connect .swipe-banner { width:100%; overflow:hidden; } .pdt-connect .swipe { height:160px; } .pdt-connect .swipe li li { position:static; width:33%; } .pdt-connect .swipe li ul { overflow:hidden; } .pdt-connect .swipe li li a { width:85px; } .pdt-connect .swipe li li .pdt-price { height:auto; } .pdt-connect .swipe-status2 { margin-top:10px; text-align: center; } .pdt-connect .swipe-status2 span { display: inline-block; margin: 0 3px; width:7px; height:7px; border-radius: 50%; background: #e2e2e2; } .pdt-connect .swipe-status2 span.on { background: #333333; } @media all and (max-width:320px) { .pdt-connect li a .pdt-price { font-size:12px; } } /* 상품정보 - 하단 탭2컨텐츠 */ /*#pdt-tabCont2 { padding:15px; } BENEDR-8141 삭제 */ .pdt-q-tit { overflow:hidden; padding:10px 0; } .pdt-q-tit .fl { display:block; width:73%; font-size:11px; line-height:1.2em; color:#444; } .pdt-q-tit .fr { display:block; width:27%; text-align:right; } .pdt-q-tit .fr .ico-arrow { display:inline-block; width:14px; vertical-align:1px; } /*.pdt-q-tit button.on { background:url() } */ .pdt-q-reg { display:none; border-top:1px solid #dfdfdf; } .pdt-q-reg p { padding:15px 0 7px; font-size:13px; color:#444; } .pdt-q-reg p span { display:inline-block; margin-left:12px; } .pdt-q-reg p label { color:#999; } .pdt-q-reg textarea { height:60px; } .pdt-q-reg .btns { margin:10px 0 10px; } .pdt-q-list { font-size:13px; line-height:1.2em; border-bottom:1px solid #dfdfdf; } .pdt-q-list dt { overflow:hidden; padding:0 5px; border-top:1px solid #dfdfdf; } .pdt-q-list dt button { width:100%; padding:8px 0; } .pdt-q-list dt .q-tit { display:block; float:left; width:25%; padding:5px 0; text-align:left;} .pdt-q-list dt .q-tit .ico_secret { display:inline-block; width:10px; height:12px; vertical-align:0; } .pdt-q-list dt .q-info { display:block; float:right; width:75%; padding:5px 0; text-align:right; color:#999;} .pdt-q-list dd { display:none; } .pdt-q-list dd .pdt-q-tx { display:block; padding:0 5px 10px; border-bottom:1px solid #efefef;; } .pdt-q-list dd .pdt-a { display:block; padding:10px 5px 15px 21px; background:url(../../../images/common/ico_qna2.png) no-repeat 6px 10px; background-size:10px 12px; } .pdt-q-list dd .pdt-a .pdt-a-tit { display:block; margin-bottom:6px; color:#999; } .pdt-q-list .q-date { display:inline-block; margin-left:6px; padding-left:6px; border-left:1px solid #ececec; } .pdt-q-tx textarea { height:60px; font-size:13px; line-height:1.2em; color:#444; } .pdt-q-btns { display:block; margin-top:10px; } .pdt-q-btns .btn-type1 { padding:7px 10px; } .pdt-q-list .nodata { padding:8px 0; text-align:center; border-top:1px solid #dfdfdf; font-size:13px; } /* 상품정보 - 하단 탭3 컨텐츠 */ .pdt-notice { padding:5px 15px 20px; } .pdt-notice .pdt-notice-tit { margin:16px 0 8px; font-size:13px; line-height:1.3em; color:#444; } .pdt-notice .pdt-notice-tx { font-size:11px; line-height:1.5em; color:#999; } .pdt-notice .pdt-notice-tx li, .pdt-notice .pdt-notice-tx { padding-left:6px; text-indent:-6px; } /* 문의 - 하단 탭3 컨텐츠 */ .pdt-ask-info { position:relative; margin:9px 15px; min-height:28px; } .pdt-ask-info span { display:block; margin-right:90px; font-size:11px; color:#999; line-height:1.2em; } .pdt-ask-info button { position:absolute; top:0; right:0; width:80px; padding-left:6px; padding-right:20px; } .pdt-ask-info button { background-image:url(../../../images/common/ico_arrow-down-circle.png); background-repeat:no-repeat; background-position:60px center; background-size:14px; } .pdt-ask-regist { margin:0 15px; } .pdt-ask-regist .condition { overflow:hidden; position:relative; border-top:1px solid #ececec; padding-top:10px; } .pdt-ask-regist .condition h5 { position:absolute; top:0; left:0; padding:10px 0; width:55px; line-height:18px; font-size:13px; font-weight:normal; color:#1d1d1d; } .pdt-ask-regist .condition .radio-group { margin-left:65px; } .pdt-ask-regist .condition .radio-group input { margin:0 0 10px 0; } .pdt-ask-regist .condition .radio-group label { margin:0 15px 10px 2px; line-height:18px; vertical-align:top; font-size:13px; color:#999999; } .pdt-ask-regist .condition .radio-group input + label + input + label + input + label {margin-right:0;} .pdt-ask-regist textarea { height:150px; background:#f5f5f5; border:1px solid #ececec; color:#999; padding:10px;} .pdt-ask-regist textarea + .btn-type1 { margin-top:10px; width:100%; height:40px; background:#ff6d00; } .pdt-ask-order { position:relative;overflow:hidden; margin:0 15px; margin-top:10px; padding:15px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } .pdt-ask-order .condition { float:left; margin-top:4px;} .pdt-ask-order .condition label { padding-left:5px; } .pdt-ask-list { margin:0 15px; } .pdt-ask-list li { border-bottom:1px solid #ececec; } .pdt-ask-list li .ico { display:inline-block; text-indent:-9999%; } .pdt-ask-list li .ico.question { width:10px; height:15px; background:url(../../../images/shopping/ico_question.png) no-repeat 0 0; background-size:10px 15px; } .pdt-ask-list li .ico.answer { width:10px; height:13px; background:url(../../../images/shopping/ico_answer.png) no-repeat 0 0; background-size:10px 13px; } .pdt-ask-list li .ico.lock { width:10px; height:12px; background:url(../../../images/common/ico_lock.png) no-repeat 0 0; background-size:10px 12px; } .pdt-ask-list li > button { display:block; width:100%; text-align:left; position:relative; padding:10px 35px 10px 26px; background-image:url(../../../images/common/ico_arrow-down3.png); background-repeat:no-repeat; background-position:98% 22px; background-size:15px 8px; } .pdt-ask-list li > button .ico.question { position:absolute; top:10px; left:4px; } .pdt-ask-list li > button h5 { line-height:1.2em; font-size:13px; font-weight:normal; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: box; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; box-orient: vertical; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; } .pdt-ask-list li > button h5.attachment { padding-right: 20px; background-size: 17px auto; background-position: right top; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALzSURBVHgB7ZZNjtowFMdN2gOwnF25ABrmBIUTFJZdTSrxJbFoeoIyJxi6Q4CAOQGdZVekB0DQXXeTI7DgQwIB/T/qR42xIROl3XSelDiJY/vn92khXuRYEiJGqVarqc1m8y6RSCR3u90U149Op+OHGRsLiOd5ycVi0cNj3tAdOI6TazabgfibIKSF7XY7xGOKF4ZGAmgjiedMWJjXIl4It9VqPSj9WfSTpshk1OZsc0XWiApB/rBer3P9fn9i+C8r/xNoczafcUQEKZVKGexwbIIgQPVfmMOHqfz9Yo7z1jbns0EIAs2QIgNtAIgbhigWi33s+gntZ21YQDeMSYk4QADhYrIxQ6xWK9JEwBDY8a1ccKoNTdEN2gtsc4d2VgnRk68HCArd5XI5wCJZ6oBG6vCDLzyuXC7nuQ+tb5s/lLNisjoaVvdEQkxl/iBHzCgQdwq8asYJIurGtsZF09ggyCkBMWYI7NZTIShaFAjSYOHcOk5YCCzUVyH0/NFutw/mIDNSv8mXbGL1EXI+NLcMgYU+CHGaP9Dm0fddGecB4F6+hoKwgmBHDUy2h1DtTjbH+0BYktg5M8pxSXyjcJ9eBJHR8dEEgYY0wfnjaKeaGX30FyxmpPGXQQBx8AkdwmZz3ZdsZsR4z2amIxCKeSbHju4UuB5rQodQfQnSAMQnE4StFhlBINdyV75GziHq8nfKIbPZrMHZVDcjapFaBgrnIEiOwpdrgZ6iZXQIzpCcyEwQhvyRuwRxAnJGvu5/dpw6zDeYz+dPwpBNo+QPIwgmYfKM+h2qJbtzX57PpHh2GULmj5NaJELKUa25dIiRoX1NVRRwj7yQLX+IZ8hJ0atUKkPpC4Et+agSB4QRRK+Y8IuC6dBLDgtfqXPyU/NHFDEeA/SzBx31EI4PFE10OgdcVvzOHak4IKwgJDK53Ys/qdkoVP7VyhtVXtk6RqPRz3Q6/Yjdk0au8OlK6Q5w0bHgfbfb/Sb+tdRqtTeu6ybFi/xP8gti4Iox3AxTUQAAAABJRU5ErkJggg=="); } /* 2023.10.24 추가 */ .pdt-ask-list li > button h5.mine { font-weight:bold; color:#333; } .pdt-ask-list li > button h5.allView {line-clamp: 100000; -webkit-line-clamp: 100000;} /* 클릭시 질문내용 모두보여짐 */ .pdt-ask-list li > button h5 .ico.lock { margin-right:10px; vertical-align:-10%; } .pdt-ask-list li > button p { margin-top:4px; font-size:11px; color:#999; } .pdt-ask-list li > .answer { display:none; border-top:1px dashed #ececec; position:relative; padding:10px 35px 10px 26px; } .pdt-ask-list li > button a.btn-type1 {width:55px; margin-top:5px; display:block;} .pdt-ask-list li > .answer .ico.answer { position:absolute; top:10px; left:4px; } .pdt-ask-list li > .answer p { line-height:1.2em; color:#333; word-break: break-all; } .pdt-ask-list li > .answer time { display:block; margin-top:4px; color:#999; } .pdt-ask-list li > .answer button { margin-top:6px; min-width:55px; } .pdt-ask-list li.on > .answer { display:block; } .pdt-ask-list li.on > button { background-image:url(../../../images/common/ico_arrow-up.png); } .pdt-ask-list .no-list li { padding:0; text-align:center; height:45px; line-height:45px; font-size:13px; color:#333333; } .pdt-ask-list .btn-box2 { background:#fff; font-size:3.2vw; color:#666; margin-top:3vw; border-top:1px solid #ccc; height:10vw; line-height:10vw;} /* 2020-11-16 추가 */ .pdt-ask-list .btn-box2 span { background-size: 1.2vw auto; background-position-y: center; padding-right:4vw; display:inline-block;} /* 2020-11-19 수정 */ .pdt-ask-list li:last-child {border:0;} /* 2020-11-16 추가 */ /* 품절 / 판매중지 화면 */ .detail-soldout .nodata-type1 { margin-top:0; padding:30px 0 60px 0 !important; } /* 상품정보 - 구매하기(고정), 2022.02.17 */ #float-buy {font-size: 3.333333333333333vw;height: calc(60em / 12);border-top: 1px solid #e2e2e2; z-index: 2100; position: fixed; bottom: 0px; left: 0px; width: 100%; background: #fff; transition: 300ms; transform: translate3d(0px,0px,0px); transition-property: height; } #float-buy > .to-toggle { position: absolute; top:-20px; left:50%; margin-left: -42.5px; width:85px; height:20px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #363a40; outline:none;} #float-buy > .to-toggle .ico-txt { margin-top: 5px; width: 16px; height: 10px; background: url(../../../images/shopping/btn-float-toggle.png) no-repeat 0 0; background-size: 16px 20px; } #float-buy .pdt-total-price { box-sizing:border-box; position: relative; background:none; border-top: 0px; padding: calc(10em / 12) calc(15em / 12); } #float-buy .pdt-opt-wrap { border-top:2px solid #363a40; padding:0px 15px 0; overflow-y:scroll; box-sizing:border-box; margin-top: 15px;} #float-buy .pdt-sub-info { margin-bottom: 15px; } #float-buy .pdt-sub-info dt { font-size: 14px; color: #fff; } #float-buy .pdt-sub-info select {width: 100%; padding: 14px 30px 14px 10px; border: none; border-radius: 0; border-bottom: 1px solid #e7e7e7; font-size: 14px; font-weight: 700;} #float-buy .bind-select-box:after {width: 11px; height: 6.5px; background: #fff url(../../../images/common/ico_arrow-down5.png) no-repeat; background-size: 100% auto; top: 50%; transform: translateY(-50%);} #float-buy .pdt-sub-info .bind-select-box { position:relative; } #float-buy .pdt-sub-info .bind-select-box button { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; } #float-buy .pdt-option { position: relative; margin-bottom: 15px; padding: 15px 13px 12px 17px; background: #f8f8f8; border: 1px solid #e7e7e7; overflow: hidden;} #float-buy .pdt-option .pdt-name { display: block; margin-bottom: calc(9em / 14); width:80%; font-size: 1.166666666666667em; color: #1b1b1b; line-height:1.3em; font-weight: 500;} /* #float-buy .pdt-option .pdt-option-del { position: absolute; top: 10px; right: 10px; box-sizing: border-box; width:18px; height: 18px; border: 1px solid #acacb7; border-radius: 2px; } #float-buy .pdt-option .pdt-option-del img { margin: 2px; width:12px; height:12px; } */ #float-buy .pdt-option .pdt-option-del {position: absolute; top: 5%; right: 1.3%; font-size: 1.5em; width: 2.03921568627451em; height: 2.03921568627451em; overflow: hidden; text-indent: -200vw; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZCQ0M5MDdBNEI2NTExRUM5QjJGOUZFMTc2NTgxRDlFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZCQ0M5MDdCNEI2NTExRUM5QjJGOUZFMTc2NTgxRDlFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkJDQzkwNzg0QjY1MTFFQzlCMkY5RkUxNzY1ODFEOUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDQzkwNzk0QjY1MTFFQzlCMkY5RkUxNzY1ODFEOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QFXjsAAAEMklEQVR42sya2WsTURSHT9IlbV2otXVpfRHFDRfEh1IXEIrPKogPVlGsIKKigqCouKIo7go+FHewggj+B4pSH3ywDxZBqYqILTFt3RoTmm7+TnKnhnGS3Mmcmc6Bj0Lbubnf5M6dc8+9gfb2dhKKEKgDy8E8MAtMAWNAOfgN/oAIeA/egZegBcSkOlEoILEGNIB6UJblf8crpoJFab9PgOegGTwGUScdCuT5DY0D28F+MJnk4ge4Dq6C7/k0ELR7A0Aj+ATOC8twTABHwWewL58RZEdouhrvN0EluRs8Ai6B12C+G0KrQStYSt7GQvBKjQoxob3giZqpRiPK1Kg4q4a8I6FT4LJOQx7EAdCUqy/ZhA6CI+Sv2Aau5SO0Dpwhf8YusMOO0Exw2yfDLFPwDLhYR4gl7qlp089RojKLUC6hrTpTc0lJCRUUFIj3ktssLS2lQEBrcMxRmUrG1IfzrI+5XpqVlZVUXl5OQ0ND1NHRQX19fSIyRUVFVFNTQ4WFhRSNRikcDutcFlNJcIfVN7RbJwPgD05eGAwmOxAKhURlOIqLi+28ow5bDTnu1R6dFnp6emhwcFBMyiwzPDxMXV1ddprYAiaahdaCKp2rE4kEdXZ2ikhZyXDb8XjcTjOlYJNZqMFOC/zcOJUSkiFz/4NquNXbbcGJlLAMxxK1Ok4K1amvjbyQckHGeH+uNIRWOmnJjpRLMkasMIQWOG1JR8plGY65htAMidaySXkgQ+oFm8wUvuHnJLFaFgSqq6tHUiPOKBiXZZJNJ++jKkyIhdU35YGMMTGMZaEi6ZZZKhKJWGYZLsmM5M1Bp4W9TFNzVdX/iUdFRYVI7pftXrJQr7SMeQKQzP1yRC8LfXdThp8ZqdwvR4SNafuDmzL8zEjkfhrRbgi1uSkjmdDmiPeGUIvbMh5JtaQLJdyW8UDqmSHEm1AvvFycuSD1FnxJX+A99HqlKSzVbF6xPgI/vV5pCknx43LXLMTZQpPO1VzGkszNrKQ4uQ0GtbeuuDDaaVXGuqiTNQwMDIgnmmYpztQ1hfrBufRfpG/5cTZ5AlzI1kJ3dzfFYrFk9ae/v180oeXCJRcx+SYZNy5HXFXFUcvKqSHYKrGK9SC+qlVq1KrQODKiwEYQ97nMoOrnfysFq4H6hlJlYT/HcUqdbSAdIY5blNrT9GM8AKcz/THbVHII3PGZDG9eb1b1A9tCfFGjms79EPfBevX8UD5ChhRvKu3kmXUUJwA+XbJFTVrkRMiIG2CZsebwMHgjaxWljhcM61xg52gMH1PhU1THPJjWB9RQn2MsC3TD7uElHnYnKVWlvEKC59zSEs1b9G//1HZFKuDwAGAF2KBecrUO2mlTD31zeqKZTwQETzROo9Q+U61KSWZT6rCfOXoodTyNJfhg0lOpQo20UKYYr3JEnq1+uf1hfwUYAKtaLxusxJ+xAAAAAElFTkSuQmCC); background-position: center; background-size: 50% auto;} #float-buy .pdt-option .flex-area {display: flex; justify-content: space-between; align-items: center;} #float-buy .pdt-option .pdt-optoin-price {font-size:1.333333333333333em; font-weight: 700; line-height: 1.3em;} #float-buy .pdt-option .option-count .count, #float-buy .pdt-option .option-count .btn-minus, #float-buy .pdt-option .option-count .btn-plus {border-color: #e0e0e0; border-radius: 0;} #float-buy .pdt-total-price .price { display: flex; flex-direction: column; justify-content: center; flex: 1; } #float-buy .pdt-total-price .price:after { content: ''; clear: both; display: block; } #float-buy .pdt-total-price .price .summary {display: flex; justify-content: space-between;} #float-buy .pdt-total-price .price .summary > div > span {display: block;} #float-buy .pdt-total-price .price .summary > div:last-child {text-align: right;} #float-buy .pdt-total-price .price .summary .acount {margin-top: calc(3em / 14); font-size: 1.166666666666667em; color: #1b1b1b; line-height: 2em;} #float-buy .pdt-total-price .price .summary .sub {color: #666; font-size: 1.083333333333333em; font-weight: 400;} #float-buy .pdt-total-price .price .summary .ta-prc {color: #ed752f; line-height: 1.2em; font-size: 1.833333333333333em; white-space:nowrap;} #float-buy .pdt-total-price .price .summary .ta-prc em {font-size: 0.6363636363636364em; vertical-align: middle;} #float-buy .pdt-total-price .price .summary .ta-prc em:first-child {margin-right: calc(4em / 22); color: #1b1b1b; font-weight: normal;} #float-buy .pdt-total-price .price .summary .c-txt {margin: calc(8em / 14) 0 0 0; color: #666666; font-size: 1.166666666666667em; font-weight: 400; line-height: 1.05em;} /* 2022.03.29, m */ #float-buy .pdt-total-price .opt { margin-bottom:15px; text-align:right; } #float-buy .pdt-total-price .opt label { color:#999999; } #float-buy .pdt-total-price .btn a { height:40px; line-height:40px; text-align: center; color:#fff; font-size: 15px; } #float-buy .pdt-total-price .to-interest { position: absolute; width:40px; height:40px; padding-top:5px; box-sizing: border-box; border: 1px solid #5e6166; } #float-buy .pdt-total-price .to-interest .ico-txt { width:24px; height:23px; background: url(../../../images/shopping/btn-float-interest.png) no-repeat 0 -23px; background-size: 24px 46px; } #float-buy .pdt-total-price .to-interest-on {border: 1px solid #FF6C00;} #float-buy .pdt-total-price .to-interest-on .ico-txt { width:24px; height:23px; background: url(../../../images/shopping/btn-float-interest.png) no-repeat 0 0; background-size: 24px 46px; } #float-buy .pdt-total-price .to-interest.on .ico-txt { background-position: 0 0; } #float-buy .pdt-total-price .to-basket { background: #fff; color:#333 !important; } #float-buy .pdt-total-price .to-buy { display: block; /*margin-left:50px;*/ line-height:40px; background: #ff6c00; } /* 2020-05-29 수정 */ #float-buy.on { height:250px; } #float-buy.on .pdt-opt-wrap { height:115px; } #float-buy.opt.on { height:320px; }/*배송 배송지 추가될떄 높이값 350으로 변경*/ #float-buy.opt.on .pdt-opt-wrap { height:calc(215em / 12); } #float-buy.on > .to-toggle .ico-txt { background-position: 0 -10px; } #float-buy.on .pdt-total-price {display: flex; flex-direction: column; justify-content: space-between; padding-top: 0px; padding-bottom: 0px; height: calc(160em / 12); }/*배송 배송지 추가될떄 높이값 주석 해제*/ #float-buy.on .pdt-total-price .btn a { display: inline-block; } #float-buy.on .pdt-total-price .btn .to-basket, #float-buy.on .pdt-total-price .btn .to-buy { width: 49%; border-radius: 5px; margin: 0px; float: left; } #float-buy.on .pdt-total-price .btn .to-basket { float: left; } #float-buy.on .pdt-total-price .btn .to-buy { float: right; } #float-buy.on .pdt-total-price .btn .to-buy.block { float:none; width:100%; } #float-buy .pdt-opt-wrap { display:none; } #float-buy .pdt-total-price .price, #float-buy .pdt-total-price .opt, #float-buy .pdt-total-price .to-basket { display: none; } #float-buy.on .pdt-opt-wrap { display: block; } #float-buy.on .pdt-total-price .price, #float-buy.on .pdt-total-price .opt, #float-buy.on .pdt-total-price .to-basket { display: flex; } #float-buy.on .pdt-total-price .to-interest { display: none; } #float-buy .pdt-opt-select { z-index:100; display:none; position:absolute; top:0; left:0; width:100%; height:calc(400em / 12); padding:15px 15px 6px; box-sizing:border-box; background:#363a40; } #float-buy .pdt-opt-select.on { display:block; } #float-buy .pdt-opt-select .select-box {overflow:hidden; height:210px; background:#fff; } #float-buy .pdt-opt-select .select-box .header {position:relative; display: flex; justify-content: space-between; align-items: center; height: calc(43em / 12);} #float-buy .pdt-opt-select .select-box .header .checkbox-wrap {margin-left: calc(10em / 12);} #float-buy .pdt-opt-select .select-box .header h5 { color:#fff; font-size:14px; font-weight:normal; } #float-buy .pdt-opt-select .select-box .header .to-close { position:absolute; top:5px; right:4px; width: calc(35em / 12); height:calc(35em / 12); } /* 2022.03.29, m */ #float-buy .pdt-opt-select .select-box .header .to-close > span {color: #1b1b1b; font-size: 1.166666666666667em;} #float-buy .pdt-opt-select .select-box > ul { overflow-y:auto; height:175px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } #float-buy .pdt-opt-select .select-box li { background:#fff; border-bottom:1px solid #e7e7e7; } #float-buy .pdt-opt-select .select-box li:last-child { border-bottom:none; } #float-buy .pdt-opt-select .select-box li ul {display:none; padding: calc(11em / 12) 0; border-top:1px solid #e7e7e7; background:#f8f8f8;} #float-buy .pdt-opt-select .select-box li li {margin-left: calc(10em / 12); border: none;} #float-buy .pdt-opt-select .select-box li button {box-sizing:border-box; padding-left:calc(10em / 14); width:100%; height:calc(43em / 14); line-height:1em; text-align:left;} #float-buy .pdt-opt-select .select-box li > button {font-size: 1.166666666666667em; font-weight: 700;} #float-buy .pdt-opt-select .select-box li li button {background:#f8f8f8; font-size: 1.166666666666667em; font-weight: 400;} #float-buy .pdt-opt-select .select-box li li button.disabled { color:#aaa; } #float-buy .pdt-opt-select .select-box li.on ul { display:block;} #float-buy .pdt-opt-select .select-box li.hasChild {background-image:url("/images/common/ico_arrow-op-down.png"); background-repeat: no-repeat; background-position: calc(304em / 12) calc(18em / 12); background-size:calc(11em / 12) calc(6.5em / 12);} #float-buy .pdt-opt-select .select-box li.hasChild.on {background-image:url("/images/common/ico_arrow-op-up.png");} /*#float-buy.opt .pdt-opt-select { height:350px; } 2019.06.14 delete */ #float-buy.opt .pdt-opt-select .select-box {height: calc(380em / 12);} #float-buy.opt .pdt-opt-select .select-box > ul {height: calc(320em / 12)} .nonScroll {overflow: hidden; } /* 상품정보 - 구매하기(고정) V2 - 배경색상 변경 - 2021-06-22 추가 */ #float-buy > .to-toggle {background: white;border: 1px solid #e2e2e2;border-bottom: none;} #float-buy > .to-toggle .ico-txt {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAwCAIAAADsGa/MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjkzN0Y1MENDOUFEMTFFQkJGRkFDQ0FGN0Y4MEFBQjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjkzN0Y1MEJDOUFEMTFFQkJGRkFDQ0FGN0Y4MEFBQjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTBENkQzRUQyM0I3MTFFNThCQkRCNEQ4MjdDMTk5MTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTBENkQzRUUyM0I3MTFFNThCQkRCNEQ4MjdDMTk5MTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BUTCuAAACD0lEQVR42sSYW28BQRzFV7fU4utpbEV9khIqKiqoiIq4BI+olLhGhH4uMT2yD2Rn6Jpd/Z8XdjMzv3N2Z+fmYowpUkomXxnbx+NxueoKk1IqlTKqJxJJuRYUO1RDuPwPcPotzT823LwtOPuePffKMpnMrcC5XO5yd4Et58H5fN5KV4U5J8GFfIFn+H1+fyDA34dFZ8AfxaLL5TK17vNp2+0PBDzPhlG74FKpJKRuNhujAPC4NBVAFdiVB5fLZSF1vV6fFoMJIRumZcCVSkVIXa1WfGFYEbJh/Tpw9bMqpC6Xy3MNwZCQjQBWwbVajadqmrZYLC+/NtgSshHjb3C9UeepXq93Pp9b+UhgDhZ5NsJcAjcaTQHV8zCbzawPSbAIozwbkcTgVrOpqmaqx+OezKbXTgAwCrs8G8HM4FarpaqqgDqZMinBLqqbGkQwxDuC2+2OkDoej5kNwbSIrSLkAdzpdoXU0feI2RasC9mIqkQiEZ46HA6ZQ0IAnh19jiq73S4UCp1SB4Mv5qgQ45T9FNYBPbxj/DwGg7jldrsH/T67gRDGYCMkcMdejQtd13u9HruZECkcDhtU6E6hEtmjJutcZJ8T2QBCNmRSThKU0yLlQoBy6UO52KNc3lIu6Cm3MJSbNsptKuXGnPIogvLwhfK4ifKAjfJI0VAikbR5iHovtzaNxV4Y2xt/5Fr4FWAAGmufdz9DgHAAAAAASUVORK5CYII=");} #float-buy .pdt-opt-wrap {border-top: none;} #float-buy .pdt-opt-select {background: white;} #float-buy .pdt-total-price .c-coupon>span {color:#303030; font-size: 14px; font-weight: normal; margin: 0 6px 0 0;} #float-buy .pdt-total-price .price .fl {color:#303030;} #float-buy .pdt-total-price .btn a {border-radius:5px;} #float-buy.on .pdt-total-price .btn .to-basket {border:1px solid #ed752e;box-sizing: border-box; color: #ed752e !important;} /* #float-buy .pdt-total-price .c-coupon:after {content:"";display:block;clear:both;} /* 2021-06-28 추가 - Galaxy Note 9 버튼아래 선 보이지 않는 오류 관련 */ /* #float-buy .pdt-total-price .c-coupon {margin-bottom:0;padding-bottom:7px;} */ /* 2021-06-28 추가 - Galaxy Note 9 버튼아래 선 보이지 않는 오류 관련 */ #float-buy .pdt-total-price .c-coupon > button {border:1px solid #ccc;box-sizing:border-box; border-radius: 3px; padding: 5.5px 7.5px; font-size: 13px;} #float-buy .btm-flexbox {display: flex; font-size: 3.333333333333333vw;} #float-buy .btm-flexbox .fixed {width: calc(56em / 12);} #float-buy .btm-flexbox .fixed .to-like {width: calc(44em / 12); height: calc(40em / 12); background-repeat: no-repeat; background-image: url("/images/shopping/icon_hart_outline.png"); background-position: 50% 50%; background-size: 2.083333333333333em 1.791666666666667em; text-indent: -1000em; border: 1px solid #e2e2e2; border-radius: 5px; transition: background 150ms ease-out;} /* 좋아요 없는 경우 */ #float-buy .to-expanded .fixed {display: none; } #float-buy.on .btm-flexbox .fixed {display: none;} #float-buy.on .btm-flexbox .fixed .to-like {border: none; background-image: url("/images/shopping/icon_hart_outline2.png"); background-position: left center; -webkit-tap-highlight-color:rgba(0,0,0,0);} #float-buy .btm-flexbox .fixed .to-like.active {background-image: url("/images/shopping/icon_hart_fill.png");} #float-buy.on .btm-flexbox .fixed .to-like.active {background-image: url("/images/shopping/icon_hart_fill.png"); background-position: left center;} #float-buy .btm-flexbox .variable {flex: 1;} #float-buy .btm-flexbox .variable > button[name= 'thing'], #float-buy .btm-flexbox .variable > a[name= 'thing'] {display: none;} #float-buy.on .btm-flexbox .variable > button[name= 'thing'], #float-buy.on .btm-flexbox .variable > a[name= 'thing'] {display: block;} #float-buy.on .btm-flexbox .variable > button[name= 'some'], #float-buy.on .btm-flexbox .variable > a[name= 'some'] {display: none;} #float-buy .pdt-total-price .btm-flexbox a {height: calc(40em / 15); font-size: calc(15em / 12); line-height: calc(40em / 15);} #float-buy .btm-flexbox .variable.to-expanded > .to-basket {display: none;} #float-buy .btm-flexbox .variable.to-expanded > a[name='thing'], #float-buy .btm-flexbox .variable.to-expanded > button[name='thing'] {width: 100%;} /* 2022.04.12 A-B타입 add */ #float-buy #type2 .btm-flexbox .variable a {display: block; width: 49%;} #float-buy #type2 .btm-flexbox .variable a:first-child {float: left;} #float-buy #type2 .btm-flexbox .variable a:last-child {float: right;} #float-buy #type2 .btm-flexbox .variable .to-basket {border: 1px solid #ed752e;box-sizing: border-box; color: #ed752e !important;} #float-buy.on #type2 .btm-flexbox .variable.to-expanded .to-basket {display: none;} #float-buy.on #type2 .btm-flexbox .variable.to-expanded .to-buy {width: 100%;} #float-buy #type2 .btm-flexbox .variable.to-direct .to-basket {display: none;} #float-buy.on #type2 .btm-flexbox .variable.to-direct .to-basket {display: none;} #float-buy #type2 .btm-flexbox .variable.to-direct .to-buy {width: 100%;} #float-buy.on #type2 .btm-flexbox .variable.to-direct .to-buy {width: 100%;} /* 상품상세 구매하기,옵션, 2022.02.17 */ /* 구매하기 */ .toggle-delivery .ico-arrow { display:inline-block; width:14px; margin-left: 5px; vertical-align:middle; } .sec-tit-delivery input { margin-right:5px; } .sec-order-input + .sec-tit2, .sec-order-input + .sec-tit-set2, .sec-order + .sec-tit2, .sec-order + .sec-tit-set2 { margin-top:-10px !important; border-radius: 0px !important; } .sec-order .order-info { position: relative; text-align:left; font-size:12px; } .sec-order .order-info p + p { margin-top:10px; } .sec-order .order-info p:first-child a, .sec-order .order-info p:first-child button { position: absolute; top: 6px; right: 10px; } /* 배송지 선택시 */ .recent-order { text-align:left !important; } .recent-order .select-type3 { width: 100%; text-align: left; background-position: 95% center; } .recent-order-btn, .recent-order-item { display:none; } .recent-order-item td { text-align: left; font-size: 12px; } .recent-order-btn button { display: block; width: 100%; text-align: center; font-size: 12px; } .tbl-payment-inp ul { width:100%; } .tbl-payment-inp li { overflow:hidden; border-top:1px solid #ececec; } .tbl-payment-inp li:first-child { border-top:none; } .tbl-payment-inp li .label, .tbl-payment-inp li label { line-height:30px; vertical-align:middle; } .pay-tit { overflow:hidden; padding:4px 10px 4px 15px; background: #fff; border: 1px solid #9e9e9e; border-radius: 4px; margin-bottom: 10px;} .pay-tit .fl { width:50%; font-size:14px; color:#444; font-weight:bold; } .pay-tit label {line-height: 30px;} .pay-tit .fl input { float:right; margin:5px 8px 0 0; } .pay-tit .fr { width:50%; overflow:hidden; } .pay-tit .fr input { display:block; float:left; width:84%; } .pay-tit .fr i { display:block; float:right; width:14%; line-height:30px; text-align:center; } .pay-tit .fr.has-toggle input { width:55%; } .pay-tit .fr.has-toggle i { float:left; width:15%; } .pay-tit .fr.has-toggle i + a, .pay-tit .fr.has-toggle i + button { float:left; width:30%; } .pay-tit .fr.has-toggle i + a:after, .pay-tit .fr.has-toggle i + button:after { display: inline-block; content: ''; margin-left: 2px; margin-bottom: 2px; width: 0px; height: 0px; line-height: 0px; border-style: solid; border-width: 5px 4px 0; border-color: #fff transparent transparent transparent; } .pay-tit .fr.has-toggle i + button.on:after { border-width: 0px 4px 5px; border-color: transparent transparent #fff transparent; } .pay-tit .fr.has-toggle + .pay-inp-desc { padding-left:40%; padding-right:0px; text-align:left; } .pay-tit .pay-inp-desc { display:none; clear:both; padding:5px 27px 0 0; text-align:right; } .pay-coupon .pay-inp-desc { display:block; } .pay-tit label[for="pay-syrup"] {width: 70px; display: inline-block;} .pay-tit label[for="pay-syrup"] > img {vertical-align: middle;} .pay-tit .inp-chk-set .toggle-chk {float: left; margin-right: 5px;} .paymentInfo {background: #9e9e9e; border-radius: 5px 5px 0 0; padding: 2%; } .paymentInfo .payment {overflow: hidden; font-size: 11px; color: #444;} .paymentInfo .payment li {float: left; width: 32%; margin-right: 2%; background: #fff; border-top: 0px; border-radius: 5px;} .paymentInfo .payment.len1 li { width: 100%; } .paymentInfo .payment.len2 li { width: 48%; } .paymentInfo .payment.len3 li { width: 32%; } .paymentInfo .payment.len4 li { width: 49%; } /* PAYCO 결제수단 추가, 2019.11.6 add */ .paymentInfo .payment.len4 li:nth-child(even) {float: right; margin-right: 0;} /* PAYCO 결제수단 추가, 2019.11.6 add */ .paymentInfo .payment.len4 li:nth-child(-n+2) {margin-bottom: 2%} /* PAYCO 결제수단 추가, 2019.11.6 add */ .paymentInfo .payment li:last-child {margin-right: 0;} .paymentInfo .payment button {padding: 57px 0 13px 0; width: 100%; background-size: 42px; background-repeat: no-repeat; background-position: center 17px;} /* PAYCO 결제수단 추가, 2019.11.6 mordify =============================== */ .paymentInfo .payment li:nth-child(1) button {background-image: url(../../../images/shopping/ico_payment_card.png) } .paymentInfo .payment li:nth-child(2) button {background: url(../../../images/shopping/_txt_skPay_mobile.png) center 20px no-repeat; background-size: 88px 27px;} .paymentInfo .payment li:nth-child(3) button {background: url(../../../images/shopping/ico_txt_payco_mobile.png) center 20px no-repeat; background-size: 80px 20px;} .paymentInfo .payment li:nth-child(4) button {background-image: url(../../../images/shopping/ico_payment_transfer.png)} .paymentInfo .payment li.on button { background-color: #ff6c00; color: #fff; } .paymentInfo .payment li.disable button { background-color: #acacac; color: #6b6b6b; } .paymentInfo .payment li:nth-child(1).on button { background-image: url(../../../images/shopping/ico_payment_card_on.png); } .paymentInfo .payment li:nth-child(2).on button { background-image: url(../../../images/shopping/txt_skPay_on_mobile.png); } .paymentInfo .payment li:nth-child(3).on button { background-image: url(../../../images/shopping/ico_txt_payco_on_mobile.png); } .paymentInfo .payment li:nth-child(4).on button { background-image: url(../../../images/shopping/ico_payment_transfer_on.png); } .paymentInfo .payment li:nth-child(1).disable button { background-image: url(../../../images/shopping/ico_payment_card_disable.png); } .paymentInfo .payment li:nth-child(2).disable button { background-image: url(../../../images/shopping/txt_syrupPay_disable.png); } .paymentInfo .payment li:nth-child(4).disable button { background-image: url(../../../images/shopping/ico_payment_transfer_disable.png); } /* PAYCO 결제수단 추가, 2019.11.6 mordify =============================== */ .paymentPrice {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; overflow:hidden; line-height:40px; display:block; padding:0 15px; border-radius:0 0 5px 5px; font-size:14px; font-weight:bold;} .paymentPrice strong {font-size:16px; font-weight:bold;} .pay-inp { display:none; overflow:hidden; padding:10px 15px; background:#fff9ed; } .pay-inp .btns { margin:10px 0 0; } .pay-inp .pay-sec { overflow:hidden; } .pay-inp + .pay-inp { padding-top:0px; margin-top:-10px; } .pay-inp .ocb-pay-sec p { float:left; } .pay-inp .ocb-pay-sec div { float:right; text-align:right; } .pay-inp .pay-sec .pay-sec-tit { font-size:13px; line-height:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pay-inp .pay-sec .pay-sec-in { display:block; margin-top:5px; } .pay-inp .pay-sec .pay-sec-in label { display:block; margin-left:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pay-inp label, .pay-inp .tit { font-size:13px; color:#666; } .pay-inp .tit { display:inline-block; width:40%; } .pay-inp .tx { font-size:14px; color:#444; } .pay-wel span { overflow:hidden; } .pay-wel .fr { width:60%; } .pay-wel span input { display:block; float:left; width:80%; } .pay-wel span i { display:block; float:right; width:14%; line-height:30px; text-align:center; } .pay-wel .pay-sec .fl label { margin-left:7px; } .pay-wel-desc { clear:both; padding:8px 0; font-size:12px; line-height:1.3em; color:#999; } .pay-wel .pay-sec-tit { margin:5px 0 7px;} .tbl-payment-inp .inp-chk-set { padding:6px 20px 6px 15px; } .tbl-payment-inp .inp-chk-set label { font-size:14px; color:#444; font-weight:bold; } .pi-area { padding:15px; font-size:12px; color:#666; line-height:1.4em; } .pi-chk { padding:15px; border-top:1px solid #ececec; } /* 주문완료 */ .shop-order-ment { margin:10px 0 15px; font-size:16px; color:#444; line-height:1.4em; text-align:center; } /* 장바구니 */ .basket-order { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d9d9d9; text-align:right; } .basket-order select { width: auto; } .basket-chk-all { overflow:hidden; margin:5px 0 8px 0; color: #333;} .basket-chk-all.display-flex {display: flex; align-items: center; justify-content: space-between;} /* 품절버튼 추가, BENEDR-18640 */ .basket-chk-all.display-flex .btn-type1 {width: 69px; letter-spacing: -2px; border: 1px solid #cccccc; background-color: #fff; color: #1b1b1b;} /* 품절버튼 추가, BENEDR-18640 */ .basket-item td { border-left:none; } .basket-item tr:first-child td:first-child { text-align:left; } .basket-item tr:first-child td { padding:6px 12px; } .basket-item .basket-del { display:inline-block; width:22px; height:22px; padding:4px; text-align:center; } .basket-item .basket-del img { width:12px; height:12px; } .basket-item .pdt-info { text-align:left; } .basket-item .pdt-name { overflow:hidden; } .basket-item .pdt-name i { display:inline-block; width:61%; padding-top:6px; } .basket-item .pdt-name a { float:right; } .basket-item .pdt-name a img { width:14px; } .no-basket-pdt { width:95px; margin:0 auto; padding-top:100px; } /* 관심상품 */ .attention-order { margin-bottom:10px; text-align:right; } .attention-order select { width: auto; } /* 포인트 결제 팝업 */ .payment-welPoint .use-all-point { margin-top:5px; margin-bottom:10px; text-align:right; font-size: 14px; font-weight: bold; } .payment-welPoint table { table-layout:fixed; } .payment-welPoint .tbl-welPoint td, .payment-welPoint .tbl-welPoint th { background:#444; color:#fff; border:none;} .payment-welPoint .tbl-payment { margin-top:10px; } .tx-overflow { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .inp-point-set { border-left:none !important; text-align:left !important; } .inp-point-set label { display:block; margin-bottom:5px; } .inp-point-set input[type="text"], .inp-point-set input[type="number"] { width:85%; } .inp-point-set.type2 { background-color:#fff9ed; } .inp-point-set.type2 label { display:inline-block; margin-bottom:10px; line-height:20px; } .inp-point-set.type2 [class^="tx-"] { display:inline-block; min-width:160px; width:60%; padding-top:4px; text-align:left; } .inp-point-set.type2 [class^="tx-"] + span { display:inline-block; } .welpoint-pass .secR { padding:15px 10px; } .welpoint-pass .secR .btn-type2 { width:100%; margin-top:10px; } /* 약관동의 */ .secAgree { margin-bottom:10px; } .secAgree header { overflow:hidden; position:relative; z-index:2; border:1px solid #9e9e9e; border-radius:4px; background:#fff; font-size:12px; letter-spacing:-1px; white-space:nowrap; } .secAgree header input[type="checkbox"] { margin:12px 0 12px 12px;} .secAgree header label { display:inline-block; padding:12px 0; padding-left:4px; line-height:1em; word-break:break-all; white-space:pre-line; width:60%;} .secAgree header .toggle-term { position:absolute; top:0px; right:0px; box-sizing:border-box; width:75px; height:100%; padding-left:1px; background:#999999; text-align:center; color:#fff; } .secAgree header .toggle-term span { box-sizing:border-box; display:block; padding-top:12px; width:100%; height:100%; line-height:20px; } .secAgree header .toggle-term span:after { display:inline-block; content:''; margin-left:4px; margin-bottom:2px; width:0px; height:0px; line-height:0px; border-style:solid; border-width:5px 5px 0; border-color:#fff transparent transparent transparent; } .secAgree header .toggle-term.on span:after { border-width:0 5px 5px; border-color:transparent transparent #fff transparent; } .secAgree .term-area { clear:both; margin-top:-4px; padding:12px 14px; padding-top:18px; border:1px solid #ececec; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#fff; line-height:1.5em; color:#999999; } .secAgree .term-area table { margin:10px 0; border-bottom:1px solid #d3d3d3; } .secAgree .term-area table th { background:#f4f4f4; } .secAgree .term-area table th, .secAgree .term-area table td { padding:10px 5px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; line-height:1em; text-align:left; } .view-buy .secAgree + .sec-desc { margin-top:-5px; margin-bottom:10px; padding-top:0px; } .view-buy .tbl-payment td { border-left:none; } /* okcashbag pay add */ .pay-ocb .pay-tit.pos .fl {position: relative;} .pay-tit .ok-block {display: block} .pay-tit .tooltip-type1 + .label { display: inline-block; margin-top: -2px; font-size: 12px; font-weight: normal; vertical-align: top; cursor: pointer; } .tooltip-type1 { display: inline-block; position: relative; margin-top: 5.5px; vertical-align: top; } .tooltip-type1 .ico-txt { position: relative; width: 15px; height: 15px; background: url("../../../images/main/ico-descript.png") no-repeat 0 0; background-size: 15px 15px; } .tooltip-type1 .ico-txt.on + .descript { display: block; } .tooltip-type1 .descript { display: none; z-index: 100; position: absolute; top: 26px; left: -56.66667px; border: 1px solid #999; border-radius: 3px; padding: 18px 15px; width: 170px; line-height: 1.25em; background: #fff; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } .pay-tit .ok-point-redTxt { display: inline-block; color: #d3080a; margin-top: 7px;} .pay-tit .item-category1.sale {position: absolute; left: 63px; top: 3px; width: auto;} .pay-tit .item-category2.sale li {border-top: 1px solid #ff8a7a;} .pay-ocb .pay-inp .pay-comment {padding: 10px 20px;} .pay-ocb .pay-inp .pay-comment p {font-size: 13px; line-height: 1.3em;} .pay-ocb .pay-inp .pay-comment p > strong {color: #ff6c00;} /* okcashbag popup */ #mid ~ #pop-wrap {z-index: 5000; display: none; } #mid ~ #pop-wrap.on {display: block;} #mid ~ #pop-wrap #pop-cnt {position: relative; height: 465px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} #mid ~ #pop-wrap #pop-cnt .innerPopCnt { width: 100%; height: inherit; overflow-y: auto;} #pop-mid .tbl-payment { margin-top: 20px; background: #333; border: 2px solid #333;} #pop-mid .tbl-payment.posY { margin: 0 0 25px;} #pop-mid .tbl-payment .sec-tit { color: #fff; margin-top: 8px; padding-left: 10px;} #pop-mid .tbl-payment .sec-tit var { float: right; padding-right: 10px; font-weight: normal;} #pop-mid .tbl-payment .pay-out * { overflow: hidden;} #pop-mid .tbl-payment .pay-out .item {margin-bottom: 3px;} #pop-mid .tbl-payment .pay-out .item var {color: #ff6c00} #pop-mid .tbl-payment .pay-out .item strong{font-size: 12px; letter-spacing: -1px;} #pop-mid .tbl-payment .pay-out .item:last-child {margin-bottom: 0} /* 인증검사정보 추가: 2017.01.12 */ .pdt-toggle-info .sub td.inj_col {position:relative;} .pdt-toggle-info .sub img.inj_imgMark {display:inline-block; width:30px; padding-right:5px; vertical-align:middle;} .pdt-toggle-info .sub td span {display:inline-block; vertical-align:middle; width:200px;} .pdt-toggle-info .sub .inj_txt {clear:left; margin-top:5px;} .pdt-toggle-info .inj_rsult {background:#fff;} /* 상품정보 이미지 확대 2018-09-27 추가 */ #mid > .pdt-expand-wrap {margin: -10px 0 0 0;} .pdt-expand-wrap .pdt-g {position: fixed; left: 0; top: 0; width: 100%; height: 39px; background-color: #606060; border-top: 1px solid #6b6b6b; z-index: 1000;} .pdt-expand-wrap .pdt-g .txt {text-align: center; font-size: 18px; line-height: 38px; color: #fff;} .pdt-expand-wrap .pdt-g .close {position: absolute; right: 0; top: 0; padding: 10px;} .pdt-expand-wrap .pdt-g .close img {width: 18px; height: 18px;} .pdt-expand-wrap .img-pinch {position: relative; padding-top: 40px;} .expand-wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 4600;} /* 2018.11.06 */ /* // 상품정보 이미지 확대 2018-09-27 추가 */ /* 주문결제 UI/UX 개선 2018.10.30 */ .secR.address-box, .secR.addr-msmt {overflow: visible;} .secR .tbl-type1 .lh {font-size: 15px; line-height: 30px;} .sec-order .order-info .lh .btn-type6 {top: 14px} .secR.address-box {border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0} .secR.address-box:after {content: ""; display: block; clear: both;} .address-box .pdt-tab {width: 100%} .address-box .pdt-tab li {position: relative;} .address-box .pdt-tab li a { background-color: #d8d8d8; border-right: 1px solid #fff;} .address-box .pdt-tab li:last-child a {border-right: 0;} .address-box .pdt-tab li.on a {background-color: #fff; box-sizing: border-box; color: #464646;} .address-box .pdt-tab li.on a:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #6a6a6a;} .address-box .recent {padding: 0 0 15px 0; margin: 10px; border-bottom: 1px solid #ddd;} .address-box .recent .btn-group {margin: 0 0 10px 10px} .recent .btn-record {display: inline-block; padding: 8px 15px; border-radius: 15px; background-color: #f2f2f2; font-size: 12px; line-height: 1.2em; color: #6a6a6a;} .btn-record.active { background-color: #fbe3cf; color: #321900;} .btn-record.active:after {content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(/images/shopping/btn-close-record.png) no-repeat; background-size: cover;} .address-box .recent .info {margin: 0 0 10px 10px} .address-box .recent .info > span {display: block; margin: 3px 0;} .address-box .addr-list select {margin: 0} .address-box .addr-list .btns {margin-top: 10px} .check .infor {display:inline-block;width:15px;height:15px;border-radius:50%;vertical-align:5px;background:#b0b0b0;font-size:0;line-height:0;color:transparent} .view-buy .address-box .tabCnt .check {float: left;} .addr-item li {padding: 16px 16px 0 16px; margin-bottom: 6px; background-color: #fff;} .addr-item li:last-child {margin-bottom: 0} .addr-item li .tit {margin-bottom: 10px} .addr-item li .info {position: relative; padding: 15px 0; border-top: 2px solid #f1f1f1;} .addr-item li .info > span {display: block; width: 70%; color: #727272; line-height: 1.3em;} .addr-item li .info .addr {margin-bottom: 7px;} .addr-item li .btn-type1 {position: absolute; right: 0; top: 50%; width: 20%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 13px;} .addr-book-msmt .btns {text-align: center; vertical-align: middle;} .addr-book-msmt .btns a {display: inline-block; width: 72px; padding: 12px 0; margin: 0 2px;} .tbl-type1 .empty td p {margin: 12px 0 -3px;} /* 2018.11.21 수정 */ /* 고객맞춤 서비스 레코픽, 2019.03.12 */ .list-type7 { border:0; border-radius: 0; } .list-type7 .pdt-connect {padding:15px 0;} .list-type7 .tit {margin-left:20px; margin-bottom:0; font-size:0.875rem; font-weight: bold; letter-spacing: -1.5px} .list-type7 .tit + div, .list-type7 .tit + .list-type-imgbox {margin-top:15px;} /* 스와이프 관련 css */ .list-type7.swipe-list .pdt-connect {position: relative; padding:0; padding-top:40px; margin:15px 0;} .list-type7.swipe-list .tit {position: absolute; top:0; left:0; margin-top: 30px;} .list-type7 .tit span {padding-left:10px; font-size:0.75rem; font-weight: normal; color:#898989;} .list-type7.swipe-list .swiper-container {overflow:visible; width: 100%;} .goods-detail-new .list-type7.swipe-list .pdt-connect {overflow:hidden;} .list-type7.swipe-list .swiper-slide { text-align: center; font-size: 18px; background: #fff; padding:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .list-type7.swipe-list .swiper-pagination {position:absolute; top: 0; /* top:-26px;*/ right:15px; bottom:auto; left:auto; width:auto; font-size:0.687rem; color:#707070;} .goods-detail-new .list-type7.swipe-list .swiper-pagination {top:-26px;} /* 2021-03-31 추가 */ .list-type7.swipe-list .swiper-pagination .swiper-pagination-current {font-weight:bold; color:#000;} .list-type7 .list-type-imgbox > li {padding:0 5px;width:33.3%;float:left;} .list-type7 .list-type-imgbox > li a {width:100%; text-align: left;} .list-type7 .list-type-imgbox > li .pdt-img {position: relative; display:block; width:100%; height: auto; border:1px solid #eee; padding:5px; -webkit-box-sizing:border-box; box-sizing: border-box;} /* 2023.03.27 Edit */ .list-type7 .list-type-imgbox > li .pdt-img span {overflow:hidden; position:relative; padding-top:88%; display:block; } /* 2019.04.24 v1 Edit */ .list-type7 .list-type-imgbox > li .pdt-img span img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;} /* 2019.04.24 v1 Edit */ .list-type7 .list-type-imgbox .item-category1 {padding-top:8px;} .list-type7 .list-type-imgbox .item-category1 li {min-width:40px;} .list-type7 .list-type-imgbox .pdt-price {color:#000;} /* item-category 박스로된 무료배송의 경우 사용 */ .item-category1 li.ship.free {height:17px; border:1px solid #888; background-color:#fff; -webkit-box-sizing: border-box; box-sizing: border-box;} /* 2019.04.24 v1 edit */ .item-category1 li.ship.free span { line-height:15px; color:#888;} .list-type7 .tit + .list-type-imgbox {padding:0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .list-type7 .tit + .list-type-imgbox > li {-webkit-box-sizing: border-box; box-sizing: border-box;} /* 주문결제 2020.02.17 */ .auth-select { position:relative; display:block; padding:14px 0 12px 0; border-radius:4px 4px 0 0; background: #fff;} .auth-choice { background-color: #ebebeb;} .auth-choice .auth-select .auth-tit { margin:0 12px 4px 12px; font-size:0.875rem; line-height:1.2em; color:#444; font-weight: bold; background-color: #fff;} .auth-choice .auth-select .auth-desc { display:block; margin:0 12px; font-size:12px; line-height:1.2em; color:#595959; } .auth-choice span.sp-com {position: relative;display: inline-block;margin-top: 5px;padding-right: 18px;overflow: visible;} .auth-choice span.sp-com:after {position: absolute;top: 50%;right: 0;margin-top: -8px;width: 15px;height: 15px;border-radius: 50%;background: #ff8023;content: '';z-index: 1;} .auth-choice dd { background:#ebebeb; } .auth-choice dd ul { width:100%; } .auth-choice dd ul li {position: relative;} .auth-choice dd ul li:after {content: ''; display: inline-block; position: absolute; width: calc(100% - 35px); left: 20px; right: 95%; bottom: 0; height: 1px; background: #dadada;} .auth-choice dd ul li:last-child:after {display: none} .auth-choice dd a {position: relative; display:block; padding:15px 0 15px 64px; font-size:14px; line-height:1.2em; color:#444; font-weight: bold;} .auth-choice dd a:after {} .auth-choice dd a span { display:block; padding-right:15px; background:url(../../../images/common/ico_arrow-right2.png) no-repeat 95% 50%; background-size:7px 13px; } .auth-choice dd a.btn-auth-phone { background:url(../../../images/ecoupon/ico_phone.png) no-repeat 24px 50%; background-size:14px 20px; } .auth-choice dd a.btn-auth-email { background:url(../../../images/ecoupon/ico_email.png) no-repeat 24px 50%; background-size:21px 15px; } .auth-choice dd a.btn-auth-card { background:url(../../../images/ecoupon/ico_card.png) no-repeat 24px 50%; background-size:21px 15px; } .auth-choice dd a.btn-auth-ipin { background:url(../../../images/ecoupon/ico_ipin.png) no-repeat 24px 50%; background-size:20px 17px; border-bottom: none} .auth-choice .sec-desc { margin:-5px 0 10px; } .auth-choice .sec-desc li { line-height:1.5em; color: #595959;} /* 주문결제 추가 2020.02.17 */ .auth-choice.final dd { background-color: #fff; } .btn-type7 { width:100%; display:inline-block; padding: 10px 0 11px 0; font-size:12px; font-weight:bold; line-height:1.2em; color:#ff6c00; text-align:center; background:#eee; box-sizing:border-box; } .btn-yellow { background:#fff9ed; } /*상품 Q&A 2020.08.04 추가 및 수정*/ .pdt-ask-order select {width:calc(50% - 6px); float:left;} .pdt-ask-order .select-box{position: absolute;top:12px;right:0;width:60%;} .pdt-ask-order .select-box select:nth-of-type(1){margin-right: 6px;} /*2020.08.10 추가*/ .pdt-info .pdt-tx .item-category2.tar{float:inherit;width:auto;} /*2020.08.11 추가*/ @media only screen and (max-width : 360px) { .pdt-info .pdt-tx .item-category2.tar{text-align:right;padding-right:0;}/*2020.08.25 수정*/ } /*2020.08.12 추가*/ @media only screen and (max-width : 320px) { .list-type7 .list-type-imgbox .item-category1 li{min-width:30px;} .pdt-ask-regist .condition .radio-group label{letter-spacing: -0.1em;} } /* 화끈딜 엠블럼 2020.08.27 */ .detail-emblem {position:absolute; width:61px !important; height:64px !important; top:-10px; left:10px; z-index: 99;} .detail-emblem img{display: block;width: inherit;height: inherit;} /* 2022.04.12 수정 */ /*2020.08.28 추가*/ .pdt-info .pdt-tx .item-category2.tar>li{float:none;margin-right:2px;display: inline-block;} /* 별점 추가 2020-11-06 */ .goods-detail-new {padding-top:11.6666vw;} .goods-detail-new .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe { margin:0 auto; width:100%; height:100vw; } .goods-detail-new .swipe-banner .swipe-status {bottom:4.1vw; width:13.2vw; border-radius:6.6vw; height:6.1vw; line-height:6.1vw; left:50%; margin-left:-6.6vw; text-align:center; padding:0; font-size:2.8vw;} .goods-detail-new .item-title-wrap {padding:5.7222222222222222% 5% 0; color:#333; letter-spacing:-0.2vw; position:relative; } /* 2022.04.12 수정 */ /* item category - 2021-04-12 추가 */ .goods-detail-new .item-title-wrap .item-category { display:flex; font-size: 3.333333333333333333333333vw; } .goods-detail-new .item-title-wrap .item-category > li { text-align:center; box-sizing: border-box;padding:.165em .5416666666667em 0; font-size: .83333333333333333333em; border-radius: .95em;} .goods-detail-new .item-title-wrap .item-category > li + li {margin-left: .2083333333333333333em;} .goods-detail-new .item-title-wrap .item-category > li > span { letter-spacing: -.01em;line-height: 1.55em;} .goods-detail-new .item-title-wrap .item-category > li:last-child { margin-right:0; } .goods-detail-new .item-title-wrap .item-category > li.ship { border: 1px solid #7a7a7a; color: #7a7a7a; } .goods-detail-new .item-title-wrap .item-category > li.welfare {border:1px solid #59aaea; color:#59aaea; } .goods-detail-new .item-title-wrap .item-category > li.best { border:1px solid #63b8c6; color:#63b8c6; } .goods-detail-new .item-title-wrap .item-category > li.add { border:1px solid #ac9b87; color:#ac9b87; } .goods-detail-new .item-title-wrap .item-category > li.sk11 { border:1px solid #f33342; color:#f33342; } .goods-detail-new .item-title-wrap .item-category > li.sdeal { border:1px solid #f33342; color:#f33342; } .goods-detail-new .item-title-wrap .item-category > li.hdeal { border:1px solid #fe7765; color:#fe7765; } .goods-detail-new .item-title-wrap .item-category > li.sale {background:#ff6c00; color:#fff; } .goods-detail-new .item-title-wrap .item-category > li.overseas { border:1px solid #414a67; color:#414a67; } .goods-detail-new .item-title-wrap .tit {font-size:4.722222222222222222222222222222222vw; padding:.5882353em 0 0; line-height:120.588235%; -webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;margin-bottom: .8em; } /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new {position:relative; padding-bottom:.916666666666666666667em; font-size: 3.333333333333333333333333vw; display:flex; align-items:baseline;} /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new .sale-percent {font-size:1.25em; color:#ff6c00; margin-left: .76666666666666666em; font-family: 'Roboto', sans-serif; } /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new .sale-price {font-size:1.79166666666666667em;line-height:1em;} /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new .sale-price span {font-size:.5581395348837209em;} /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new .sell-price {font-size:1.0833333333333333333em; left:13.5vw; bottom:9.5vw; color:#a6a6a6;margin-left: .4230769230769231em;} /* 2021-04-12 수정 */ .goods-detail-new .item-title-wrap .item-price-new .sell-price span {font-size:.6923076923076923em;} /* 2021-04-12 추가 */ .goods-detail-new .item-title-wrap .item-price-new .low-price-txt {margin-right: 1.38888888888889vw; color: #ff6d00; font-size: 3.61111111111111vw; font-weight: 700; letter-spacing: -0.04em;} /* 2022-09-29 추가 */ .goods-detail-new .item-title-wrap .like-bt {position:absolute; right:0vw; top:.1em;} /* 2022.04.12 수정 */ .goods-detail-new .item-title-wrap .like-bt > i button {vertical-align: middle;} /* 2021-03-18 추가 */ .goods-detail-new .item-title-wrap .like-bt > i button:last-child {width:5.4vw; margin-left:2.2vw;} /* star score average - 2021-04-12 추가 */ .goods-detail-new .item-title-wrap .item-star-score-avg {display:flex; align-items: center; justify-content: space-between; margin-bottom: 1em;font-size: 3.333333333333333333333333vw;} /* 화끈딜 타임영역 2022.04.12, m */ /* 화끈딜 타임영역 2022.04.12, add */ .goods-detail-new .item-title-wrap .item-star-score-avg .group {display: flex;} .goods-detail-new .item-title-wrap .item-star-score-avg .review::before {content: "구매"; font-size: 0.9230769230769231em; margin-right: calc(4em / 12);} .goods-detail-new .item-title-wrap .item-star-score-avg .review::after {content: "건"; font-size: 0.9230769230769231em;} .goods-detail-new .item-title-wrap .item-star-score-avg .review {font-size: 1.083333333333333em; color: #949494;} /* // 화끈딜 타임영역 2022.04.12, add */ /* 상품상세 평점, BENEDR-8141 */ .goods-detail-new .item-title-wrap .item-star-score-avg .star-score .tit {display:none;} .goods-detail-new .item-title-wrap .item-star-score-avg .star-score .star-num {display: inline-block; font-weight: normal;} /* // 상품상세 평점, BENEDR-8141 */ .goods-detail-new .item-title-wrap .item-star-score-avg .star-score-total {display:flex;font-size: 1.166666666666666667em;margin-left: .4em;color:#1b1b1b;align-items: center;} /* 2022-12-15 수정 */ .goods-detail-new .item-title-wrap .item-star-score-avg .star-score-total:before, .goods-detail-new .item-title-wrap .item-star-score-avg .star-score-total:after {font-size: .95em;} .goods-detail-new .item-title-wrap .item-star-score-avg .star-score-total:before {content:"(";} .goods-detail-new .item-title-wrap .item-star-score-avg .star-score-total:after {content:")";} .goods-detail-new .item-title-wrap2 {position:relative;font-size: 3.333333333333333333333333vw} /* 2021-04-25 수정 */ .goods-detail-new .item-title-wrap2 .txt {display:flex;font-size: 1.08333333333333333333333em; padding: .6923076923076923em 0;} /* 2021-04-25 수정 */ .goods-detail-new .item-title-wrap2 .txt > span {display:block; line-height: 1.5em; } /* 2021-04-25 수정 */ .goods-detail-new .item-title-wrap2 .txt > span:first-child {white-space: nowrap;font-weight: bold;margin-right:.6538461538461538em;} /* 2021-03-18 수정 */ .goods-detail-new .item-title-wrap2 .delivery-bt {position:absolute; right:3vw; top:3vw; width:3.61vw;} .goods-detail-new .item-title-wrap2 .more-info-button { width: 1.5em; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1MThGMjYyQUJDRjExRUI4RTM1REY2RDQ0MDNGRUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1MThGMjYzQUJDRjExRUI4RTM1REY2RDQ0MDNGRUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjUxOEYyNjBBQkNGMTFFQjhFMzVERjZENDQwM0ZFRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjUxOEYyNjFBQkNGMTFFQjhFMzVERjZENDQwM0ZFRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kWrNWAAAB+0lEQVR42sSWv0tCURTHnxqEgYH9mAyChogKHHQNKaLWamiohqai0cn+BN1sy2gKgtIlaKkc+iGUQ039IIKkBseKaHKQ+h74vng+e+9dn0IHPsM73nO+3nvPufd6NGcbBDNgCgyDbvrfwAM4AQfgSXNpMVAAryAFpkEfaAcBMERfkmMKjFE2P9hk8BLwKcT4OPaFsX6nAFmWIjgEnS5WoZOxRcMS11kHB2wAr+bevMxRZM46y4B94NGaNw9zZYwOfeN3wCj4MkeFQqEBBkVAkO4bMF8ul0sWYlIwt2AZnOlCBW7iroXINQU+DD/p31EbsQWwBsbkI8wK+7O6IJQF3yBv8ufpzzpUo1RiWDZuDuyBqsXgAf7zlMmvf0dshKrMPdvGaaWsRmJZok0WxilIeNnhdy4STBqKws7uRUOKocJGq6gqYF9ERN8zKQY7MTmyPhtuTJPIqoNITRfLKdyjKCKFoVdZCiJbCmG94F2EHtmoKpZk/+Qgsq4YMyIaXjbrhGKQXsq5BlZ7HFw4Nqxp6VZAAgQVRX4bVjMcQYta622BuWtu01cehHYzCrIgVCzA2cQ0w71zDo7AtsM1IYfrsyyfwjUhuY6Zu+aCi4N+kLa5+PTTu+TQMmnmilsN6gKXLbjKr5jr/x8nVs+tJN91rp9bKu+DljwgfwQYAO0zhWJuHlJyAAAAAElFTkSuQmCC'); background-position: center bottom .13em; background-size: 66.666666666666666666667% auto; overflow: hidden; text-indent: -200vw; } .goods-detail-new .item-title-wrap2 .txt .num {font-size: 1.153846153846154em; line-height: 1.1em;} /* 2021-04-25 추가 */ .goods-detail-new .item-title-wrap2 .pdt-deliveryOpt {font-size: 3.333333333333333333333333vw; padding: .83333333333333333em .83333333333333333em .83333333333333333em 1.53333333333333333em;background-position: 0 .9em; background-size: 1em auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE4MUU2QzVBOUJGQjExRUJCMENFODAyNDE2MzI5OEUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE4MUU2QzVCOUJGQjExRUJCMENFODAyNDE2MzI5OEUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTgxRTZDNTg5QkZCMTFFQkIwQ0U4MDI0MTYzMjk4RTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTgxRTZDNTk5QkZCMTFFQkIwQ0U4MDI0MTYzMjk4RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48sK8OAAACWklEQVR42syYPUhbURTH773vRStBXIUIZigiDhYEM8Qv0MFJB8VBEarp1MUPSofqrJ2K0UUXvxY7FBUqHRRc1DpEEHSQEjpEMKVrFBGal3c9/yuG2irmPX25OXCXwLu/P+fee87/hEspWU5xdenPHOw12cexkP3j+JWdiFfJ38kKeZEq46VlKV4eOBPBqriorj0StaGYUd+4y0r8l7lszR8TIZOJoLW51p3Z3ujMHOw2sxzDqG/aMdo6vprtXas8EEy4FmF9WXhjrS4NZg73G5jLMOrC383ugUWzJzLvSIRMnlaml2dGaA0zKTl7anAufa+HpmlFeaDy9FER9s+TmvTsx3Fr43Mfe+YwO3pXfG8/TIiXNSd//y7+y4BHAtTx0r7YH5wHReAIvBJwRwhx7hWBS6juQB4CHPCyx5R9hvQKnF5CMzLOeMVNZuV5ilnR97l9SBzwjHDrNp6vyoSqAy6eoREKs6L+iFpmS5ujb8ED9+Y4UAmpEDENobjEFyjFTirhs4ogLvgCvYBpDPAFmpFWEcQX6IZaRRBfoB3rFAG+gB/QKoL4AoZEpwjwBRyRVhFwZLBkOkWAb8ITsq31LlfFJrbP7F/JbO9wJYL4Jkyp67a8MPH0TBBfwBXDlOo4CmWGiS9gy+GK3WxSPPeN+eOWWi/WD52LAJf4qpXDlsMV5zULcOHEzTorGAvYcrji/LxLLsG7nUfuuO0/k++m0kvTI15r8A0MR4vGPo3ea3QxF8CWeylA2X7iPOi2MZhgLvBKyO3c8e8AVJgTWMHMogU1lefr/4lrAQYAqhp3XC1Hg3sAAAAASUVORK5CYII='); } /* 2021-03-12 추가 */ .goods-detail-new .item-title-wrap3 {position:relative; font-size:3vw; border-top:1px solid #eee; border-bottom:2.08vw solid #f3f3f3;} .goods-detail-new .item-title-wrap3 .txt {line-height:10.2vw;} .goods-detail-new .item-title-wrap3 .txt > img {width:4.58vw; margin:3.6vw 0 0 5vw;} .goods-detail-new .item-title-wrap3 .txt .delivery-bt > img {width:3.61vw;} .goods-detail-new .item-title-wrap3 button {margin-left: .2em;} /* 2021-04-12 수정 */ .goods-detail-new .pop-layer-infor {left: 5vw; right: 5vw;} .goods-detail-new .pop-layer-infor.pop-layer-infor-long {left: -.555555555555vw; right: -.555555555555vw; top: -100vw;} .goods-detail-new .pdt-info .pdt-tx .item-category2 {bottom: 50%; margin-bottom:-2.8vw; right:2vw;} .goods-detail-new .secR {border:0;} /* 쿠폰 다운로드 버튼 2021-04-25 추가 */ .goods-detail-new .coupon-download-button {border: .0714285714285714em #f56c08 solid;color: #f56c08;font-size: 3.88888888888888888888888889vw;font-weight: bold;width: 100%;line-height: 2.571428571428571em;border-radius: .21429857142857143em;margin-top: .61728395061728%;margin-bottom: 1.5%;} .goods-detail-new .coupon-download-button:after {content:"";display: inline-block;width: .7857142857142857em;height: 2.571428571428571em; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5OUY4MjYzQTcyODExRUI4QjExODRCNzU3NEMxMTYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5OUY4MjY0QTcyODExRUI4QjExODRCNzU3NEMxMTYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5RjgyNjFBNzI4MTFFQjhCMTE4NEI3NTc0QzExNjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk5RjgyNjJBNzI4MTFFQjhCMTE4NEI3NTc0QzExNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bZ8p6AAABJUlEQVR42mL8//8/A14QyARjwRQyMqz/x0AIMDHQCIwaPGrwqMEDb3AgkxDZJqHpZUKSqASSF4C0DhmG6kD11qEaHMjEBiQ9gVgWiA8D+Q4kGOoA1gPR6wI1C2rw+n+/gKQbEK8BYgEg3gFUEE6EoeFgtRA9a8BmQMxCCor1/34ASZDCiUDMDsTLgRqL8BhaBFYDUTsRrBdiBqTQxlrQBzIVA8lucKEO0QQy5C9UlhmI+4A4H1r4lwIN7EU3ghFnDRLIFAEkF0BdtBqIQ6EyMPZPIE4AGroCm3ZGvFVTIJMjkFwHDUNk8AGIg4CG7sellZGIOg+UlLYDsQxU5Ak4Ba3/dwWfNsIGIxL/WyhPGGjoO0JaGP8HMA6tsoIFqb0wNFwMEGAAtthRrRqJrlQAAAAASUVORK5CYII='); background-size: contain;background-position: center;margin-left: .5714285714285714em;vertical-align: top;} /* Tab - 2021-04-12 수정 */ .goods-detail-new > .secR {overflow: visible;} /* 리뷰 관련 기능 수정, BENEDR-8141 */ .goods-detail-new .pdt-info-tab {font-size: 3.33333333333333333333vw; position: sticky; top: -1px; z-index: 20;} /* 리뷰 관련 기능 수정, BENEDR-8141 */ .goods-detail-new .pdt-info-tab li {height: 3.785714285714286em;font-size:1.166666666666666666666em; border-bottom:0.2778vw solid #eee; letter-spacing:-0.2vw;} .goods-detail-new .pdt-info-tab li.on {border-bottom:0.6vw solid #1b1b1b; font-weight:bold; color:#1b1b1b;} .goods-detail-new .pdt-info-tab li a {border:0; font-size: inherit; background:#fff; color:#565656; line-height:1em;white-space: nowrap;} /* 2021-04-02 수정 */ .goods-detail-new .pdt-info-tab li.line1 a {padding:1.25em 0 0 0;} .goods-detail-new .pdt-info-tab li.line1 a span {font-size:.785714285714285714em; color:#999; letter-spacing:0;display:inline-block;margin-top: .11em;font-weight: normal;} .goods-detail-new .pdt-info-tab li.line1 a span:before {content:"(";} .goods-detail-new .pdt-info-tab li.line1 a span:after {content:")";} .goods-detail-new .pdt-info-tab li:nth-child(2) a span {color: #ff6c00;} /* 2022.04.12 add */ .goods-detail-new, #mid.goods-detail-new { padding: 0; padding-bottom: 20.611111111vw; background: none; } /* 상품상세 하단 Bar 상품가격 가림현상, QATF-740 */ #mid.goods-detail-new > *:not(.sec2) { margin-left:0; margin-right:0; } /* 2021-04-01 추가 */ .goods-detail-new + #g_top { /*bottom:70px;*/ bottom: 19.444444444444444444vw; } /* 2024-02-08 간격 5px 늘림, 2024-02-20 수정, 2024-02-28 재수정*/ .float-top-button .goods-detail-new + #g_top + .g_expand {display: inline-block;} .goods-detail-new + #g_top + .g_expand {bottom: 120px;} /* 2018-09-27 추가 */ /* 화끈딜 타임영역 2022.04.12 */ .goods-detail-new .pdt-info .pdt-tx .pdt-banner.swipe-banner .swipe-status2 span.on {background-color: #888888;} .goods-detail-new .timedeal-status {position: relative; display: flex; justify-content: center; align-items: center; height: 2.916666666666667em; margin: calc(7em / 12) calc(15em / 12) 0; font-size: 3.33333333333333vw; background-color: #f8f8f8; border-radius: calc(5em / 12);} /* .goods-detail-new .timedeal-status::before {left: calc(-18em / 12); width: calc(34em / 12); height: 100%; background: url(/images/hotdeal/icon_timedeal.png); background-size: contain;} */ .goods-detail-new .timedeal-status span { line-height: 1.2em;} .goods-detail-new .timedeal-status .tit {position: relative; padding: 0 calc(5em / 15) 0 0; letter-spacing: -0.03em; font-size: 1.25em; font-weight: 700; color: #fd4a4a;} .goods-detail-new .timedeal-status .tit::before {content: ''; display: inline-block; width: calc(18.5em / 15); height: calc(15.5em / 15); margin: 0 calc(5em / 15) 0 0; vertical-align: calc(-2em / 15); background: url("/images/hotdeal/icon_timedeal.png"); background-size: contain;} .goods-detail-new .timedeal-status .time {margin-left: calc(6em / 15); color: #444444; letter-spacing: -0.05em; font-weight: 700;} .goods-detail-new .timedeal-status .time > span {display: inline-block; margin: 0 0.2666666666666667em; font-size: 1.333333333333333em; } .goods-detail-new .timedeal-status .time::after {content: "남음"; margin-left: -0.2666666666666667em; color: #777777; font-size: 1.25em; font-weight: normal;} /* 상품리뷰 */ /* .goods-review {padding:0 3.88vw !important;} BENEDR-8141 */ .goods-review-top {overflow:hidden; _zoom:1; height:41.6vw; margin: 5.55555555555556vw 0 2.77777777777778vw;} .goods-review-top .fl {float:left; width: 38.66666666666667%; margin-right:2.7%;} .goods-review-top .fr {float:right; width: 54%} .goods-review-top .center-line {float:left; margin-top:6.8vw; height:28vw; width:0.4vw; background:#eee;} /* BENEDR-8141 수정 */ .goods-review-top .tit {font-size:3.88888888888889vw; font-weight:400; text-align:center; margin:3.61111111111111vw 0 0;} /* BENEDR-8141 수정 */ /* 별점 */ .goods-review-top .star-score {text-align: center; margin-left: 3.33333333333333vw;} .goods-review-top .star-score .star-num {display:block;font-size:11.11111111111111vw; font-weight:700; text-align:center; margin-left:0;margin: 7.5vw 0 2.22222222222222vw; line-height: 1em;} /* BENEDR-8141 수정 */ .goods-review-top .star-score .star-img {width:26vw; height:4.6vw; background:#dbdbdb; margin:0 auto; position:relative;} .goods-review-top .star-score .star-img span {background:#f4b63f; display:inline-block; width:50%; height:100%;} .goods-review-top .star-score .star-img span img {width:100%; height:100%; left:0; top:0; position:absolute;} /* 평점비율 세로 막대그래프 자동 색칠 */ .goods-detail-new .height-stick-graph {width:37.5vw; margin:-1.4vw auto 0;} .goods-detail-new .height-stick-graph li {float:left; width:20%;} .goods-detail-new .height-stick-graph li .stick-graph-gray {width:1vw; height:11.5vw; border:0.4vw solid #e8e9ed; border-radius:2vw; background:#f1f2f6; margin:0 auto; position:relative;} .goods-detail-new .height-stick-graph li .stick-graph-gray span {width:1vw; height:50%; border:0.4vw solid #b3bbd1; border-radius:2vw; background:#c2c7da; position:absolute; left:0; bottom:0; display:inline-block; margin:0 0 -0.4vw -0.4vw;} .goods-detail-new .height-stick-graph li.best .stick-graph-gray span {border-color:#e9a015; background:#f4b63f;} .goods-detail-new .height-stick-graph li.best .stick-graph-gray b.balloon {line-height:4.1vw; text-align:center; color:#fff; border:0.4vw solid #e9a015; border-radius:1.6vw; background:#f4b63f; position:absolute; top:-3vw; display:inline-block; font-weight:bold; font-size:2.7vw; padding:0 0.6vw 0.1vw 0.4vw;} .goods-detail-new .height-stick-graph li .stick-num {text-indent:-99999px; height:0; width:0;} .goods-detail-new .height-stick-graph li .stick-txt {text-align:center; font-size:2.9vw; margin-top:1.6vw;} /* 가로 막대그래프 자동 색칠 */ .review-point {padding:0 1% 4.3vw;} /* 2021-04-01 수정 */ .review-point .ob-head {display: flex;align-items: center;justify-content: space-between;} .review-point .tawon {width:14vw; line-height:5.13vw; display:inline-block; text-align:center; font-size:2.8vw; color:#4d4d4d; border:0.28vw solid #4d4d4d; border-radius:2.565vw; margin-right:1vw; } .review-point .dashed {width:31vw; height:1px; border-top:1px dashed #999; margin:-1vw 0 0 0; display:inline-block;} .review-point .ob-person {color:#989898; font-size:2.7vw; float:right; display:flex; letter-spacing:-0.2vw; width: 21%; justify-content: flex-end;} /* 2021-04-01 수정 */ /* .review-point .ob-person .sfr {display:inline-block; width:11.5vw; text-align:right;} 2021-04-01 삭제 */ .review-point .ob-percent {color:#1b1b1b; font-size:3.2vw; margin-right: .2em;} /* 2021-04-01 수정 */ .review-point .ob-head .tx01 {color:#1b1b1b; font-size:3vw; display:inline-block; width:21vw; vertical-align:middle;} .review-point .width-stick-graph {color:#999; /*font-size:3vw;*/ margin:3.88vw 1.38vw 2.36vw; display:none;} /* 리뷰 관련 기능 수정 BENEDR-8141 */ .review-point .width-stick-graph li {margin-bottom:2vw;} .review-point .width-stick-graph li .tit {width:15.27vw; display:inline-block;} .review-point .width-stick-graph li .stick {width:60vw; height:1vw; border:0.4vw solid #e8e9ed; border-radius:2vw; background:#f1f2f6; position:relative; display:inline-block; top:-0.5vw;} .review-point .width-stick-graph li .stick span {width:50%; height:1vw; border:0.4vw solid #b3bbd1; border-radius:2vw; background:#c2c7da; position:relative; display:inline-block; position:absolute; left:0; bottom:0; margin:0 0 -0.4vw -0.4vw;} .review-point .width-stick-graph li.best .stick span {border-color:#1b1b1b; background:#1b1b1b;} .review-point .width-stick-graph li .tx01 {float:right; display:inline-block;} /* 자세히보기/접기 button, BENEDR-8141 */ .detail-btn {display: flex; align-items: center; justify-content: center; margin-top: 6.94444444444444vw; height: 11.11111111111111vw; background-color: #fafafa; border-top: 1px solid #f4f4f4;} .detail-btn > button {width: 100%; height: 100%; font-size: 3.61111111111111vw; color: #1b1b1b;} .detail-btn > button > span {display: inline-block;} .detail-btn > button > span::after {content: ""; display: inline-block; background: url("/images/hotdeal/ico-arrow4.png") no-repeat right 60%; background-size: contain; width: calc(10em / 13); height: calc(10em / 13); margin-left: calc(4em / 13);} .detail-btn > button.on > span::after {transform: rotate(180deg);} /* .detail-btn button {border:0.278vw solid #dfe1e3; border-radius:4.1vw; height:8.33vw; line-height:8.33vw; width:28.61vw; margin-left: 32vw;; background:#fff; display:inline-block; position:relative; top:-50%;} .detail-btn button span {font-size:5vw; vertical-align:top;} .detail-btn button.on span {display:inline-block; margin-top:-0.2vw;; font-size:8vw;} */ /* // 자세히보기/접기 button, BENEDR-8141 */ /*///////////////////// 상품평 신고하기 팝업 2021.03.02, 2022-07-05 ///////////////////////*/ .layout-2021 .goods-review-report-pop.pop-wrap.pop-full header h1 {text-align: center; padding-left: 0; font-size: 1.117647058823529em; font-weight: normal;line-height: 2.421052631578947em;} .layout-2021 .goods-review-report-pop.pop-wrap.pop-full .pop-mid {border-top: .08333333333333333333em solid #e2e2e2;padding: 2.5em 1.75em;} .layout-2021 .goods-review-report-pop h2 {font-size:1.33333333333333333em;font-weight:normal;padding:0;color:#1b1b1b;margin-top: 1.9375em;} .goods-review-report-pop h2:first-child {margin-top: 0;} .layout-2021 .goods-review-report-pop .pop-mid ul {margin-top: 1.75em;} .layout-2021 .goods-review-report-pop .pop-mid ul li + li {margin-top: .958333333333333333333333em;} .layout-2021 .goods-review-report-pop .pop-mid ul li input[type=radio] + span {font-size: .8235294117647059em;padding-left: 2.178571428571429em; color: #1b1b1b;} .layout-2021 .goods-review-report-pop .pop-mid ul li input[type=radio] + span::before {width: 1.428571428571429em;height: 1.428571428571429em;left: 0;} .goods-review-report-pop textarea {width: 100%;height: 12.07142857142857em;border: .0714285714285714em solid #dfe1e3;border-radius: .2142857142857143em;margin-top: .7142857142857143em;box-sizing: border-box;padding: .77272727272727272727em .9em;font-family: inherit;font-size:1.166666666666666667em;} .goods-review-report-pop textarea::placeholder {font-size: 1em;color:#bbb;} .goods-review-report-pop .button-wrap {margin-top: 1.25em;text-align: center;display: flex;flex-flow:wrap;justify-content: space-between;} .goods-review-report-pop .button-wrap button {font-size: 1.08333333333333333333em;font-weight: 500;color: #1b1b1b;height: 3.076923076923077em;border: .0769230769230769em solid #ccc;border-radius: .2307692307692308em;width: 49.1679273827534%;} .goods-review-report-pop .button-wrap button.button-primary {color: #ff6c00;border-color:#ff6c00;} .goods-review-report-pop .text-button-wrap {text-align: center;margin-top: 1.9166666666666666667em;} .goods-review-report-pop .text-button-wrap button {color: #666666;font-size: 1.0833333333333333333333em; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY3MEQyOENGRkNENTExRUNBOTExQTEwQjY2RDlDRDExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY3MEQyOEQwRkNENTExRUNBOTExQTEwQjY2RDlDRDExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjcwRDI4Q0RGQ0Q1MTFFQ0E5MTFBMTBCNjZEOUNEMTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjcwRDI4Q0VGQ0Q1MTFFQ0E5MTFBMTBCNjZEOUNEMTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz55Sf4uAAABHklEQVR42ozTv0tCURjG8euvQCGD6A9paZMGbQnBqYaiyBxu1CAubeHSllOIEOEiKAhF0FJDNkiDQqMO/QcOIi4uFmLfF97gFN5ze+AD9+J5Lue+5xpwXTfqOM4x3tBzfBLEESroYvs/hUd8IKbX+36FARJ4RwR15G0FyQhJtBDANS5tBckEadzp/QVuEPIqSD6xpwslJ2hiyasgmeHU2NIOnrDsVfhJUV9+jhResRr0GXtZz0iygZxfIafbk/RRsxXOUdUpdbCJ4aKCnEMJV3otL7yFsfwY/rM4pE/N6n1DP8yvRWOVr/bBWCynfWguNgsreEbGOOWCjvRXZEtreMG6HtoZbr0mIYVdXTzFAe5tcw7r5xxHW/9E1nwLMAC9GDTJhaSM9gAAAABJRU5ErkJggg=='); background-size: .4615384615384615em auto;background-position: right center;padding-right: 1.038461538461538em;} /*///////////////////// END : 상품평 신고하기 팝업 2021.01.25, 2022-07-05 ///////////////////////*/ /*///////////////////// 할인/혜택 쿠폰 팝업 2021.04.25 add ///////////////////////*/ .goods-detail-discount-benefit-pop.pop-full { --point-color: #ff6c00; height:100%; color:#1b1b1b; } .goods-detail-discount-benefit-pop .pop-cnt { background: white; height:100%; background:#f8f8f8; } .goods-detail-discount-benefit-pop .pop-cnt .pop-header {border-bottom: none;background:white;} .goods-detail-discount-benefit-pop h2 {font-size:1em;font-weight:500;padding:0;color:#b4b1b5;} .goods-detail-discount-benefit-pop h2:first-child {margin-top: 0;} .goods-detail-discount-benefit-pop.pop-full .pop-mid {padding: 7.77777777777777777778% 5.555555555555555555% 23.333333333333333333333%;/*168px*/ font-family: 'Noto Sans KR','Droid Sans',AppleSDGothicNeo,Helvetica,sans-serif; letter-spacing: -.03em;} /* contents */ .goods-detail-discount-benefit-pop .pop-mid h2 {font-size: 1.1666666666666666667em; color:inherit; font-weight: bold;} .goods-detail-discount-benefit-pop .pop-mid .discount-formula {display: flex;flex-flow: row wrap;justify-content: space-between;margin: 3.125em 8.4375% 5.9375%;} .goods-detail-discount-benefit-pop .pop-mid .discount-formula div {position: relative;font-size: 1.1666666666666666667em;} .goods-detail-discount-benefit-pop .pop-mid .discount-formula div .label {position: absolute;font-size: .7857142857142857em;top: -1.65em;left:0;white-space: nowrap;width: 100%;text-align: center;font-weight: normal;} /* 2021-06-17 수정 */ .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-formula, .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-discount, .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-result {min-width:20%;text-align: center;} /* 2021-06-17 수정 */ .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-discount {font-weight: bold;color: var(--point-color);} .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-result {font-weight: bold;} .goods-detail-discount-benefit-pop .pop-mid .discount-formula .formula-equal-sign {letter-spacing: -.25em;} /* 2021-06-17 수정 */ /* contents - box-list */ .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list + hr, .goods-detail-discount-benefit-pop .pop-mid hr + .coupon-box-list {margin-top: 7.8125%;} .goods-detail-discount-benefit-pop .pop-mid hr {height: 0;border-top: .0833333333333333333em dashed #ccc;background: none;margin: 0 -6.25%; width:auto; } /* 2021-06-17 수정 */ .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li {position: relative;font-size: 1.25em;padding: 6.25% 21.4375% 4.6875% 6.71875%;border: 1px solid #cccccc;border-radius: .25em;background: white;} /* 2021-06-17 수정 */ .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li + li {margin-top: 3.125%;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .coupon-title-wrap {display: flex;flex-flow: nowrap;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .discount {position: relative;flex-grow:0;font-weight: bold;color: var(--point-color);padding-right: .666666666666666667em;margin-right: .6em; white-space: nowrap;} /* 2024-08-27 수정 */ .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .discount:after {content:"";display:block;width: 1px;height: .8571428571428571em;position: absolute;top: 50%;right: -1px;transform: translateY(-50%);background: #ccc;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li h4 {flex-grow:1;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -.05em;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .coupon-comment {display: flex;width: calc(100% - .35em);align-items: center;font-size: .8em;color: #999;margin-top: .68181818181818181818em;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .coupon-comment span {line-height:.9em;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;height:1em;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li .coupon-comment .coupon-comment-more {width: 1.33333333333333333333em;height: 1.33333333333333333333em;overflow: hidden; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGQjZGN0U2QjIyQzExRUJCNEJGRkJGOUM1Q0FFRkY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGQjZGN0U3QjIyQzExRUJCNEJGRkJGOUM1Q0FFRkY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZCNkY3RTRCMjJDMTFFQkI0QkZGQkY5QzVDQUVGRjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZCNkY3RTVCMjJDMTFFQkI0QkZGQkY5QzVDQUVGRjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz550zd9AAACx0lEQVR42rSXP2gUQRTGN5sTtNFcOrFKjJrKFBZaKHLxMGgnQRP/ELXQ0yttjJ02YixioR6cWkQxJkYCVkow3oFamiIHYtTkrMQud9pcwIh+T74Nw7J7++ZuffDjjt2Z+d7Mvpn3piWfzzuWtg5sB11gI5/9BIvgM/hlM1hC2W496AcnwF7wHXwCP/h+E9gBNoN34AmYBivNOiDvL4AroATGwClQCWmfBAfBGXATXAeyxKuNOLANTHCWh8G8YqXEsaekB4yCs+A4+BLUwQ0ZKAXecsYHlOJ+m2ffMX6WlHYFesEkGABFp3m7Az5wVQZBod4KdFN8MCZxz4occ5IagQ60gnFw1e9lTCZjXqNGa5ADWVAFOcVgl8ES+EOWwSvQGdHvLjWy/hjYAIbBIYW4CKWNqPe2nzx7D46B2Tr9L4EX4AGoeSvQz31eUszcExehdrIVlOnIDcXuKFFz7RNIgDxUzH4Xf2WGz4znIn7P16aePeLZ8M8BOdv3gRlFx2HONhNyCGlthpqJBM/wb8oBynXeJS0cWaZmt8vIXWxyiyUZH05EAJommh0uM1m1SQem6ESFn0lj0rbNjeGAmfLtjLJNZ5fZrq1BcUm1R/k/Y7H83meruvS4q0EHzvN3xNiGWhPNry4rmy1GFGstbfyftezbTs2FBGs4yf19zFZamzMCbs7SgT5qrnq5QIRPWzpQ4dI3YkPMimtHsRSQO4mNdSoyoN96qDNtOlBjErllGQNLJG3Rb5RaNX89kON2vOj8P8tSIxdUE/4GJ8Eb7oyoqkgiv8VCvJfV1n5qBdaEC0btlopx5imj1vwYVZYXWBFPhKRdW8sYVXZBey8oMl/LSfeakes0EO3S9xyvc0Wbi4nDm8xu8By8JAMRJ2aSbbz20ndP2K1IczeUO91tcJ813BDP/KjL6WNwJI7LqWcrPLnG476e/xVgAMdtqBRTK7TdAAAAAElFTkSuQmCC'); background-size: contain;background-position: center;text-indent: -200vw;margin-left: .2916666666666666666667em;flex:none;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li button.coupon-download {position: absolute;top:50%;right:0;width: 21.09375%;height: 100%;font-size: .73333333333333333em;font-weight: bold;transform: translateY(-50%);} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li button.coupon-download:before {content:"";display: block;position: absolute;top: 50%;left: 0;width: .09090909090909090909em;height: 70.666666666666666666666%;transform: translateY(-50%); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAYAAAC+jufvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1QkM0MkMxQTcyOTExRUI5MzI4OTk5QkExMUREREYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg1QkM0MkMyQTcyOTExRUI5MzI4OTk5QkExMUREREYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODVCQzQyQkZBNzI5MTFFQjkzMjg5OTlCQTExRERERjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODVCQzQyQzBBNzI5MTFFQjkzMjg5OTlCQTExRERERjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jcIq0AAAAG0lEQVR42mK4fPbUfyYGIMBJMPz//x9dDCDAAOrHBnnIGtPFAAAAAElFTkSuQmCC'); background-size: auto 10%;background-repeat:repeat-y; background-position:left top; } .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li button.coupon-download:after {content:"";display: block; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5OUY4MjYzQTcyODExRUI4QjExODRCNzU3NEMxMTYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5OUY4MjY0QTcyODExRUI4QjExODRCNzU3NEMxMTYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5RjgyNjFBNzI4MTFFQjhCMTE4NEI3NTc0QzExNjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk5RjgyNjJBNzI4MTFFQjhCMTE4NEI3NTc0QzExNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bZ8p6AAABJUlEQVR42mL8//8/A14QyARjwRQyMqz/x0AIMDHQCIwaPGrwqMEDb3AgkxDZJqHpZUKSqASSF4C0DhmG6kD11qEaHMjEBiQ9gVgWiA8D+Q4kGOoA1gPR6wI1C2rw+n+/gKQbEK8BYgEg3gFUEE6EoeFgtRA9a8BmQMxCCor1/34ASZDCiUDMDsTLgRqL8BhaBFYDUTsRrBdiBqTQxlrQBzIVA8lucKEO0QQy5C9UlhmI+4A4H1r4lwIN7EU3ghFnDRLIFAEkF0BdtBqIQ6EyMPZPIE4AGroCm3ZGvFVTIJMjkFwHDUNk8AGIg4CG7sellZGIOg+UlLYDsQxU5Ak4Ba3/dwWfNsIGIxL/WyhPGGjoO0JaGP8HMA6tsoIFqb0wNFwMEGAAtthRrRqJrlQAAAAASUVORK5CYII='); background-size: contain;background-position: center;height: 1.18181818181818182em;margin-top: .6363636363636363em;} /* 기타 coupon type */ .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li.coupon-selected {border-color: #ff5001;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li.coupon-downloaded {color: #989898;opacity: .5;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li.coupon-downloaded .coupon-comment {color: #999;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li.coupon-downloaded .coupon-download {color: #999;} .goods-detail-discount-benefit-pop .pop-mid .coupon-box-list li.coupon-downloaded .coupon-download:after { display: none; } /* bottom */ .goods-detail-discount-benefit-pop .pop-bottom {position: fixed;bottom:0;left:0;width:100%;box-sizing: border-box;border-top: .125em solid #e8e8e8; } .goods-detail-discount-benefit-pop .button-wrap {text-align: center;display:flex;justify-content:space-between;background:white; padding: 1.666666666666666666666667% 1.52777777777777777777778%;} .goods-detail-discount-benefit-pop .button-wrap button {font-size: 1.75em;color: #999; width:18.62464183381089%; height: 3.071428571428571em;border: .08333333333333333333em solid #ccc;} .goods-detail-discount-benefit-pop .button-wrap .primary-button {font-weight: bold;color:white;background:var(--point-color); border:none;width: 79.65616045845272%;} .goods-detail-discount-benefit-pop .button-wrap .primary-button:disabled {background:#bababa;} /* 내부 레이어 팝업 */ .goods-detail-discount-benefit-pop .inner-layer-popup {display: none;} .goods-detail-discount-benefit-pop .inner-layer-popup.opened {display: block;} .goods-detail-discount-benefit-pop .inner-layer-popup-bg {position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7);z-index: 100;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt {position: absolute;top: 50%;left: 50%;width: 93.333333333333333333333%;background: white;transform: translate(-50%, -50%);z-index: 101;padding: 3.194444444444444444444%;box-sizing: border-box;border-radius: .5625em;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-header {border-bottom: 1px solid #c1c1c1;padding-bottom: .75em;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-header h1 {font-size: 2.0625em;line-height: 1.515151515151515em;padding-left: .54545454545454em;color: #1d1d1d;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-mid {padding: 4.79233226837061% 0 7% 3.19488817891374%;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-mid h2 {font-size: 1.625em;font-weight: 500;line-height: 1.6em;color: #1b1b1b;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-mid ul {font-size: 1.375em;color: #595959;line-height: 1.681818181818182em;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-mid ul li {position: relative;padding-left: .5em;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-mid ul li:before {content:"";display: block;width: .1818181818181818181818em;height: .1818181818181818181818em;border-radius: 50%;background: #595959;position: absolute;top: .65em;left: 0;} .goods-detail-discount-benefit-pop .inner-layer-popup-cnt .inner-layer-popup-close {position: absolute;top: 0;right: 1.19047619047619%;width: 8.92857142857143%;height: 0;margin-top: 2.67857142857143%;padding-top: 8.92857142857143%; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI3NEY1MEMzQTdDNDExRUJBNTBFRjVFNTdGRDUzNzJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI3NEY1MEM0QTdDNDExRUJBNTBFRjVFNTdGRDUzNzJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjc0RjUwQzFBN0M0MTFFQkE1MEVGNUU1N0ZENTM3MkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc0RjUwQzJBN0M0MTFFQkE1MEVGNUU1N0ZENTM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7n2CSSAAAB6klEQVR42rTXO08CQRQF4N0VKyKhpxVLO0XoSGzQTiSaSKyoMMFEGxstJJZamEhjK6iJLWosLCgEfoydtuK95Ay5mSyz75uchBlwPnf2MbN2LpezUGnKr5Vc2ZQNypAbDjr7lB9KNUH0C+kruEjZwg9eKHsJoEMcrQUrzfAIUfVEacSMFkRfjU8pwxNKiTIWX95Tmgmg+5jV2TmeYMolfhcBt3EuJXpEeVYNR3wRF67QioZ25I8c7Y8U/qbhZ3GiXAuZTMZtgB5lnZJHe5PyRxl4wK9+UBPshpc98AfKjmhfUK7nDW6Cg+CMHmho2zSwF6zwZcqqwJcoH2FRrpSPC4YvuDo+K+CUskjJhkGnV6FYJPyUfnSybinHfgdyAt6jfOTdqGgYmOvbpS8bdJCgMN8eLZf+Q5yGROBzyolodzHFlrjwfOOpAOilhtZFu6Vd9XWvAf3cx17oOx4qZbT5fl+jPEaBeXG4MqCqBhq+gideLwzMy+GNaPOKtWv4J3U8b8LnwU0shxLdxlPMigN3YkRVtbEcqqpgd2mb4EZEVFVHw9V+2naD97DJUzUOic7DCxJXcBXbWokWI6AmfDrtvDql8RYRN2ppsykPrOTgfekTHaMEUAvb2ho+szWU63ERcNyorNmL4b8AAwDXs385T4fvsQAAAABJRU5ErkJggg=='); background-size: 50% auto;background-position: center;} /*///////////////////// END : 할인/혜택 쿠폰 팝업 2021.04.25 add ///////////////////////*/ /* Q&A */ .tabCnt-new .pdt-ask-info {padding:5vw 6vw 0; font-size:3vw; line-height: normal; margin:0;} .tabCnt-new .pdt-ask-info strong {color:#1b1b1b;} /*.tabCnt-new .pdt-ask-info strong.on {color:#ff6d00; font-weight:normal;}*/ .tabCnt-new .pdt-ask-info-btns {padding:3.9vw 0 5.55vw; border-bottom:2.1vw solid #f3f3f3;} .tabCnt-new .pdt-ask-info-btns button {width:86%; line-height:8.7vw; font-weight:bold; margin:0 7%; border:1px solid #333; font-size:3.1vw; text-align:center; border-radius:1vw; display:block;} .tabCnt-new .pdt-ask-regist {border-top: 2.8vw solid #ececec; padding:2vw 5vw; margin:0;} /* .tabCnt-new .pdt-ask-order select {float:right; width: calc(33% - 6px);}*/ .pdt-ask-order .select-box select:nth-of-type(1) {margin-right: 2vw;} /* 상품확대, 상단으로이동 수정 */ .goods-detail-new + #g_top { /*bottom:70px;*/ bottom: 19.444444444444444444vw; } /* 2024-02-08 간격 5px 늘림 BENEDR-16652, 2024-02-28 재수정*/ .float-top-button .goods-detail-new + #g_top + .g_expand {display: inline-block;} .goods-detail-new + #g_top + .g_expand {bottom: 113px;} /* 2022-01-12 수정 */ /* 스토어 pick, BENEDR-8141 */ .store-pick {padding-bottom:9vw; border-bottom:1px solid #f0f0f0;} .store-pick .tit { text-align:left; color:#333; letter-spacing:-0.3vw; font-size:4.72222222222222vw; line-height: 1.3em;} .store-pick .tx {font-size:3vw; margin-bottom:4.7vw; text-align:center; color:#555; letter-spacing:-0.2vw;} .store-pick .pop-layer-infor {left: 10vw; right: 10vw;} .goods-detail-new .store-pick .item-title-wrap2 .more-info-button {width: 1.7em; background: url("/images/shopping/ico_info.png") no-repeat; background-size: 4.44444444444444vw 4.44444444444444vw; background-position: center 40%;} /* 스토어 pick - slide */ .store-pick .swiper-wrapper .swiper-slide > a {display:inline-block; width:97.5%; height:57.36vw; border:0.2778vw solid #bababa; margin:0 1vw; border-radius:1.38888888888889vw;} /* BENEDR-8141*/ .store-pick .swiper-wrapper .swiper-slide.swiper-slide-active > a {border-color:#1b1b1b;} .store-pick .swiper-wrapper .swiper-slide > a .conts {margin:5.69vw 4.72vw;} /* 스토어 pick - paging */ .store-pick .swiper-pagination-bullets {text-align:center; margin-top:3vw; position:inherit;} .store-pick .swiper-pagination-bullets ul { display:inline-block; padding-top: 1.125rem; padding-bottom: .75rem; } .store-pick .swiper-pagination-bullets .swiper-pagination-bullet { display:inline-block; margin-left:2.08vw; width:2vw; height:2vw; background:#d5d5d5; border-radius:1vw; opacity:unset; } .store-pick .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width:5.83vw; background:#1b1b1b; } .store-pick .swiper-pagination-bullets .swiper-pagination-bullet:first-child { margin-left:0;} .store-pick .swipe.indicatorSwiper-1 {padding-top:4.89vw;} /* 스토어 pick - 리뷰 롤링 박스 - 2021-04-05 */ .store-pick .star-info {font-size:3vw; color:#888; margin:1vw 0 5.6vw;} .store-pick .star-conts {overflow:hidden; _zoom:1;} .store-pick .star-conts .fl {width:100%; } .store-pick .star-conts .fl.pic {width:52%; } .store-pick .star-conts .fr {width:42%; border-radius:1.53vw; position:relative;padding-top: 42%;height: 0;position:relative;} .store-pick .star-conts .fr > span {position:absolute; right:0; bottom:0; display:inline-block; border-radius:0 0 1.53vw 0; text-align:center; width:5vw; height:5vw; line-height:5vw; background:#000; opacity:0.5; color:#fff; font-size:3.8vw;} .store-pick .star-conts .fr img {border-radius:1.53vw;position:absolute;top:0;left:0;object-fit: contain;width:100%;height:100%;background:#fafafa;} .store-pick .star-conts .tx1 {font-size:3.2vw; color:#9f9f9f; margin:0 0 2.3vw;} .store-pick .star-conts .tx2 {font-size:3.2vw; color:#565656; line-height:1.45em; font-weight:bold; height:27vw; overflow:hidden; display:box; display:-webkit-box; white-space: normal; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; box-orient:vertical; text-align:justify;} /* 스토어 pick - 별점 , BENEDR-8141 */ .store-pick .star-score .star-img span {background:#f4b63f; display:inline-block; width:50%; height:100%;} .store-pick .star-score .star-img span img {width:100%; height:100%; left:0; top:0; position:absolute;} .store-pick .star-score .star-num {font-size:4.44vw; font-weight:bold; text-align:center; display:inline-block; margin-left:1vw; vertical-align: 0.4vw; margin-bottom:0;} .store-pick .star-score .star-img {width:21.39vw; height:3.89vw; margin:0; display:inline-block; position:relative; background: #dbdbdb;} /* 포토 & 동영상, BENEDR-8141 */ .photo-movie {padding: 0 5vw 8.33vw; margin-top: 13.88888888888889vw; position:relative; overflow: hidden;} /* BENEDR-10993, 수정 */ .photo-movie .tit {margin:0 0 3.88888888888889vw; font-size:4.1vw; color:#363636; letter-spacing:-0.3vw; line-height: 1.2em;} .photo-movie .tit span {font-size:3.5vw; margin-left:0.6vw;} .photo-movie .swiper-wrapper .swiper-slide {width: 25vw; margin-right: 1.38888888888889vw;} .photo-movie .swiper-wrapper .swiper-slide:last-child {margin-right: 0;} .photo-movie .swiper-wrapper .swiper-slide > a {display:inline-block; position:relative;padding-top:100%;width: 25vw;height:0;} .photo-movie .swiper-wrapper .swiper-slide > a img {position:absolute;top:0;left:0;object-fit: cover;width:100%;height:100%;background:#fafafa;} /* BENEDR-10993 수정 */ .photo-movie .swiper-wrapper .swiper-slide > a img:first-child {border-radius:1.39vw;} .photo-movie .swiper-wrapper .swiper-slide.movie > a img.mPlayBt {position:absolute; width:6vw; left:8.2vw; top:6.4vw;} .photo-movie button { padding-right: 3vw; background: url(/images/common/ico_arrow-right.png) no-repeat right center; background-size: 1.53vw 2.64vw; line-height: 4vw; letter-spacing: -1px; color:#999; font-size: 3.61111111111111vw;} .photo-movie .top {display: flex; align-items: baseline; justify-content: space-between;} /* 리플, BENEDR-8141 */ .review-ripple {padding: 10.27777777777778vw 5vw 0; border-top:2.1vw solid #f3f3f3; position:relative; } .review-ripple .top {position: relative; margin-bottom: calc(18em / 12); display: flex; justify-content: space-between; align-items: center;} .review-ripple .top .tit {line-height: 1.2em;} .review-ripple .top .tit strong, .photo-movie .top .tit strong {font-size: 4.72222222222222vw;} .review-ripple .top .tit span, .photo-movie .top .tit span {font-size: 4.16666666666667vw; display: inline-block; margin-left: calc(3em / 15);} .review-ripple .option-field .select-type4 {width: 100%; padding-left: 10px; border-color: #ececec; height: 40px;} /* .review-ripple .ripple-select {display:inline-block; position:absolute; right:0; top:7.2vw;} */ .review-ripple .ripple-select select {display:inline-block; border:0; width:auto; padding:0 3vw 0 0; font-size:3.5vw; margin-right:1.5vw;} .review-ripple .ripple-list .badge {margin-bottom: calc(8em / 12);} .review-ripple .ripple-list .badge li {height: calc(17em / 12); padding: 0 calc(5em / 12); border: none;} .review-ripple .ripple-list .badge li.pick { background-color: #f4b63f;} .review-ripple .ripple-list .badge li.repurchase {background-color: #fd842d;} .review-ripple .ripple-list .badge li span {font-size: 0.9166666666666667em; line-height: calc(17em / 11); color: #fff;} .review-ripple .ripple-list > li {border-top:0.278vw solid #eee; padding:8.33333333333333vw 0 8.33333333333333vw; overflow:hidden; _zoom:1;} .review-ripple .ripple-list > li:first-child {border-top: none;} .review-ripple .ripple-list li > .fl {width:13.8%;} /* 2021-03-31 수정 */ .review-ripple .ripple-list li > .fl img {width:9.03vw; border-radius:4.515vw;} .review-ripple .ripple-list li > .fr {width:86.2%;} /* 2021-03-31 수정 */ .review-ripple .ripple-list li.ripple-none { text-align: center; color: #555; padding: 5em 0; } /* 2021-03-18 추가 */ .ripple-list .star-conts {margin-bottom: calc(10em / 12);} .ripple-list .star-info {margin-bottom: calc(18em / 12);} .ripple-list .seller-answer .star-info {margin-bottom: calc(10em / 12);} .ripple-list .star-score {margin-bottom: calc(8em / 12);} .review-ripple .btn-box2 {background:#fff; font-size: 3.2vw; color: #666; margin-top: 3vw; border: 1px solid #ccc; height: 10vw; line-height: 10vw;} .review-ripple .btn-box2 span {background-position: right center;} /* 필터 리스트 */ .review-ripple .filter-list {position: absolute; top: 0; right: 0; display: flex;} .review-ripple .filter-list > button {position: relative; margin-left: calc(18em / 13); padding-right: calc(16em / 13); font-size: 1.083333333333333em;} .review-ripple .filter-list .sel-btn {background: url("/images/common/ico_arrow-down5.png") no-repeat right; background-size: calc(11em / 13) calc(6.5em / 13);} .review-ripple .filter-list .filter-dropdown-menu-wrap {display: inline-block; width: 0; height: 17px; position: relative;} .review-ripple .filter-list .filter-dropdown-menu-wrap > ul {position: absolute; display: none; top: calc(22em / 12); right: calc(-7em / 12); z-index: 10; background: white; border: 1px solid #cbcbcb; padding: calc(8em / 12) calc(18em / 12);} .review-ripple .filter-list > button.on + .filter-dropdown-menu-wrap > ul {display: block;} .review-ripple .filter-list .filter-dropdown-menu-wrap > ul > li button {white-space: nowrap; text-align: left; padding: calc(5em / 12) 0;} .review-ripple .filter-list .filter-dropdown-menu-wrap > ul > li button.on {font-weight: 700;} .review-repple-box {margin-bottom: calc(40em / 12);} .review-repple-box .review-more {width: 100%; height: calc(50em / 12); background-color: #fafafa; border-top: 1px solid #f4f4f4; box-sizing: border-box;} .review-repple-box .review-more span {display: inline-block; padding-right: calc(20em / 13); height: 100%; background: url(/images/hotdeal/ico-arrow4.png) no-repeat right calc(21em / 13); background-size: calc(11em / 13); font-size: 1.083333333333333em; line-height: 3.846153846153846em;} /* 리플 - 별점/내용, BENEDR-8141 */ .review-area .star-score{margin-bottom: 4.44444444444444vw;} .star-score .star-img span {background:#f4b63f; display:inline-block; width:50%; height:100%;} .star-score .star-img span img {width:100%; height:100%; left:0; top:0; position:absolute; border-radius:inherit; border:0;} .star-score .star-num {font-size:3.9vw; font-weight:bold; text-align:center; display:inline-block; margin-left:1vw; vertical-align: 0.4vw; margin-bottom:0;} .star-score .star-img {width:19.02vw; height:3.472vw; margin:0; display:inline-block; background:#dbdbdb; position:relative;text-align:left;} .star-info {display: flex; align-items: center; /*margin-bottom: calc(18em / 13);*/ font-size:3.61111111111111vw; color:#888; letter-spacing: 0.2vw;} .star-info .user-name {margin-right: calc(15em / 13); font-weight: 400;} .star-info .user-date {margin-right: calc(15em / 13);} .star-info > a {font-size: 1em;} .star-info span {font-size: 3.61111111111111vw; margin-right:3.33333333333333vw; letter-spacing:0;} .star-conts .tx1 {font-size: 3.61111111111111vw; color: #8c8c8c;} /* 2021-03-31 수정 */ .star-conts .tx1 + .tx1 {margin-top: -.5em;} /* 2021-03-04 추가 */ .star-conts .list {font-size: 3.055555555555555555vw; color: #999; margin: 3vw 0 0;} /* 2021-03-31 수정 */ .star-conts .list span {display:inline-block; color: #999; width:8.06vw; line-height:1.5em;} .star-conts .list strong {color: #1b1b1b;} .star-reviwTx {margin:3.3vw 1.8vw 0 0;} .star-reviwTx .blet {display:inline-block; width:8.05vw; margin-right:0.5vw;} .star-reviwTx .tx1 {font-size: 3.055555555555555555vw; color: #555; line-height:1.52em; overflow:hidden; display:box; display:-webkit-box; white-space: normal; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; box-orient:vertical;} /* 2021-03-31 수정 */ .star-reviwTx .tx1.on {display:block;} .star-reviwTx .more {display:block; color:#9f9f9f; font-size: 3vw; padding-right:4vw; margin:2.2vw 30vw 0 0; background:url(/images/shopping/ico_new_arrow_down.png) no-repeat right center; background-size:3.194vw 1.944vw;} .star-reviwTx .more.on {background:url(/images/shopping/ico_new_arrow_up.png) no-repeat right center; background-size:3.194vw 1.944vw;} .star-reviwTx .tx2 {font-size: 3.3333333333333333333vw; color: #555; display:inline-block; margin-top:4.6vw;} /* 2021-03-31 수정 */ .star-reviwTx .tx3 {font-size: 2.5vw; color: #1b1b1b; padding-left:3vw;} /* 2021-03-31 수정 */ .review-ripple-thumb {font-size: 3.1vw; color: #1b1b1b; display:inline-block; padding: 2vw 0 0.3vw 6vw; background:url(/images/shopping/ico_thumb_off.png) no-repeat left bottom; background-size:4.585vw; } .review-ripple-thumb.on {background:url(/images/shopping/ico_thumb_on.png) no-repeat left bottom; background-size:4.585vw;} /* .star-reviwTx .img {margin-top:3.47vw;} */ .star-reviwTx .img li {margin-top:4.72222222222222vw; display:none; position:relative;} /* */ .star-reviwTx .img li:first-child {margin-top:0; display:inline-block;} .star-reviwTx .img li:first-child button, .star-reviwTx .img li:last-child button {display:inline-block; position:absolute; right:-0.278vw; bottom:0.278vw; background:#000; opacity:0.5; width:8.472vw; height:8.472vw; line-height:8.472vw; border-radius:0 0 1.111vw 0; color:#fff; text-align:center; font-size:3.2vw; font-weight:bold;} .star-reviwTx .img li {width:76.527vw;height:76.527vw;background:#eee;border-radius:1.388vw;} /* 2021-04-19 수정 */ .star-reviwTx .img li > img { height:100%; /*border:0.278vw solid #e5e5e5; border-radius:1.388vw;*/ object-fit: contain;} /* 2021-04-19 수정 */ .star-modify {margin-top:3.3vw;} .star-modify button {width:38vw; height:8.05vw; line-height:8.05vw; border:0.2778vw solid #e9e9e9; text-align:center; font-weight:bold; color:#1b1b1b; font-size:3.2vw;} /* 2022.10.26 텍스트 4줄 이상의 경우 */ .ripple-list {margin-top: calc(5em / 12);} .ripple-list .star-reviewer, .goods-fields-list .star-reviewer {font-size: 3.88888888888889vw; line-height: 1.52em; overflow: hidden;display: box;display: -webkit-box;white-space: normal;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;box-orient: vertical;} .ripple-list .star-reviewer.on, .goods-fields-list .star-reviewer.on {display: block;} .ripple-list .more-toggle {margin-top: calc(15em / 12);} .ripple-list .more-toggle .more, .ripple-list .more-toggle2 .more, .goods-fields-list .more-toggle .more, .goods-fields-list .more-toggle2 .more {margin-top: calc(13em / 13); font-size: 3.61111111111111vw; color: #8c8c8c;} /* TMQA-2685, 판매자댓글 5줄이상 말줄임 */ .goods-fields-list .more-toggle .more, .goods-fields-list .more-toggle2 .more {margin: 0 0 calc(10em / 13) 0;} /* TMQA-2685, 판매자댓글 5줄이상 말줄임 */ .ripple-list .more-toggle .more::after, .ripple-list .more-toggle2 .more::after, .goods-fields-list .more-toggle .more::after, .goods-fields-list .more-toggle2 .more::after { content: ""; display: inline-block; width: 3.05555555555556vw; height: 1.80555555555556vw; margin: 0 0 0 1.38888888888889vw; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAYAAACtpZ5jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAt0lEQVQ4jaXQMW7CMBQG4C9RpCD1XhVsiDuwcAlC58yVKg4BK9yJiTJ0QSyOZEWOk4Z/sd/z02fLRdu2Bbb4wDf+zEuNHR44VtjgJxx+Yj0Dr3HGMtS3Er/RwDIM1G+gcC9xQTMTT6F7XMtQHGbgQ+gXlFHzP3gW7cNT8cUYmoKH8FPAF2GfRaFKwB0uumAVwGIKmoOH8DiDKOmv6ONNot/k0Clwhx+iet+rk8l9RZwmrE8jL+3yAj4GLhWZONKaAAAAAElFTkSuQmCC"); background-position: left top; background-size: contain; background-repeat: no-repeat; vertical-align: 1px; } /* TMQA-2685, 판매자댓글 5줄이상 말줄임 */ .ripple-list .more-toggle .more.on::after, .ripple-list .more-toggle2 .more.on::after, .goods-fields-list .more-toggle .more.on::after, .goods-fields-list .more-toggle2 .more.on:after {transform: rotate(180deg);} /* // 2022.10.26 텍스트 4줄 이상의 경우 */ .ripple-list .star-photo {display: flex; gap: calc(5em / 12); margin-bottom: calc(17em / 12);} .ripple-list .star-photo li {position: relative; width: 18.05555555555556vw; overflow: hidden; border-radius: calc(5em / 12);} .ripple-list .star-photo li::before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #eee;} .ripple-list .star-photo li a {display: inline-block; position: relative; width: 100%; padding-top: 100%; } .ripple-list .star-photo li a img {position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;} /* BENEDR-10993 수정 */ .ripple-list .seller-answer {padding: calc(17em / 12) calc(15em / 12) calc(12em / 12); margin-top: calc(23em / 12); background-color: #f9f9f9; border-radius: calc(4em / 12);} .ripple-list .seller-answer .star-reviewer, .goods-fields-list .seller-answer .star-reviewer {-webkit-line-clamp: 5;line-clamp: 5;} /* TMQA-2685, 판매자댓글 5줄이상 말줄임 */ .goods-fields-list .more-toggle2 .more {margin-bottom: 0;} /* TMQA-2685, 판매자댓글 5줄이상 말줄임 */ .ripple-list .repple-recomm {margin-top: calc(15em / 13); font-size: 1.083333333333333em; display: flex; align-items: baseline;} .ripple-list .repple-recomm .tx {color: #8c8c8c;} .ripple-list .repple-recomm .txs {margin-left: calc(12em / 13);} .ripple-list .repple-recomm .txs .rthumb {/*padding: calc(3em / 13) 0 0 calc(23em / 13);*/ color: #1b1b1b; font-weight: 700;} .ripple-list .repple-recomm .txs .rthumb::before {content: ""; display: inline-block; background-image: url("/images/shopping/ico_rthumb_off.png"); background-repeat: no-repeat; background-position: left 90%; width: calc(16em / 13); height: calc(22.5em / 13); background-size: contain; margin-right: calc(6em / 13); vertical-align: calc(-2em / 13);} .ripple-list .repple-recomm .txs .rthumb.on::before {background-image: url("/images/shopping/ico_rthumb_on.png");} /* QnA */ .pdt-ask-regist-new {padding: 5vw 5.555% 3.9vw; display:none;} .pdt-ask-regist-new .sel-bt {border:1px solid #ccc; height:13.6vw; border-radius:0.7vw; font-size:3.1vw; margin-bottom:2.777vw;} .pdt-ask-regist-new .sel-bt li {float:left; background:#f8f8f8; width:20%; height:13.6vw; color:#989898; position:relative;} .pdt-ask-regist-new .sel-bt li > span {width:calc(100% - 1px); height:100%; border-right:1px solid #ccc; display:block;} .pdt-ask-regist-new .sel-bt li:last-child > span {border-right:0; } .pdt-ask-regist-new .sel-bt li.on > span, .pdt-ask-regist-new .sel-bt li:last-child.on > span {border:1px solid #1b1b1b; color:#1b1b1b; background:#fff; position:absolute; left:-1px; top:-1px; border-radius:0.7vw;} .pdt-ask-regist-new .sel-bt li > span > i {display:inline-block; width:4.166vw; height:4.166vw; overflow:hidden; margin:2.638vw 0 0 6.666vw;} .pdt-ask-regist-new .sel-bt li > span > i img {width:100%; position:relative;} .pdt-ask-regist-new .sel-bt li.on > span > i img {top:-100%;} .pdt-ask-regist-new .sel-bt li > span > span {display:block; margin-top:1.5vw; text-align:center;} .pdt-ask-regist-new textarea {font-size:3vw; padding:3.5vw; height:36vw; border-radius:0.7vw;} .pdt-ask-regist-new textarea::placeholder {font-size:3vw; color:#989898;} .pdt-ask-regist-new .mySecretAsk {font-size:3vw; color:#666; margin-top:2.8vw;} .pdt-ask-regist-new .btns {margin:6.75vw 0 0 0;} .pdt-ask-regist-new .btns button {font-size:3.3vw; font-weight:bold;} .pdt-ask-regist-new .notice {font-size:3vw; font-weight:bold; margin-top:13.91vw;} .pdt-ask-regist-new .notice .tit button {font-size:3.2vw; background:#f3f3f3 url(/images/ico_acc_anchor.png) no-repeat 96% center; background-size:3.194vw; padding:0 4.85%; width:114%; margin-left:-7%; height:12vw; line-height:13vw; color:#363636; display:block; text-align:left;} .pdt-ask-regist-new .notice.on .tit button {background:#f3f3f3 url(/images/ico_acc_anchor_on.png) no-repeat 96% center; background-size:3.194vw;} .pdt-ask-regist-new .notice .tx {margin-top:4.86vw; display:none;} .pdt-ask-regist-new .notice.on .tx {display:block;} .pdt-ask-regist-new .notice .tx li {padding-left:2vw; background:url(/images/common/ico_blet3.png) no-repeat left 1.6vw; background-size:0.55vw; margin:0 0 4vw -1.7vw; line-height:1.45em; font-weight:normal; color:#8d8b8b;} .pdt-ask-regist-new .notice .tx li.black {color:#1b1b1b;} .pdt-ask-regist-new .notice .tx li.black span {margin-left:2vw; text-indent:-2vw; display:inline-block;} /* Q&A - list */ .pdt-ask-order.pdt-ask-order-new {margin:4.166vw; padding:0 0 4.166vw 0; font-size:3.2vw; border-top:0;} .pdt-ask-order.pdt-ask-order-new label {font-size:2.8vw;} .pdt-ask-order.pdt-ask-order-new .select-box {width:55%; top:0;} .pdt-ask-order.pdt-ask-order-new .select-box select {font-size:3vw; float:right;} /* 상품리뷰 - 사진모아보기 */ .goods-photo-wrap .star-score .star-img span {background:#f4b63f; display:inline-block; width:50%; height:100%;} .goods-photo-wrap .star-score .star-img span img {width:100%; height:100%; left:0; top:0; position:absolute;} .goods-photo-wrap .star-score .star-num {font-size:3.9vw; font-weight:bold; text-align:center; display:inline-block; margin-left:1vw; vertical-align: 0.4vw; margin-bottom:0; color:#1b1b1b;} .goods-photo-wrap .star-score .star-img {width:19.02vw; height:3.472vw; margin:0; display:inline-block; background:#dbdbdb; position:relative;} .star-info .spot {margin:0 0.5vw;} .goods-photo-wrap {color:#989898; letter-spacing:-0.2vw; font-size:3vw; background:#fff; overflow-x:hidden;} .goods-photo-wrap .pdt-info {padding:0;} .goods-photo-header {position:fixed; height:12.817vw; left:0; top:0; border-bottom:1px solid #dfe1e3; font-size:3.5vw; z-index: 4500; width:100%; background:#fff;} .goods-photo-header .allView {position:absolute; left:5.6%; top:4vw; width:4.86%;} .goods-photo-header .photoClose {position:absolute; right:5.3%; top:4vw; width:4.7%;} .goods-photo-wrap .swipe-photo { overflow:hidden; height:100vh;} .goods-photo-wrap .swipe-photo .top-title {text-align:center; padding:0; font-weight:bold; font-size:4.2vw;line-height:13.5vw; color:#1b1b1b; letter-spacing:0.3vw;} .goods-photo-wrap .swipe-photo .top-title .thisText {font-size: 5.27777777777778vw; letter-spacing:0; font-weight: normal;} /* 사진모아보기 타이틀 크기수정, BENEDR-8141 */ .goods-photo-wrap .swipe-photo .top-title .gray {font-size:5.27777777777778vw; color:#939393; font-weight: normal;} /* 사진모아보기 타이틀 크기수정, BENEDR-8141 */ .goods-photo-wrap .swipe-photo .top-title .thisPhotoNum {font-size:5.27777777777778vw; color:#1b1b1b; font-weight: normal;} /* 사진모아보기 타이틀 크기수정, BENEDR-8141 */ .goods-photo-wrap .swipe-photo .swiper-wrapper {margin-top:12.817vw;} .goods-photo-wrap .swipe-photo .swiper-wrapper li.swiper-slide {overflow:auto; height:calc(100vh - 30.16vw); padding-top:5.55555555555556vw;} /* 사진모아보기 타이틀 크기수정, BENEDR-8141 */ .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap {padding:0 5.694%;} .goods-photo-wrap .swipe-photo .swiper-wrapper.off {visibility:hidden; height:0;} .goods-photo-wrap .swipe-photo .swiper-wrapper .fl {width: 12.916vw;} .goods-photo-wrap .swipe-photo .swiper-wrapper .fl img { width: 9.03vw; border-radius: 4.515vw;} /* 리뷰사진보기 개선, BENEDR-8141 */ .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap .star-score {margin-bottom: 2.22222222222222vw;} .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap .star-reviwTx .img li {height: auto; border-radius: 2.77777777777778vw; overflow: hidden;} .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap .star-reviwTx .img li > img {height: auto; object-fit: cover;} .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap .tx10 {margin-top: 7.22222222222222vw; font-size: 3.61111111111111vw; letter-spacing: -0.06em; color: #8c8c8c;} .goods-photo-wrap .swipe-photo .swiper-wrapper .photo-slide-wrap .tx1 {font-size: 3.88888888888889vw; line-height: 1.5em; color: #333;} .goods-photo-wrap .star-reviwTx {margin:0; padding-top: 5.55555555555556vw;} /* // 리뷰사진보기 개선, BENEDR-8141 */ .goods-photo-wrap .star-reviwTx .img li {display:block; width:100%;} .goods-photo-wrap .swiper-button-next, .goods-photo-wrap .swiper-button-prev {position:fixed; width:9.583vw;} .goods-photo-wrap .swiper-button-next.off, .goods-photo-wrap .swiper-button-prev.off {visibility:hidden; height:0;} .goods-photo-wrap .swiper-button-next {background:url(/images/shopping/btn_photo_right.png) no-repeat left center; background-size:9.583vw; right:0; opacity: 0.7;} /* 리뷰사진보기 개선, BENEDR-8141 */ .goods-photo-wrap .swiper-button-prev {background:url(/images/shopping/btn_photo_left.png) no-repeat left center; background-size:9.583vw; left:0; opacity: 0.7;} .goods-photo-wrap .photo-number {padding:0 4.3vw; visibility:hidden; height:0; position:absolute;} .goods-photo-wrap .photo-number.on {visibility:inherit; height:inherit; position:inherit; bottom:inherit; padding-top:4.583vw; height: 83vh; overflow-y: auto;} .goods-photo-wrap .photo-number.swiper-pagination-bullets .swiper-pagination-bullet {width:29.1vw; height:29.1vw; opacity:1; bottom:auto; margin:0; background:none; border-radius:inherit; margin:0 2.08vw 2.08vw 0; position:relative;} /* 2021-04-05 */ .goods-photo-wrap .photo-number .swiper-pagination-bullet img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;background:#fafafa;} /* 사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .photo-number .swiper-pagination-bullet:nth-child(3n) {margin-right:0;} .goods-photo-wrap .photo-number .swiper-pagination-bullet:focus, .goods-photo-wrap .photo-number .swiper-pagination-bullet.swiper-pagination-bullet-active {outline:2px solid #fd6b00;} .goods-photo-wrap .photo-number .swiper-pagination-bullet.on .after {display:inline-block; width:5.6vw; height:5.6vw; text-align:center; line-height:5.9vw; background:#333; color:#fff; font-weight:bold; opacity:0.7; position:absolute; right:0; bottom:0; font-size:3.2vw;} .goods-photo-wrap .photo-number-more {display:none;background: #dfdfdf;color: #0b0b0b;font-size: 1.528240740740741em;height: 2.877915783096032em;position: fixed;bottom: 1.5277777777777777777778vw;left: 2.083333333333333333333%;width: 95.83333333333333333333%;} .goods-photo-wrap .photo-number.on + .photo-number-more {display:block;} .goods-photo-wrap .photo-number-more:after {content:"";display:inline-block; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFRUMwQjNFN0JEQTExRUI5RjUzRkI3MUFBRkQzQTYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFRUMwQjNGN0JEQTExRUI5RjUzRkI3MUFBRkQzQTYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REVFQzBCM0M3QkRBMTFFQjlGNTNGQjcxQUFGRDNBNjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REVFQzBCM0Q3QkRBMTFFQjlGNTNGQjcxQUFGRDNBNjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Hkt79AAAAzklEQVR42mKUlpZmZGBgUADiB0D8n4FyADePCUj0AvE9IF4OxCwUGswGxOug5rWCDBeGSoRTaAHI4NVAHADlC4EMzwPi01CBEDItgBnsB+UfBeJSkOEfgdiVAguwGewJxJ+ZoALkWoDTYBCHCUkhqRbgNRjdcFIsABm8Bp/B2AwnxgKYwb74DMZlOD4LuIg1GJybgDkUX4TxA/FuIDaF8l8BsRgxBuNzOS4fEG0wMYZjs+AIMQaDADMfHx8xGeUnEK8CYl4gTiLGYBAACDAA029BzlZCXKUAAAAASUVORK5CYII='); background-size: contain;background-position: center;vertical-align: text-bottom;width: .7em;height: 1em;margin-left: .757346258709482em;} .goods-photo-wrap .star-conts .tx10 {font-size: 3vw; color: #9f9f9f; margin: 4.86vw 0 2.5vw;} .goods-photo-wrap .star-conts .tx10 + .tx10 {margin-top: -.2em;} /* 2021-03-04 추가 */ .goods-photo-wrap .star-reviwTx .tx1 {-webkit-box-orient:inherit; margin-bottom:9.72222222222222vw; letter-spacing:-0.1vw;} /* 사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .photo-bottom {background:#f9fafc; height:12.777vw; line-height: 12.777vw; color:#666; border-top:1px solid #dfe1e3; border-bottom:1px solid #dfe1e3; width:100%; padding:0 6%; position:fixed; bottom:0; left:0; display:none; z-index:100;} /* 사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .photo-bottom .tx2 {font-size: 3.61111111111111vw; color: #8c8c8c;} /*사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .photo-bottom .tx3 {padding-left:3vw;} .goods-photo-wrap .photo-bottom .tx3 .review-ripple-thumb {font-size: 3.61111111111111vw; color: #1b1b1b; font-weight: 700; padding: 0; background: none;} .goods-photo-wrap .photo-bottom .tx3 .review-ripple-thumb::before {content: "";display: inline-block;background-image: url("/images/shopping/ico_rthumb_off.png");background-repeat: no-repeat;background-position: left 90%;width: calc(16em / 13);height: calc(22.5em / 13);background-size: contain;margin-right: calc(6em / 13);vertical-align: calc(-2em / 13);} /* 사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .photo-bottom .tx3 .review-ripple-thumb.on::before {background-image: url("/images/shopping/ico_rthumb_on.png");} /* 사진모아보기개선, BENEDR-8141*/ .goods-photo-wrap .swipe-photo > .photo-bottom {display:block;} .goods-photo-wrap .swipe-photo > .photo-bottom.off {display:none;} .goods-photo-wrap .swiper-pagination-fraction, .goods-photo-wrap .swiper-pagination-custom, .goods-photo-wrap .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 100%; } .goods-photo-wrap .swiper-container-horizontal > .swiper-pagination-bullets.on { bottom: inherit; } /* // 별점 추가 2020-11-06 */ /* [커머스UI/UX 개선] 리뷰 관련 기능 개선, BENEDR-8141 */ .grade-rate-stick-graph {margin: 7vw 1vw 1vw 4.16666666666667vw; font-size: 3.3333333vw;} .grade-rate-stick-graph li {display: flex; align-items: center; margin-bottom: 0.8333333333333333em;} .grade-rate-stick-graph li .point {width: 1.538461538461538em; font-size: 1.083333333333333em; color: #999999;} .grade-rate-stick-graph li .stick-graph-gray {width: 47%; height: 1vw; margin: 0 2.22222222222222vw 0 4.16666666666667vw; border: 0.4vw solid #e8e9ed; border-radius: 2vw; background: #f1f2f6; position: relative; display: inline-block;} .grade-rate-stick-graph li .stick-graph-gray span {width:50%; height:1vw; border:0.4vw solid #b3bbd1; border-radius:2vw; background:#c2c7da; position:relative; display:inline-block; position:absolute; left:0; bottom:0; margin:0 0 -0.4vw -0.4vw;} .grade-rate-stick-graph li.best .stick-graph-gray span {border-color: #efa61c; background-color: #ffb62c;} .grade-rate-stick-graph li.best .stick-graph-gray b.balloon {line-height:4.1vw; text-align:center; color:#fff; border:0.4vw solid #e9a015; border-radius: 0.97222222222222vw; background:#f4b63f; position:absolute; top:50%; right: -11.5vw; transform: translateY(-50%); display:inline-block; font-weight:bold; font-size:2.7vw; padding:0 0.4vw 0.1vw 0.4vw;} .grade-rate-stick-graph li .stick-num {text-indent: -99999px; height: 0; width: 0;} /* 상품리뷰 */ .pager-swiper {overflow: hidden;} .review-area {position: relative; padding-top: 11.11111111111111vw; padding-bottom: 13.88888888888889vw; border-bottom: 10px solid #f3f3f3; overflow: hidden;} #pdt-tabCont1 .review-area.swiper-container-horizontal {border-top: 10px solid #f3f3f3;} #pdt-tabCont2 .review-area {border-bottom: none; padding-bottom: 0; margin-bottom: 13.88888888888889vw;} /* BENEDR-10993, 수정 */ .review-area .header {padding-left: 5.55555555555556vw;} .review-area .header .tit {margin: 0 0 4.72222222222222vw 0; text-align: left; font-size: 4.72222222222222vw; font-weight: bold; line-height: 1.2em;} .review-area .header .r-tx {padding-top: calc(8em / 15); font-size: 3.88888888888889vw; line-height: 1.428571428571429em; text-align: center;} .review-area .header .star-score {display: flex; align-items: center; margin-bottom: 5.55555555555556vw; font-size: 4.16666666666667vw;} .review-area .header .star-score .star-img {width: 26vw; height: 4.6vw; background: #dbdbdb; position: relative;} .review-area .header .star-score .star-num {margin-left: 2vw;} .review-area .header .star-score .star-txt {margin-left: 3.88888888888889vw} .store-pick.review-area .swiper-wrapper .swiper-slide {width: 89.5% !important; margin: 0 1.11111111111111vw;} .store-pick.review-area .swiper-wrapper .swiper-slide > a {width: 100%; height: 42.08333333333333vw; margin: 0; overflow: hidden; box-sizing: border-box;} .review-area .swiper-wrapper .swiper-slide > a .conts {margin: 5vw 5vw 5.27777777777778vw; overflow: hidden;} .review-area .swiper-wrapper .swiper-slide .conts .star-num {display: none;} .review-area .swiper-wrapper .swiper-slide .star-score {display: flex;} .review-area .star-conts {display: flex; align-items: center;} .review-area .star-conts .img-flex {position: relative; width: 28.5%; height: 0; padding-top: 28.5%; margin-right: 6.11111111111111vw; border-radius: 1.53vw; overflow: hidden;} .review-area .star-conts .img-flex img {position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;background: #fafafa; } /* BENEDR-10993 수정 */ .review-area .star-conts .img-flex > span {position: absolute;right: 0;bottom: 0; display: inline-block;border-radius: 0 0 1.53vw 0;text-align: center;width: 5vw; height: 5vw;line-height: 5vw;background: #000;opacity: 0.5;color: #fff;font-size: 3.8vw;} .review-area .conts .star-info {margin: 1vw 0 0 7.366666666666670vw; font-size: 3.88888888888889vw; color: #999999;} .review-area .conts .star-info .date {font-size: 0.9685714285714286em;} .review-area .star-conts .tx-flex {flex: 1;} .review-area .star-conts .tx2 {font-size: 3.88888888888889vw; font-weight: normal; letter-spacing: -0.06em; -webkit-line-clamp: 4; line-clamp: 4; height: 5.614285714285716em; line-height: 1.428571428571429em;} .review-area .footer { text-align: center;} .review-area .footer .btn-review-link {display: inline-block; margin-top: 6.66666666666667vw; font-size: 3.88888888888889vw; letter-spacing: -0.01em; color: #666;} .review-area .footer .btn-review-link span, .review-area .footer .btn-review-reg span {display: inline-block; padding-right: calc(15em / 14); background-image: url("/images/shopping/ico_arrow_right1.png"); background-repeat: no-repeat; background-size: calc(6em / 14) auto; background-position: right 40%;} .review-area .footer .btn-review-link span var::after {content: "건";} .review-area .footer .btn-review-reg {margin: 5.55555555555556vw auto 0; display: flex; align-items: center; justify-content: center; width: calc(100% - 11.11111111111111vw); height: calc(44em / 12); border: 1px solid #9c9c9c; border-radius: calc(6em / 12); box-sizing: border-box;} .review-area .footer .btn-review-reg span {font-size: 3.88888888888889vw; line-height: 1.0em; color: #1b1b1b;} /* 스토어 ppick numbering */ .review-area .review-area-top {display: flex; justify-content: space-between; align-items: center; padding: 0 calc(20em / 12); margin-bottom: calc(12em / 12);} .review-area .review-area-top .swiper-pagination {position: relative; width: auto; bottom: auto; top: calc(2em / 17); font-size: 4.72222222222222vw; color: #999;} .review-area .review-area-top .swiper-pagination .swiper-pagination-current {font-weight: 700; color: #1b1b1b;} /* 상품리뷰 탭의 상품리뷰 */ .review-point-wrap {margin: 0 calc(23em / 12); font-size: 3.33333333333333vw;} .review-point-wrap .review-point {padding: 0; margin-bottom: calc(11em / 12);} .review-point-wrap .review-point .tawon {margin-right: calc(17em / 13); width: calc(65em / 13); line-height: calc(25em / 13); font-size: 1.083333333333333em; border-radius: calc(25em / 13); background-color: #f3f3f3; border: none; color: #4d4d4d;} .review-point-wrap .review-point .ob-head .dashed {flex: 1; background: url("/images/shopping/line_dot.png") space; background-size: contain; border: none; margin-top: 1px;} .review-point-wrap .review-point .ob-head .tx01 {width: auto; padding-right: calc(20em / 14); font-size: 1.166666666666667em; font-weight: 400;} .review-point-wrap .review-point .ob-person {width: auto; float: none; padding-left: calc(10em / 12);} .review-point-wrap .review-point .ob-percent {font-size: 1.7em;} .review-point-wrap .review-point .sfr, .review-point-wrap .review-point .sfr > span {font-size: 3.88888888888889vw;} .review-point-wrap .review-point .width-stick-graph li {display: flex; align-items: center; margin-bottom: calc(10em / 12);} .review-point-wrap .review-point .width-stick-graph li .tit {width: calc(80em / 13); font-size: 1.083333333333333em;} .review-point-wrap .review-point .width-stick-graph li .stick {flex: 1;} .review-point-wrap .review-point .width-stick-graph li .tx01 {width: calc(63em / 13); float: none; font-size: 1.083333333333333em; text-align: right;} .review-point-wrap .review-point .width-stick-graph li .tx01 > span {font-size: 1.076923076923077em;} .review-point-wrap .review-point .width-stick-graph li .stick span {border-color: #b9c2d7; background-color: #bcc4d1;} .review-point-wrap .review-point .width-stick-graph li.best .stick span {border-color: #efa61c; background-color: #ffb62c;} .review-point-wrap .review-point .width-stick-graph {margin: 4.16666666666667vw 1.38vw 6.94444444444444vw;} /* 리뷰첨부사진 */ .review-pop{display:none} .review-pop.is-show{display:block} .review-pop #pop-cnt2 {border-radius: 3.88888888888889vw; left: 3vw; right: 3vw; top: 50%; transform: translateY(-50%);} /* BENEDR-8141, BENEDR-10993 중앙정렬 */ .review-pop #pop-mid {padding: 0 5.55555555555556vw 6.94444444444444vw 5.55555555555556vw;} .review-pop .goods-photo-wrap {background-color: transparent;} .review-pop .goods-photo-header {position: relative; height: auto;} .review-pop .goods-photo-wrap .swipe-photo .top-title {text-align: left; padding: 7.77777777777778vw 0 4.72222222222222vw ; font-size: 5vw; line-height: 1em; color: #666666;} .review-pop .goods-photo-wrap .swipe-photo .top-title .thisText {color: #212121;} .review-pop .goods-photo-wrap .swipe-photo .top-title .gray, .review-pop .goods-photo-wrap .swipe-photo .top-title .thisPhotoNum {font-size: inherit;} .review-pop .goods-photo-wrap .swipe-photo .swiper-wrapper {margin-top: 6.11111111111111vw;} .review-pop .goods-photo-wrap .swipe-photo {height: auto;} .review-pop .goods-photo-wrap .swipe-photo .swiper-wrapper li.swiper-slide { height: auto;padding-top: 0;} .review-pop .goods-photo-wrap .swiper-button-next, .review-pop .goods-photo-wrap .swiper-button-prev {position: absolute; top: 56%;} .review-pop .goods-photo-wrap .swiper-button-prev {left: 5.55555555555556vw;} .review-pop .goods-photo-wrap .swiper-button-next {right: 5.55555555555556vw;} .review-pop .goods-photo-wrap .swipe-photo .swiper-wrapper .photo {position: relative; padding-top: 131%;} .review-pop .goods-photo-wrap .swipe-photo .swiper-wrapper .photo img {position:absolute;top: 0;left: 0;object-fit: contain;width: 100%;height: 100%;} .review-pop .goods-photo-header .photoClose {width: 5vw; right: 0; top: 7.5vw;} /* 상품상세 진행중인 스탬프, PRJ22BARO-303 */ .stamp-progress-wrap {position: relative; padding: 8.33333333333333vw 4.72222222222222vw; background-color: #f8f8f8; font-size: 3.33333333333333vw;} .stamp-progress-wrap .tit {margin-bottom: calc(14em / 12); /*font-size: 0.9583333333333333em;*/ font-size: 1em; color: #333; line-height: 1.0869565em;} .stamp-progress-wrap .slist li {margin-bottom: calc(10em / 12); padding: calc(20em / 12) calc(16em / 12); background-color: #fff; border: 1px solid #ccc; border-radius: calc(5em / 12);} .stamp-progress-wrap .slist li:last-child {margin-bottom: 0} .stamp-progress-wrap .slist a {display: block;} .stamp-progress-wrap .slist .top {display: flex; align-items: center; justify-content: space-between; padding-bottom: calc(8em / 12); border-bottom: 1px solid #ccc; color: #1b1b1b;} .stamp-progress-wrap .slist .cnt {margin-top: calc(18em / 12);} .stamp-progress-wrap .slist .top .sn {flex: 60%; font-size: 1.166666666666667em; line-height: 1.16em;} .stamp-progress-wrap .slist .top .ico { padding-left: calc(19em / 12); background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-position: left center; background-size: 3.88888888888889vw auto; line-height: 1.6em; } .stamp-progress-wrap .slist .top .tx {font-size: 0.9166666666666667em; } .stamp-progress-wrap .slist .top .count {padding-right: calc(16em / 12.5); font-size: 1.041666666666667em; color: #a1a1a1; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVQokY3ToQ0CAQyF4Q8QTINigXMsgGIDFAsgbwIUA6DwGNyNcCRogiEIkhMgCAkBcaevrf7z2r6+Qo0KY0Gd8MMRoz5wgksH7yPVAjd8sY3gOR74oIzgJZ54YRXBa7zRYBHBG+28d8wieKd14oppHzjAoYPPw0g2U6nWqWVS9qQMT52wkAhFOmbp4KZe4Q/nJjEZRhN5QQAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: right center; background-size: 1.38888888888889vw auto;} .stamp-progress-wrap .slist .top .count > em {color: #ff6c00; font-weight: 700;} .stamp-progress-wrap .slist .cnt span {display: block;} .stamp-progress-wrap .slist .cnt .stx {color: #1b1b1b; line-height: 1.666666666666667em;} .stamp-progress-wrap .slist .cnt .date {margin-top: calc(8em / 11); color: #909090; font-size: 0.9166666666666667em;} .stamp-progress-wrap .btns {margin-top: calc(15em / 12); text-align: center;} .stamp-progress-wrap .s__more { padding-right: calc(22em / 12); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAA30lEQVQ4ja3OsUqCYRjF8Z9JDU6OToEX4L24unsHXoCjF+AutAatjo4JDS1CFNTY0BDUEAQhb8v54EOKz7SzPLzPOef/vLDGI4b+R8Pw1nCHgheMjgSPwinhGuApi1eMDwSP0y/hDSqjj4cYb5j8ETxJr4TT3w2cY5PAO6Z7gqc18CacH9XDbYIfmDWAZ8mV9HpNP+niJoVPzH/JzeOX5LtN4EodXKf4hcWOv8i+JNfZF1zpDKsAtrjESeY2+1VyB+kUy9qB+xp4Gf8otXFVg27zbh8LrtTCBZ4zW/uUvgGObkY4a2GOKQAAAABJRU5ErkJggg==");background-repeat: no-repeat; background-position: right center; background-size: 3.19444444444444vw auto;} /* 상품상세 > 최저가 안내문구, 2023.08.24 추가 */ .goods-detail-new .notice-box {margin: 0 4.44444444444444vw 9.72222222222222vw; padding: 3.05555555555556vw 0 2.77777777777778vw 0; display: flex; align-items: center; justify-content: center; background-color: #F8F8F8;} .goods-detail-new .notice-box .low-price {font-size: 3.61111111111111vw; font-weight: 400; font-family: Pretendard; color: #212121; line-height: 1.5384615384615em;} .goods-detail-new .notice-box .low-price::after { content: ""; display: inline-block; width: 1.85185185185185vw; height: 3.05555555555556vw; margin-left: 6px; transform: translateY(1px); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB6UlEQVRIiZ3WT4iNURjH8Y8xFMWUTCwmpW5K1zRlQVL+pyTEQmhIo5SUUoiFWNKUjZKJjdJIDMmfCOVvQimllKIsZiGz0GymTHNZnLl1O5258573V+/m95zzfc97znme551SrVbnYQ/m4iPu4Z+SasUTdDV417EfY2WALahGXjcGML0s8GbC34ZHmFkG2IP7idh6PENbLvAvtqM/EV+Bl2jPARIOoBuXE2O68AYdOUDCVTmE84lxi/AWlRxgXSdxKuEvwGt05gLhHA4n/Pl4geW5QLiEvahF/hw8xbpcICFrdmA08mfhAbbmAgm5vQkjkT8Dt7E7FwjPhYs+HPnThK84mAuEd1iFochvQR+O5QLhM1ZiMBHrxZJcIHzDBunyVikDbMMVTE3EfrVmwtrxGEsTsX68z1lhh1B5UrA+7EOtKLCCV1iciPUKRWWMYqfcKeTvwkTsNE5oaGqT7eEyPBQ6YqwjuBibzYBrhLSbHfk1oW1cS02aCLgZt4R8bdQoduHORKtI7eFO3E3ARrClGSwFPIAbQtI3ahgbhZ+CpmoEHsXVxEuGsFZoVJOqPvksLiTig0KF+VQEVgeeGX9ifR+HfS0KqwOPJ/wvWI0fObA68E/kfRAaUKrmFQL24KdwxwaE0/xdBgb/AZi2Wg2i+5lKAAAAAElFTkSuQmCC"); } /* 2023.10.24 add */ .goods-detail-new .notice-box .low-price>strong {color: #FF5757; font-weight: 700;} .goods-detail-new .notice-box .low-price>b {font-weight: 700; font-size: 0.9230769230769231em;}