/* BASIC css start */ #cartPop .modal-content {background-color: #fff;height: auto;width: auto;} #productDetail .detail_title {display: flex;align-items: center;gap: var(--cw-size-10);position: relative;padding: 10px;margin: 20px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);border-top: 1px solid rgba(0, 0, 0, 0.08);font-size: 13px;color: #1e1e1e;} #productDetail .detail_title img {width:25px;} #productDetail .detail_title h3 {font-size: 20px;font-weight: 600;} .infos--row .info-title.b_color {color: #0059a1;} .infos--row .info-content.b_color {color: #0059a1;} .infos--row .info-title.r_color {color: #ff1212;} .infos--row .info-content.r_color {color: #ff1212;} .goods-wrapper { justify-content: space-between; } .goods-wrapper .goods-imgs {width: 45%;} .goods--title, .goods--subtitle, .goods--engname { display: block; font-weight: 400;-webkit-line-clamp: unset; overflow: visible; text-overflow: unset; overflow-wrap: break-word;color:#333; } .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:10px 0 !important;} .goods--price-wrap .btn-share { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 20px 0 10px; } .goods--price-wrap .btn-share img { width: 40px; height: 40px; } .goods--price-wrap .prices .price span, .goods--price-wrap .prices .price strong, .goods--price-wrap .prices .price .MK_dc_price_sell {font-size: 26px;font-weight: 400;} .goods--price-wrap .prices .price {font-size:26px;} .infos--group { position: relative; padding: 10px 0 15px; border-bottom: 1px solid var(--cw-color-20); } .infos--group.is-mobile {border-bottom:0;padding: 0 0 15px;} .infos--group .add_info_list {display: flex;flex-wrap: wrap;} .infos--group .add_info_list .add_2 .info-content {color:blue;font-weight: 600;} .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; } .user_group {font-size:18px;text-align:center;margin: 0 0 20px;padding: 10px 0;border-top: 2px solid #1e1e1e;border-bottom: 2px solid #1e1e1e;} .user_group em {font-style: normal;font-weight: 600;} .user_group strong {color:#1f5eff;} .goods--icon { position: static;} /*.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(--cw-color-60); } .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 .add_info_list .infos--row {width:50%; } .infos--group .goods-list { flex-wrap: wrap; padding: 0 0 10px 0; } .infos--row {--cw-margin-top: 0;display: flex; align-items: center;justify-content: flex-start; padding: 5px 0;border-bottom: 1px solid var(--cw-color-20); } .infos--row:last-child { margin-bottom: 0; } .infos--row .info-title { width: 120px;font-size: 12px; line-height: 20px; color: #555;font-weight: 600;} .infos--row .info-content {width: calc(100% - 120px);font-size: 12px; line-height: 20px; color: var(--cw-color-80);word-break: keep-all; } .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%; } .sm-bottom {} .sm-bottom .infos--row { margin-bottom: 10px; } .sm-bottom .infos--row:last-child { margin-bottom: 0;padding: 0;border-bottom: 0; } .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(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg) no-repeat center center / 24px auto; text-indent: -9999px; margin-left: 12px; } .share .btn_wish .MS_btn_wish.wish-on { mask: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg') no-repeat center center / 24px auto; background-color: black; } .sticky-btns .btn_wish .MS_btn_wish { display: inline-block; width: 24px; height: 24px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_white.svg) no-repeat center center / 24px auto; } .sticky-btns .btn_wish .MS_btn_wish.wish-on { mask: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_white_fill.svg') no-repeat center center / 24px auto; background-color: #fff; } .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; } .shopdetailInfoMultiSelect #MK_innerOptScroll > div {border-top: 1px solid #9a9ba0;border-bottom: 0;padding:0;} .option-layer-content .order_desc {padding: 10px 0;} .option-layer-content .order_desc span {font-size: 12px;color: #888;} .option-layer-content .order_desc p {font-size: 12px;color: #1f5eff;padding: 5px 0 2px 18px;line-height: 1.5;text-align: left;background: url(/design/beseller/images/ico_help.png) no-repeat 0 8px;background-size: 14px auto;} .btn-group {position: absolute;left: 52%;top: 10px;} .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; } .goods-infos .info_close {display:none; position: absolute;top: -45px;right: -1px;width: 180px;line-height: 45px;background: url(/design/beseller/images/buy_toggle_on.png) no-repeat;color: #fff;font-size: 15px;text-indent: 20px;cursor: pointer;} .goods-wrapper .goods-infos {width: 55%;border-top: 2px solid #333;} .basic-soldout { width: 100%; margin-bottom: 8px; line-height: 58px; background: var(--cw-color-10); color: var(--cw-color-60); } .goods--options {position: relative;padding: 20px 0; font-size: .875rem; } .goods--options:not(:last-child) {border-bottom: 1px solid var(--cw-color-20); } .goods--options .goods-name {} .goods--options .goods-name span { display: block; font-size: 14px; color: var(--cw-heading-color); } .goods--options .goods-delete {position: absolute;right: 0;top: 16px;} .goods--options .goods-delete img { width: 20px; height: 20px; } .goods--options .goods-quantity {} .goods--options .goods-quantity .quantity-price {position: absolute;right: 30px;top: 15px; color: var(--cw-heading-color); font-size: 14px; font-weight: normal; } .goods--options .goods-quantity .quantity-price span, .goods--options .goods-quantity .quantity-price strong { font-weight: 400; font-size: 1rem; } .goods--total { display: flex; align-items: center; justify-content: space-between;padding-top: 10px;padding-bottom: 40px;border-top: 2px solid #000;} .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: .875rem; color: var(--cw-heading-color);font-weight: 500; } .goods--total .total-price { font-size: 22px; color: var(--cw-heading-color);font-weight: 500; } .goods--total .total-price #MK_p_total { font-size: 1.5rem; } .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: 8px; } .goods--btns .btn { width: 50%;line-height: 50px;padding: 0 10px;border-radius: 0;color: #333;font-weight: 500;background: linear-gradient(to bottom, #e6e7e9 40%, #e0e2e4 100%);border: 1px solid #d3d4d6;border-bottom-color: #ccced0;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .goods--btns .btn:hover {border: 1px solid #d4d5d8;background: linear-gradient(to bottom, #dcdee0 0%, #d9dadc 100%);} .goods--btns .btn.buy_btn {width: 80%;color: #fff;background: linear-gradient(to bottom, #262c2f 100%, #1e2427 100%);border: 1px solid #131719;border-bottom-color: #0c0f10;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .goods--btns .btn-gift { width: 60px; padding: 0; flex-shrink: 0; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_gift.svg) no-repeat 50% 50%; font-size: 0; } .goods--btns .btn-delivery { width: 100%; margin-top: 8px; line-height: 58px; } .goods--btns .btn2 { text-align: center; margin-top: 30px; width: 50%;line-height: 50px;padding: 0 10px;border-radius: 0;color: #FF0000;font-weight: 800;background: linear-gradient(to bottom, #e6e7e9 40%, #e0e2e4 100%);border: 1px solid #d3d4d6;border-bottom-color: #ccced0;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .goods--btns .btn3 { text-align: center; width: 20%;line-height: 50px;padding: 0 10px;border-radius: 0;color: #FF0000;font-weight: 800;background: linear-gradient(to bottom, #e6e7e9 40%, #e0e2e4 100%);border: 1px solid #d3d4d6;border-bottom-color: #ccced0;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} /* 상품 상세 고정 */ .goods-wrapper .goods-infos.fixed {position: fixed;z-index: 300;bottom: -2px;right: 12%;width: 532px;padding: 10px 15px 0;border: 1px solid #ddd;background: #fff;box-shadow: 0 0px 8px rgba(0, 0, 0, .15);opacity: 1;} .goods-wrapper .goods-infos.fixed .info_close {display:block;} .goods-wrapper .goods-infos.fixed .user_group {display:none;} .goods-wrapper .goods-infos.fixed .goods--btns .btn {padding:0;} .goods-wrapper .goods-infos.fixed .btn-pay-wrap {display:none;} .goods-wrapper .goods-infos.fixed .goods--btns {margin-bottom:20px;} .goods-wrapper .goods-infos.fixed .goods--options .goods-name span {max-width: 250px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .goods-wrapper .goods-infos.fixed .infos--group.is-mobile .option-layer .option-layer-content {height:45vh;overflow:auto;} .goods-wrapper .goods-infos.fixed .goods--total {padding-bottom:10px;} #btnDetailFix {position: fixed;z-index: 99;bottom: 0;right: 12%;width: 180px;height: 45px;line-height: 45px;background: url(/design/beseller/images/buy_toggle_off.png) no-repeat;color: #fff;font-size: 15px;text-indent: 20px;cursor: pointer;opacity: 0;transition: all .4s ease;} #btnDetailFix.open {opacity: 1;transition: all .4s ease;} .tab-wrapper { padding-bottom: 120px; } .tab-navi--links { display: flex; justify-content: space-around; align-items: center; margin-bottom: 48px; } .tab-navi--links li { text-align: center; flex-grow: 1; border-bottom: 1px solid var(--cw-color-30); } .tab-navi--links li a { margin-bottom: -1px; display: block; padding: 18px 0; font-size: 1rem; font-weight: 700; color: var(--cw-heading-color); text-decoration: none; } .tab-navi--links li em { font-style: normal; font-weight: 400; font-size: 0.9rem; color: var(--cw-color-60); } .tab-navi--links li.active { border-bottom: 2px solid var(--cw-heading-color); } .tab-navi--links li.active a { margin-bottom: -2px; } .tab-wrapper--content { padding-top: 100px; } .tab-wrapper--content img { max-width: 100%; } .tab-wrapper--content .cw-paging { padding: 20px 0 0; } .tab-wrapper--content .detail-product { padding: 60px 0; margin-top: 60px; } .tab-wrapper--content .detail-product .common_cont {padding-bottom:60px;} .title-wrap { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--cw-heading-color); } .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; } .relation-wrapper { position: relative; margin-top: 60px; } .relation-wrapper .goods-list { padding-bottom: 0; } .relation-wrapper .check-icon-group { margin-bottom: 10px; } .relation-wrapper .check-icon-group, .relation-wrapper .check-icon-group .form-check { display: flex; align-items: center; } .relation-wrapper .MK-product-icons img { margin: 0 2px; } .relation-wrapper .relation-btn { position: absolute; top: 0; right: 0; } .relation-wrapper .relation-btn a { display: inline-block; width: 28px; height: 28px; text-decoration: none; } .relation-wrapper .relation-btn .disable { opacity: .30; } .relation-wrapper .cowave-swiper-scrollbar { display: none; } .relation-wrapper .goods--price-wrap .prices { gap: 6px; } .relation-wrapper .goods--price-wrap .prices .price { font-size: .875rem; } .relation-wrapper .goods--price-wrap .prices .price strong { font-size: 1rem; font-weight: 700; } .relation-wrapper .goods--price-wrap .prices .discount { font-size: .875rem; } .relation-wrapper .option-group { margin-top: 10px; } .relation-wrapper .option-group .infos--row { margin-bottom: 10px; } .relation-wrapper .goods--btns .btn { margin-top: 30px; width: 300px; line-height: var(--bs-btn-line-height); } .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; } .review_content, .review_board_file_content, .review_board_content, .qna_board_content { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: var(--cw-color-10); border-bottom: 1px solid var(--cw-color-30); font-size: .875rem; } .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 .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-simpleboard.goods-qna .subject { display: flex; gap: 4px; } .cw-simpleboard .text-end { display: flex; justify-content: space-between; } .cw-simpleboard .author { text-align: center; } .cw-simpleboard .subject { display: flex; gap: 4px; align-items: baseline; } .cw-simpleboard .subject a { color: var(--cw-heading-color); font-size: .875rem; word-wrap: break-word; word-break: break-all; white-space: normal; } .cw-simpleboard .date { font-size: .875rem; } .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 .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: 12px; display: flex; gap: 6px; } .cw-simpleboard .secret-password .password-form input { width: 360px; } .cw-simpleboard .secret-password .password-form .btn { width: 100px; } .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 {} .detail_notice_img {margin-top: 50px;text-align: center;} .detail_notice_img h3 {padding: 10px 10px 10px 20px;border-bottom: 1px solid #ddd;text-align: center;font-size: 40px;font-weight: 600;color: #333;} .detail_notice_img img {width:100%;padding-top: 30px;} /* 평점후기 수정 레이어 */ #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 .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; } .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-content {max-width: 300px;} /* 레이어 팝업 */ /* 스마트 쿠폰 목록 */ .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; } /* 묶음상품 */ .bundle-wrap { display: flex; gap: 16px; } .bundle-wrap .bundle-image img { width: 100px; height: auto; } .bundle-wrap .bundle-details .title { margin-top: 4px; font-weight: 600; } .bundle-wrap .bundle-details .title span { font-size: .75rem; color: var(--cw-color-80); font-weight: 400; } .bundle-wrap .bundle-details .infos--col:not(last-child) { margin-bottom: 20px; } .bundle-wrap .bundle-details .infos--row { margin-top: 10px; } /* 옵션가격 */ #MK_innerOptTotal { text-align: right; font-size: .875rem; padding: 0; } #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: 40px auto 0; gap: 12px; max-width: 600px; } /* 샵페이 바로구매 */ #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); } .order_notice h3 {font-size: 18px;font-weight: 600;} .order_notice em {font-size:16px;font-weight: 700;font-style: normal;} .order_notice p {font-size:14px;color: #555;} /* PC */ @media (min-width: 992px) { .sticky-btns { display: none !important; } .popup-shopdetail { display: none; } } @media (max-width: 890px) { .sticky.is-stuck {box-shadow:none !important;} .header-container--md {display:none !important;} #productDetail {} #productDetail .detail_title {display: block;position: relative;padding: 0 0 10px;border-top: 0;margin: 10px 0;} #productDetail .detail_title .mb_img {position: absolute;left: 0;top: 0;} #productDetail .detail_title h3 {text-align:center;font-size: 1rem;} } /* 태블릿 */ @media (min-width: 768px) and (max-width: 991.98px) { footer, .fixed-menu--md { display: none !important; } .header-container--md .navi-btns a:not(.basket) { display: inline-block !important; } .goods-wrapper .goods-imgs { padding: 0;} .goods-wrapper .goods-imgs.pc-ver { display: none; } .goods-wrapper .goods-imgs.mo-ver { display: block; } .goods-wrapper .goods-infos { margin-top: 32px; --bs-gutter-x: 48px;width:100%; } .goods-infos .infos--msg .msg p { display: inline-block; } .tab-wrapper { padding-bottom: 80px; } .tab-navi--links { padding: 0; margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); } .tab-wrapper--contents { --bs-gutter-x: 48px; } .tab-wrapper--content { padding-top: 80px; } .tab-wrapper--content .detail-product { padding: 40px 0; } .popup-shopdetail { display: none; } .relation-wrapper { margin-top: 40px; } .relation-wrapper .cowave-swiper-scrollbar { display: none; } .relation-wrapper .goods--price-wrap .prices .original { font-size: .75rem; } .relation-wrapper .goods--price-wrap .prices .discount { font-size: .75rem; } .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%; } .menu-depth { display: none; } .goods-imgs--view.multi-img { display: none; } .goods-imgs--thumbs .swiper-num { display: block; } .option-layer--fixed { z-index: 600; position: fixed; left: 0; right: 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; } .option-layer--fixed .user_group {display:none;} .option-layer-content { overflow-x: hidden; overflow-y: auto; max-height: 100%; padding-bottom: 24px; } .option-layer-content .soldout_area .soldout { font-size: .8125rem; } .option-layer-close { display: block; z-index: 601; position: absolute; top: -28px; left: 0; right: 0; text-align: center; border: 0; background: transparent; } .option-active { overflow: hidden; } .option-active .cw-overlay { display: block; } .sticky-btns { display: none; align-items: center; gap: 10px; height: 60px; padding: 0 10px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; background-color: var(--cw-point-color-pri); } .sticky-btns a { text-align: center; font-size: 1rem; line-height: 20px; font-weight: 500; text-decoration: none; } .sticky-btns .whish-btn { flex: 0 0 50px; } .sticky-btns .cart-btn { display: none; color: var(--cw-color-white); flex: 1 1 auto; } body.option-active .sticky-btns { display: none !important; } .sticky-btns .buy-btn { color: var(--cw-color-white); flex: 1 1 auto; } .sticky-btns .line { display: inline-block; width: 1px; height: 14px; border: 1px solid #FFFFFF33; } .comment-form-wrapper { display: none; } .comment-review-wrapper .goods--btns { display: flex; } .btn-pay-wrap { display: grid; grid-template-columns: repeat(2, 1fr); } .btn-pay-wrap > *:only-child { grid-column: 1 / -1; justify-self: center; } } /* 모바일 */ @media (max-width: 767.98px) { .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;margin-bottom:10px;} .goods-imgs--thumbs { margin-top: 0;padding: 0 10px;} .goods--title, .goods--subtitle, .goods--engname {margin-top:0;} .goods-wrapper .goods-imgs { padding: 0;} .goods-wrapper .goods-imgs.pc-ver { display: none; } .goods-wrapper .goods-imgs.mo-ver { display: block;width:100% !important; } .goods-wrapper .goods-imgs.mo-ver .goods-imgs--view {padding:10px;} .goods-wrapper .goods-infos {width:100%;margin-top: 20px;} .infos--group .add_info_list {display:block;} .infos--group .add_info_list .infos--row {width:100%;} .infos--group { padding: 16px 0; } .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 {} .infos--row .info-title {} .infos--row .info-content {width: calc(100% - 120px); } .infos--row .info-link { font-size: .75rem; line-height: 16px;} .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; } /*.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; } .goods--options .goods-quantity .quantity-price {font-size:18px;} .goods--options .goods-quantity .quantity-price strong {font-size:18px;} .detail_notice_img h3 {padding:10px 0;font-size:22px;} .tab-wrapper { padding-bottom: 60px;margin-top: 40px; } .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: 32px; } .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: 0; } .tab-wrapper--content .detail-product { padding: 40px 0; margin-top: 40px; } .title-wrap { padding-bottom: 10px; } .title-wrap.first { margin-top: 60px; } .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; } .comment-review-wrapper .goods--btns .btn { width: 100%; } .cw-simpleboard .subject a { font-size: .813rem; } .cw-simpleboard .date { font-size: .813rem; } .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: .813rem; } .cw-simpleboard .text-end { justify-content: flex-start; } .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; } .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--fixed { z-index: 600; position: fixed; left: 0; right: 0;bottom: 0; padding: 10px 15px; background-color: #fff; } .option-layer--fixed .user_group {display:none;} .option-layer--fixed .option-layer-close {display:block;} .option-layer--fixed .btn-pay-wrap {display:none;} .option-layer--fixed .option-layer-content {height:45vh;} .option-layer-content { overflow-x: hidden; overflow-y: auto;} .option-layer-content .soldout_area .soldout { line-height: 50px; font-size: .8125rem; } .option-layer-close { z-index: 601; position: absolute; top: -45px; right: 0; text-align: left; border: 0;background: url(/design/beseller/images/buy_toggle_on.png) no-repeat;width: 180px;height: 45px;color: #fff;padding-left: 20px; } .option-active { overflow: hidden; } .option-active .cw-overlay { display: block; } .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; } .sm-bottom .infos--row {} .sm-bottom .infos--row .info-title { flex: 1 0 24px; } .sm-bottom .infos--row .info-content {} .goods--options { margin-bottom: 16px; } .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--total .total-txt { font-size: .8125rem;max-width: 200px; } .goods--total .total-price { font-size: 1.125rem; } .goods--total .total-price #MK_p_total { font-size: 1.25rem; } .goods--total .total-price .MK_total { font-size: 1.25rem !important; } .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%; } .goods-quantity {margin-top:10px;} .goods-quantity .btn-group {position: static;} #btnDetailFix {display:none;} .sticky-btns { display: none; align-items: center; gap: 10px; width:180px; height: 45px; padding: 0 16px; position: fixed; bottom: 0; left: auto; right: 0; z-index: 1000;background: url(/design/beseller/images/buy_toggle_off.png) no-repeat;} .sticky-btns a { text-align: center; font-size: 1rem; line-height: 20px; font-weight: 500; text-decoration: none; } .sticky-btns .whish-btn { flex: 0 0 50px; } .sticky-btns .cart-btn { display: none; color: var(--cw-color-white); flex: 1 1 auto; } body.option-active .sticky-btns { display: none !important; } .sticky-btns .buy-btn {display: block;width: 100%;text-align: left; color: var(--cw-color-white); white-space: nowrap;font-size: 15px;font-weight: 400; } .sticky-btns .line { display: inline-block; width: 1px; height: 14px; border: 1px solid #FFFFFF33; } .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: 1rem; 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%; } .bundle-wrap .bundle-image img { width: 90px; height: 90px; } .bundle-wrap .bundle-details .title span { display: block; margin-bottom: 4px; } .bundle-wrap .bundle-details .infos--col:not(last-child) { margin-bottom: 10px; } .goods--btns {gap: 5px;} .goods--btns .btn.btn-gift { width: 50px; font-size: 0; } .goods--btns .btn { line-height: 48px; font-size: 14px;padding: 0; } .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 } } .MS_HybridOptItem input[name="hy_option[]"] { display: none; } /* BASIC css end */