/* BASIC css start */ .hd-menu.back-index {z-index:0;} #productDetail {max-width:1344px; padding:0 12px;} .menu-depth { position: relative; padding: 24px 0 16px; margin-bottom: 0; display: flex; flex-direction: row; align-items: center; gap: 4px; } .menu-depth li a { text-decoration: none; color: var(--Grey-77); font-size: .75rem; font-weight: 400; line-height: 18px; } .menu-depth .bullet { width: 14px; height: 14px; } .menu-depth .active { background: none; } .menu-depth li:last-child a { color: var(--Black); } .goods-wrapper {display:flex; justify-content: space-between; padding-bottom:120px;} .goods-wrapper .goods-left {width:62.57%;} .goods-wrapper .goods-right {width: 31.8%; position: sticky; top: 60px; align-self: start; height: calc(100vh - 100px); overflow-y: scroll; } .goods-wrapper .goods-right::-webkit-scrollbar {display: none;} .goods--title, .goods--subtitle, .goods--engname { display: block; -webkit-line-clamp: unset; overflow: visible; text-overflow: unset; overflow-wrap: break-word; } .goods--title {color: var(--Black); font-weight:500; margin:0; width: 85%; word-break: keep-all;} .goods--subtitle {margin:0 0 4px; font-size: var(--cw-size-14); color: var(--Grey-77);} .goods-imgs {} .goods-imgs.pc-ver {margin-bottom:24px;} .goods-imgs.mo-ver { display: none; } .goods-imgs--view img { width: 100%; height: auto; } .goods-imgs .swiper-num { display: none; z-index: 1; font-size: .875rem; position: absolute; bottom: 20px; right: 20px; padding: 1px 10px; border-radius: 20px; background-color: #000000B2; color: #fff; } .goods-imgs .swiper-num span, .goods-imgs .swiper-num strong { color: #fff; font-size: .875rem; } .goods-imgs--thumbs { margin-top: 10px; gap: 10px; } .goods-imgs--thumbs .col { flex: 0 0 calc((100% - 40px) / 5); max-width: calc((100% - 40px) / 5); } .goods-imgs--thumbs .img-thumbnail { width: 100%; height: auto; cursor: pointer; } .goods--price-wrap {padding: 20px 0; margin:0; display:block;} .goods--price-wrap .prices {gap:6px;} .goods--price-wrap .prices .discount {color: var(--Primary-2); font-size: var(--cw-size-22); font-weight: 600;} .goods--price-wrap .prices .price, .goods--price-wrap .prices .price span, .goods--price-wrap .prices .price strong, .goods--price-wrap .prices .price .MK_dc_price_sell {color: var(--Black); font-size: var(--cw-size-22); font-weight: 600;} .goods--price-wrap .prices .original {color: var(--Grey-A6); font-size: var(--cw-size-16); font-weight: 400;} .goods--price-wrap .reserve-txt {color:var(--Grey-77); font-size: var(--cw-size-12); margin-left:auto;} .btn-share { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 32px 0; text-align:center;} .btn-share img { width: 56px; height: 56px; } .btn-share p {font-size: var(--cw-size-12); margin-top:10px; line-height:14px;} .share {position:absolute; right:0; top:0; gap:16px; display:flex;} .share .btn-view img {width:20px; height:auto;} .share > a {line-height:1; font-size:0;} .infos--group { position: relative; } .infos--group::after { content: ''; display: block; clear: both; } .infos--group:empty { display: none; } .infos--group.none-border { border: 0 none; } .infos--group .group-title { font-size: .875rem; font-weight: 700; color: var(--cw-heading-color); margin-bottom: 10px; } .goods--icon { position: static; margin-top: -20px; } /*.goods--icon span { display: flex; gap: 4px; }*/ /*.goods--icon span { font-size: 11px; font-weight: 400; line-height: 12px; padding: 3px 8px; border-radius: 3px; color: var(--cw-color-90); background-color: var(--cw-color-20); }*/ .goods--icon span img { display: inline-block; max-width: 50px; margin-right: 4px; } .goods--price-wrap .prices .original #pricevalue {color: var(--Grey-A6); font-size: var(--cw-size-16); font-weight: 400;} .goods--desc { display: flex; gap: 8px; align-items: center; color: var(--cw-color-30); } .goods--desc span { font-size: .75rem; line-height: 16px; color: var(--cw-color-80); } .goods--desc .btn-help { display: inline-block; text-align: center; text-decoration: none; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--cw-color-30); font-size: .6875rem; line-height: 16px; font-weight: 500; color: var(--cw-heading-color); margin-left: 2px; } .goods--desc .cw-select-box { width: 100%; margin-top: 6px; } .goods-list--item .btn-selected { margin-top: 6px; } .goods-list--item .link { display: block; position: static; text-indent: inherit; } .add-goods { --bs-gutter-x: 1.25rem; } .add-goods .goods--price-wrap .prices { align-items: baseline; } .add-goods .goods--price-wrap .prices .price strong { font-size: .875rem; } .add-goods .goods--price-wrap .prices .original { font-size: .8125rem; } .add-goods .reserve-price { display: flex; gap: 4px; flex-direction: column; align-items: start; margin-bottom: 4px; } .add-goods .goods--desc .after-line:after { content: ' '; display: inline-block; width: 1px; height: 14px; margin-left: 8px; vertical-align: top; background-color: var(--cw-color-30); } .infos--group .goods-list { flex-wrap: wrap; padding: 0 0 10px 0; } .infos--row { display: flex; align-items: baseline; margin-bottom: 6px; } .infos--row:last-child { margin-bottom: 0; } .infos--row .info-title { flex: 1 0 120px; font-size: .875rem; line-height: 21px; color: var(--Grey-77); font-weight:500;} .infos--row .info-content { flex: 1 100%; font-size: .875rem; line-height: 21px; color: var(--Black); font-weight:400;} .infos--row .info-link { flex: 1 0 45px; color: var(--cw-heading-color); font-size: .8125rem; font-weight: 400; text-decoration: underline; } .infos--row .info-content .btn-selected { margin-top: 10px; } .infos--row .info-content .underline { color: var(--cw-color-80); text-decoration: underline; } .infos--row .cw-select-box, .infos--row .cw-textfield { width: 100%; } .infos--group.sm-bottom {padding:24px 0;} .sm-bottom .infos--row { margin-bottom: 6px; } .sm-bottom .infos--row:last-child { margin-bottom: 0; } .infos--group.sm-bottom[style*="display: none"] + .shopdetailInfoMultiSelect {padding-top:24px;} .infos--row.mb-20 { margin-bottom: 20px; } .infos--col { display: flex; flex-direction: column; gap: 6px; } .infos--col .info-title { font-size: .875rem; color: var(--cw-heading-color); } .infos--col .info-title .selected-text { margin-left: 8px; color: var(--cw-point-color); font-size: .8125rem;} .infos--col .info-content { display: flex; gap: 16px; flex-wrap: wrap; font-size: .875rem; color: var(--cw-color-80); } .infos--col .info-content.sm-gap { gap: 12px; } .infos--col .info-content.none-gap { gap: 0; } .infos--col .option-text { --border-color: var(--cw-color-30); --color: var(--cw-color-80); display: inline-block; border: 1px solid var(--border-color); font-size: .8125rem; color: var(--color); text-decoration: none; line-height: 18px; } .infos--col .option-text a { min-width: 26px; padding: 4px 8px; } .infos--col .option-text span { color: var(--color); } .infos--col .option-text.MK-oneclick-sel { --border-color: var(--cw-heading-color); --color: var(--cw-heading-color); } .infos--col .option-check { --border-color: #00000026; position: relative; display: inline-block; width: 36px; height: 36px; border: 1px solid var(--border-color); } .infos--col .option-check span { display: inline-block; width: 100%; height: 100%; } .infos--col .option-check img { vertical-align: unset; width: 100%; height: 100%; } .infos--col .option-check.MK-oneclick-sel { --border-color: var(--cw-heading-color); } .infos--col .option-check.MK-oneclick-sel::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff99 url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check.svg) no-repeat center center / 20px; pointer-events: none; } .infos--col .option-check-md { --border-color: #00000026; position: relative; display: inline-flex; flex-direction: column; text-align: center; text-decoration: none; } .infos--col .option-check-md .img { position: relative; width: 52px; height: 52px; border: 1px solid var(--border-color); } .infos--col .option-check-md .img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check_box.svg) no-repeat -1px -1px / 20px; } .infos--col .option-check-md .name { max-width: 52px; margin-top: 6px; line-height: 16px; font-size: .75rem; color: var(--cw-color-80); } .infos--col .option-check-md .price { line-height: 16px; font-size: .75rem; font-weight: 700; color: var(--cw-heading-color); } .infos--col .option-check-md img { width: 100%; height: 100%; } .infos--col .option-check-md.active .img { --border-color: var(--cw-heading-color); } .infos--col .option-check-md.active .img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff99 url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_checked_box.svg) no-repeat -1px -1px / 20px; } .infos--col .option-check-md .soldout { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #00000080; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #fff; font-size: .75rem; } .share .btn_wish .MS_btn_wish { display: inline-block; width: 24px; height: 24px; background: url(/design/windygirl78/renewal/img/ic-heart.svg) no-repeat center center / 24px auto; text-indent: -9999px; margin-left: 12px; } .share .btn_wish .MS_btn_wish.wish-on { background: url('/design/windygirl78/renewal/img/wish-on.svg') no-repeat center center / 20px auto; } .sticky-btns .btn_wish .MS_btn_wish { display: inline-block; width: 24px; height: 24px; background: url(/design/windygirl78/renewal/img/ic-heart.svg) no-repeat center center / 24px auto; text-indent: -9999px; vertical-align:middle;} .sticky-btns .btn_wish .MS_btn_wish.wish-on {background: url(/design/windygirl78/renewal/img/wish-on.svg) no-repeat center center / 24px auto;} .fixed-btns { display: none; align-items: center; height: 50px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--Primary-1); } .fixed-btns a {display: block; width:60px; line-height: 50px; text-align: center; background: var(--White);} .fixed-btns .whish-btn { flex: 0 0 50px; } .fixed-btns .cart-btn { flex: 1; border-left:1px solid var(--Grey-DD);} .fixed-btnsactive .sticky-btns { display: none !important; } .fixed-btns .buy-btn { color: var(--cw-color-white); flex: 1; text-align: center; background: var(--Primary-1);} .fixed-btns .btn_gift {position:relative;} .fixed-btns .btn_gift::before {content:''; display:inline-block; width:1px; height:23px; background: var(--Grey-DD); position:absolute; left:0; top:50%; transform:translateY(-50%)} .fixed-btns .btn_gift span {width: 54px; line-height:22px; background: var(--Black); color: var(--White); text-align: center; border-radius: 22px; font-size: 0.688rem; font-weight: 500; position: absolute; top: -11px; left: 50%; margin-left: -27px; animation: bubbleBounces 1.8s ease-in-out infinite;} .fixed-btns .btn_gift span::after {content: ''; display: inline-block; width: 7px; height: 5px; background: url(/design/windygirl78/renewal/img/gift-arrow.svg) no-repeat center; background-size: 7px auto; position: absolute; top: 22px; margin-left: -22px;} .fixed-btns a:not(:last-child) {border-top:1px solid var(--Grey-DD); height: 50px; border-bottom: 1px solid var(--Grey-DD);} .fixed-btns .btn_wish .MS_btn_wish { display: inline-block; width: 24px; height: 24px; background: url(/design/windygirl78/renewal/img/ic-heart.svg) no-repeat center center / 24px auto; text-indent: -9999px; vertical-align:middle;} .fixed-btns .btn_wish .MS_btn_wish.wish-on {background: url(/design/windygirl78/renewal/img/wish-on.svg) no-repeat center center / 24px auto;} .btn-delivery, .btn-smartpickup { width: 100%; margin-top: 8px; line-height: 58px; } .btn-smartpickup-store { margin-top: 8px; } .btn-smartpickup-store a { display: inline-block; margin-left: auto; font-weight: 700; color: var(--cw-heading-color); border-bottom: 1px solid var(--cw-heading-color); } .btn-coupon-all { margin-bottom: 20px; } .btn-coupon-all .btn { display: inline-flex; align-items: center; justify-content: center; gap: 3px; width: 200px; } .btn-coupon-all .btn span.down { display: inline-block; width: 16px; height: 16px; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_download_wh.svg') no-repeat 50% 50%; } .btn-swipepay { display: none; margin-top: 8px; } .btn-swipepay .qorder { --bs-btn-line-height: 48px; --bs-btn-border-color: var(--cw-point-color); --bs-btn-color: var(--cw-point-color); width: 100%; --bs-btn-font-size: .875rem; } .option-layer-content .soldout_area { display: flex; /*margin: 10px 0;*/ } .option-layer-content .soldout_area .soldout { width: 100%; line-height: 60px; color: var(--cw-color-60); background: var(--cw-color-10); border-radius: var(--cw-size-4); font-weight: 700; text-align: center; } .infos--msg { margin: 4px 0 24px 0; } .infos--msg .round-text { display: inline-block; line-height: 30px; padding: 0 12px; font-size: .8125rem; font-weight: 600; color: var(--cw-point-color-pri); border: 1px solid var(--cw-point-color-pri); border-radius: 32px; } .infos--msg .msg { font-size: .875rem; color: var(--cw-color-80); } .infos--msg .msg strong { font-weight: 600; font-size: .875rem; color: var(--cw-heading-color); margin: 0 4px; } .goods-infos .infos--msg .msg p { display: inline-block; } .basic-soldout { width: 100%; margin-bottom: 8px; line-height: 58px; background: var(--cw-color-10); color: var(--cw-color-60); } .goods--options { display: flex; flex-direction: column; gap: 16px; padding: 12px 0;font-size: .875rem; border-bottom: 1px solid var(--Grey-E8); } .goods--options:first-child {border-top: 1px solid var(--Grey-E8); } .goods--options .goods-name { display: flex; justify-content: space-between; align-items: center; } .goods--options .goods-name span { display: block; font-size: var(--cw-size-13); } .goods--options .goods-delete {background:url(/design/windygirl78/renewal/img/ic-cancel-g.svg)no-repeat center; width:8px; height:8px; background-size:cover;} .goods--options .goods-delete img {display:none;} .goods--options .goods-quantity { display: flex; justify-content: space-between; align-items: center; } .goods--options .goods-quantity .quantity-price { font-size: var(--cw-size-15); font-weight: 700; } .goods--options .goods-quantity .quantity-price span, .goods--options .goods-quantity .quantity-price strong { font-weight: 600; font-size: var(--cw-size-15); } .goods--total { display: flex; align-items: center; justify-content: space-between; } .goods--total .total-price del { font-size: 1rem; margin-right: 8px; color: var(--cw-color-60); } .goods--total .total-price del #MK_p_total { font-weight: normal; font-size: 1rem; } .goods--total .total-txt { font-size: var(--cw-size-18); font-weight:700; } .goods--total .total-price, .goods--total .total-price #MK_p_total {font-size: var(--cw-size-18); font-weight:700;} .goods--total .total-price .MK_total { font-size: 1.5rem !important; color: var(--cw-heading-color) !important; font-weight: 700 !important; } .goods--options-text { font-size: .875rem; color: var(--cw-heading-color); text-align: right; } .goods--options-text .point { color: var(--cw-point-color); font-weight: 600; font-size: 1rem; } .goods--btns { display: flex; justify-content: space-around; align-items: center; gap: 6px; } .goods--btns .btn { width: 50%; line-height: 46px; font-size: var(--cw-size-15); font-weight: 400;} .goods--btns .btn-delivery { width: 100%; margin-top: 8px; line-height: 58px; } .goods--btns .btn-blue {background: var(--Primary-2); border-color: var(--Primary-2);} .btn {border-radius:4px;} .btn-gift { width: 100%; padding: 0; line-height: 46px; font-size: var(--cw-size-15); font-weight: 400; margin-top:6px; border-color:var(--Grey-CC);} .btn-gift span {display: flex; align-items: center; justify-content: center; gap: 6px;} .btn-group {width:90px; height:30px; border-radius:1px; border-color: var(--Grey-E8);} .btn-group .btn-txt {height:28px; width:30px; font-size: var(--cw-size-13);} .btn-group .btn-minus, .btn-group .btn-plus {width:30px; line-height: 26px; height: 100%;} .tab-wrapper {position:relative;} .tab-navi--links { display: flex; justify-content: space-around; align-items: center; margin-bottom: 48px; position:sticky; top:56px; background: var(--White); z-index:10;} .tab-navi--links li { text-align: center; flex: 1; border-bottom: 1px solid var(--Grey-DD); } .tab-navi--links li a { margin-bottom: -1px; display: block; padding: 18px 0; font-size: 1rem; font-weight: 400; color: var(--cw-heading-color); text-decoration: none; } .tab-navi--links li em { color: var(--Black); margin-left:3px;} .tab-navi--links li.active { border-bottom: 3px solid var(--Black); } .tab-navi--links li.active a { margin-bottom: -3px; font-weight:600;} #content1 {padding-top:0;} .tab-wrapper--content { padding-top: 96px; } .tab-wrapper--content img { max-width: 100%; } .tab-wrapper--content .cw-paging { margin: 48px 0 0; } .tab-wrapper--content .detail-product { } .tab-wrapper--content .detail-product iframe {max-width:100%;} .title-wrap { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px;} .title-wrap.first { margin-top: 80px; } .title-wrap a.link-arrow { padding-right: 14px; font-size: .8125rem; color: var(--cw-heading-color); background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_link_arrow.svg) no-repeat right center; } .size-tip {text-align:center; margin-top:48px;} .size-tip a {display:inline-block; width: 224px; line-height: 46px; border-radius: 6px; border:1px solid var(--Grey-E8); font-size: var(--cw-size-15);} .size-tip a img {width:7px; vertical-align: baseline; margin-left:8px;} .title-wrap .board-btns {} .title-wrap .board-btns a {font-size: var(--cw-size-15); color:var(--Grey-77); display:inline-block;} .title-wrap .board-btns a:first-child {color:var(--White); background:var(--Black); font-weight:400; width:100px; line-height:40px; border-radius:4px; text-align:center;} /*.title-wrap .board-btns a:first-child::after {content:''; display:inline-block; width:1px; height:13px; background: var(--Grey-DD); vertical-align:middle; margin: 0 10px 0 12px;}*/ /* 관련 상품 */ .related-wrapper {position:relative;} .related-wrapper .title-btns { display: flex; gap:16px; align-items: center; margin-bottom: 24px; } .related-wrapper .title-btns span { font-size: var(--cw-size-22); font-weight: 600; line-height: 26px; } .related-wrapper .title-btns a { display: inline-block; } .related-wrapper .title-btns a.swiper-button-disabled { opacity: .3; } .related-wrapper .title-btns a:last-child {margin-left:20px;} .related-wrapper .title-btns a img {width:9px;} .related-wrapper .basic-prd .prd-list .item-list {z-index:0;} .related-wrapper .basic-prd .prd-list .item-list ul {flex-wrap:inherit; gap:inherit;} .related-wrapper .basic-prd .prd-list .item-list ul li .item-img .rank {width:34px; line-height:34px; position:absolute; left:0; top:0; text-align:center; background:var(--White); font-size: var(--cw-size-13); font-weight: 600;} .related-wrapper .basic-prd .prd-list .item-list ul li .item-info .name-txt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .comment-form-wrapper { padding: 10px 0; border-bottom: 1px solid var(--cw-color-30); } .comment-form-wrapper .form-group { display: flex; align-items: center; padding: 10px 0; font-size: .875rem; } .comment-form-wrapper .form-group .form-title { flex: 1 0 120px; } .comment-form-wrapper .form-group .form-content { flex: 1 1 100%; display: flex; align-items: center; gap: 8px; } .comment-form-wrapper .form-group .form-content .cw-textfield, .comment-form-wrapper .form-group .form-content .cw-select-box { width: 400px; } .comment-form-wrapper .form-group .form-content.textarea-btn textarea { width: 100%; height: var(--cw-size-80); } .comment-form-wrapper .form-group .form-content.textarea-btn .btn { display: flex; min-width: var(--cw-size-100); height: var(--cw-size-80); align-items: center; justify-content: center; } .comment-review-wrapper .cw-simpleboard { margin-top: 0; border-top: 0; } .MS_qna_content_box { display: none; border-top: 1px solid #fff; margin-top: -1px;} .review_content, .review_board_file_content, .review_board_content, .qna_board_content { display: flex; flex-direction: column; padding: 32px; background: var(--Grey-F7); font-size: var(--cw-size-15); } .comment-review-wrapper .goods--btns { display: none; justify-content: end; margin-top: 20px; } .comment-review-wrapper .goods--btns .btn { min-width: 180px; width: auto; line-height: 48px; } .comment-content .img-attach { display: flex; flex-direction: column; align-items: center; gap: 12px; } .comment-content .comment-text { word-wrap: break-word; word-break: break-all; white-space: normal; } .comment-content .comment-text .secret-password {} .comment-content .comment-text .secret-password .cw-error-color {font-size:var(--cw-size-15); font-weight:600; line-height:24px; color:var(--Black) !important;} .comment-content .comment-text .secret-password > p {font-size:var(--cw-size-15); line-height:24px;} .comment-content .review-btns { display: flex; gap: 6px; margin-left: auto; } .comment-content .comment-reply { padding-top: 12px; border-top: 1px solid var(--cw-color-30); } .comment-content .comment-reply .comment-info { display: flex; align-items: center; gap: 8px; color: var(--cw-color-80); } .comment-content .comment-reply .comment-author::after { content: "|"; margin-left: 8px; color: var(--cw-color-30); } .comment-content .comment-reply .reply-text { margin: 8px 0 0 28px; } .modal-wrap.comment-password { display: none; background: none; } .comment-password .form-password { display: flex; justify-content: space-between; gap: 6px; margin-top: 10px; } .comment-password .form-password input { flex: 1 1 0; } .goods-reviews, .goods-qna { border-top: 0; } .review-wrapper .goods--btns { justify-content: end; margin-top: 20px; } .review-wrapper .goods--btns .btn { min-width: 180px; width: auto; line-height: 48px; } .qna-wrapper .goods--btns { justify-content: end; margin-top: 20px; } .qna-wrapper .goods--btns .btn { min-width: 180px; width: auto; line-height: 48px; } .cw-subtitle {font-size: var(--cw-size-22); font-weight: 600;} .cw-simpleboard .text-end { display: flex; justify-content: space-between; align-items:center; gap:32px;} .cw-simpleboard .author {text-align: center; font-size: var(--cw-size-13); width: 61px; line-height: 26px; background: #E4E8F3; border-radius: 26px; color:var(--Black);} .cw-simpleboard .subject { display: flex; gap: 10px; align-items: baseline; align-items: center; } .cw-simpleboard .subject a { font-size: var(--cw-size-15); word-wrap: break-word; word-break: break-all; white-space: normal; } .cw-simpleboard .date {font-size: var(--cw-size-13); color:var(--Black); width:88px; text-align:center;} .cw-simpleboard .round-text { display: inline-block; line-height: var(--cw-size-18); padding: 0 var(--cw-size-10); font-size: var(--cw-size-11); font-weight: 600; border: 1px solid var(--cw-heading-color); border-radius: var(--cw-size-20); word-break: keep-all; } .cw-simpleboard .stars { width: auto; min-width: 100px; margin: 0 30px; font-size: .75rem; text-align: center; } .cw-simpleboard .post {padding:18px 8px; border-bottom:1px solid var(--Grey-E8);} .cw-simpleboard .post .score { width: var(--cw-size-130); font-size: var(--cw-size-12); color: var(--cw-color-60); } .cw-simpleboard .post .score li { display: flex; justify-content: flex-end; column-gap: var(--cw-size-4); } .cw-simpleboard .post .score li label:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--cw-size-13); } .cw-simpleboard .empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem 0; border-bottom: 1px solid var(--cw-color-30); font-size: .875rem; font-weight: 600; } .cw-simpleboard .secret-password .password-form { margin-top: 24px; display: flex; gap: 6px; height:42px;} .cw-simpleboard .secret-password .password-form input { width: 246px; } .cw-simpleboard .secret-password .password-form .btn { width: 72px; font-size: var(--cw-size-13); font-weight: 500;} .goods-info { padding: 16px 0; font-size: .875rem; line-height: 20px; color: var(--cw-color-80); } .option-layer-close { display: none; } .goods-reviews .MS_review_content_box { display: none; } .goods-reviews .thumb-file { width: 52px; height: 52px; margin-right: 12px; overflow: hidden; } .goods-reviews .thumb-file img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; } .infos--group.is-mobile .soldout_area, .infos--group.is-mobile .goods--btns { display: none; } /* 함께 구매한 상품 */ .purchased-wrapper {padding:96px 0;} .purchased-wrapper .title-btns { display: flex; gap:16px; align-items: center; margin-bottom: 24px; } .purchased-wrapper .title-btns span { font-size: var(--cw-size-22); font-weight: 600; line-height: 26px; } .purchased-wrapper .title-btns a { display: inline-block; } .purchased-wrapper .title-btns a.swiper-button-disabled { opacity: .3; } .purchased-wrapper .title-btns a:last-child {margin-left:20px;} .purchased-wrapper .title-btns a img {width:9px;} .purchased-wrapper .basic-prd .prd-list .item-list {z-index:0;} .purchased-wrapper .basic-prd .prd-list .item-list ul {flex-wrap:inherit; gap:inherit;} .purchased-wrapper .basic-prd .prd-list .item-list ul li .item-img .rank {width:34px; line-height:34px; position:absolute; left:0; top:0; text-align:center; background:var(--White); font-size: var(--cw-size-13); font-weight: 600;} .purchased-wrapper .basic-prd .prd-list .item-list ul li .item-info .name-txt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .purchased-wrapper .basic-prd .prd-list .item-list .snap_review_count {display:none !important;} /* 이벤트 배너 */ .event-bnr {margin-bottom:96px;} .event-bnr a {display:block; margin-bottom:4px;} .event-bnr a img {width:100%; /*height: 64px; object-fit: cover;*/} .event-bnr a:last-child {margin-bottom:0; } /*.event-bnr a:last-child img {height: 272px;}*/ /* 평점후기 수정 레이어 */ #review-modify .modal-wrap .modal-body { display: grid; row-gap: var(--cw-size-20); margin-top: var(--cw-size-20); } #review-modify .modal-wrap .h80 { height: var(--cw-size-80); } #review-modify .modal-wrap textarea { width: 100%; height: var(--cw-size-80); } #review-modify .modal-wrap .file_review { display: flex; column-gap: var(--cw-size-6); } #review-modify .modal-wrap .file_review .cw-textfield { width: 100%; } #review-modify .modal-wrap .file_review .btn { flex: none; } #review-modify .modal-wrap .review_scor { display: grid; grid-template-columns: var(--cw-size-80) 1fr; align-items: center; row-gap: var(--cw-size-20); font-size: var(--cw-size-14); } #review-modify .modal-wrap #check_auth { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: var(--cw-size-20); border: 1px solid var(--bs-highlight-color); border-radius: var(--cw-size-10); font-size: var(--cw-size-14); background-color: var(--cw-color-white); z-index: 102; } #review-modify .modal-wrap #check_auth .head { display: flex; align-items: center; gap: var(--cw-size-8); font-size: var(--cw-size-14); color: var(--cw-point-color); } #review-modify .modal-wrap #check_auth .contents table { width: 100%; } #review-modify .modal-wrap #check_auth .contents table tr, #review-modify .modal-wrap #check_auth .contents table td { display: flex; align-items: center; } #review-modify .modal-wrap #check_auth .contents table td { width: var(--cw-size-120); padding-top: var(--cw-size-10); } #review-modify .modal-wrap #check_auth .contents table td .cw-textfield { width: 100%; } #review-modify .modal-wrap #check_auth .btns { display: flex; align-items: center; justify-content: center; gap: var(--cw-size-6); padding-top: var(--cw-size-12); } /* 사이즈 차트 */ #sizeChart { margin-bottom: 60px; padding: 60px 0 20px; border-bottom: 1px solid var(--cw-color-30); text-align: center; } #sizeChart .size-chart-title { display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--cw-heading-color); } #sizeChart .btn-modal-close { display: none; } #sizeChart .cw-subtitle { text-align: left; } #sizeChart .size-chart-content { display: flex; gap: 24px; align-items: center; } #sizeChart .size-chart-table { flex: 1; overflow: hidden; } #sizeChart .size-chart-table table { width: 100%; table-layout: auto; } #sizeChart th, #sizeChart td { padding: 10px 0; text-align: center; font-size: var(--cw-size-13); min-width: 72px; } #sizeChart th { font-weight: 600; border-top: 1px solid var(--cw-color-30); border-bottom: 1px solid var(--cw-color-30); background: var(--cw-color-10); } #sizeChart td { border-bottom: 1px solid var(--cw-color-30); color: var(--cw-color-80); } #sizeChart .guide-txt { display: none; } #sizeChart .size-chart-notice { margin-top: 10px; font-size: var(--cw-size-13); color: var(--cw-color-80); text-align: left; } #sizeChart.popup-open { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 90%; max-width: 720px; overflow-y: auto; background: var(--cw-color-white); padding: 18px 20px 20px; border-radius: 10px; border: 1px solid var(--cw-heading-color); } #sizeChart.popup-open .size-chart-title { border-bottom: 0; padding-bottom: 0; } #sizeChart.popup-open .btn-modal-close { display: block; font-size: 0; text-indent: -9999px; } #sizeChart.popup-open .size-chart-content { flex-direction: column; gap: 20px; align-items: normal; } /* 상품 공통 정보(이벤트) */ .detail-common-info-event { margin-top: 100px; } .detail-common-info-event .img-common-event { width: 100%; height: auto; } /* 상품 고시정보 */ .shopdetailNotify { padding-bottom: 60px; } .shopdetailNotify h2 { padding: 60px 0 12px; border-bottom: 1px solid var(--cw-heading-color); } .shopdetailNotifyInfo { padding: 10px 0; border-bottom: 1px solid var(--cw-color-30); } .shopdetailNotifyInfo dl { display: flex; padding: 10px 0; font-size: .875rem; } .shopdetailNotifyInfo dl dt { min-width: 200px; font-weight: normal; } .shopdetailNotifyInfo dl dd { font-weight: 600; } /* 상세정보 새창열기 */ .popup-shopdetail { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; margin-top: 40px; } .popup-shopdetail p { font-size: var(--cw-size-14); font-weight: 600; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_hand_finger.svg) no-repeat; line-height: 36px; padding-left: 46px; } .popup-shopdetail .btn { width: 300px; } /* 레이어 팝업 */ .modal-wrap { display: none; background: rgba(0, 0, 0, 0.5);} .modal-wrap.active { display: flex; } .layer-benefit .modal-content { max-width: 290px; padding: 12px 16px; } .layer-benefit .modal-header .modal-title { font-size: 1rem; } .layer-benefit .modal-body { margin-top: 12px; font-size: .813rem; color: var(--cw-color-80); } .layer-benefit .modal-body p { font-size: .875rem; color: var(--cw-heading-color); font-weight: 600; } .layer-benefit .modal-body p.mb-10 { margin-bottom: 10px; } .layer-benefit .modal-body .list li { padding-bottom: 4px; } .layer-benefit .modal-body .list li .fc-point { color: var(--cw-point-color); } .layer-benefit .modal-body p.msg { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--cw-color-30); font-size: .813rem; color: var(--cw-color-80); font-weight: 400; } .layer-share .modal-header {line-height:21px;} .layer-share .modal-content {max-width: 320px; border:none; padding:20px;} .layer-share .modal-content .modal-title {font-weight:600;} /* 레이어 팝업 */ /* 스마트 쿠폰 목록 */ .coupon-lists .coupon { overflow: hidden; padding: 0; } .coupon-lists .coupon .coupon--info { width: 82%; height:100%; padding: 20px; } .coupon-lists .coupon .coupon--btns { width: 18%; } .coupon-lists .coupon .c-image img { width: 100%; height: auto; } .coupon-lists .coupon.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .coupon-lists .coupon.sc-style2 {border:1px solid #fff;} .coupon-lists .coupon.sc-style2 .coupon--info { background:#171940; border-color:#171940; } .coupon-lists .coupon.sc-style2 p { color:#fff; } .coupon-lists .coupon.sc-style2 p.coupon--desc { color:#999; } .coupon-lists .coupon.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .coupon-lists .coupon.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } .coupon-lists .coupon.sc-style2 .btn-down span { color:#fff; } .coupon-lists .coupon.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .coupon-lists .coupon.sc-style3 { border:0; border-radius:0;} .coupon-lists .coupon.sc-style3 .coupon--info{ border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .coupon-lists .coupon.sc-style3 p.coupon--price { color:#eb3697;} .coupon-lists .coupon.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .coupon-lists .coupon.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } .coupon-lists .coupon.sc-style3.sc-reserve p.coupon--price {color:#18b776;} .coupon-lists .coupon.sc-style3.sc-reserve .btn-down { background:#eefff7; } .coupon-lists .coupon.sc-style3.sc-reserve .btn-down span a {color:#000;} .coupon-lists .coupon.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } /* 원클릭옵션 */ .MK-oneclick-list { display: flex; flex-wrap: wrap; gap: 12px; font-size: .875rem; color: var(--cw-color-80); } .MK-oneclick-only-text { gap: 8px; } .MK-oneclick-list .MK-oneclick-dis { opacity:0.5; } .MK-oneclick-list li.MK-oneclick-image a, .MK-oneclick-list li.MK-oneclick-color a { --border-color: #00000026; position: relative; display: inline-block; width: 38px; height: 38px; border: 1px solid var(--border-color); color: var(--cw-color-80); } .MK-oneclick-list li.MK-oneclick-sel a { --border-color: var(--cw-heading-color); } .MK-oneclick-list li.MK-oneclick-sel a::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff99 url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check.svg) no-repeat center center / 20px; } .MK-oneclick-list li a span { display: inline-block; text-align: center; vertical-align: middle; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-color span { width: 36px; height: 36px; } .MK-oneclick-list li.MK-oneclick-text a { --border-color: var(--cw-color-30); --color: var(--cw-color-80); position: relative; display: inline-block; min-width: 40px; padding: 3px 8px; border: 1px solid var(--border-color); font-size: .8125rem; color: var(--color); text-decoration: none; text-align: center; line-height: 18px; } .MK-oneclick-value { color: var(--cw-point-color); font-size: .8125rem; } .add-option .btn-group { margin-top: 10px; } .shopdetailTotal { margin-top: 10px; } /* 묶음상품, 세트상품 */ .items-block { display: flex; gap: 16px; } .items-block .items-image img { width: 100px; height: auto; } .items-block .items--title { font-weight: 600; font-size: .875rem; } .items-block .items--title a { color: var(--cw-heading-color); } .items-block .items--title span { font-size: .75rem; color: var(--cw-color-80); font-weight: 400; } .items-block .items--engname { padding-top: 2px; font-size: .813rem; color: var(--cw-color-80); } .items-block .items--subtitle { padding-top: 2px; font-size: .813rem; color: var(--cw-color-60); } .items-block .items--price { padding: 4px 0 6px; font-size: .875rem; } .items-block .items--price strong { font-size: 1rem; } .items-block .items-details .infos--col:not(last-child) { margin-bottom: 20px; } .items-block .items-details .infos--row { margin-top: 10px; } .items-block--package { display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; } .items-block--package .items-image, .items-block--package .items-details { grid-row: 1; } .items-block--package .infos--row { grid-column: 1 / -1; margin-bottom: 0; } .items-block--package .infos--row:last-child { margin-top: -10px; } .items-block--package .goods-quantity input { border: 0; text-align: center !important; max-width: 46px; margin-bottom: 0; } .package_product_tit { display: none; } .MK_price_unit_display { display: none; } /* 옵션가격 */ #MK_innerOptTotal { text-align: right; padding:24px 0; font-size: .875rem; } #MK_innerOptTotal .MK_total { font-size: 1rem; color: var(--cw-point-color); font-weight: 600; } #MK_innerOptPrice, #MK_innerOptAdd { display: inline-block !important; padding-top: 20px; font-size: .875rem; } #MK_innerOpt_03 .goods--options:first-child { border-top: 1px solid var(--cw-color-20); padding-top: 20px; } /* 페이 버튼 */ .btn-pay-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 6px auto 0; gap: 12px; max-width: 600px; } .btn-pay-wrap .flex-pay {display:flex; flex-direction: column; text-align:center; gap:6px; width: 100%; } .btn-pay-wrap .kakao-counsel {flex: 1; height: 48px; line-height: 48px; background: #FFEB00; font-size: 15px; text-align:center; border-radius:6px;} .btn-pay-wrap .kakao-counsel img {margin-right:6px;} .btn-pay-wrap .kakao-counsel a {display:block;} .btn-pay-wrap .naver-checkout {flex:1;} /* 샵페이 바로구매 */ #productDetail #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */ #cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */ .shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */ #basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */ .shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */ .basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */ .shoppay_storebtn_bx, .shoppay_storebtn_bx *, .shoppay_button_box, .shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important; vertical-align: top !important; background: none !important; border-radius: 0 !important; } .shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; } .shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; } .shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } .shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; } .shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; } .shoppay_btn_list tbody { display: table-row-group !important; } .shoppay_btn_list tr { display: table-row !important; } .shoppay_btn_list .shoppay_btn_item { *width: 120px !important; } .shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; } .shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; } .shoppay_text { background-size: 82px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; } .shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; } .shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; } .shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; } .shoppay_event_text { padding: 0 !important; } .shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; } .shoppay_type_A_1 { width: 277px !important; height: 70px !important; } .shoppay_type_A_2 { width: 296px !important; height: 84px !important; } .shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; } .shoppay_type_A_2 .shoppay_text { top: 14px !important; } .shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } .shoppay_type_A_3 { width: auto; height: 84px !important; max-width: 338px; } .shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; } .shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; } .shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } /* 앱바이 버튼 */ #productDetail .direct-app { margin-top: 0; } #productDetail .direct-app .step dl { text-align: center; } #productDetail .direct-app .step dl.step1 { width: auto; } #productDetail .direct-app .step dl.step2 { width: 292px; } #productDetail .direct-app .step dl.step2 dd a { color: var(--cw-heading-color); } #productDetail .direct-app .step dl.step2 dd .btn { margin-left: 0; } /* 스마트 픽업 */ body #layerShopChoice { position: fixed; top: 20%; left: 50%; transform: translateX(-50%); overflow-y: auto; width: 100%; height: auto; max-width: 440px; padding: 18px 20px 20px; border-radius: 10px; border: 1px solid var(--cw-heading-color); background-color: var(--cw-color-white); } body #layerShopChoice > * { margin: auto; } body #layerShopChoice .layer-tit { height: auto; background-color: transparent; } body #layerShopChoice h3, body #layerShopChoice .layer-tit h3 { height: auto; line-height: normal; padding: 0; font-size: var(--cw-size-18); color: var(--cw-heading-color); font-weight: 700; } body #layerShopChoice .layer-tit a.layer-close { top: 0; right: 0; } body #layerShopChoice a.layer-close { top: 20px; right: 20px; width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/bullet_delete.svg) no-repeat center top; font-size: 0; } body #layerShopChoice a.layer-close img { display: none; } body #layerShopChoice .layer-cont { padding: 0; } body #layerShopChoice .shop-info-tb colgroup { display: none; } body #layerShopChoice .shop-info-tb { margin: 20px 0 0; padding-top: 10px; border-top: 1px solid var(--cw-heading-color); } body #layerShopChoice .shop-info-tb th, body #layerShopChoice .shop-info-tb td { border: 0; background: none; font-weight: normal; font-size: .875rem; } body #layerShopChoice .shop-info-tb th { width: 120px; } body #layerShopChoice .shop-info-tb th div, body #layerShopChoice .shop-info-tb td div { padding: 10px 0; } body #layerShopChoice .shop-info-tb .posi-r input[type="date"], body #layerShopChoice .shop-info-tb .posi-r .input-date { width: 100%; max-width: 160px; padding: var(--cw-padding-y) var(--cw-padding-x); background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_calendar.svg) no-repeat 95% 50% / 16px; } body #layerShopChoice .shop-info-tb .posi-r a.btn-calendar { left: 85%; top: 17px; } body #layerShopChoice .shop-info-tb .posi-r a.btn-calendar img { display: none; } body #layerShopChoice .shop-info-tb ul li { font-weight: 600; } body #layerShopChoice .shop-info-tb select { height: 100%; padding: 10px 32px 10px 12px; } body #layerShopChoice input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; display: block; cursor: pointer; } body #layerShopChoice .layer-btn-area { margin-top: 0; padding-top: 20px; border-top: 1px solid var(--cw-color-30); } body #layerShopChoice .layer-btn-area ul { display: flex; gap: 6px; justify-content: center; align-items: center; float: none; left: 0; } body #layerShopChoice .layer-btn-area ul li { flex: 1; float: none; left: 0; margin: 0; } body #layerShopChoice .layer-btn-area ul li a { width: 100%; height: 40px; line-height: 38px; font-size: .875rem; border-radius: 4px; } body #layerShopChoice .layer-btn-area ul li.bg-gray a { background: var(--cw-point-color-pri); } body #layerShopChoice .layer-btn-area ul li.bg-white a { background: var(--cw-color-white); color: var(--cw-point-color-pri); border: 1px solid var(--cw-point-color-pri); } body #layerShopChoice .layer-btn-area ul li.bg-red a { background: var(--cw-point-color-pri); } body #layerShopChoice .layer-btn-area ul li.bg-black a { background: var(--cw-color-white); color: var(--cw-point-color-pri); border: 1px solid var(--cw-point-color-pri); } /* 밀어서 결제하기 */ #quick-swipepay .layer { width: 100%; min-height: 100%; z-index: 3; position: fixed; left: 0; top: 0; background:rgba(0,0,0,0.7); z-index: 2000; } #quick-swipepay .layer-wrap { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: var(--cw-color-10); } #quick-swipepay .layer-wrap .swipepay-close { position: absolute; top: -28px; left: 50%; width: 24px; height: 24px; transform: translateX(-50%); border: 0; background: none; display: flex; justify-content: center; align-items: center; } #quick-swipepay .layer-wrap .swipepay-addr { padding: 4px 16px; background: var(--cw-color-white); text-align: left; border-bottom: 1px solid var(--cw-color-30);} #quick-swipepay .layer-wrap .swipepay-addr .addr-lst { padding: 12px 0; border-top: 1px solid var(--cw-color-20); } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst:first-child { border-top: 0; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd { display: flex; align-items: center; gap: 5px; position: relative; font-size: .688rem; white-space: nowrap; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; font-weight: 700; vertical-align: bottom; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dt, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd p { display: flex; align-items: center; gap: 5px; font-weight: normal; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd { display: none; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd.on { display: flex; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 87%; font-size: 813rem; font-weight: 700; vertical-align: bottom; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd .addr-edit { position: absolute; top: -1px; right: 0; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt { margin-top: 3px; font-size: .688rem; color: var(--cw-color-80); } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li strong { font-size: .75rem; color: var(--cw-heading-color); font-weight: 600; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: calc(50% - 12px); vertical-align: middle; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt .option-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 87%; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt .more-option { display: inline-flex; width: 9px; height: 5px; align-items:center; vertical-align: middle; margin-left: 10px; font-size: 0; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_more.svg) no-repeat center; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt .more-option.active { transform: rotate(180deg); } #quick-swipepay .layer-wrap .swipepay-agree { position: relative; display: flex; justify-content: space-between; padding: 12px 16px; font-size: .688rem; } #quick-swipepay .layer-wrap .swipepay-agree .form-check-label { display: flex; align-items: end; gap: 8px; } #quick-swipepay .layer-wrap .swipepay-agree .view-terms { color: var(--cw-color-80); text-decoration: underline; border: 0; background: none; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms { position: absolute; bottom: -40px; left: 0; margin: 0 16px; padding: 18px 20px 20px; border: 1px solid var(--cw-heading-color); border-radius: 10px; background: var(--cw-color-white); box-sizing: border-box; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; border: 0; background: none; display: flex; justify-content: center; align-items: center; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-tit { padding-bottom: 10px; font-size: 1rem; font-weight: 700; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table { table-layout: fixed; width: 100%; word-wrap: break-word; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th, #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td { padding: 10px; border: 1px solid var(--cw-color-30); color: var(--cw-color-80); text-align: center; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th { font-weight: 600; color: var(--cw-heading-color); font-size: .75rem; background: var(--cw-color-10); } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td strong { color: #000; font-weight: 700; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms #recall_policy { margin-top: 10px; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms #recall_policy textarea { font-size: .75rem; color: var(--cw-color-80); } #quick-swipepay .layer-wrap .swipepay-total { display: flex; justify-content: space-between; padding: 4px 16px 20px; font-size: .688rem; } #quick-swipepay .layer-wrap .swipepay-total strong { font-size: .875rem; } #quick-swipepay .layer-wrap .swipepay-total .total-price .swipe-total-price { font-size: 1rem; color: var(--cw-point-color); } #quick-swipepay .layer-wrap .swipepay-wide { position: relative; margin: 0 16px; height: 48px; border-radius: 48px; color: var(--cw-color-white); font-size: .875rem; font-weight: 700; overflow: hidden; box-sizing: border-box; background: var(--cw-color-80); } #quick-swipepay .layer-wrap .swipepay-wide .swipepay-text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); pointer-events: none; user-select: none; } #quick-swipepay .layer-wrap .swipepay-wide .swipepay-slider { display: flex; justify-content: center; align-items: center; width: 48px; height: 100%; color: var(--cw-color-white); font-size: 1.375rem; border-radius: 48px; box-sizing: border-box; background: var(--cw-heading-color); } #quick-swipepay .layer-wrap .swipepay-wide .swipepay-completed { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--cw-heading-color); box-sizing: border-box; border-radius: 48px; pointer-events: none; } #quick-swipepay .layer-wrap .swipepay-order { padding: 12px 0; text-align: center; } #quick-swipepay .layer-wrap .swipepay-order a { font-size: .688rem; color: var(--cw-color-80); border-bottom: 1px solid var(--cw-color-60); } /* 추가 가격정보 */ .add_price {} .add_price dl {display:flex; justify-content: space-between;} .add_price dl dt {font-size:var(--cw-size-13); font-weight:400;} .add_price dl dd {text-align:right; font-size: var(--cw-size-14); font-weight: 600;} .add_price .price-info {padding:20px; background: var(--Grey-F7); border-radius:6px; margin:12px 0 20px;} .add_price .price-info > dl:not(:last-child) {margin-bottom:6px;} .add_price dl.mem_price {position:relative;} .add_price dl.mem_price dt > img {width:14px; vertical-align:sub; margin-left:2px; cursor:pointer;} .add_price dl.mem_price .member_sale_box {display:none;} .add_price dl.mem_price .member_sale_box .box_inner {position:absolute; width:280px; left:15%; top:20px; padding:20px; box-sizing:border-box; background:#fff; box-shadow: 4px 4px 12px 0px #0000001A; z-index:1; border-radius:10px;} .add_price dl.mem_price .member_sale_box p {line-height:21px; font-size: var(--cw-size-18); font-weight: 600; margin-bottom:20px;} .add_price dl.mem_price .member_sale_box p .box_close {float:right; cursor:pointer;} .add_price dl.mem_price .member_sale_box p .box_close img {width:12px;} .add_price dl.mem_price .member_sale_box div {} .add_price dl.mem_price .member_sale_box dl {display:flex; line-height;18px; justify-content:space-between; line-height:18px;} .add_price dl.mem_price .member_sale_box dl:not(:last-child) {margin-bottom:8px;} .add_price dl.mem_price .member_sale_box dl dt {font-size:var(--cw-size-15); font-weight: 400; display:flex; align-items:center;} .add_price dl.mem_price .member_sale_box dl dt span {font-size:var(--cw-size-12); font-weight: 600; color:var(--Primary-2); margin-left:6px;} .add_price dl.mem_price .member_sale_box dl dd {font-size:var(--cw-size-13); font-weight: 700;} .maximum-discount {display:flex; align-items:center; justify-content:space-between;} .maximum-discount .shopdetailInfoName {font-size: var(--cw-size-18); font-weight: 600;} .maximum-discount .shopdetailInfoCont {display: flex; align-items: center;} .maximum-discount .shopdetailInfoCont .btn-discount {display: inline-block; font-size: var(--cw-size-18); color: var(--Primary-2); font-weight:600; margin-right:8px;} .maximum-discount .shopdetailInfoCont button {background: var(--Black); width:85px; line-height:35px; border-radius:4px; border:none;} .maximum-discount .shopdetailInfoCont button a {color: var(--White); font-size: var(--cw-size-11); font-weight:500; display:block;} .maximum-discount .shopdetailInfoCont button a img {margin-left:4px;} /* 카드혜택 */ .card-benefit b {cursor:pointer; border-bottom:1px solid var(--Black); font-size: var(--cw-size-12); font-weight:600;} .card-benefit .info-content {display:flex; align-items:center; gap:6px; } /* 카드혜택 팝업 */ .benefit-box {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1001; display:none;} .benefit-box .inner {max-width:360px; width:100%; padding:20px 20px 32px; box-shadow: 4px 4px 12px 0px #0000001A; border-radius:10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--White); } .benefit-box .inner .tit {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;} .benefit-box .inner .tit h3 {line-height: 21px; font-size: var(--cw-size-18); font-weight: 600;} .benefit-box .inner .tit img {width:12px; cursor:pointer;} .benefit-tab {display:flex; align-items:center; margin-bottom:16px;} .benefit-tab li {flex:1; text-align:center; border-bottom:1px solid var(--Grey-DD); height:46px; line-height:44px; cursor:pointer;} .benefit-tab li.on {border-bottom:3px solid var(--Black); font-weight:600;} .benefit-info {display:none;} .benefit-info.on {display:block;} .benefit-info dl {display:flex; align-items:center; border-bottom:1px solid var(--Grey-E8); box-sizing: border-box;} .benefit-info dl dt {width:55%; background: var(--Grey-F7); font-size: var(--cw-size-13); font-weight: 600; padding:9.5px 10px; max-height:52px;} .benefit-info dl dd {flex:1; font-size: var(--cw-size-13); padding-left:10px;} .benefit-info .tab-notice {margin-top:20px; padding:16px 12px; border-radius:10px; background: var(--Grey-F7);} .benefit-info .tab-notice p {line-height:18px; color:var(--Grey-77); position:relative; padding-left:20px; font-size: var(--cw-size-12); } .benefit-info .tab-notice p::before {content:''; display:inline-block; width:2px; height:2px; background:var(--Grey-77); border-radius:50%; position:absolute; top:8px; left:9px;} /* 아코디언탭 */ .accordion {width: 100%;} .accordion .accordion-item {border-bottom: 1px solid var(--Grey-E8);} .accordion .accordion-title {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 22px 0; border: 0; background: none; cursor: pointer; text-align: left; } .accordion .accordion-title p {margin: 0; font-size: var(--cw-size-18); font-weight: 600;} .accordion .open-arrow {display: flex; align-items: center; transition: transform 0.3s ease; transform: rotate(90deg);} .accordion .open-arrow img {display: block;} .accordion .accordion-content {display: none; border-top: 1px solid var(--Grey-E8);} .accordion .accordion-content p {margin: 0; line-height: 25px; color:var(--Grey-77); font-size: var(--cw-size-14); padding: 20px 12px 40px;} .accordion .accordion-item.on .open-arrow {transform: rotate(270deg);} /* PC */ @media (min-width: 992px) { .sticky-btns {display: none !important;} .popup-shopdetail { display: none; } } /* 모바일 */ @media (max-width: 991.98px) { #productDetail {/*overflow-x:hidden;*/ max-width:inherit;} .btn-swipepay { display: block; } .fixed-menu--md { display: none !important; } .header-container--md .navi-btns a:not(.basket) { display: inline-block !important; } .goods--icon { margin-top: 0; } .goods-imgs--thumbs { margin-top: 0; } .goods--subtitle {font-size: var(--cw-size-13); color: var(--Grey-A6); margin:20px 0 4px;} .goods--title {font-size: var(--cw-size-18);} .goods-wrapper {display:block; position: relative; padding-bottom:0;} .goods-wrapper .goods-left {width:100%;} .goods-wrapper .goods-right {width:100%; position:static; height: auto; overflow-y: auto;} .goods-wrapper .goods-imgs { padding: 0;} .goods-wrapper .goods-imgs.pc-ver { display: none; } .goods-wrapper .goods-imgs.mo-ver { display: block; margin:0 -12px 20px;} .infos--group { } .infos--group.is-mobile { /* padding-bottom: 0; border-bottom: 0 none;*/ } .infos--group.is-mobile .soldout_area, .infos--group.is-mobile .goods--btns { display: flex; } .infos--row { margin-bottom: 16px; } .infos--row .info-title { font-size: .8125rem; line-height: 18px; } .infos--row .info-content { font-size: .8125rem; line-height: 18px; } .infos--row .info-link { font-size: .75rem; line-height: 16px;} .share { gap:10px;} .share .btn_wish .MS_btn_wish {width:20px; height:20px; background-size: 20px auto;} .share .btn-view img {width:18px;} .goods--price-wrap {padding:12px 0 20px;} .goods--price-wrap .prices {gap:4px 6px;} .goods--price-wrap .prices .discount, .goods--price-wrap .prices .price, .goods--price-wrap .prices .price span, .goods--price-wrap .prices .price strong, .goods--price-wrap .prices .price .MK_dc_price_sell {font-size: var(--cw-size-18); line-height: 21px;} .goods--price-wrap .prices .price {flex-basis: 70%;} .goods--price-wrap .prices .original {flex-basis: 50%; font-size: var(--cw-size-14);} .goods--price-wrap .prices .original #pricevalue {font-size: var(--cw-size-14); font-weight:400;} .goods--price-wrap .reserve-txt {flex:1; text-align:right;} .add-goods { flex-wrap: wrap; gap: 20px; } .add-goods .goods-list--item { display: flex; gap: 16px; } .add-goods .goods-list--item .item-image { margin-bottom: 0; flex: 0 0 100px; } .add-goods .goods-list--item .responsive-wrap { flex: 1 1 auto; } .add-goods .goods-list--item .link { flex: none; } .infos--group .goods-list.add-goods { padding: 0; } .maximum-discount .shopdetailInfoName, .maximum-discount .shopdetailInfoCont .btn-discount {font-size: var(--cw-size-15);} .maximum-discount .shopdetailInfoCont button {width: 67px; line-height: 26px;} .maximum-discount .shopdetailInfoCont button a {font-size:0;} .maximum-discount .shopdetailInfoCont button a::before {content:'쿠폰받기'; display:inline-block; font-size: var(--cw-size-11); vertical-align: middle;} .add_price .price-info {margin:6px 0 20px; padding:20px 16px;} .add_price dl dd {font-size: var(--cw-size-13);} /*.goods-infos .goods--btns { display: none; }*/ .goods-infos .infos--msg { margin-bottom: 0; display: flex; align-items: center; } .goods-infos .infos--msg .msg p { display: block; margin-left: 4px; margin-top: -4px; } .tab-wrapper {} .tab-navi--links { padding: 0; margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-bottom: 40px; top: 40px; } .tab-navi--links li:last-child {display:none;} .tab-navi--links li a { padding: 12px 0; margin-bottom: -1px; font-size: .875rem; } .tab-navi--links li.active a { margin-bottom: -2px; } .tab-navi--links li em { font-size: .75rem; } .tab-wrapper--content { padding-top: 60px; } .tab-wrapper--content .cw-paging {margin-top:40px;} .title-wrap.first { margin-top: 60px; } .size-tip {margin-top:32px;} .size-tip a {width:100%;} .relation-wrapper { margin-top: 32px; padding-bottom: 20px; margin-right: calc(-0.5 * var(--bs-gutter-x)); } .relation-wrapper .goods-list { padding-top: 8px; } .relation-wrapper .relation-btn { display: none; } .relation-wrapper .option-group .infos--row { flex-direction: column; } .relation-wrapper .option-group .infos--row .info-title { flex: 1 0 24px; font-size: .8125rem; } .relation-wrapper .option-group .infos--row .info-content { width: 100%; } .relation-wrapper .goods--btns .btn { width: 100%; } .relation-wrapper .cowave-swiper-scrollbar {display: block; --swiper-scrollbar-size: 2px; --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 70px; bottom: inherit;} .related-wrapper {padding-bottom:40px;} .related-wrapper .title-btns {margin-bottom:20px; height:21px;} .related-wrapper .title-btns span {font-size:var(--cw-size-18);} .related-wrapper .related-btn {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} .goods-qna {border-top:1px solid var(--Grey-E8);} .cw-subtitle {font-size: var(--cw-size-18);} .comment-review-wrapper .goods--btns .btn { width: 100%; } .cw-simpleboard .subject {gap:4px;} .cw-simpleboard .subject a { font-size: .875rem; } .cw-simpleboard .date { font-size: .813rem; width:auto;} .cw-simpleboard .post {} .cw-simpleboard .post .score { display: flex; flex-wrap: wrap; column-gap: var(--cw-size-12); width: 100%; } .cw-simpleboard .post .score li { justify-content: flex-start; flex-wrap: wrap; } .cw-simpleboard .stars { text-align: left; margin: 0; } .cw-simpleboard .author { font-size: .75rem; width:46px; line-height:22px;} .cw-simpleboard .author::after {display:none;} .cw-simpleboard .text-end { justify-content: flex-start; gap:8px; margin-top:12px;} .comment-content .comment-text .secret-password .cw-error-color {font-size: var(--cw-size-14); line-height:22px;} .comment-content .comment-text .secret-password > p {font-size: var(--cw-size-14); line-height:22px;} .cw-simpleboard .secret-password .password-form {margin-top:12px;} .review-wrapper .goods--btns .btn { width: 100%; } .relation-wrapper .goods--price-wrap .prices .original { font-size: .75rem; display: none; } .relation-wrapper .goods--price-wrap .prices .discount { font-size: .75rem; } .qna-wrapper .goods--btns .btn { width: 100%; } .review-board-file .post { display: grid; grid-template-columns: 62px auto; justify-content: flex-start; align-items: center; } .review-board-file .thumb-file { grid-row: 1 / 4; } .purchased-wrapper {padding:64px 0 100px; position:relative;} .purchased-wrapper .title-btns {margin-bottom:20px;} .purchased-wrapper .title-btns span {line-height:21px; font-size: var(--cw-size-18);} .purchased-wrapper .title-btns .purchased-btn {position:absolute; bottom:64px; left: 50%; transform: translateX(-50%);} .purchased-wrapper .basic-prd .prd-list .item-list ul li .item-info .subname-txt {display:none;} .event-bnr {margin-bottom:64px;} .menu-depth { display: none; } .goods-imgs--view.multi-img { display: none; } .goods-imgs--thumbs .swiper-num { display: block; right: 16px; bottom: 16px; font-size: .75rem; } .goods-imgs--thumbs .swiper-num span, .goods-imgs--thumbs .swiper-num strong { font-size: .75rem; } .option-layer {display:none;} .option-layer.option-layer--fixed { display:block; position: fixed; left: 0; right: 0; /*top: 0;*/ bottom: 0; margin-top: 30%; padding-left: calc(0.5 * var(--bs-gutter-x)); padding-right: calc(0.5 * var(--bs-gutter-x)); background-color: #fff; z-index:600; max-height: 70vh; overflow-y: auto; box-shadow: 0px 0px 20px 0px rgb(179 179 179 / 30%);} .option-layer-content { overflow-x: hidden; overflow-y: auto; max-height: 100%; padding-bottom: 110px; } .option-layer-content .soldout_area .soldout { line-height: 50px; font-size: .8125rem; } .option-layer-close { display: none; } .option-layer--fixed .option-layer-close {display:block; background: none; border: none; margin: 0 auto; padding: 0;} .option-active { overflow: hidden; } .option-active .cw-overlay { display: block; z-index:101;} .goods-info { font-size: 12px; padding: 6px 0 16px; } .infos--col .info-title { font-size: .8125rem; } .infos--col .info-title .selected-text { font-size: .75rem; } .infos--group.sm-bottom {padding:10px 0 24px;} .sm-bottom .infos--row { } .sm-bottom .infos--row .info-title { flex: 1 0 25%; } .sm-bottom .infos--row .info-content { width: 100%; } .goods--options { margin-bottom: 16px; padding:14px 0; } .goods--options:not(:last-child) { padding-bottom: 16px; } #MK_innerOpt_03 .goods--options:first-child { padding-top: 16px; } #MK_innerOpt_03 .goods--options:last-child { margin-bottom: 0; } .goods--options .goods-name span { font-size: .8125rem; } .goods--options-text { font-size: .8125rem; } .goods--options-text .point { font-size: .875rem; } .btn-delivery, .btn-smartpickup{ line-height: 48px; font-size: .875rem; } .btn-coupon-all .btn { width: 100%; } .sticky-btns { display: none; align-items: center; height: 50px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--Primary-1); } .sticky-btns a {display: block; width:60px; line-height: 50px; text-align: center; background: var(--White);} .sticky-btns .whish-btn { flex: 0 0 50px; } .sticky-btns .cart-btn { flex: 1; border-left:1px solid var(--Grey-DD);} body.option-active .sticky-btns { display: none !important; } .sticky-btns .buy-btn { color: var(--cw-color-white); flex: 1; text-align: center; background: var(--Primary-1);} .sticky-btns .btn_gift {position:relative;} .sticky-btns .btn_gift::before {content:''; display:inline-block; width:1px; height:23px; background: var(--Grey-DD); position:absolute; left:0; top:50%; transform:translateY(-50%)} .sticky-btns .btn_gift span {width: 54px; line-height:22px; background: var(--Black); color: var(--White); text-align: center; border-radius: 22px; font-size: 0.688rem; font-weight: 500; position: absolute; top: -11px; left: 50%; margin-left: -27px; animation: bubbleBounces 1.8s ease-in-out infinite;} .sticky-btns .btn_gift span::after {content: ''; display: inline-block; width: 7px; height: 5px; background: url(/design/windygirl78/renewal/img/gift-arrow.svg) no-repeat center; background-size: 7px auto; position: absolute; top: 22px; margin-left: -22px;} .sticky-btns a:not(:last-child) {border-top:1px solid var(--Grey-DD); border-bottom:1px solid var(--Grey-DD); height:50px;} @keyframes bubbleBounces { 0% { transform: translate(0, 0); } 30% { transform: translate(0, -4px); } 60% { transform: translate(0, 0); } 100% { transform: translate(0, -2px); } } .popup-shopdetail .btn { width: 100%; } .layer-benefit .modal-body { font-size: .75rem; } .form-wrapper .form-group .form-content .cw-textfield, .form-wrapper .form-group .form-content .cw-select-box { width: 100%; } .form-wrapper .form-group .form-content .btn-file {min-width: var(--cw-size-100);} .review_content, .review_board_file_content, .review_board_content, .qna_board_content {padding:28px 20px; font-size: .813rem; } .comment-form-wrapper .form-group .form-content .cw-textfield, .comment-form-wrapper .form-group .form-content .cw-select-box { width: 100%; } .comment-form-wrapper .form-group .form-content .btn-file { min-width: var(--cw-size-100); } .comment-form-wrapper { display: none; } .comment-review-wrapper .goods--btns { display: flex; } .cw-simpleboard .secret-password .password-form input { width: 100%; } .cw-simpleboard .secret-password .password-form input[type="password"] {flex:1;} .items-block .items-image img { width: 90px; height: 90px; } .items-block .items-details .title span { display: block; margin-bottom: 4px; } .items-block .items-details .infos--col:not(last-child) { margin-bottom: 10px; } .goods--btns .btn.btn-gift { width: 50px; font-size: 0; } .goods--btns .btn { line-height: 48px; font-size: .875rem; } .shopdetailNotifyInfo dl { flex-direction: column; gap: 6px; } .shopdetailNotifyInfo dl dt { font-size: .813rem; } #sizeChart { margin-bottom: 40px; padding: 40px 0 20px; } #sizeChart .size-chart-title { margin-bottom: 20px; padding-bottom: 10px; } #sizeChart .size-chart-content { flex-direction: column; align-items: normal; } #sizeChart .size-chart-table { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } #sizeChart .size-chart-table table { margin-bottom: 5px; } #sizeChart .size-chart-table th, #sizeChart .size-chart-table td { font-size: var(--cw-size-12); } #sizeChart .size-chart-table::-webkit-scrollbar { height: 4px; } #sizeChart .size-chart-table::-webkit-scrollbar-track { background: var(--cw-color-white); border-radius: 4px; } #sizeChart .size-chart-table::-webkit-scrollbar-thumb { background: #d2d2d2; border-radius: 4px; } #sizeChart .size-chart-table::-webkit-scrollbar-thumb:hover { background: var(--cw-color-60); } #sizeChart .guide-txt { display: block; margin-top: 3px; padding-right: 16px; font-size: var(--cw-size-12); color: var(--cw-color-80); text-align: right; background: url("data:image/svg+xml;utf8,") right center / 12px 12px no-repeat; } #sizeChart .size-chart-notice { font-size: var(--cw-size-12); } #sizeChart.popup-open .size-chart-content { gap: 16px; } #sizeChart.popup-open .size-chart-title { margin-bottom: 16px; } body #layerShopChoice { width: 90%; } body #layerShopChoice .shop-info-tb th, body #layerShopChoice .shop-info-tb td { display: block; width: 100%; } body #layerShopChoice .shop-info-tb th { font-size: .813rem; width: 100%; } body #layerShopChoice .shop-info-tb th div { padding-bottom: 0; } body #layerShopChoice .shop-info-tb td div { padding-top: 6px; } body #layerShopChoice .layer-btn-area { padding-bottom: 0 } .modal-title {font-size: var(--cw-size-17);} .btn-share {padding:24px 0 20px;} .add_price dl.mem_price .member_sale_box {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1001;} .add_price dl.mem_price .member_sale_box .box_inner {max-width:300px; width:90%; top:50%; left:50%; transform:translate(-50%,-50%);} .add_price dl.mem_price .member_sale_box p {font-size:var(--cw-size-17);} .add_price dl.mem_price .member_sale_box dl {line-height:17px;} .add_price dl.mem_price .member_sale_box dl:not(:last-child) {margin-bottom:10px;} .add_price dl.mem_price .member_sale_box dl dt {font-size:var(--cw-size-14);} .add_price dl.mem_price .member_sale_box dl dt span {margin-left:4px;} .benefit-box .inner {width:90%; max-width:320px;} .benefit-box .inner .tit h3 {font-size:var(--cw-size-17);} .benefit-tab li {font-size:var(--cw-size-15);} .benefit-info .tab-notice p {line-height:16px; font-size:var(--cw-size-11);} #content5 {margin-left: -12px; margin-right: -12px;} .accordion {border-top: 1px solid var(--Grey-E8);} .accordion .accordion-item {border-bottom: 1px solid var(--Grey-E8);} .accordion .accordion-title {padding: 21px 12px; } .accordion .accordion-title p {font-size: var(--cw-size-15); line-height:18px;} .accordion .accordion-content p {line-height: 21px; font-size: var(--cw-size-13); padding: 20px 12px;} } .MS_HybridOptItem input[name="hy_option[]"] { display: none; } /* 최대할인가 노출 */ .product-discount-wrap { position: relative; padding: 12px 0; border-bottom: 1px solid var(--cw-color-20); } .discount-summary { display: flex; align-items: center; font-size: .875rem; color: var(--cw-error-color); } .discount-summary .label { flex: 1 0 100px; } .discount-summary .price { flex: 1 1 100%; display: flex; align-items: center; } .discount-summary .price strong { font-size: 1rem; } .discount-summary .btn-all-coupon { flex: 1 0 94px; padding: 3px 0; font-size: .875rem; } .discount-summary .btn-all-coupon span { padding-right: 20px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_download_wh.svg) no-repeat right center / 16px auto; } .discount-summary .btn-discount-toggle { background: none; border: none; } .discount-summary .btn-discount-toggle .ico-arrow { display: block; width: 16px; height: 16px; font-size: 0; transition: transform 0.3s ease; transform: rotate(0deg); background-color: var(--cw-error-color); mask: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_collapse.svg') no-repeat center / contain; -webkit-mask: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_collapse.svg') no-repeat center / contain;} .discount-summary .btn-discount-toggle.on .ico-arrow { transform: rotate(180deg); } .discount-detail-list { display: none; margin-top: 12px; border-top: 1px solid var(--cw-heading-color); } .discount-detail-list.is-open { display: block; } .discount-detail-list .discount-group { padding: 20px 0; border-top: 1px solid var(--cw-color-30); font-size: .875rem; } .discount-detail-list .discount-group:first-child { border-top: 0; } .discount-detail-list .discount-cou-group { padding: 0; } .discount-detail-list .discount-title { display: flex; gap: 6px; align-items: baseline; padding-bottom: 12px; font-size: .875rem; font-weight: 700; } .discount-detail-list .discount-title .txt-info { color: var(--cw-point-color); font-size: .75rem; font-weight: 400; } .discount-detail-list .discount-section { display: flex; flex-direction: column; gap: 10px; font-size: .875rem; } .discount-section + .discount-section { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--cw-color-30); } .discount-detail-list .discount-row { display: flex; justify-content: space-between; align-items: center; } .discount-detail-list .form-check { display: flex; flex-direction: column; } .discount-detail-list .form-check-label { display: flex; align-items: center; gap: 8px; cursor: pointer; } .discount-detail-list .form-check-label:has(.form-check-input:disabled) { color: var(--cw-color-60); } .discount-detail-list .form-check-label .ico-status { display: inline-flex; height: 20px; padding: 0 6px; margin-left: 2px; align-items: center; border-radius: 20px; background: #ffe4e6; font-size: .688rem; font-weight: 600; color: var(--cw-error-color); font-style: normal; } .discount-detail-list .form-check .desc { padding: 2px 0 0 4px; font-size: .75rem; color: var(--cw-color-70); } .discount-detail-list .discount-price { display: flex; gap: 8px; align-items: center; white-space: nowrap; } .discount-detail-list .discount-price .btn-benefit { padding: 0; color: var(--cw-heading-color); font-size: .8125rem; text-decoration: underline; background: none; border: none; } .discount-detail-list .discount-price .btn { display: inline-flex; gap: 2px; align-items: center; justify-content: center; width: 60px; } .discount-detail-list .discount-price .btn-discount-coupon span { padding-right: 14px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_download_wh.svg) no-repeat right center / 12px auto; } .discount-detail-list .discount-notice { padding: 20px 0 8px; border-top: 1px solid var(--cw-heading-color); font-size: .875rem; font-weight: 600; text-align: center; } .discount-detail-list .discount-notice span { display: inline-block; padding-left: 26px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_circle_info.svg) no-repeat left center; } /* 모바일 */ @media (max-width: 767.98px) { /* (맨 하단에 추가) 최대할인가 노출 */ .discount-detail-list .discount-group { padding: 16px 0; font-size: .813rem; } .discount-detail-list .form-check .desc { font-size: .688rem; } .discount-detail-list .form-check-label { font-size: .813rem; } .discount-detail-list .discount-price { flex-direction: column; gap: 4px; } .discount-detail-list .discount-notice { font-size: .813rem; } } /* BASIC css end */