/* BASIC css start */ .option_tk .select2-container--default .select2-results__option:first-child, .option_tk .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .option_tk .select2-container {text-align:left;} .option_tk .select2-container--open {position:relative!important; top:0!important; left:0!important; width:100%;} .option_tk .select2-container--open .select2-dropdown {position:relative; width:100%!important; border:none;} .select2-hidden-accessible { position: fixed !important; } .clearfix:after {visibility: hidden;} .js_select2_option {border:1px solid #b7b7b7; box-sizing: border-box; border-radius: 10px; width: 100%!important; box-sizing:border-box; text-align:left; } .js_select2_option.hasValue .selected_value {margin-left:5px; position:relative; display:inline-block;} .js_select2_option.hasValue .selected_value:before {content:'/'; position:relative; top:0; left:0; display:inline-block; margin-right:5px;} .js_select2_option .select2-results li {border-top:1px solid #e2e2e8; padding:0 10px; line-height:43px; font-size:15px;} .js_select2_option .optWrap { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; box-sizing: border-box; } .js_select2_option .option_selected_title { width: 100%; height: 50px; line-height:50px; color:#393939; font-size:16px; font-family: 'SUIT', sans-serif; letter-spacing: -0.75px; position:relative; display:block;} .js_select2_option.open {border:1px solid #000;} .js_select2_option .select2.select2-container {display:none;} .js_select2_option .select2-container--default .select2-selection--single {border:none;} /* BASIC css start */ /* BASIC css start */ /**상세하단 유의사항**/ /* 다중이미지 */ .shopdetailInfoTop {overflow: hidden;} .shopdetailInfoTop .swiper { width: 100%; height: 100%; overflow: hidden; } .shopdetailInfoTop .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .shopdetailInfoTop .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .shopdetailInfoTop .swiper { width: 100%; margin-left: auto; margin-right: auto; } .shopdetailInfoTop .swiper-slide { background-size: cover; background-position: center; } .shopdetailInfoTop .mySwiper2 { height: 80%; width: 100%; position: relative; overflow: hidden; } .shopdetailInfoTop .mySwiper2 .swiper-pagination { width: auto; padding: 0 10px; border-radius: 12px; bottom: 10px; left: auto; right: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; line-height: 24px; } .shopdetailInfoTop .mySwiper { box-sizing: border-box; padding: 8px 0 0; position: relative; width: 100%; } .shopdetailInfoTop .swiper-slide img { display: block; width: 100%; height: 100%; } /* 사이즈 세탁 */ .lay_1 td.add_cont em { font-size:0 } .lay_1 td.add_cont em.on { font-size:11px } /*상세더보기버튼*/ .shopdetail .mobileDetailMore {position: absolute;bottom: 0;margin: 18px 0px 0px;width: 100%;/* background: #fff; */padding: 140px 0px 0;background: url(/design/yeoek/11753/common/themoreBg.png?date=2023) repeat-x left bottom; z-index:99;} .shopdetail .mobileDetailMore a {display:block;width: 80%;height:40px;font-size:14px;color: #000;MARGIN: 0px auto;text-align:center;line-height:40px;background: #ffffff;border: 1px solid #0B0B0D; border-radius:6px;} .shopdetail .mobileDetailMore a i { line-height:40px; vertical-align:top } /*장바구니 담기*/ #basketpage{top:30% !important;} .layer-confirm{background:#000 !important;} .shopdetail .shopdetailInfo { margin-bottom: 48px; background-color: #fff;} .shopdetail .shopdetailInfo h2 { width: calc(100% - 30px); color: #383838; font-size: 18px; font-weight: 500; font-family: 'SUIT', sans-serif; letter-spacing: -1px; line-height: 1.4; } .shopdetail .shopdetailInfo .subName { display: block; margin-top: 32px; color: #ff6666; font-size: 16px; } .shopdetail h3 {font-weight:bold;padding: 10px;margin-bottom: 20px;border-top: 1px solid #ddd;font-size: 14px;margin-top: 20px;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .listPrice {color: #111;font-weight:bold; font-size:16px;} .listPrice .strike {color:#616161;font-weight: normal; margin-right:5px;font-size: 16px; text-decoration:line-through; display: inline-block;} .listPrice .salePercent { margin-right:5px; margin-left:0} .listPrice .price { display: block; color: #FF67B6; font-size: 28px; font-weight: 600; letter-spacing: -0.2px; } .listPrice .price .unit { font-size: 26px; letter-spacing: 0; } /*상세 :: 2 진열*/ .shopdetail .detail-two-guide{} .shopdetail .detail-two-guide .twoTop {} .shopdetail .detail-two-guide .twoContent {width:100%} .shopdetail .detail-two-guide .twoContent li{width:50%; float:left} .shopdetail .detail-two-guide .twoContent li a{display:block} .shopdetail .detail-two-guide .twoContent li a img{width:100%} .shopdetail .detail-two-guide .twoBottom{} /* 상세 이미지 배너 */ .mImgBanner{width: 100%; margin-top: 40px;} .mImgBanner a{display:inline-block; margin-bottom:10px} .mImgBanner a img{width:100%} ul.detailBanner.imgWrap li {padding-bottom: 30px;} /* 상세 :: 기본 :: 추가 슬라이드 */ .itemListWrap { margin:0px 0 60px; position:relative; width:100%; overflow:hidden } .itemListWrap img{width:100%;} .itemListWrap .swiper-scrollbar{/* height:2px !important; */width: auto;height: 2px;left: 5vw;right: 5vw;bottom: 14px;background: #dbdbdb;} .itemListWrap .swiper-button-next { background-image: url(/design/yeoek/11753/icon/nextButton.png) !important; top: 45% !important; right: -45% !important; } .itemListWrap .swiper-button-prev { background-image: url(/design/yeoek/11753/icon/prevButton.png) !important; top: 45% !important; left: -45% !important; } /* 상세 :: 기본 :: 추가 슬라이드 01 */ .addSliderWrap { margin:0px 0 60px; position:relative; width:100%; overflow:hidden } .addSliderWrap .swiper-slide { width:100%; } .addSliderWrap .swiper-slide a { display:block; padding:0 ; } .addSliderWrap .swiper-slide img { width:100% } .addSliderWrap .add-pagination { display:table; table-layout:fixed; width:100% !important;margin-top:10px } .addSliderWrap .swiper-pagination-bullet-active {background-color:#000 !important} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfoBottom .shopdetailInfoValue { padding: 32px 16px 0; box-sizing: border-box; position: relative;} .shopdetail .shopdetailInfoBottom .detail_review {position:relative; height:20px; line-height:20px; margin-bottom:12px;} .shopdetail .shopdetailInfoBottom em {color: #111;font-size:1.333em;} .shopdetail .shopdetailInfoBottom .iconList, .shopdetail .shopdetailInfoBottom .MK-product-icons { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 3px; } .shopdetail .shopdetailInfoBottom .iconList { margin: 8px 0; } .shopdetail .shopdetailInfoBottom .iconList img { width: auto; height: 17px; } .shopdetail .shopdetailInfoBottom .listPrice { margin: 32px 0 0; font-size: 22px;position:relative; width: 100%;font-weight: 600;} .shopdetail .shopdetailInfoBottom .listPrice .salePercent { color: #FF67B6; font-size:16px; font-weight:600; } .shopdetail .shopdetailInfoBottom .listPrice .couponBtn { width: 120px; height: 32px; border-radius: 10px; background-color: #292929; color: #fff; font-size: 14px; font-weight: 500; text-align: center; line-height: 32px; } .shopdetail .shopdetailInfoBottom .snsShareBtn img {width:26px} .shopdetail .shopdetailInfoBottom .shopdetailInfoCont { display:inline-block; vertical-align: middle; color: #1f1f1f; font-size: 22px; font-weight: 700; } .shopdetail .shopdetailInfoBottom .shopdetailInfoCont .unit { font-weight: 600; } .shopdetail .shopdetailInfoBottom .region {margin-left: 10px;} .shopdetail .shopdetailInfoBottom .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;} .shopdetail .shopdetailInfoBottom .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 .shopdetailInfoBottom .btn_relation a .fa {display:block; margin:6px 0 3px 0;} /* 상품옵션 */ .shopdetail .shopdetailInfoBottom .option_area {width: 100%; margin-top: 8px; } .shopdetail .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;} .shopdetail .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;} } .fixedBtns { font-size:0 } .fixedMask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001 } .option_area.fixed {display:block;} .option_area.fixed .fixed-btn.fixed .fixedMask { display:block !important;} .option_area.fixed .fixed-btn.fixed .fixedMask i {position:absolute; top:10px; right:10px; color:#fff; font-size:30px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {display: block; max-height: calc(100vh - 220px);overflow-y:auto;background-color: #fff;padding-top: 24px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%;box-sizing: border-box;position:relative;bottom:51px;left:0;right:0;z-index: 101;text-align: center;padding: 0;margin:0 auto;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { position: fixed; border-top:1px solid #1f1f1f; box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed.act{bottom:44px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed .lnr{font-size:22px; vertical-align:middle} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed img { display: block; width:73px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {display:none; position: absolute; top: -10px; left: 50%; margin-left:-33px;z-index:10000} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block;position: relative; top:50px; bottom:auto; padding: 2px; z-index:-1;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute;top:-18px;left: 50%;margin-left:-33px;display: none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a { display: flex; align-items: center; justify-content: center; width: 60px; height: 50px; box-sizing: border-box; background-color: #fff; line-height: 50px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.wish { border-right: 1px solid #ddd; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fxb a.buy { width: calc(100% - 120px); background-color: #292929; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: -0.75px; } /* 실시간 재고 */ .makeshop-stock-sellpia-btn {border: 1px solid #ccc; text-align:center; line-height:36px;font-size:14px;display:block; color:#fff; font-weight:bold; background:#fff; margin-top:10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .totalWrap { margin-top: 24px; padding: 24px 16px; border-top: 1px solid #ddd; box-sizing: border-box; background-color: #f9f9f9;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on { margin: 24px auto; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on > div {font-size:0; margin-bottom:8px; position:relative; text-align:left;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on > div #grid_realtime_stock {right:0; width: 100%!important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btnWrap { padding: 0 16px; gap: 0 8px; box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btnWrap a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #b7b7b7; border-radius: 10px; box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btnWrap a.btn_buy { width: calc(100% - 114px); border-color: #292929; background-color: #292929; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: -0.75px; text-align: center; line-height: 48px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect { display: grid; padding: 0 16px; gap: 8px 0; box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .optionTip{ width: 67%;display: inline-block; margin-left: 20%; vertical-align: middle; padding-left: 6px; margin-top: 15px; margin-bottom: 3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .optionTip em{color:#ff6b13;/* font-weight: 600; */} .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: 26px;color:#0B0B0D;text-align:center;line-height: 26px;border:1px solid #ECECEC;background:#ECECEC; border-radius:6px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 25%;padding-right: 5px;display:inline-block;font-size: 13px;font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont { display: block; height: fit-content; overflow: hidden; } .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_innerOptWrap { margin-top: 24px; } .MK_inner-opt-cm {/* border-bottom: 1px solid #000; */ max-height:150px; overflow-y:scroll;} #MK_innerOptWrap .MK_inner-opt-cm li {/* margin-top:10px; */padding: 10px 0;position:relative;min-height: 28px;} .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 .shopdetailBoard { position: sticky; top: 24px; left: 0; z-index: 100; } .shopdetail .shopdetailBoard .shopdetailBoard a.actOn {background-color: #000;border-top: 1px solid #000;border-bottom: 2px solid #000;color: #fff;font-weight: bold;} .shopdetail .shopdetailBoard.act{position: fixed;top:-51px; z-index:100; } .shopdetail .shopdetailBoard.Sact{position: fixed;top:-51px; z-index:100; } .shopdetail .shopdetailBoard.Tact{position: fixed; top:0; z-index:100; padding-top:0; margin-bottom:0;} .shopdetail .shopdetailBoard.Tact.slideUp.animated { -webkit-animation-name:slideUp02; animation-name:slideUp02} .shopdetail .shopdetailBoard.Tact.slideDown.animated{-webkit-animation-name:slideDown02; animation-name:slideDown02;} .shopdetail .shopdetailBoard a { border: 1px solid #ddd; border-right: none; font-size: 14px; text-align: center; height: 35px; font-family: 'SUIT', sans-serif; line-height: 35px;display: block;background: #fff; width: 25%; color: #393939; letter-spacing: -0.75px; position:relative; } .shopdetail .shopdetailBoard a.on { border: 1px solid #393939; background-color: #393939; color: #fff; } .shopdetail .shopdetailBoard a .snap_review_wrap {color:#f26464; font-size:12px;} .MK_optAddWrap .MK_inner-opt-cm { padding: 0 16px; box-sizing: border-box; } .MK_optAddWrap .MK_inner-opt-cm li {position:relative;/* border-top: 1px solid #c7c7c7; */padding: 12px 0;/* border-bottom: 1px solid #000; */} .MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {color:#000; display:inline-block; width:35%; line-height:30px;vertical-align:top; font-size:14px;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name p {display:none;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl{ padding:0 28px;font-size:0;position:relative;vertical-align:top;display:inline-block; background:#EFEFEF;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input{padding:0 6px;width:54px;height:30px;font-size:12px;border-color:#EFEFEF; background:#EFEFEF; text-align:center !important;box-shadow:none;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del{position:absolute;top:50%; right: 0; display:block; transform: translateY(-50%);} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del:before { display:block;width:14px;height:14px;text-align:center;content:"\e9af"; font-size:14px;color:#c5c5c5; font-family:xeicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img{display:none;} .MK_optAddWrap .MK_inner-opt-cm .MK_price{display:inline-block; line-height:30px; margin-left: 6%;} .MK_optAddWrap .MK_inner-opt-cm .MK_price span{font-size:14px; color:#000;font-weight:600; line-height:30px; display:inline-block;} .MK_optAddWrap .MK_inner-opt-cm .btn-type-02{position:absolute;top:0;bottom:0;right:0;background-color:#EFEFEF;width:28px;height:28px;text-align:center;vertical-align:middle;font-size:12px;line-height:28px;color:#444;border:1px solid #EFEFEF;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:#AEAEAE;text-align:center;display:block; font-family:xeicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .MK_optAddWrap .MK_inner-opt-cm .btn-type-02 ~ .btn-type-02:after{content:"\e91a";} .MK_optAddWrap .priceWrap { color: #1f1f1f; font-size: 24px; font-weight: 700; } .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 { color: #393939; font-size: 16px; font-weight: 600; letter-spacing: -0.75px; } /* //착불 아이콘 */ .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: 10px;*/} .shopdetail .shopdetailButtonTop{/*padding-bottom:20px;*/} .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: #000; padding: 5px 0; border: 1px solid #ddd; height: 30px; line-height: 30px; background: #f9f9f9;} .naver-checkout {} .naver-checkout .npay_type_MA_1 { width:100% !important; box-sizing: border-box; padding:0!important; height:auto!important;} .naver-checkout .npay_button_box {border:none !important;} .naver-checkout .npay_text {display:none !important; } .naver-checkout .npay_button {padding:0 !important; } .naver-checkout .npay_btn_link {border-radius:8px !important;} .naver-checkout .npay_event, .npay_btn_item.btn_width {display:none !important;} .listSubname{color: #8F8F8F !important; margin-top: 5px;} .shopdetail .shopdetailButtonTop .btnArea{display: none; text-align:center;} .shopdetail .shopdetailButtonTop .btnArea:after{content:"";display:block;clear:both;} .shopdetail .shopdetailButtonTop .btnArea .left{float:left;text-align:left;} .shopdetail .shopdetailButtonTop .btnArea .right{float:right;text-align:left;} .shopdetail .shopdetailButtonTop .btnArea .center{display:inline-block;} .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: 48px;font-size: 15px;line-height: 46px;color: #231f20;} .shopdetail .shopdetailButtonTop .cbtn.prdDetailBtn i{font-size:20px;color:#333;vertical-align: -3px;margin-right:5px;margin-left: -2px;} .shopdetail .shopdetailButtonTop .cbtn.grayStyle {border-color: #999;background-color: #999;color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.grayStyle i {color:#fff;} .shopdetail .shopdetailButtonTop .cbtn.activeStyle{border-color: #404040;color:#fff;background-color: #404040;} .shopdetail .shopdetailButtonTop .cbtn.activeStyle i {color:#fff;} .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 .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;} #shopdetailReview h2{margin:0 14px; padding-bottom:5px; border-bottom:2px solid #0B0B0D; font-size:20px; font-weight:400; color:#0B0B0D;} .shopdetail .shopdetailItem .shopdetailImage {position: relative;/* padding-bottom: 130px; */line-height: 1.3;} .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 .shopdetailImageArea{position: relative; overflow: hidden;} .shopdetail .shopdetailItem .shopdetailImage.unset{padding-bottom: 0;} .shopdetail .shopdetailItem .shopdetailImage.unset .shopdetailImageArea{height: auto;} .shopdetail .shopdetailItem .videoWrap{position:relative;height: 0; /*padding-top: 100%; */padding-bottom:100%;} .shopdetail .shopdetailItem .videoWrap iframe {position:absolute;width:100%;height:100%;border:0;top:0;left:0;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} /*.shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;}*/ .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;} .shopdetail .infoSectionWrap{padding-top:50px} /* 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 받기 끝 */ #kakaopay_order_btn {display:inline-block; width:calc(50% - 4px); border-radius:6px;} #kakaopay_order_btn a {display:block; width:100%; border:0; margin:0; background:#FFED00; color:#0B0B0D; font-size:15px} #kakaopay_order_btn a img {height:16px; margin-top:14px;} .naver-checkout {display:inline-block; width:calc(50% - 4px); vertical-align:top; margin-left:8px;} .naver-checkout a.npay_btn_link.btn_green {border-radius:6px!important; height: 42px!important; line-height:40px!important;} /* 하이브리드 */ .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 {font-size:14px;color:#000;font-weight: 600;} .shopdetail .shopdetailInfo .shopdetailInfoTit span {font-size:12px;font-weight: normal;} .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .extra_prdWrap {font-size:0; text-align:left; margin-top:5px;} .shopdetail .shopdetailInfo .shopdetailInfoWrap {display:inline-block; width:calc(33.333% - 4px); margin-right:6px; vertical-align:top;} .shopdetail .shopdetailInfo .shopdetailInfoWrap:nth-child(3n) {margin-right:0;} .shopdetail .shopdetailInfo .shopdetailInfoWrap:first-child{ border-bottom : 0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop {} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure {border:0;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue {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; text-align:left;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; height:30px;} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both; background-color:#ffffff; padding: 10px 0px; overflow:hidden; zoom:1;} .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 70%; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li {float:left;margin: 0 10px 10px 0;} .MK-oneclick-list li a { border:1px solid #cccccc; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a {border: 2px solid #000203;} .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.3; display: flex; justify-content: center; align-items: center; overflow: hidden;} /*.MK-oneclick-list li.MK-oneclick-dis a:after {content:'';height:30px; background-color: #000; transform: rotate(45deg); width:1px ; position:absolute}*/ .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {padding: 0px;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: 39px;} .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image { width:35px; height: 35px; } .MK-oneclick-list li.MK-oneclick-image a {padding: 2px;} .MK-oneclick-list li.MK-oneclick-image a img { width: 30px; height: 30px;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-color {width: 40px;height: 40px;} .MK-oneclick-list li.MK-oneclick-color a {padding: 0px;} .MK-oneclick-list li.MK-oneclick-color span {width: 40px;height: 40px;} .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: 7px; border: 1px solid #cccccc; display: inline-block; border-radius: 1px; box-sizing: border-box;} .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:7px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; color: #1b1b1b; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value {padding-bottom: 3px;display:block;font-size: 11px;} .MK-oneclick-only-text li.MK-oneclick-text { height: auto;} .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; width: auto; } /* SNS 공유하기 팝업 */ .snsSharePop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; font-size:12px; text-align:center; background:rgba(0,0,0,.7); z-index:9999; } .snsSharePop .snsShareInner, .snsSharePop:before { display:inline-block; vertical-align:middle } .snsSharePop:before { width:1px; height:100%; content:'' } .snsSharePop .snsShareInner { width:90%; max-height:90%; border-radius:10px; overflow:auto; z-index:99999 } .snsSharePop .snsShareInner .sns_share_title { padding:0 10px; background:#fff } .snsSharePop .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 } .snsSharePop .snsShareInner .sns_share_title .snsShareTop .btnSnsPopClose { position:absolute; top:0; right:0; font-size:24px; line-height:53px } .snsSharePop .snsShareInner .box { max-height:450px; background:#fff } .snsSharePop .snsShareInner .sns_share_list .snsList { padding:23px 0 19px; font-size:0; text-align:center } .snsSharePop .snsShareInner .sns_share_list .snsList li {display:inline-block;margin: 0 10px;vertical-align:top;} .snsSharePop .snsShareInner .sns_share_list .snsList li a { display:block } .snsSharePop .snsShareInner .sns_share_list .snsList li .tx {display:block;padding-top:8px;font-size:12px;color:#000;font-weight:700;vertical-align:top;} .snsSharePop .snsShareInner .sns_share_list .snsList li img { width:38px } .snsSharePop .snsShareInner .sns_share_list .snsList li button {width:38px;height: 38px;border:0;border-radius:5px;/* background:#eee; */background: url(/design/yeoek/11753/icon/detail_url.jpg) no-repeat;background-size: 38px;padding: 0;margin: 0 !important;background-position: left center;} .snsSharePop .snsShareInner .sns_share_bottom { padding:0 10px 10px; background:#fff } .snsSharePop .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 } /* BASIC css end */ /* qna 상품문의 */ .qnaWrap{ padding-top:30px; margin-top:30px;border-top:10px solid #ECECEC;} .qnaWrap .qnaTit{font-size: 20px; color:#0B0B0D; padding:0 14px;} .qna_list { padding:0 14px; } .qna_list ul { padding: 15px 0px; border-bottom: 1px solid #AEAEAE; } .qna_list ul li { line-height: 20px; font-size: 12px; color: #999; } .qna_list ul li .qna_tit { vertical-align: middle; } .qna_list ul li .qna_tit a { display: inline-block; font-size:12px;} .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 {margin:20px 0; padding: 0 14px; height: 35px; font-size: 14px; text-align: center; } .tit-detail .btm_write { padding: 0 10px; line-height: 35px; margin-left: 10px; float: left; width: calc(50% - 5px); height: 100%; background: #0B0B0D; border: 1px solid #0B0B0D; border-radius:6px; 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 #ECECEC; background:#ECECEC; border-radius:6px; box-sizing: border-box; margin-top:0 } .qna_board_content > div { padding: 15px 0 !important; } .qna_board_content > div img { width: 100%; } /*파워리뷰*/ #mPowerreview .pr-tab {border-bottom: none;} #mPowerreview .pr-tab li.now a { border-bottom: 2px solid #000; color: #000; font-size:14px} #mPowerreview .pr-tab li a { font-size:14px !important;border-bottom: 2px solid #ddd; } /* BASIC css start */ #content .tit-page {border-bottom:none} #mono-layer{padding-top:40px;} .rv_topWrap{width: 100%;overflow:hidden;margin: 20px auto 0;position: relative;} .rv_topWrap .topbannerSwiper{position: relative;} .rv_topWrap .topbanner-pagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);font-size: 10px;z-index: 1;color:#fff;background: rgb(0 0 0 / 70%);width: 25px;left: 85%;padding: 4px 10px;border-radius: 100px;} .rv_topWrap .swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; } /*네이버 페이*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout {background:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed #nhn_btn { background:#fff; margin-top:0; padding-top:0; padding-bottom:10px } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout .npay_button {padding-top:0px !important} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .naver-checkout .npay_type_MA_1 {height:auto !important} /* 카톡 플친배너 */ .kakao_coupon {padding:0 24px; } .kakao_coupon a {display:inline-block; padding:0; width:100%; height:54px; line-height:54px; box-sizing:border-box; font-size:14px; color:#000; font-weight:600; background:#f8f8f8; text-align:center} .kakao_coupon a em {display:inline-block;} .kakao_coupon a span {color:#eb5728; font-weight:bold;} /* 신상 배너 */ .new_discount{padding:0 24px; margin-top:5px;} .new_discount a {display:inline-block; padding:0; width:100%; height:54px; line-height:54px; box-sizing:border-box; font-size:14px; color:#000; font-weight:600; background:#f8f8f8; text-align:center} .new_discoun ta em {display:inline-block; padding-right:60px;} .new_discount a span {color:#eb5728; font-weight:bold;} .btn_toggle_area {bottom:70px !important} @media (min-width: 320px) { /* .shopdetail .shopdetailBoard a {width:24.5% !important} .shopdetail .shopdetailBoard a span {position: absolute; top: 37px; right: 31%;}*/ } @media (min-width: 320px) and (max-width: 768px) { } .powerapp .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {bottom:60px;} .powerapp .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {bottom:60px;} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar { width: 3px;} .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb { background: #a9a9a9;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on a.btn_buy {width:calc(50% - 4px); margin-right:4;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on a.btn_wish {display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on a.btn_cart {width:calc(50% - 4px); margin-right:0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on > div #grid_realtime_stock {bottom:42px; height: 220px; width: 100%!important;} /*함께 구매하면 좋아요*/ .ajaxSlide {position:relative; padding:35px 0; background:#ECECEC; margin-top:50px;} .ajaxSlide h2 { padding:0 14px; padding-bottom: 15px; font-size: 20px; font-weight: 400; color: #0B0B0D; } .ajaxSlide .listReview {display:none;} .ajaxSlide .swiper-pagination {position:absolute; bottom:15px; left:10%; width:80%; height:3px; background:#DEDEDE;} .ajaxSlide .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;} .ajaxSlide .list_shopping3x li {width: calc(33.333% - 2px); margin-right:3px; margin-bottom:0;} .ajaxSlide .list_shopping3x li:nth-child(2n) {margin-right:3px;} .ajaxSlide .list_shopping3x li:nth-child(3) {margin-right:0;} .ajaxSlide .list_shopping3x li .prd-price, .ajaxSlide .list_shopping3x li .listName a, .ajaxSlide .list_shopping3x li .listPrice {font-size:12px;} /*슈즈팁*/ .shoes_tip {margin-bottom:30px;} .shoes_tip > ul {border-bottom:1px solid #dbdbdb;} .shoes_tip > ul > li .detail {display:none; border-top:1px solid #dbdbdb; padding:30px 20px; font-size:13px;} .shoes_tip > ul > li {line-height:1.4; border-top:1px solid #dbdbdb; position:relative;} .shoes_tip > ul > li a {display:block; height:50px; line-height:50px; position:relative; padding:0 20px; font-size: 15px;} .shoes_tip > ul > li a:after {font-family: xeicon!important; content:"\e942"; position:absolute; top:0; right:20px; font-size:20px;} .shoes_tip > ul > li.active a:after {content:"\e945";} .shoes_tip > ul > li.active .detail {display:block;} .shoes_tip .detail ul.info {margin-left:-10px;} .shoes_tip .detail ul.info li {padding-left:10px; font-size:12px; position:relative; line-height:18px;} .shoes_tip .detail ul.info li:after {content:'-'; position:absolute; top:0; line-height:18px; left:0;} .shopdetail .shoes_tip h3 {border:0;} .shoes_tip #tab_01 .detail > span {display:block;} .shoes_tip #tab_01 .detail .tel b {font-size:16px; display:block;} .shoes_tip #tab_01 .detail .desc {margin-top:10px;} .shoes_tip #tab_01 .detail .desc b {font-size:16px; display:block;} .shoes_tip #tab_01 .detail ul {margin-top:10px;} .shoes_tip #tab_02 .detail > span {display:block;} .shoes_tip #tab_02 .detail strong {font-size:14px; display:block;} .shoes_tip #tab_02 .detail b {display:block;} .shoes_tip #tab_02 .detail .danger {margin-top:5px; margin-bottom:20px;} .shoes_tip #tab_02 .detail .raw h3, .shoes_tip #tab_02 .detail .notice h3 {padding:0; background:none; border:none; text-align:left; font-size:14px; margin-top:20px; margin-bottom:5px;} .shoes_tip #tab_03 .detail h3 {font-size:14px; margin-top:20px; margin-bottom:5px; padding:0; text-align:left; background:none;} .shoes_tip #tab_03 .detail h3.first {margin-top:0;} .shoes_tip #tab_03 .detail .image_info {font-size:0;} .shoes_tip #tab_03 .detail .image_info li {width:100%; border:1px solid #b0b0b0; padding:25px 30px 15px; display:inline-block; margin-bottom:10px; vertical-align:top;} .shoes_tip #tab_03 .detail .image_info li img {width:100%;} .shoes_tip #tab_03 .detail .image_info li span {display:block; font-size:14px; text-align:center;} .shoes_tip #tab_03 .detail .image_info li span em {font-size:12px; display:block;} .shoes_tip #tab_04 .detail h3 {text-align:left; margin-top:20px; margin-bottom:5px; padding:0; text-align:left; background:none; font-size:14px;} .shoes_tip #tab_04 .detail .image_info img {width:100%;} .shoes_tip #tab_04 .detail .image_info li {margin-bottom:20px;} .shoes_tip #tab_04 .detail .image_info li .info h3 {font-size:14px; margin-top:10px; margin-bottom:5px; text-align:left; margin-top:10px; margin-bottom:5px; padding:0; text-align:left; background:none;} .shoes_tip #tab_04 .detail .image_info li .info span {display:block; font-size:14px; text-align:left;} .shoes_tip #tab_04 .detail .image_info li .info span em {font-size:12px; margin-top:5px;} .shoes_tip #tab_04 .detail .recommend li {text-align:center; width:100%; border:1px solid #b0b0b0; padding:25px 30px 15px; display:inline-block; margin-bottom:10px; vertical-align:top;} .shoes_tip #tab_04 .detail .recommend li h3 {margin-top:0; text-align:center;} /***** s: 250327 추가 *****/ /* common */ footer#footer { padding-bottom: 140px; } aside + div#container { padding-top: 112px; } div.scrollBtnWrap { display: none; } div.detail_scrollBtn { transform: translate(-16px, -120px); } div.detail_scrollBtn ul li a { display: block; width: 50px; height: 50px; border: none; border-radius: 0; background-color: transparent; } #header.scroll .lineBanner { margin-top: 0 !important; } /* product-page */ #product-page #header { background-color: #fff; } #product-page #header .headerWrap .leftWrap .back { display: none; } /* shopdetail-page */ #shopdetail-page #header { background-color: #fff; } #shopdetail-page #header .headerWrap .leftWrap .back { display: none; } /* 스크롤 시 */ body.chkDetailBottom.scrollDown #header .headerWrap, body.chkDetailBottom.scrollDown #header .cateHeader { display: none !important; } body.scrollUp #header, body.scrollUp .cateHeader { display: block; } body.scrollUp .detailInfoWrap .shopdetailBoard { top: 112px; } /* 멤버 특가 */ .memberPrice { display: grid; margin: 12px 16px 0; padding: 16px; gap: 28px 0; border: 1px solid #1f1f1f; border-radius: 10px; box-sizing: border-box; font-size: 16px; font-weight: 500; letter-spacing: -0.75px; } .memberPrice .priceWrap { position: relative; top: 0; left: 0; } .memberPrice .priceWrap::before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -14px); background-color: #ddd; } .memberPrice a.fix { display: block; position: relative; top: 0; left: 0; } .memberPrice a.fix::after { content: ""; width: 24px; height: 24px; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); background: url('https://styleonme0.img15.kr/snap/icon/icon_bottomBk.svg') no-repeat center; } .memberPrice.active a.fix::after { transform: translate(0, -50%) rotate(180deg); } .memberPrice .priceWrap .name { color: #FF67B6; font-weight: 600; } .memberPrice .priceWrap .price .num { font-weight: 700; } .memberPrice .priceWrap .price .num .unit { font-weight: 600; } .memberPrice .priceWrap .price .dc { color: #1f1f1f; font-size: 16px; font-weight: 600; font-family: 'SUIT', sans-serif; } .memberPrice .priceWrap .price .dc span { font-weight: 700; font-family: 'Montserrat', sans-serif; } /* 안내팝업 */ .shopdetailInfoBottom .noticeWrap { position: relative; top: 0; left: 0; } .shopdetailInfoBottom .noticeWrap .titleWrap { gap: 0 4px; } .shopdetailInfoBottom .noticeWrap .noticeBtn { height: 14px; } .shopdetailInfoBottom .noticeWrap .notice { width: calc(100vw - 38px); padding: 32px 16px 16px; border: 1px solid #1f1f1f; border-radius: 10px; box-sizing: border-box; position: absolute; top: 100%; left: 0; background-color: var(--white); z-index: 10; } .shopdetailInfoBottom .noticeWrap .notice a.closeBtn { position: absolute; top: 0; right: 0; transform: translate(-15px, 15px); } .shopdetailInfoBottom .noticeWrap .notice ul li { color: #666; font-size: 13px; font-family: 'SUIT', sans-serif; font-weight: 500; line-height: 1.3; } .shopdetailInfoBottom .noticeWrap .notice ul li a { color: inherit; font-size: inherit; } .shopdetailInfoBottom .noticeWrap.fix .notice { display: grid; gap: 16px 0; } .shopdetailInfoBottom .noticeWrap.fix .notice > span { color: #1f1f1f; } .shopdetailInfoBottom .memberPrice .noticeWrap .notice { left: -16px; } .shopdetailInfoBottom .memberPrice .bigPointWrap { margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd; box-sizing: border-box; } .shopdetailInfoBottom .memberPrice .bigPointWrap > .name { color: #393939; font-size: 13px; font-weight: 600; } .shopdetailInfoBottom .priceWrapDetail, .shopdetailInfoBottom .pointWrapDetail {display:none;} .shopdetailInfoBottom .priceWrapDetail ul.sale-list, .shopdetailInfoBottom .pointWrapDetail ul.sale-list { display: grid; gap: 14px 0; } .shopdetailInfoBottom .priceWrapDetail ul.sale-list > li, .shopdetailInfoBottom .pointWrapDetail ul.sale-list > li {display:flex; justify-content: space-between; color: #666; font-size: 13px; font-weight: 600; font-family: 'SUIT', sans-serif; } .shopdetailInfoBottom .pointWrapDetail .titleWrap a.noticeBtn { height: 14px; filter: grayscale(1); } .memberPrice.active #fixedPriceWrap .priceWrapDetail, .memberPrice.active #fixedPriceWrap .pointWrapDetail {display:block; margin-top:12px;} /* 무료 배송 */ #freeShipGuide { margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid #ddd; box-sizing: border-box; } #freeShipGuide [class^='text'] { padding: 0; text-align: center; font-size: 14px; box-sizing: border-box; font-weight: 400; font-family: 'SUIT', sans-serif; color: #1f1f1f; letter-spacing: 0px; } #freeShipGuide .text1 span:last-of-type, #freeShipGuide .text2 strong { color: #FF67B6; } #freeShipGuide .text2 { display: none; } #freeShipGuide .text2 span::before ,#freeShipGuide .text2 span::after { content: '('; font-size: 12px; } #freeShipGuide .text2 span::after { content: ')'; } #freeShipGuide .levelMeter { margin-top: 16px; position: relative; width: 100%; padding: 0; } #freeShipGuide .levelMeter [class$=Value] { font-size: 13px; color: #555; font-weight: 500; } #freeShipGuide .levelMeter .minValue { position: absolute; bottom: 0; left: 0; color: #1f1f1f; } #freeShipGuide .levelMeter .maxValue { position: absolute; bottom: 0; right: 0; text-align: right; color: #1f1f1f; } #freeShipGuide .levelMeter .levelLine { position: relative; width: 100%; height: 2px; border-radius: 4px; background-color: #8c8c8c; } #levelLineActive { display: block; position: absolute; top: 0; left: 0; width: 0; height: 2px; border-radius: 4px; background: #FF67B6; transition: width .5s ease; } #levelLineActive::before, #levelLineActive::after, #freeShipGuide .levelMeter .levelLine::after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); background-color: #FF67B6; } #levelLineActive::before { left: 0; } #levelLineActive::after { right: 0; z-index: 10; } #freeShipGuide .levelMeter .levelLine::after { right: 0; background-color: #8c8c8c; } /* 함께 구매한 상품 */ .shopdetail .purchasedPrd { margin: 40px auto; padding: 40px 0; box-sizing: border-box; background-color: #f4f4f4; } #container .shopdetail .purchasedPrd .contentWrap { margin: 0 auto; padding: 0; } #container .shopdetail .purchasedPrd .contentWrap .title, #container .shopdetail .purchasedPrd .contentWrap .swiper-container { padding: 0 16px; box-sizing: border-box; } .shopdetail .purchasedPrd h2.title { margin-bottom: 20px; font-size: 20px; font-weight: 600; } #container .shopdetail .purchasedPrd .prdBox { flex-wrap: nowrap; gap: 0; } .shopdetail .purchasedPrd .thumb { margin-bottom: 8px; } /* 상품 상세정보 */ .detailInfoWrap .tabConts { display: grid; gap: 80px 0; } .detailInfoWrap .tabConts > div { width: 100%; overflow: hidden; } #size .lay_1 table, #size .lay_2 { margin: 0 auto; border-color: #dddddd; } #size .lay_1 th { border: 1px solid #dddddd; text-align: center; } #size .lay_1 td { padding: 0 0 0 10px; border: 1px solid #dddddd; text-align: left; color: #828282; } #size .lay_1 p { margin: 0 auto; } #size .lay_2 td { border: 1px solid #dddddd; font-size: 11px; color: #828282; } #size .lay_2 .szs { margin-top: 20px;} #size #size_table { width: 100%; table-layout: fixed } #size #size_table thead tr th { font-size: 10px; letter-spacing: -1px; font-weight: normal; color: #828282; border: 1px solid #dddddd; } #size #size_table tbody tr td { background: #fff; } #relatedPrd #codi_items_container { border: 1px solid #e4e4e4; } #relatedPrd .rel-items-title { text-align: center; background-color: #313131; padding: 12px 0; } #relatedPrd .rel-items-title + p { padding: 50px 0; text-align: center; } #relatedPrd .rel-items-title>h4 { font-size: 14px; font-weight: bold; color: #FFFFFF; } #relatedPrd .rel-items-title>span { font-size: 13px; color: #FFFFFF; } #relatedPrd .codi-item-box { padding: 10px; display: flex; box-sizing: border-box; } #relatedPrd .codi-item-divider { box-sizing: border-box; width: calc(100% - 18px); height: 1px; border-bottom: 1px dashed #cccccc; margin: 0 9px; } #relatedPrd .codi-item-box .codi-thumbnail { box-sizing: border-box; width: 90px; } #relatedPrd .codi-item-box .codi-thumbnail>img { width: 100%; } #relatedPrd .codi-item-box .codi-item { box-sizing: border-box; width: calc(100% - 90px); padding-left: 12px; } #relatedPrd .codi-item-box .codi-item .name { display: flex; align-items: center; position: relative; padding-bottom: 13px; } #relatedPrd .codi-item-box .codi-item .name input { width: 14px; height: 14px; margin-right: 7px; } #relatedPrd .codi-item-box .codi-item .name span { position: relative; display: inline-block; width: calc(100% - 21px); font-size: 13px; color: #444444; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #relatedPrd .codi-item-box .codi-item .price { display: flex; padding-top: 15px; } #relatedPrd .codi-item-box .codi-item .option { display: flex; margin-top: 13px; padding-bottom: 4px; } #relatedPrd .codi-item-box .codi-item .count { display: flex; } #relatedPrd .codi-item-box .codi-item .count input { width: 49px; height: 27px; box-sizing: border-box; font-size: 11px; color: #222222; text-align: center; border: 1px solid #cccccc; } #relatedPrd .codi-item-box .codi-item .count img { margin-left: 4px; width: 27px; } #relatedPrd .codi-item-box .codi-item .header { width: 70px; font-size: 11px; color: #444444; } #relatedPrd .codi-item-box .codi-item .content { width: calc(100% - 70px); font-size: 11px; color: #222222; display: flex; align-items: flex-start; } #relatedPrd .codi-item-box .codi-item .content select { padding-left: 8px; width: 100%; height: 27px; font-size: 11px; color: #222222; padding-right: 30px; background: #fff url(/design/styleonme0/mimg/bg_selectbox_190404.png) no-repeat right center; background-size: 30px 27px; border: 1px solid #cccccc; } #relatedPrd .rel-items-order { margin-top: 10px; padding: 7px 0; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center; } #relatedPrd .rel-items-order .codi-btn { font-size: 12px; color: #FFFFFF; background-color: #313131; width: 120px; padding: 10px 0; display: flex; justify-content: center; align-items: center; } #relatedPrd .rel-items-order .codi-btn a{ color: #fff; } #relatedPrd .rel-items-order .codi-btn:first-child { margin-right: 6px; } #relatedPrd.none p { padding: 40px 0; text-align: center; } /* 결제 혜택 */ .shopdetail .shopdetailInfoBottom .benefit { display: flex; align-items: center; margin-top: 32px; gap: 0 16px; } .shopdetail .shopdetailInfoBottom .benefit .shopdetailInfoName, .shopdetail .shopdetailInfoBottom .benefit .BCbutton { font-weight: 500; letter-spacing: -0.75px; } .shopdetail .shopdetailInfoBottom .benefit .shopdetailInfoName { color: #1f1f1f; font-size: 16px; } .shopdetail .shopdetailInfoBottom .benefit .BCbutton { display: block; width: 103px; height: 32px;border: none; border-radius: 10px; position: relative; top: 0; left: 0; background-color: rgba(183, 183, 183, 0.5); font-size: 0; font-family: inherit; } .shopdetail .shopdetailInfoBottom .benefit .BCbutton::after { content: "무이자 혜택 보기"; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #393939; font-size: 14px; text-align: center; } #popup1 { z-index: 1000; } #popup1 .BCpopup { font-size: inherit; font-family: inherit; } #popup1 .BCpopup * { font-family: inherit; } #popup1 .BCpopup h6 { font-size: 16px; } #popup1 .BCpopup .bccontent, #popup1 .BCpopup h7 { font-size: 14px; } #popup1 .BCpopup .close { top: 37px; font-weight: 400; } #popup1 .BCpopup .close:hover { color: inherit; } /***** e: 250327 추가 *****/ /* BASIC css end */