/* BASIC css start */ /* 상세 검색버튼 */ #header > div{display: flex; flex-direction: row; gap: 10px;} #header .searchToggle{display: block;} /* 상세 검색버튼 */ #container {padding-bottom: 92px;} .footer_nav {display: none;} .footer_banner, #footer {display: none!important;} /* 상세 상단 */ #header .back, #header .search, #header .cart {display: block!important;} /* 띠배너 */ .infobnrWrap {position: relative; margin-top: 40px;} .infobnrWrap .infobnrSwiper {position: relative;} .infobnrWrap .infobnrSwiper .swiper-pagination {position: absolute;text-align: center;font-size: 10px;z-index: 1;color:#fff;background: rgb(0 0 0 / 70%);width: 25px;left: auto;right: 10px;padding: 4px 10px;border-radius: 100px;} /* 다중이미지 */ .multiImgArea dd img:last-child { margin-right:0; } .multiImgArea .gallery-thumbs {padding: 10px 0;} .multiImgArea .gallery-top .swiper-button-next, .multiImgArea .gallery-top .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; margin: 0; font-size: 27px; color: #fff; text-align: center; border-radius: 100%; background-image: none; background-color: rgba(0,0,0,0.2); box-sizing: border-box;} .multiImgArea .gallery-top .swiper-button-next {right: 20px; padding: 0 6px;} .multiImgArea .gallery-top .swiper-button-prev {left: 20px; padding: 0 3px;} .multiImgArea .gallery-thumbs .swiper-button-next, .multiImgArea .gallery-thumbs .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; margin: 0; font-size: 24px; color: #000; text-align: center; background-image: none; box-sizing: border-box;} .multiImgArea .gallery-thumbs .swiper-button-next {right: 0;} .multiImgArea .gallery-thumbs .swiper-button-prev {left: 0;} .multiImgArea .gallery-thumbs .swiper-slide {width: calc((100% - 12px) / 7);margin-right: 2px; opacity: 0.4;} .multiImgArea .gallery-thumbs .swiper-slide.swiper-slide-active {opacity: 1;} /* .prdSlideBn {width:100%; overflow:hidden; position:relative; } .prdSlideBn .prd_banner {width:100%; } .prdSlideBn img {width:100%; max-width:100%;} .prdSlideBn .swiper-wrapper {z-index: 0;} .prdSlideBn .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 6px; } .prdSlideBn .swiper-pagination {bottom: 20px;left: auto;right: 16px;width: auto;padding: 0 10px;color: #fff;font-size: 12px;font-weight: 500;border-radius: 100px;background-color: rgba(34, 34, 34, 0.6);line-height: 22px;height: 22px;} */ .shopdetail .swiper {z-index: 0;} .shopdetail .shopdetailInfo {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info h2 {font-size: 18px; font-weight: 700; line-height: 21px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .info .subname {color: #777; font-size: 13px; font-weight: 400; line-height: 16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .listSubname {margin-bottom: 10px; padding-bottom: 5px; color: #000; font-size: 14px; font-weight: 500;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .listPrice {margin: 0; padding: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .listPrice .price {font-size: 20px; font-weight: 700; line-height: 20px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .listPrice .price .unit {font-size: 12px;} .shopdetail h3 {font-weight:bold;padding: 10px;margin-bottom:10px;border-top: 1px solid #ddd;font-size: 14px;margin-top: 20px;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .listPrice .strike {color: #ccc; font-weight: normal; margin-right: 8px; font-size: 14px; text-decoration: line-through; display: inline-block; margin-bottom: 8px;} .listPrice .salePercent {font-size: 20px; font-weight: 500; margin: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .snsLayerMask {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200 } /* SNS 공유하기 팝업 */ .snsLayerWrap {display: none; position:fixed; top:0; left:0; width:100%; height:100%; font-size:12px; text-align:center; z-index:9999; } .snsLayerWrap .snsShareInner {display:inline-block; position: relative;top: 50%; transform: translateY(-100px); vertical-align:middle; width:90%; max-height:90%; border-radius:10px; overflow:auto; z-index:99999 } .snsLayerWrap .snsShareInner .sns_share_title { padding:0 10px; background:#fff } .snsLayerWrap .snsShareInner .sns_share_title .snsShareTop { padding-left:5px; position:relative; height:48px; font-size:18px; color:#000; font-weight:700; text-align:left; line-height:48px; border-bottom:1px solid #ddd } .snsLayerWrap .snsShareInner .sns_share_title .snsShareTop .btnSnsPopClose { position:absolute; top:0; right:0; font-size:24px; line-height:53px } .snsLayerWrap .snsShareInner .box { max-height:450px; background:#fff } .snsLayerWrap .snsShareInner .sns_share_list .snsList { padding:23px 0 19px; font-size:0; text-align:center } .snsLayerWrap .snsShareInner .sns_share_list .snsList li {display:inline-block;margin: 0 10px;vertical-align:top;} .snsLayerWrap .snsShareInner .sns_share_list .snsList li a { display:block } .snsLayerWrap .snsShareInner .sns_share_list .snsList li .tx {display:block;padding-top:8px;font-size:12px;color:#000;font-weight:700;vertical-align:top;} .snsLayerWrap .snsShareInner .sns_share_list .snsList li img { width:38px } .snsLayerWrap .snsShareInner .sns_share_list .snsList li.ogg img {width:120px;} .snsLayerWrap .snsShareInner .sns_share_list .snsList li button {width:38px;height: 38px;border:0;border-radius:5px;/* background:#eee; */background: url(/design/jojean/snap/mo/main/detail_url.jpg) no-repeat;background-size: 38px;padding: 0;margin: 0 !important;background-position: left center;} .snsLayerWrap .snsShareInner .sns_share_bottom { padding:0 10px 10px; background:#fff } .snsLayerWrap .snsShareInner .sns_share_bottom .btnSnsPopClose { display:block; height:33px; font-size:12px; color:#000; font-weight:700; line-height:33px; border:1px solid #ddd; border-radius:10px } .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff; padding: 0 24px 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; padding: 15px 0 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color: #111;font-size:1.333em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info {position: relative; margin-bottom:5px; padding-bottom: 20px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info h2 {font-size: 20px; margin-bottom: 10px; font-weight: bold; padding-right: 60px; margin-top: 0px; line-height: 27px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info .subname {margin: 10px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info .subname font {display: block;word-break: keep-all;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info .review {position: absolute; bottom: 22px; right: 0; font-size: 14px; font-weight: 400; line-height: 14px; text-decoration: underline;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .info .listPrice {margin-bottom: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .snsShareBtn { position:absolute; right:0; top:3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .snsShareBtn img { display:inline-block; width:20px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom: 7px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30.3%;display:inline-block; vertical-align: middle;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:69.7%;display:inline-block; margin-left: -4px;vertical-align: middle;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .benefit-help {width: 14px; background-color: #fff; border: none; vertical-align: -2px; margin-left: 3px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .benefit-help img {display: block; width: 100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .deli_ico {width: 16px; margin-left: 2px; vertical-align: -2px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;} .shopdetailInfoDelivery {padding:10px 0 0;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {display: table; width: 100%; margin: 0 auto; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk {position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk .npay-wrap {padding-bottom: 16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk .npay-wrap .npay-open {position: relative; float: right; width: 60px; background-color: #fff; border: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk .npay-wrap .npay-open::after {content: "\e942"; font-family: xeicon; position: absolute; right: 0; top: 1px; line-height: 16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option_tk .npay-wrap .npay-open img{display: block; width: 41px;} .npay-buy {display: none;} .naver-checkout {} .naver-checkout .npay_type_MA_1 { width:100% !important; height: auto!important; box-sizing: border-box; padding:0 !important; } .naver-checkout .npay_button_box {border:none !important} .naver-checkout .npay_text {display:none !important; } .naver-checkout .npay_button {padding:5px 0 !important; } .naver-checkout .npay_btn_link {border-radius:10px !important;} .naver-checkout .npay_btn_list .npay_btn_item:last-child {display: none!important;} .naver-checkout .npay_event {display:none !important;} .npay-buy .npay_type_MA_1{width: 100%!important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;} @-webkit-keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } @keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {max-height: calc(100vh - 120px);overflow-y:auto;background-color: #fff;padding: 5px 24px 15px;z-index: 99;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .shopdetailInfoValue {display: none; padding: 0 0 20px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info {display: block; margin: 0; padding: 0; border-bottom: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info h2 {margin: 0 0 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info .subname {display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info .review {display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info .listIcons {display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .info_list {display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .buy_on {padding: 10px 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk #nhn_btn {padding: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .dcricesell {display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block;position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .arrow {display: block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .arrow img {width: 73px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .bg {display: block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%;box-sizing: border-box;position:relative;bottom:0;left:0;right:0;z-index: 99;text-align: center;margin:0 auto;display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .bg {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7);} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .arrow {display: none;position: absolute; top: -20px; width: 100%;} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .arrow::before {content: "\e943"; font-family: xeicon; color: #fff; font-size: 20px;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -16px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb {justify-content: space-between; text-align: center;display:none;background-color: #fff;padding: 5px 0;border-top: 1px solid #dbdbdb;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .left {display: flex;align-items: center;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a {display: table;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.wish img {vertical-align: middle; width: 24px; margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.wish {width: 50px; background-color: #fff; font-size: 24px; color: #222;box-sizing: border-box;} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.cart {width: calc((100% - 55px)/2); background-color: #888888;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.buy {margin-right: 10px; color: #fff; background-color: #ff31a2; width: 54%; text-align: center; font-size: 14px; border-radius: 20px; height: 40px; line-height: 40px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .back {width: 50px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .back a {margin:0 auto;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .back img {height:18px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .review {width:50px; border-right:1px solid #f1f2f3; border-left:1px solid #f1f2f3;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .review span {font-size:10px; line-height:15px; display:block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .review span em {color:#ffda37;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb .review p {font-size:10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #fff;text-align: center;padding: 10px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:calc(50% - 38px); color: #a2a2a2; border:1px solid #a2a2a2; display: inline-block;padding: 14px 0;margin: 0;font-size: 15px; vertical-align: top; margin-right:6px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {color: #000; border: 1px solid #000; margin-right:0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wishBtn { width: 50px; padding: 12.5px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wishBtn img {width:20px; opacity:0.5} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color: #3b3b3b;color: #fff;border: 1px solid #3b3b3b;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;margin-top: 7px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com .sel-btn {display:inline-block;width: 72px;height: 22px;color:#fff;text-align:center;line-height: 22px;border:1px solid #231f20;background:#231f20;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {padding: 5px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 25%; padding: 10px 5px 0 0; display:inline-block; font-size: 13px; font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width: calc(75% - 5px);display:inline-block;margin-left: -4px; font-size: 13px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont input {padding: 0 10px 0 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb;width: 32px;height: 32px;text-align: center;vertical-align: middle;line-height: 32px;color: #fff;margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb;width: 32px;height: 32px;text-align: center;vertical-align: middle;line-height: 32px;color: #fff;} #MK_innerOptScroll {margin-top: 15px;} #MK_innerOptWrap .MK_inner-opt-cm li {padding:10px 0;position:relative;border-top: 1px solid #000; *zoom:1;min-height:40px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoOneclick {padding: 6px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .dcpricesell {padding: 0 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .dcpricesell .shopdetailInfoName {padding-top: 4px; width: 25%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner a, .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner p {display: block; color: #555; font-size: 14px; line-height: 18px; text-align: center; letter-spacing: -0.02em; padding: 10px 8px 8px; background-color: #F5F5F5; box-sizing: border-box;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner a {width: calc((100% - 5px)/2);} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner p {width: 100%; margin-top: 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner .red {color: #802827; font-weight: 700;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .info-banner .black {color: #222; font-weight: 700;} .shopdetail .shopdetailBoardArea {position:relative; margin-bottom:20px; padding-top: 50px; /* z-index: 11; */} .shopdetail .shopdetailBoardWrap.fixed {position: fixed; top: 0; width: 100%; margin: 0; z-index: 99;} .shopdetail .shopdetailBoard {display: flex;text-align:center;width: 100%;box-sizing: border-box;background: #fff;} .shopdetail .shopdetailBoard li {position: relative;box-sizing: border-box;width: 25%;} .shopdetail .shopdetailBoard a span {position: relative;;background:#555;font-size: 11px; padding: 3px 5px; border-radius: 14px; color: #fff; font-weight: 400; height: 18px; line-height: 18px; margin-left: 2px; text-align: center;} .shopdetail .shopdetailBoard a {margin-left: 0px; font-size: 13px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #000; border-left: 0; text-align: center; height: 40px; line-height: 40px; display: block; background: #fff; color: #666;} .shopdetail .shopdetailBoard a.active {background-color: #fff; border-bottom: none; border-right: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 0; color: #000; font-weight: bold;} .MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {display: block; padding-right: 30px; font-size: 12px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl{margin-top:8px;padding:0 28px;font-size:0;position:relative;vertical-align:top;display:inline-block;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input{padding:0 6px;width:54px;height:30px;font-size:12px;border-color:#e1e1e1;text-align:center !important;box-shadow:none;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position: absolute; top: 10px; right: 0; display: block;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del:before {display:block;width:21px;height:21px;text-align:center;line-height:21px;content:"\e9af";font-size:21px;color:#000;font-family:xeicon;font-weight: 400;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {display: none;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute;bottom: 20px;right: 0;font-size: 0;line-height: 0;} .MK_optAddWrap .MK_inner-opt-cm .MK_price span {font-size: 14px; line-height: 12px; color: #000; font-weight: 500;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02{position:absolute;top:0;bottom:0;right:0;background-color:#fff;width:28px;height:28px;text-align:center;vertical-align:middle;font-size:12px;line-height:28px;color:#444;border:1px solid #e1e1e1;overflow:hidden;display:inline-block;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02 span{display:none;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02 ~ .btn-type-02{left:0;right:auto;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02:after{width:16px;height:16px;margin:6px auto 0;content:"\e913";font-size:16px;line-height:16px;color:#000;text-align:center;display:block; font-family:xeicon;font-weight: 400;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02 ~ .btn-type-02:after{content:"\e91a";} .MK_optAddWrap .total {text-align:right;padding: 15px 0 20px;font-size: 16px;} .MK_optAddWrap .MK_total {font-size: 18px;} .MK_optAddWrap .MK_txt-won {} .MK_optAddWrap_div {height:10px;padding:0;/* background:#f6f6f6; *//* border-top:1px solid #c7c7c7; *//* border-bottom:1px solid #c7c7c7; */} .MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; } #MK_innerOptTotal {text-align:right; border-top: 1px solid #000;} #MK_innerOptTotal .MK_txt-total {float:left;font-size: 16px;font-weight: 500;} /* //착불 아이콘 */ .shopdetail .shopdetailInfo .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailButton {padding: 0;} .shopdetail .shopdetailButtonTop{padding-bottom:0;} .shopdetail .shopdetailButtonTop .center{width:100%;padding-top: 4px;} .shopdetail .shopdetailButtonTop .left, .shopdetail .shopdetailButtonTop .right{width:50%;box-sizing:border-box;} .shopdetail .shopdetailButtonTop .left{padding-right: 2px;} .shopdetail .shopdetailButtonTop .right{padding-left: 2px;} .shopdetail .shopdetailButtonTop .cbtn{width:100%;} .shopdetail .shopdetailButtonTop .soldout, .shopdetail .shopdetailButtonTop .errorTxt, .shopdetail .shopdetailButtonTop .is_soldout{text-align:center;font-size:14px;color:#919191;padding:5px 0;} .shopdetail .shopdetailButtonTop .btnArea{display: flex; text-align:center; justify-content: space-between;} .shopdetail .shopdetailButtonTop .btnArea:after{content:"";display:block;clear:both;} .shopdetail .shopdetailButtonTop .cbtn{display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;border:1px solid #ddd;} .shopdetail .shopdetailButtonTop .cbtn.active{border-color:#a4a4a4;background-color:#a4a4a4;color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.prdDetailBtn{height: 54px;font-size: 16px;font-weight: 700; line-height: 53px;color: #222;box-sizing: border-box;} .shopdetail .shopdetailButtonTop .cbtn.prdDetailBtn i{font-size:25px;color:#333;vertical-align: -5px;} .shopdetail .shopdetailButtonTop .cbtn.grayStyle {border-color:#909090;background-color:#a4a4a4;color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.grayStyle i {color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.activeStyle{border-color: #231f20;color:#fff;background-color: #231f20;} .shopdetail .shopdetailButtonTop .cbtn.activeStyle i {color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.wishBtn {width: 57px; background-color: #fff; border: 1px solid #ddd;} .shopdetail .shopdetailButtonTop .cbtn.cartBtn {width: calc((100% - 63px)/2); background-color: #fff; border: 1px solid #ddd;} .shopdetail .shopdetailButtonTop .cbtn.buyBtn {width: calc((100% - 63px)/2); color: #fff; background-color: #222; border: 1px solid #222;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.subs { padding:15px 0; width:70%; background-color:#FFF; border:1px solid #f1191f; color:#f1191f; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.gift { display: inline-flex; align-items: center; justify-content: center; padding: 15px 0; width: 70%; background: #fff; border: 1px solid #393939; color: #393939; } /* 선물하기 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.gift .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; } /* 선물하기 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailCoupon {margin: 15px 0;} .shopdetail .shopdetailCoupon h3 {padding: 10px 0 5px;margin-bottom: 0;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {} .shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {padding: 5px 0 5px 110px;position:relative;background-size: 90px auto;min-height: 46px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width: 95px;position:absolute;top: 50%;left:0;text-align:center;font-size: 13px;margin-top: -20px;border: 1px dashed #ddd;height: 40px;line-height: 40px;background: #fcfcfc;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dd { color:#999; padding-top: 4px; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;color:#111;} .shopdetail .shopdetailItem {position: relative;} .shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;} .shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;} .shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} .shopdetail .shopdetailItem .shopdetailImage .SMSbanner3 {display: flex;} .shopdetail .shopdetailItem .shopdetailImage .info_dropdown {padding: 0 16px; box-sizing: border-box;} .shopdetail .shopdetailItem .shopdetailImage .info_dropdown .info_dropdown_hd {width: 100%; height: 50px; margin-bottom: 10px; font-size: 14px; font-weight: 600; line-height: 50px; text-align: center; border: 1px solid #ddd;} .shopdetail .shopdetailItem .shopdetailImage .info_dropdown .info_dropdown_hd i {position: relative; top: -1px; margin-left: 6px; font-size: 20px; vertical-align: middle;} .shopdetail .shopdetailItem .shopdetailImage .info_dropdown .info_dropdown_hd.on i {transform: rotate(-180deg);} .shopdetail .shopdetailItem .shopdetailImage .info_dropdown .info_dropdown_ct {display: none;} /* 쇼핑안내 */ .delivery-infoCnr { margin-top: 100px; } .delivery-infoCnr .delivery-info-wrapper dt:after { content:' '; width: 15px; height: 15px; background-position: 0 5px; background-repeat: no-repeat; background-image: url(/design/jojean/phps/common/sp_detail_updown.png);} .delivery-infoCnr .delivery-info-wrapper .active dt:after { content:' '; background-position: 0 -8px; background-repeat: no-repeat; background-image: url(/design/jojean/phps/common/sp_detail_updown.png); } .delivery-infoWrap { } .delivery-infoWrap dl { border-bottom: 1px solid #ddd;} .delivery-infoWrap dl:first-child { border-top: 1px solid #ddd; } .delivery-infoWrap dt { padding: 15px 0px 15px 20px; font-size: 14px; line-height: 1.3; font-weight: 600;color: #303030; } .delivery-infoWrap dt:after {content: '\f107';display: inline-block;font-family: 'FontAwesome';line-height: 1;font-size:20px; font-weight: normal;float: right;margin-right: 15px;} .delivery-infoWrap dd { font-size: 12px;line-height: 1.6;color: #6f6f6f;border-top: 1px solid #ddd;padding: 0;height: 0;overflow: hidden;visibility: hidden;} .delivery-infoWrap dd h4 { margin:5px 0;font-size: 12px;font-weight: 600;} .delivery-infoWrap dd p { margin-bottom: 15px;} .delivery-infoWrap .active dt:after { content: '\f106';} .delivery-infoWrap .active dd { padding: 30px 20px 35px;height: auto;visibility: visible; } .delivery-infoWrap dd .inner { margin-top: -50px;opacity: 0;transition: margin .3s, opacity .3s; } .delivery-infoWrap .active dd .inner { margin-top: 0;opacity: 1;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap {position: relative; padding: 100px 16px 0;box-sizing: border-box;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .util {margin-bottom: 20px;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .util a {height: 50px; font-size: 16px; line-height: 50px; font-weight: 700; border: none; box-sizing: border-box; background-color: #222;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul {border-top: 1px solid #ddd;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li {color: #424242; font-size: 13px; word-break: break-all; border-bottom: 1px solid #ddd;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li dl {padding: 14px 10px;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li dl h4 {margin-bottom: 5px; font-size: 14px;font-weight: 500;} h4.xi-image-o { font-size: 18px;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li .reply_status {color: #777; font-size: 12px;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li .info {font-size: 14px; color: #777;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board ul li .info .bar {margin: 0 2px; font-size: 12px;color: #ddd} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board .cont_wrap {display: none; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px; box-sizing: border-box;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} .shopdetail .shopdetailItem .shopdetailImage .detailReviewWrap .empty-board {text-align: center;} .shopdetail .shopdetailItem .detailQaWrap {position: relative;padding: 100px 16px 0;box-sizing: border-box;} .shopdetail .shopdetailItem .detailQaWrap .util {margin-bottom: 20px;} .shopdetail .shopdetailItem .detailQaWrap .util a {height: 50px; font-size: 16px; line-height: 50px; font-weight: 700; border: none; box-sizing: border-box; background-color: #222;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul {border-top: 1px solid #ddd;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li {color: #424242; font-size: 13px; word-break: break-all; border-bottom: 1px solid #ddd;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li dl {padding: 14px 10px;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li dl h4 {margin-bottom: 5px; font-size: 14px;font-weight: 500;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li .reply_status {color: #777; font-size: 12px;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li .info {font-size: 14px; color: #777;} .shopdetail .shopdetailItem .detailQaWrap .list_board ul li .info .bar {margin: 0 2px; font-size: 12px;color: #ddd} .shopdetail .shopdetailItem .detailQaWrap .list_board .cont_wrap {display: none; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px; box-sizing: border-box;} .shopdetail .shopdetailItem .detailQaWrap .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .shopdetail .shopdetailItem .detailQaWrap .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} .shopdetail .shopdetailItem .detailQaWrap .empty-board {text-align: center;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;} .shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;} .shopdetail .shopdetailRelationItem .listName input {float:right;} .shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;} /* 관련상품 */ .shopdetailRelation {margin-top: 40px;overflow:hidden;padding: 20px 0px 36px 15px;background: #f9f9f9;} .shopdetailRelation h3 {margin: 20px 0; padding: 0 0px;font-size: 18px;font-weight:700;border-top: 0 !important;} .shopdetailRelation .list_shoppingRelationItem1x {padding-top: 0px;} .shopdetailRelation .swiper-slide {width:40%;overflow: hidden; padding-bottom:2px} .shopdetailRelation .swiper-slide .listPic { width:100%; margin: 0; } .shopdetailRelation .swiper-slide .list_shoppingInfo {padding: 6px 0px 15px;/* overflow: hidden; */} .shopdetailRelation .swiper-slide .list_shoppingInfo .sell-price { font-weight:400 } .shopdetailRelation .swiper-slide .list_shoppingInfo .btnRelatedView { display:inline-block; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; border:1px solid #242424 } .shopdetailRelation .btn_Black {background:#fff; color:#000; width: 80%; margin: 20px auto;} .shopdetailRelation .infoWrap{float: left;padding-left: 19px;} .shopdetailRelation .infoWrap select{margin-bottom:2px;width: 100%;/* font-size: 12px; */} .shopdetailRelation .MS_related_checkbox{float: left;position: absolute; margin-top: 2px;} .shopdetailRelation .listCount {margin-top:2px} .shopdetailRelation .listCount input{width:40px;text-align: center;padding-left: 0;height: 30px;vertical-align: top;border-left: none;border-right: none;} .shopdetailRelation .listCount .xi{border:1px solid #ddd;width: 28px;height: 28px;text-align:center;line-height:30px;/* margin-top: 5px; */} .shopdetailRelation .listName {margin: 0 0 3px; word-break: break-all; line-height:inherit;} /* //관련상품 */ /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:13px;} /* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */ /* OKDGG 버튼 */ .shopdetail .okdgg-checkout {margin-top: 15px;} .shopdetail .okdgg-checkout img {max-width: 90%; height: auto;} /* //OKDGG 버튼 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button { display: none !important;} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ /* 임시품절 재입고 SMS 받기 */ .shopdetail .soldout_anchor { display:block !important; } .shopdetail .MK_btn-sms { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #636363; background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #636363, #5e5e5e); background-image: -moz-linear-gradient(top, #636363, #5e5e5e); background-image: -o-linear-gradient(top, #636363, #5e5e5e); background-image: linear-gradient(to bottom, #636363, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; } /* 임시품절 재입고 SMS 받기 끝 */ #nhn_btn {padding:15px 0 0;} #payco_order_btn {padding-top:10px;} #kakaopay_order_btn {padding-top:10px;} /* 구매할인 추가 */ .shopdetail .shopdetailInfo .buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; } .shopdetail .shopdetailInfo .buy-benefit .tit-txt { font-size:14px; color:#000; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap { position:relative; } .shopdetail .shopdetailInfo .buy-benefit .btn-view { display:inline-block; padding:3px 5px 3px 5px; font-size:11px; color:#000; border:2px solid #a9a9a9; width:48px; top:-3px; left:100%; position:absolute; } .shopdetail .shopdetailInfo .buy-benefit .btn-view em { display: inline-block; font-size:10px; color: #000; vertical-align: top; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:0; width:186px; padding:15px; background:#fff; border:2px solid #a9a9a9; z-index:11; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap.active { display:block; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view { font-size:13px; line-height:20px; color:#000; word-break:break-word; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;} .shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list li { list-style-type:none; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap .layer-view ul.list li.layer-info { list-style-type:none; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; color:#585858; font-weight:normal; } .shopdetail .shopdetailInfo .buy-benefit .view-wrap .btn-close { position:absolute; right:7px; top:6px; } /* 하이브리드 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) { width:100%; border-bottom:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {/* background-color:#f6f6f6; */} /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit {margin: 10px 0 0;border-top: 1px solid #ddd;font-size:14px;color:#000;font-weight: 600;padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoTit span {font-size:12px;font-weight: normal;} .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap {width:100%;border-bottom: 1px solid #ddd;} .shopdetail .shopdetailInfo .shopdetailInfoWrap:first-child{ border-bottom : 0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop {float:left;width: 35%;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure {padding: 10px 0;border:0;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {float:right;width: 60%;padding: 10px 0;border:0;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName {font-size: 14px;font-weight: 500;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue p {margin-bottom: 6px;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont {width: 100%;margin:0;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both;overflow:hidden;zoom:1;display: flex;align-items: center;} .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 69.7%; } .MK-oneclick-list {overflow:hidden;zoom:1;line-height: 0;} .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li {float:left;margin: 0 4px 1px 0;} .MK-oneclick-list li a {border:1px solid #231f20;display: inline-block;border-radius: 1px;box-sizing:border-box;} .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { } .MK-oneclick-list li.MK-oneclick-color a { padding: 0px; border: none; } .MK-oneclick-list li.MK-oneclick-color span { width: 24px; height: 24px; border: 1px solid #999999; box-shadow: inset 0px 0px 0px 2px #FFFFFF; box-sizing: border-box;} .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a {padding: 0;border: none;} .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding-bottom: 0; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { overflow: hidden; height: 24px; margin: 0 4px 1px 0; padding: 0 8px; font-size: 13px; color: #555; line-height: 24px; text-align: center; background-color: #f5f5f5; border-radius: 3px; } /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:0 0 20px; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* //상품 상세 이벤트 공통 정보 */ /* 상품 상세 일반 공통 정보 */ .detail-common-info { padding:0 15px 20px; word-break: break-all; } .detail-common-info img {max-width: 100%;} .detail-common-info dl { padding-top:20px; font-size:inherit; font-weight:normal; letter-spacing:-0.5px; } .detail-common-info dl dt { padding-bottom:10px; color:#333; font-weight:bold; } .detail-common-info dl dd { padding-left:10px; color:#666; line-height:20px;} .detail-common-info div {margin-top:10px; } /* //상품 상세 일반 공통 정보 */ /* 스마트 쿠폰 목록 */ .shopdetail .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetail .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; } .shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area {overflow: hidden;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r {float: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once {display:inline-block; float:left; margin:0 0 15px 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .soldout_once img {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor {display:block; float:left; padding:0; margin:0 0 15px 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span {height: auto; line-height: unset !important; -webkit-box-shadow:none; box-shadow: none; border: none; background: none;} /* 22.05.09 42195-136 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area .fl-r .btn_soldout_anchor span img {width:100%; } /* 샵페이 바로구매 */ #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; 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: 338px !important; height: 84px !important; } .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; } .detailTit {padding-bottom: 20px; text-align: center;} .detailTit .title {font-size: 24px; font-weight: 700; line-height: 29px;} .detailTit .sub-title {margin-top: 4px; color: #777; font-size: 13px; font-weight: 400; line-height: 16px;} /* qna 상품문의 */ .qnaWrap{ padding-top: 21px;} .qnaWrap .qnaTit{ font-weight: bold; padding: 10px; margin-bottom: 0px; border-bottom: 1px solid #ddd; font-size: 16px; margin-top: 40px;} .qna_list { padding: 0 10px; } .qna_list ul { padding: 10px 0px; border-bottom: 1px solid #ddd; } .qna_list ul li { line-height: 20px; color: #999; } .qna_list ul li .qna_tit { vertical-align: middle; } .qna_list ul li .qna_tit a { display: inline-block; } .qna_list ul li .qna_tit span { line-height: normal; margin-right: 3px; } .qna_list ul li .qna_tit span img { vertical-align: middle; } .qna_list ul li:nth-child(2) { color: #000; } .nbg{text-align: center; padding: 20px 0;} .qna_list::after { content:''; display:block; clear: both; } .tit-detail { padding: 0 10px; height: 35px; font-size: 14px; text-align: center; } .tit-detail .btm_write { padding: 0 10px; line-height: 35px; margin-right: 10px; float: left; width: calc(50% - 5px); height: 100%; background: #000; border: 1px solid #000; box-sizing: border-box; } .tit-detail .btm_write a { color: #fff; } .tit-detail .more { float: left; line-height: 35px; width: calc(50% - 5px); height: 100%;border: 1px solid #dcdcdc; box-sizing: border-box; margin-top:0 } .paging-wrap .paging a { border:0 none; color: #000; } .paging-wrap .paging a.now { background: transparent; font-weight: bold; border: 0 none; } .qna_board_content > div { padding: 15px 0 !important; } .qna_board_content > div img { width: 100%; } /* 이미지배너 */ .img-banner {padding: 0 16px 60px;} .img-banner a {display: block; margin-bottom: 5px;} .img-banner a img {width: 100%;} /* 무이자할부혜택 팝업 */ .benefit-help-popup {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;padding: 60px 16px 0;background-color: #fff;z-index: 999;box-sizing: border-box;overflow-y: auto;} .benefit-help-popup .benetopArea {position:fixed;top: 0;left:0;right:0;width: 100%;height: 60px;background: #fff;} .benefit-help-popup p {font-size: 18px;font-weight: 700;line-height: 21px;padding: 20px 0 19px 16px;} .benefit-help-popup img {width: 100%; padding-bottom: 20px;} .benefit-help-popup .benefit-help-close {position: absolute;top: 12px;right: 10px;border: none;background-color: rgba(0,0,0,0);z-index: 1;font-size: 28px;width: 36px;height: 36px;line-height: 38px;text-align: center;} /* 후기쓰기페이징 */ .detailReviewWrap .paging a {position: relative; height: 23px; margin: 0 5px; line-height: 23px; color: #777; font-size: 14px; font-weight: 400; border: none; } .detailReviewWrap .paging a.now {color: #222; font-weight: 700; border: none; background-color: rgba(0,0,0,0);} .detailReviewWrap .paging a.now::after {content:''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 11px; border-bottom: 1px solid #222;} .detailReviewWrap .paging a.prev, .detailReviewWrap .paging a.next {font-size: 10px;} .detailReviewWrap .paging a.prev span, .detailReviewWrap .paging a.next span {vertical-align: -1px;} /* 문의하기페이징 */ .detailQaWrap .paging a {position: relative; height: 23px; margin: 0 5px; line-height: 23px; color: #777; font-size: 14px; font-weight: 400; border: none; } .detailQaWrap .paging a.now {color: #222; font-weight: 700; border: none; background-color: rgba(0,0,0,0);} .detailQaWrap .paging a.now::after {content:''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 11px; border-bottom: 1px solid #222;} .detailQaWrap .paging a.prev, .detailQaWrap .paging a.next {font-size: 10px;} .detailQaWrap .paging a.prev span, .detailQaWrap .paging a.next span {vertical-align: -1px;} #detailTab_info, #detailTab_review, #detailTab_size, #detailTab_relatItem {position:relative; top: -20px} #detailTab_info .imgArea img{width: 100%;} #detailTab_size {padding-top: 50px;} .sizeBackground{display:none;position:fixed;top:0px;width:100vw;height:100vh; overflow-y: scroll; background-color:#fff;z-index:101;} .sizeBackground .crema-fit-product-combined-detail{padding-bottom: 60px} .sizeClose{color:#474747;position:absolute;top: 40px;right:20px;font-size:30px;} /* 엘클라 전용 상세페이지 */ .detail-sub-txt > p.tit{font-size:16px;color:#000;line-height:1.3;border-bottom:1px solid #e1e1e1;padding-bottom:15px;font-weight:400;} .detail-sub-txt dl{padding-top:10px;margin-bottom:10px;} .detail-sub-txt dl dt{font-size:15px;color:#444;line-height:1.3;font-weight:bold;} .detail-sub-txt dl dd{padding-top:5px;padding-left:5px;} .detail-sub-txt dl dd p{font-size:14px;color:#555;line-height:1.3;word-break:keep-all;font-weight:400;} .detail-sub-txt dl dd p br{} .detail-sub-txt dl dd p b{font-weight:400;color:#000;font-size:13px;} .detail-sub-txt dl dd ul{display: flex; flex-wrap: wrap; padding-top:10px;} .detail-sub-txt dl dd ul:after{display:block;content:"";clear:both;} .detail-sub-txt dl dd ul li{display:block;float:left;width:60px;margin-right:10px;text-align:center;word-break:break-all;line-height:1.3;color:#666;margin-bottom:10px;} .detail-sub-txt dl dd ul li:last-of-type{margin-right:0;} .detail-sub-txt dl dd ul li > span{display:block;width:60px;height:60px;margin:0 auto;box-sizing:border-box;border-radius:10px;border:1px solid #333;overflow:hidden;margin-bottom:5px;} .shopdetailImage .detail-sub-txt{display:none !important;} #SMS_shopdetailInfo #contents .shopdetailInfoBottom .price_container .shopdetailInfoCont em, #SMS_shopdetailInfo #contents .shopdetailInfoBottom .price_container .shopdetailInfoCont b{font-size:24px;padding-left:3px;} #SMS_shopdetailInfo #contents .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont{position:relative;top:-1px;} /* 고정버튼 */ #ch-plugin .crHqNe.Launcherstyled__Wrapper-ch-front__sc-oef45p-0 {z-index:10 !important;bottom: 60px !important;} .btn_toggle_area {bottom: 110px !important;} .section01 { text-align: center; margin:0px; font-size:12pt; font-weight:bold; color:#000; padding-left:20px; padding-right:10px; } .section02 { text-align:left; margin:0px; color:#626262; font-size:10pt; padding-left:20px; padding-right:10px;} .section03 { text-align:left; margin:0px; color:#9b0f19; font-size:10pt; font-weight:bold; text-decoration: underline; padding-left:20px; padding-right:10px; } .qna_board_content .thumbs img { width:100%; } .box-real-time { display: none; width: 100%; height: 200vh; position: fixed; left: 0; top: 0 !important; z-index: 999; background: #fff; } .box-real-time.show { display: block; } .box-real-time table { width: 100%; } .box-real-time thead tr { border-bottom: 1px solid #a3a3a3; } .box-real-time thead tr th { height: 60px; line-height: 60px; } .box-real-time a { position: absolute; right: 30px; top: 30px; } .box-real-time a::before, .box-real-time a::after { content: ""; position: absolute; width: 20px; height: 2px; background-color: #333; transition: background-color 0.3s; } .box-real-time a::before { transform: rotate(45deg); } .box-real-time a::after { transform: rotate(-45deg); } .box-real-time a:hover::before, .box-real-time a:hover::after { background-color: #ddd; } .buy_pp{font-size:15px;} .buy_pp01{font-size:13px; /* border-top: 2px solid #000; */border-bottom: 2px solid #000; padding:10px 0;} .buy_pp02{border-bottom:1px solid #bcc2cc; padding:5px 0;} .MS_option_stock_name,.MS_option_stock_msg_max{font-size:11px;} .btn-shipping-status { display: inline-flex; align-items: center; justify-content: center; background-color: #585858; color: #fff; width:55%; font-size: 15px; padding: 8px 16px; border-radius: 0px; text-decoration: none; font-weight: bold; gap: 8px; margin-bottom:30px; } .btn-shipping-status::before { content: '\1F69A'; font-size: 16px; } .option-box-title { font-size: 16px; font-weight: bold; height: 60px; line-height: 60px; padding: 0 20px; border-bottom: 2px solid #000; } .option-box-content-table { overflow: scroll; height: calc(100vh - 5px); } /* 스마트 쿠폰 목록 */ .shopdetail .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetail .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.listCoupon { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; } /*250702*/ .sub_t {padding-bottom: 10px;color: #00c851;font-size: 13px;} .sub_t strong {display: inline-block;padding-right: 10px;color:#000;font-weight: 500;} /* 당일발송 */ .btn-shipping-status {display:none !important; } /* 대량구매 혜택 영역 숨김 */ .shopdetailInfo .info_list .buy-benefit { display: none !important; } .shopdetailInfo .info_list .buy-benefit { display: none !important; } .hide-bulk-benefit { display: none !important; } /* BASIC css end */