/* BASIC css start */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.gift { display: inline-flex; align-items: center; justify-content: center; width: 97%; color: #262626; background: #fff; border: 1px solid #333; } /* 선물하기 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.gift .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; color: #777; } /* 선물하기*/ /* //상품옵션 */ .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; } /* 선물하기 */ /* 페이 버튼 */ .npay_storebtn_bx.npay_type_MA_1 { width: 100%!important; } #checkoutContainer.__checkout_buy_mobile.__checkout_buy_type2 { width: 100% !important; } #checkoutContainer.__checkout_buy_mobile.__checkout_buy_channel .__checkout_btn_buy { width: 50%!important; } .xans-product-mobileimage { margin:0; } .xans-product-mobileimage li { vertical-align:middle; } .xans-product-mobileimage .thumbnail { display:inline-block; position:relative; } .xans-product-mobileimage img { max-width:100%; max-height:100%; } .xans-product-mobileimage .paginate { margin:15px 0 0; } .footer_top{display:none !important;} .MS_review_mark{ display: inline; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px 0 4px !important; width: 12px !important; height: 12px !important; background: #f2f2f2 ; border-radius: 100% !important; border: 0 !important; opacity: inherit !important;} .swiper-pagination-bullet-active{ background: #333 !important;} #r_pagination{ text-align:center; } .fixed-btn .btn_Red{ margin: 10px 0 10px -4px;} .fixed-btn2 .btn_Red{ margin: 10px 0 10px -4px;} .xans-product-detail { font-size:13px } .xans-product-detail .strike { text-decoration:line-through; } .xans-product-detail .byte { font-size:11px; vertical-align:middle; } .xans-product-detail .byte strong { color:#1b87d4; } /* 상품이미지 */ .xans-product-detail .overview { font-size:12px; } .xans-product-detail .overview .prdImgView { overflow: hidden; position:relative; min-height:100px; text-align:center; } .xans-product-detail .overview .prdImgView .paginate { background:transparent; } .xans-product-detail .overview .prdImg { font-size:0; line-height:0; } .xans-product-detail .overview .prdImg img { width:100%; border:1px solid #ececec; } .xans-product-detail .overview .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:25% auto; } .xans-product-detail .overview .color { overflow:hidden; margin:7px 1px 0; } .xans-product-detail .overview .chips { float:left; width:20px; height:16px; margin:0 3px 3px 0; font-size:0; line-height:0; border:1px solid #e3e3e3; } .xans-product-detail .overview .swiper-scrollbar { position: absolute; left:0; right:0; bottom:20px; width:90%; height: 2px; margin:0 auto; background: rgba(255,255,255,.2); } .xans-product-detail .overview .swiper-scrollbar-drag { background: rgba(255,255,255,.9); } /* 상품정보 */ .shopdetailInfoBottom .prdInfo { padding:20px; } /* 상품정보 -- 기본정보 */ .shopdetailInfoBottom .prdInfo .basic_info { position:relative; padding:0 0 20px; border-bottom:1px solid #aaa; } .shopdetailInfoBottom .prdInfo .basic_info h1.name { margin:0 0 10px; font-size:22px; color:#000; font-weight:bold; letter-spacing: -0.05em; line-height:1.5em; } .shopdetailInfoBottom .prdInfo .basic_info h1.name img { margin-left:10px; vertical-align: middle; } .shopdetailInfoBottom .prdInfo .basic_info .price {} .shopdetailInfoBottom .prdInfo .basic_info .price p { display:inline-block; } .shopdetailInfoBottom .prdInfo .basic_info .price p.block { display:block; } .shopdetailInfoBottom .prdInfo .basic_info .price p strike { color:#aaa; } .shopdetailInfoBottom .prdInfo .basic_info .price .label { display:block; margin:5px 0 10px; font-size:14px; margin-right:5px; letter-spacing: -0.05em; } .shopdetailInfoBottom .prdInfo .basic_info .price_group { display: flex; gap: 8px; align-items: center; margin: 5px 0; } .shopdetailInfoBottom .prdInfo .basic_info .price .price_s { font-size:12px; color:#aaa; } .shopdetailInfoBottom .prdInfo .basic_info .price .price_m { font-size:16px; font-weight:700; } .shopdetailInfoBottom .prdInfo .basic_info .price .price_m:nth-of-type(2) { margin-left:10px; } .shopdetailInfoBottom .prdInfo .basic_info .price .price_l { font-size:20px; font-weight:700; } .shopdetailInfoBottom .prdInfo .basic_info .price .price_d { font-size:20px; color: #fa6d17; font-weight:700; } .shopdetailInfoBottom .prdInfo .basic_info .price .desc { font-size:14px; } .shopdetailInfoBottom .prdInfo .basic_info .restocking { position:absolute; right:0; bottom:20px; text-align:right; } .shopdetailInfoBottom .prdInfo .basic_info .restocking a { display:inline-block; } .shopdetailInfoBottom .prdInfo .basic_info .restocking a img { height:30px; } /* 상품정보 -- 옵션정보 */ .shopdetailInfoBottom .prdInfo .option_info { margin:10px 0 20px; } /* 상품정보 -- 요약정보 */ .shopdetailInfoBottom .prdInfo .description_info { position:relative; margin:20px 0; } .shopdetailInfoBottom .prdInfo .description_info .desc_title { margin:10px 0; font-size:14px; font-weight:500; color:#000; } .shopdetailInfoBottom .prdInfo .description_info .desc_text { max-height:100px; overflow:hidden; } .shopdetailInfoBottom .prdInfo .description_info .desc_text table td { padding:0!important; } .shopdetailInfoBottom .prdInfo .description_info .desc_button { position:absolute; left:0; bottom:0; width:100%; } .shopdetailInfoBottom .prdInfo .description_info .desc_button a { display:block; width:100%; background:linear-gradient( to bottom, transparent, #fff 50%); text-align:center; } .shopdetailInfoBottom .prdInfo .description_info .desc_button a img { height:20px; padding:40px 0 20px; } .shopdetailInfoBottom .prdInfo .description_info.expand {} .shopdetailInfoBottom .prdInfo .description_info.expand .desc_text { max-height:inherit; } .shopdetailInfoBottom .prdInfo .description_info.expand .desc_button { position:relative; } .shopdetailInfoBottom .prdInfo .description_info.expand .desc_button img { transform:rotate(-180deg); padding:10px 0; } /* 상품정보 -- 추가구성상품 */ .shopdetailInfoBottom .prdInfo .additional_product { position:relative; margin:20px 0; } .shopdetailInfoBottom .prdInfo .additional_product .desc_title { margin:10px 0; padding-bottom:10px; font-size:14px; font-weight:500; color:#000; border-bottom: 1px solid #c7c7c7; } /* 상품정보 -- 토탈정보 */ .shopdetailInfoBottom .prdInfo .total_info { position:relative; margin:20px 0; } /* 상품정보 -- 버튼영역 */ .shopdetailInfoBottom .prdInfo .button_wrap { position:relative; margin:20px 0; } .shopdetailInfoBottom .prdInfo .button_wrap .status_onsale { display:flex; align-items: center; } .shopdetailInfoBottom .prdInfo .button_wrap .status_onsale a { display:block; border-radius: 4px; overflow: hidden; font-size:16px; color:#fff; font-weight:bold; letter-spacing: -0.05em; } .shopdetailInfoBottom .prdInfo .button_wrap .status_onsale .btnNormal { width:calc(50% - 28px); height:48px!important; line-height:48px!important; margin:0 4px; background:#5a5a5a; } .shopdetailInfoBottom .prdInfo .button_wrap .status_onsale .btnStrong { width:calc(50% - 28px); height:48px!important; line-height:48px!important; background:#000; } .shopdetailInfoBottom .prdInfo .button_wrap .status_soldout { display:flex; align-items: center; } .shopdetailInfoBottom .prdInfo .button_wrap .status_soldout a { display:block; border-radius: 4px; overflow: hidden; font-size:16px; color:#fff; font-weight:bold; letter-spacing: -0.05em; } .shopdetailInfoBottom .prdInfo .button_wrap .status_soldout .soldOut { width:calc(100% - 52px); height:48px!important; line-height:48px!important; margin-left: 4px; background:#000; color:#fff; text-align:center; } .shopdetailInfoBottom .prdInfo .button_wrap .btn_wish { width:48px; height:48px; line-height:48px; text-align:center; border:1px solid #ddd; box-sizing:border-box; } .shopdetailInfoBottom .prdInfo .button_wrap .btn_wish img { width:24px; } .shopdetailInfoBottom .prdInfo .button_wrap .button_pay { margin:20px 0; text-align:center; } .shopdetailInfoBottom .prdInfo .button_wrap .button_pay #kakaopay_order_btn img { width:290px!important; height:auto!important; } .shopdetailInfoBottom .prdInfo .button_wrap .button_gift { margin:20px 0; text-align:center; } /* 상품정보 -- 버튼영역 */ .shopdetailInfoBottom .fixedBtn { position:fixed; width:100%; padding:12px 16px; bottom:-72px; left:0; z-index: 1000; box-sizing:border-box; background:#fff; transition: .3s; } .shopdetailInfoBottom .fixedBtn.fixed { bottom:0; } .shopdetailInfoBottom .fixedBtn > div { display:flex; align-items: center; } .shopdetailInfoBottom .fixedBtn > div a { display:block; border-radius: 4px; overflow: hidden; font-size:16px; color:#fff; font-weight:bold; letter-spacing: -0.05em; } .shopdetailInfoBottom .fixedBtn .btnStrong { width:calc(100% - 52px); height:48px!important; line-height:48px!important; margin-left: 4px; background:#000; color:#fff; text-align:center; } .shopdetailInfoBottom .fixedBtn .soldOut { width:calc(100% - 52px); height:48px!important; line-height:48px!important; margin-left: 4px; background:#000; color:#fff; text-align:center; } .shopdetailInfoBottom .fixedBtn .btn_wish { width:48px; height:48px; line-height:48px; text-align:center; border:1px solid #ddd; box-sizing:border-box; } .shopdetailInfoBottom .fixedBtn .btn_wish img { width:24px; } .shopdetailInfoBottom .closeBtn { position:fixed; left:0; right:0; bottom: calc(50vh + 20px); width:100%; height:40px; margin-bottom:0; line-height:40px; background:#fff; border-radius: 20px 20px 0 0; display:none; z-index: 99; } /*.shopdetailInfoBottom .closeBtn { position:fixed; left:0; right:0; bottom:50%; width:100%; height:40px; margin-top:-39px; line-height:40px; background:#fff; border-radius: 20px 20px 0 0; display:none; box-shadow: 0 -5px 5px 0px rgb(0 0 0 / 5%); z-index: 99; }*/ .shopdetailInfoBottom .closeBtn a { display:block; width:100%; height:40px; text-align:center; background:url('https://newcomfort.img11.kr/pc/_didot/img/icon_chevron-down_long.svg') no-repeat center / 36px auto; opacity: 0.6; } /* 상품정보 -- EXPAND */ .shopdetailInfoBottom .prdDesc.fixed {} .shopdetailInfoBottom .prdDesc.fixed .prdInfo { position:fixed; left:0; right:0; bottom:0; height:0; min-height: 0; max-height:calc(50vh + 60px); padding-top:60px; padding-bottom:72px; overflow: auto; z-index: 98; z-index: -1; box-sizing:border-box; border-radius: 20px 20px 0 0; background: transparent; } .shopdetailInfoBottom .prdDesc.fixed .prdInfo.expand { height:auto; z-index: 1001; box-shadow: 0 -5px 5px 0px rgb(0 0 0 / 5%); background: #fff; } .shopdetailInfoBottom .prdDesc.fixed .prdInfo .description_info { display:none; } .shopdetailInfoBottom .prdDesc.fixed .prdInfo .button_wrap .status_onsale { position:fixed; width:100%; padding:12px 16px; bottom:0; left:0; right:0; box-sizing:border-box; background:#fff; z-index: 5; } .shopdetailInfoBottom .prdDesc.fixed .prdInfo .button_wrap .status_soldout { position:fixed; width:100%; padding:12px 16px; bottom:0; left:0; right:0; box-sizing:border-box; background:#fff; z-index: 5; } .shopdetailInfoBottom .prdDesc.fixed .prdInfo.expand .closeBtn { display:block; } /* :: 원클릭옵션 :: */ .shopdetailInfoOneclick { margin:0 0 20px; clear:both; overflow:hidden; zoom:1; } .shopdetailInfoOneclick .shopdetailInfoList { width: 100%; box-sizing:border-box; } .MK-oneclick-list { margin-left:-5px; overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin:0 0 5px 5px; } .MK-oneclick-list li a { display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .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 { width:calc(33.3333% - 5px); margin:0 0 5px 5px; } .MK-oneclick-list li.MK-oneclick-image a { display:block; } .MK-oneclick-list li.MK-oneclick-image a img { width:100%; } .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .color-opt .MK-oneclick-list li.MK-oneclick-image { width:40px; height: 40px; } .color-opt .MK-oneclick-list li.MK-oneclick-image a { position:relative; display:block; width:40px; height:40px; padding: 0px; border: none; box-sizing:border-box; } .color-opt .MK-oneclick-list li.MK-oneclick-image span { position:absolute; left:0; top:0; display:block; width: 40px; height: 40px; } .color-opt .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a {padding: 0px !important; filter:alpha(opacity=0); -moz-opacity:1; opacity:1; } .color-opt .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { width:40px; height:40px; } .color-opt .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a:after { content:''; position:absolute; left:0; top:0; display:block; width:40px; height:40px; background:transparent; border:2px solid #000; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-color { width:40px; height: 40px; } .MK-oneclick-list li.MK-oneclick-color a { position:relative; display:block; width:40px; height:40px; padding: 0px; border: none; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-color span { position:absolute; left:0; top:0; display:block; width: 40px; height: 40px; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {padding: 0px !important; filter:alpha(opacity=0); -moz-opacity:1; opacity:1; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a span {border: 2px solid #635c5c; 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: 4px 2px; } .MK-oneclick-list li.MK-oneclick-text span { min-width: 60px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 40px; line-height: 50px; } .MK-oneclick-value { font-size:14px; margin:10px 0; display:block; font-weight:bold; } .MK-oneclick-only-text li.MK-oneclick-text { width:calc(33.3333% - 5px); height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { display:inline-block; text-align:left; height: auto; line-height:12px; font-size:12px; letter-spacing: -0.04em; } .MK-oneclick-only-text li.MK-oneclick-text.dd-soldout span { text-decoration: line-through; } /* .grid2 .MK-oneclick-only-image li.MK-oneclick-li { width:calc(50% - 5px); } */ .grid2 .MK-oneclick-only-image li.MK-oneclick-li:not(.MK-oneclick-image) { width:calc(50% - 5px); } /* 쿨실크 슬림라인 브라렛세트 */ .grid2 .MK-oneclick-only-text li.MK-oneclick-li { width:calc(50% - 5px); } /* 원클릭옵션 이미지 -- state : soldout */ .MK-oneclick-list li.MK-oneclick-image.dd-soldout a { position:relative; } /*.MK-oneclick-list li.MK-oneclick-image.dd-soldout a:before { content:''; display:block; width:80px; height:1px; background-color:#000; position:absolute; top:15px; left:50%; transform:translateX(-50%); }*/ .MK-oneclick-list li.MK-oneclick-image.dd-soldout a:after { content:''; display:block; width:90%; height:1px; background-color:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } /* 공급사 바로가기 영역 */ .xans-product-detail .overview .topLogo { overflow: hidden; padding: 0 0 14px; } .xans-product-detail .overview .topLogo span { float:left; padding:0 14px 0 0; font-weight:bold; font-size:20px; line-height:26px; } .xans-product-detail .overview .topLogo span img { max-height:20px; } .xans-product-detail .overview .topLogo a { float:left; } .xans-product-detail .overview .topLogo a img { max-height:26px; } .xans-product-detail .prdInfo { background:#fff; } .xans-product-detail .prdInfo table tbody.priceArea {} .xans-product-detail .prdInfo table tbody.priceArea th { font-weight:bold; } .xans-product-detail .prdInfo table tbody.priceArea tr.price td { text-decoration:line-through; } .xans-product-detail .prdInfo table th { width:100px; padding:14px; font-weight:normal; text-align:left; color:#757575; } .xans-product-detail .prdInfo table .summary th { width:auto; padding:14px 14px 0; } .xans-product-detail .prdInfo table .simple th { width:auto; padding:14px 14px 0; } .xans-product-detail .prdInfo table td { text-align:left; padding:14px; } .xans-product-detail .prdInfo table td table tbody tr td{padding:0 !Important;} .xans-product-detail .prdInfo table td select { width:100%; } .xans-product-detail .prdInfo table td select#delivery_cost_prepaid { margin:0 0 7px; } .xans-product-detail .prdInfo table .mileage td p { display:inline-block; } .xans-product-detail .prdInfo table .mileage td img { vertical-align:middle; } .xans-product-detail .prdInfo table tbody.priceArea .custom {color:#888; text-decoration:line-through;} .xans-product-detail .prdOption { background:#fff; margin:7px; } .xans-product-detail .prdOption table tbody { } .xans-product-detail .prdOption table tbody:first-child { border-top:0; } .xans-product-detail .prdOption table th { width:100px; text-align:left; padding:7px 14px; color:#757575; font-weight:normal; vertical-align:top; } .xans-product-detail .prdOption table td { text-align:left; padding:7px 14px; } .xans-product-detail .prdOption table td select { width:100%; } .xans-product-detail .prdOption table td label { margin:0 12px 0 0; } .xans-product-detail .prdOption table td.selectButton { text-align:right; } .xans-product-detail .prdOption table td.fileInfo input { width:95%; } .xans-product-detail .prdOption table td.fileInfo .infoDesc { margin:0 0 10px 0; } .xans-product-detail .prdOption table td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; } .xans-product-detail .prdOption table td.fileInfo li .btnDelete { overflow:hidden; display:inline-block; text-indent:-999px; width:21px; height:20px; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/btn_delete.png") no-repeat 0 0; background-size:100% 100%; } .xans-product-detail .prdOption table .xans-product-option { border-top:0; } .xans-product-detail .prdOption table .quantity td #quantity { width:49px; } .xans-product-detail .prdOption img { vertical-align:middle; cursor:pointer; } /* 재입고 알림 메일 */ .xans-product-detail .btnRestockMail { display:inline-block; padding:3px 7px; border:1px solid #d5d5d5; border-radius:2px; color:#1b1b1b; font-size:11px; background:#fff; } /* 사이즈가이드 */ .xans-product-detail .sizeGuide { margin:0 7px; padding:7px 0 14px 27px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_sizeGuide.png") no-repeat 7px 9px; background-size:auto 10px; } .xans-product-detail .sizeGuide a { display:inline-block; padding:0 14px 0 0; font-weight:bold; color:#1b1b1b; font-size:13px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/btn_sizeguide.png") no-repeat 100% 50%; background-size:auto 12px; } /* 좋아요버튼 */ .xans-product-detail .likeButton { display:table; margin:14px auto 0; text-align:center; } .xans-product-detail .likeButton button { padding:0 9px; background:#fff; border:1px solid #d5d5d5; border-bottom-color:#b5b5b5; border-radius:3px; } .xans-product-detail .likeButton span { display:inline-block; font-size:13px; line-height:25px; color:#757575; } .xans-product-detail .likeButton .title:after { display:inline-block; content:""; margin:0 9px; width:1px; height:9px; background:#dedede; } .xans-product-detail .likeButton .count { margin:0 0 0 3px; background:none; } .xans-product-detail .likeButton.selected .title { color:#ef524d; } .xans-product-detail .likeButton.selected .count span { color:#2e2e2e; } /* 쿠폰 */ .xans-coupon-productdetail.toggleArea { margin:0 7px 7px; } .xans-coupon-productdetail .contents { background:#fff; } .xans-coupon-productdetail .contents li { padding:14px; border-top:1px solid #ececec; } .xans-coupon-productdetail .contents li:first-child { border-top:0; } .xans-coupon-productdetail .coupon { width:216px; height:105px; margin:10px auto; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat; } .xans-coupon-productdetail .coupon .title { display:block; padding:8px 0 0; font-size:10px; line-height:15px; text-align:center; font-weight:normal; font-family:Arial; } .xans-coupon-productdetail .coupon .discount { font-size:18px; line-height:28px; font-weight:bold; text-align:center; letter-spacing:-1px; font-family:Dotum; } .xans-coupon-productdetail .coupon .discount span { font-size:22px; font-family:Verdana; } .xans-coupon-productdetail .coupon .period { font-size:11px; line-height:13px; font-weight:bold; text-align:center; font-family:Dotum; letter-spacing:-1px; } .xans-coupon-productdetail .coupon .button { margin:5px 0 0; text-align:center; } /* 쿠폰 정보 레이어 */ #dCouponDetail { position:absolute; z-index:100; min-width:303px; margin:0 7px; border:1px solid #353535; border-radius:4px; background:#f1f1f1; } #dCouponDetail.active { display:block; } #dCouponDetail h4 { font-size:14px; box-sizing:border-box; padding:10px 14px; background:#353535; color:#fff; } #dCouponDetail .couponInfo { margin:14px 7px 7px; background:#fff; border:1px solid #d5d5d5; } #dCouponDetail .couponInfo li { padding:12px; border-top:1px solid #ededed; } #dCouponDetail .couponInfo li:first-child { border-top:0; } #dCouponDetail .mButton { text-align:center; padding:0 0 7px; } #dCouponDetail .mButton a { display:inline-block; height:28px; line-height:28px; margin:0; padding:0 9px; font-size:13px; cursor:pointer; vertical-align:middle; font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-weight:400; border:0; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box; } #dCouponDetail .mButton .tSubmit1 { color: #fff; background: #4a5164; margin:0 7px 0 0; } #dCouponDetail .mButton .tSubmit2 { color: #1b1b1b; border: 1px solid #bcbcbc; background: #fff; } /* 버튼 액션 */ .xans-product-action { padding:0 13px; } .xans-product-action.fixed { position:fixed; z-index:120; left:0; bottom:0; width:100%; box-sizing:border-box; margin:0; padding:7px 13px; background-color:#dbdbdb; -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3); } .xans-product-action .btnNormal, .btnStrong, .btnBasic {height:56px; line-height:56px;} .xans-product-action .btnStrong {height:56px; line-height:56px;} /* sns */ .snsLink { padding:0 15px 20px; font-size:0; text-align:center; } .snsLink:after { content:""; display:block; clear:both; } .snsLink img { margin:0 6px; font-size:12px; cursor:pointer; } /* 세트상품 및 추가구성상품 */ .xans-product-detail .productSet { margin:0 7px 7px; } .xans-product-detail .productSet .product > li { padding:14px; background:#fff; border-top:1px solid #ededed; } .xans-product-detail .productSet .product > li:first-child { border-top:0; } .xans-product-detail .productSet .product .information { min-height:73px; padding:0; } .xans-product-detail .productSet .product .information:after { display:block; content:""; clear:both; } .xans-product-detail .productSet .product .thumbnail { float:left; width:71px; padding:0 14px 14px 0; } .xans-product-detail .productSet .product .thumbnail img { max-width:100%; border:1px solid #d5d5d5; } .xans-product-detail .productSet .product .name { margin:0 0 7px; font-size:14px; color:#757575; line-height:1.25em; } .xans-product-detail .productSet .product .name a { color:#757575; word-wrap:break-word; } .xans-product-detail .productSet .product .price { margin:0 0 14px; font-size:14px; font-family:Tahoma; color:#000; line-height:1.25em; word-wrap:break-word; } .xans-product-detail .productSet .product .qty { font-size:11px; color:#8f8f91; } .xans-product-detail .productSet .product .salePrice { font-size:13px; font-family:Tahoma; font-weight:bold; color:#66676a; } .xans-product-detail .productSet .product .option { padding:0 6px 6px; border:1px solid #d5d5d5; background:#f1f1f1; } .xans-product-detail .productSet .product .option table { width:100%; } .xans-product-detail .productSet .product .option th, .xans-product-detail .productSet .product .option td { padding:7px 0 0; line-height:29px; font-size:12px; } .xans-product-detail .productSet .product .option th { color:#757575; font-weight:normal; text-align:left; } .xans-product-detail .productSet .product .option td .fText { width:45%; padding:3px; } .xans-product-detail .productSet .product .sizeGuide { margin:0; padding:7px 14px 0 27px; background-position:7px 17px; } .xans-product-detail .productSet .product .sizeGuide a { padding:7px 14px 7px 0; } .xans-product-detail .productSet.hide .title span { display:block; padding:0; font-size:12px; } .xans-product-detail .productSet.hide .product { display:none; } .xans-product-detail .productSet table { font-size:11px; word-wrap:break-word; } .xans-product-detail .productSet table th { padding:0; text-align:left; vertical-align:top; } .xans-product-detail .productSet table td { padding:0; vertical-align:top; } .xans-product-detail .productSet label { margin:0; } .xans-product-detail .productSet label:first-child { margin-left:0; } .xans-product-detail .productSet select { width:100%; white-space:nowrap; } .xans-product-detail .productSet input[type="text"], input[type="password"] { margin-bottom:2px; } .xans-product-detail .productSet #quantity { width:49px; } .xans-product-detail .productSet .quantity img { width:auto; } .xans-product-detail .productSet .quantity.set { padding:14px 14px; border-top:1px solid #ccc; background:#fff; } .xans-product-detail .productSet .quantity.set dt, .xans-product-detail .productSet .quantity.set dd { display:inline-block; vertical-align:middle; } .xans-product-detail .productSet .quantity.set dt { width:104px; padding:0 0 0 6px; font-size:13px; color:#757575; } .xans-product-detail .productSet td img { width:26px; vertical-align:middle; cursor:pointer; } .xans-product-detail .productSet .selectButton { margin:14px 0 0; width:100%; text-align:right; } .xans-product-detail .productSet.xans-product-setproduct .product .thumbnail { padding:0 7px 14px 0; } .xans-product-detail .productSet.xans-product-setproduct .product table tr:last-child th, .xans-product-detail .productSet.xans-product-setproduct .product table tr:last-child td { border-bottom:0; } /* 상품옵션 */ .xans-product-detail .xans-product-option .value { color:#767479; word-break:break-all; } .xans-product-detail .xans-product-option .value .ec-product-value { color:#363437; } .xans-product-detail .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 3px 3px 0; vertical-align:top; border:1px solid #c8c8c8; border-radius:2px; background:#fff; } .xans-product-detail .xans-product-option .ec-product-button li:last-child { margin-right:0; } .xans-product-detail .xans-product-option .ec-product-button li a { display:block; min-width:30px; line-height:18px; text-align:center; text-decoration:none; word-break:break-all; } .xans-product-detail .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 5px; box-sizing:border-box; word-break:break-all; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li { padding:3px; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a { min-width:24px; width:24px; height:24px; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; vertical-align:top; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span, .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/mobile/product/soldout_bg.png") repeat; background-size:28px auto; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#c8c8c8; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.3); } .xans-product-detail .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #495164; border-radius:2px; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-selected a { margin:-1px; } .xans-product-detail .xans-product-option .ec-product-radio > li { display:inline-block; } .xans-product-detail .xans-product-option .ec-product-radio .ec-product-disabled, .xans-product-detail .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7; } /* 총 상품 */ #totalProducts { margin:7px; } #totalProducts table { margin:0; border-collapse:collapse; } #totalProducts tbody tr { border-top:1px solid #d5d5d5; } #totalProducts tbody tr:first-child { border-top:0; } #totalProducts thead { display:none; } #totalProducts tbody td { padding:14px; font-size:12px; color:#5f5f5f; line-height:16px; background:#fff; vertical-align:middle; word-wrap:break-word; word-break:break-all; } #totalProducts tbody td img { vertical-align:middle; } #totalProducts tbody tr td:nth-child(2) { padding:0; text-align:right; } #totalProducts tbody tr td:nth-child(3) { padding:0 14px 0 7px; text-align:center; } #totalProducts tbody td p { margin:0; } #totalProducts tbody td p.option, #totalProducts tbody td p.product { padding:0 0 14px; } #totalProducts tbody td p.option strong, #totalProducts tbody td p.product strong { font-weight:normal; color:#1c1c1c } #totalProducts input.quantity_opt, #totalProducts input[readonly] { width:50px; } #totalProducts tbody td .quantity input { width:23px; height:19px; padding:0 5px; line-height:19px; border:1px solid #e9e9e9; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; *margin-top:-1px; } #totalProducts tbody td .price { display:block; margin:0 0 6px; font-weight:bold; font-size:13px; font-family:Tahoma; color:#333; } #totalProducts tbody td .mileage { display:block; font-size:11px; color:#212530; white-space:nowrap; } #totalProducts tbody td .soldOut { color:#e84f20; } /* 총 상품 금액 */ .totalPrice { padding:14px; font-size:13px; line-height:15px; vertical-align:middle; background:#dfdfdf; width:86%; margin:0 auto; } .totalPrice > strong { color:#1b1b1b; } .totalPrice .total { float:right; font-family:Tahoma; color:#333; } .totalPrice .total strong { font-weight:normal; } /* 배송비 레이어 */ .differentialShipping { display:inline-block; position:relative; width:13px; height:13px; vertical-align:middle; } .differentialShipping .btnHelp { display:inline-block; overflow:hidden; width:13px; height:13px; font-size:0; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_help2.png") no-repeat 50% 50%; background-size:13px 13px; } .differentialShipping .layerShipping { display:none; z-index:1000; position:fixed; left:7px; width:100%; top:100px; box-sizing:border-box; margin:0; padding:0 14px 0 0; } .differentialShipping .layerShipping p { padding:12px; color:#fff; background-color:#353535; border:1px solid #353535; border-bottom:0; border-radius:4px 4px 0 0; } .differentialShipping .layerShipping p strong { font-weight:normal; font-size:13px; } .differentialShipping .layerShipping ul { padding:14px 7px; border:1px solid #353535; border-top:0; border-radius:0 0 4px 4px; background-color:#f0f0f0; } .differentialShipping .layerShipping li { padding:12px; overflow:hidden; font-size:11px; background:#fff; border:1px solid #d5d5d5; border-top:0; } .differentialShipping .layerShipping li:first-child { border-top:1px solid #d5d5d5; ; } .differentialShipping .layerShipping li strong { float:left; font-weight:normal; color:#757575; } .differentialShipping .layerShipping li .price { float:right; font-weight:bold; font-family:Tahoma; color:#353535; } .differentialShipping .layerShipping .btnClose { position:absolute; right:24px; top:12px; overflow:hidden; width:18px; height:18px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") no-repeat 50% 50%; background-size:20px 20px; } .xans-product-detail .shippingFee { display:inline-block; position:static; font-size:12px; vertical-align:middle; } .xans-product-detail .shippingFee .wrap { display:none; z-index:999; position:fixed; left:2%; width:96%; top:100px; margin:0; border:1px solid #d5d5d5; background:#fff; border-radius:5px; box-sizing:border-box; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); } .xans-product-detail .shippingFee .wrap h3 { padding:0 14px; font-size:13px; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; } .xans-product-detail .shippingFee .wrap .content { padding:14px; } .xans-product-detail .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; } .xans-product-detail .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; } .xans-product-detail .shippingFee .wrap table + h4 { margin-top:14px; } .xans-product-detail .shippingFee .wrap p strong { font-weight:normal; font-size:13px; } .xans-product-detail .shippingFee .wrap table { background:#fff; } .xans-product-detail .shippingFee .wrap th, .xans-product-detail .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; } .xans-product-detail .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535; } .xans-product-detail .shippingFee .wrap td { border-left-width:0; } .xans-product-detail .shippingFee .wrap .txtEm { color:#008bcc; } .xans-product-detail .shippingFee .wrap .info { color:#757575; font-size:11px; } .xans-product-detail .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px; } /* SNS 상품 홍보 */ .xans-product-detail .social { padding:10px 0; text-align:center; font-size:0; line-height:0; } .xans-product-detail .social img { margin:0 5px 2px 0; } .xans-product-detail .social img, .xans-product-detail .social a { vertical-align:middle; } .xans-product-detail .social .xans-product-customsns, .xans-product-detail .social .xans-product-customsns ul, .xans-product-detail .social .xans-product-customsns li { display:inline; vertical-align:middle; } /* 토글 */ .xans-product-detail .toggle { position:relative; margin:0 7px 7px; font-size:12px; } .xans-product-detail .toggle > .title { position:relative; padding:14px 43px 14px 14px; line-height:15px; background-color:#737782; color:#fff; -webkit-tap-highlight-color: rgba(255,255,255,0); cursor:pointer; } .xans-product-detail .toggle > .title:after { display:block; position:absolute; top:0; right:0; content:""; width:40px; height:100%; background-repeat:no-repeat; background-size:20px; background-position:center; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png"); } .xans-product-detail .toggle.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .xans-product-detail .toggle.disable > .title:after { background-image:none !important; } .xans-product-detail .toggle > .title h2 { display:inline-block; font-size:13px; } .xans-product-detail .toggle > .contents { display:none; box-sizing:border-box; border:1px solid #d5d5d5; border-top:0; } .xans-product-detail .toggle.selected > .contents, .xans-product-detail .toggle.disable > .contents { display:block; } /* 하단 상세정보 탭 */ #tabProduct { font-size:13px; background-color:#fff; } #tabProduct ul { position:relative; height:36px; border-top:1px solid #ececec; border-bottom:1px solid #333; } #tabProduct ul:after { content:""; display:block; clear:both; } #tabProduct li { width:25%; float:left; } #tabProduct li a { float:left; position:relative; height:36px; width:100%; padding:0; color:#1b1b1b; line-height:36px; text-align:center; text-decoration:none; border-left:1px solid #ececec; } #tabProduct li:first-child a { border-left:0; } #tabProduct li.selected a { height:37px; margin:0 0 -1px; color:#fff; line-height:37px; font-weight:bold; background-color:#333; border-left:0; } /* 공급사 - 판매자 정보 */ .supplyInfo { margin:14px 7px; } .supplyInfo h3 { padding:14px 13px; margin:0 0 -10px 0; border:1px solid #d5d5d5; border-bottom:0; color:#333; font-size:12px; background-color:#f0f0f0; } /* 회원등급별 할인가 적용 */ .xans-product-detaildesign td ul.discountMember:after { content:""; display:clock; clear:both; } .xans-product-detaildesign td > span > ul.discountMember > li { float:left; } .xans-product-detaildesign td ul.discountMember li a { float:left; margin:0 5px 5px 0; } .xans-product-detaildesign td .discount_layer { z-index:10; position:absolute; left:2%; margin:0; width:96%; background:#f1f1f1; border-radius:5px; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); } .xans-product-detaildesign td .discount_layer h3 { height:36px; margin:0 0 15px; padding:0 38px 0 7px; font-size:15px; line-height:36px; color:#fff; background:#4a5164; } .xans-product-detaildesign td .discount_layer p, .xans-product-detaildesign td .discount_layer ul { margin:0 2% 7px; padding:0 10px; } .xans-product-detaildesign td .discount_layer ul li { padding:0 0 3px; } .xans-product-detaildesign td .discount_layer p strong { color:#0088d4; } .xans-product-detaildesign td .discount_layer table { margin:0 auto 14px; width:96%; background:#fff; border:1px solid #d5d5d5; } .xans-product-detaildesign td .discount_layer thead th { padding:0; height:0; font-size:0; line-height:0; } .xans-product-detaildesign td .discount_layer tbody th { padding:7px 3px 7px 7px; font-weight:normal !important; } .xans-product-detaildesign td .discount_layer tbody th, .xans-product-detaildesign td .discount_layer tbody td { border-bottom:1px solid #ececec; } .xans-product-detaildesign td .discount_layer tbody td { text-align:right; } .xans-product-detaildesign td .discount_layer tbody tr:last-of-type th, .xans-product-detaildesign td .discount_layer tbody tr:last-of-type td { border-bottom:0; } .xans-product-detaildesign td .discount_layer tbody td .addMobile { display:block; } .xans-product-detaildesign td .discount_layer .btnClose { position:absolute; right:0; top:0; z-index:110; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:100%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:14px 14px; } .xans-product-detaildesign td .discount_layer h4 { margin: 0 2% 3px; padding:0 10px; font-size:12px; } .xans-product-detaildesign td .discount_layer .info, .xans-product-detaildesign td .discount_layer p.gCenter { margin:0 2% 15px; } .xans-product-detaildesign td .discount_layer p.gCenter { text-align:center; } .xans-product-detaildesign td .discount_layer p.bullet, .xans-product-detaildesign td .discount_layer ul.bullet li { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_boardwrite_th.png") no-repeat 3px 6px; background-size:4px auto; } .xans-product-detaildesign td .discount_layer ul.bullet li { padding:0 10px; } /* 세트상품 추가정보 레이어 */ .xans-product-detail .productSet .description { margin:0 -14px; } .xans-product-detail .productSet .description h3 { height:0; line-height:0; font-size:0; } .xans-product-detail .productSet .description.eToggle .inner { display:none; } .xans-product-detail .productSet .description.eToggle.selected .inner { display:block; margin:9px 0 0; } .xans-product-detail .productSet .description .content { display:none; padding:0; } .xans-product-detail .productSet .description.selected .content { display:block; } .xans-product-detail .productSet .description table { border:0; } .xans-product-detail .productSet .description tr:first-child th, .xans-product-detail .productSet .description tr:first-child td { border-top:1px solid #ececec; } .xans-product-detail .productSet .description td img { width:auto; } .xans-product-detail .productSet .description th, .xans-product-detail .productSet .description td { padding:14px; border-bottom:1px solid #ececec; font-size:12px; } .xans-product-detail .productSet .description th { color:#757575; font-weight:normal; } .xans-product-detail .productSet .description .color td { font-size:0; line-height:0; } .xans-product-detail .productSet .description .chips { display:inline-block; width:20px; height:16px; margin:0 2px 3px 0; border:1px solid #e3e3e3; } .xans-product-detail .productSet .description .discountMember img { width:auto; height:26px; } .xans-product-detail .productSet .description .ec-base-button { margin-bottom:0; } .xans-product-detail .productSet .description .btnBasic { width:100%; max-width:320px; color:#757575; font-weight:bold; } .xans-product-detail .productSet .description .btnBasic.icoToggle span { display:inline-block; padding:0 20px 0 0; background: url("//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_down2.png") no-repeat right 10px; background-size:13px auto; } .xans-product-detail .productSet .description.selected .btnBasic.icoToggle span { background-image: url("//img.echosting.cafe24.com/skin/mobile/product/ico_toggle_arow_up2.png"); } .xans-product-detail .productSet .description .xans-product-stocklayer .layer .content { padding:20px 10px; } @media all and (min-width:569px) { .xans-product-detail { overflow:hidden; margin:0 0 14px; } .xans-product-detail .overview { float:left; padding:0 1% 0 2%; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .xans-product-detail .prdDesc { float:right; margin:0 0 10px; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .xans-product-detail .prdInfo { margin-top:0; } .xans-product-action { padding:0; } } #prdInfo h2{font-family:'Noto Sans KR','Lato';font-size:12px;font-weight:400;color:#111;margin:0 10px 20px;padding:0 0 10px 0;border-bottom:1px solid #111;} .xans-product-detaildesign{} .xans-product-detaildesign > table{font-size:11px;word-wrap:break-word;border:1px solid #d5d5d5;} .xans-product-detaildesign > table th{color:#111;background-color:#f5f5f6;} .xans-product-detaildesign > table thead th{padding:8px 0;text-align:center;} .xans-product-detaildesign > table thead tr > th:first-child{border-left:0;} .xans-product-detaildesign > table tbody tr:first-child th,.xans-product-detaildesign > table tbody tr:first-child td{border-top:0;} .xans-product-detaildesign > table tbody th,.xans-product-detaildesign > table tbody td{padding:7px 3px 7px 7px;background:#fff;border-top:1px solid #ececec;} .xans-product-detaildesign > table tbody th{color:#757575;text-align:left;} .xans-product-detaildesign > table tbody td{padding-left:0;} .xans-product-detaildesign > table input#quantity,.xans-product-detaildesign > table img.QuantityUp,.xans-product-detaildesign > table img.QuantityDown{display:none;} .xans-product-detaildesign > table img#qrcode{width:70px;margin-right:-20px;margin-top:15px;} .xans-product-detaildesign > table .discount{display:block;font-size:11px;color:#1c1c1c;} .xans-product-detaildesign > table .period{display:block;} .xans-product-detaildesign > table #delivery_cost_prepaid{display:block;} .xans-product-detaildesign > table #btn_email_restock img{width:auto;height:26px;} .xans-product-relation{ position:relative; margin:0;background:#FFF;margin:20px 0;} .xans-product-relation .swiper-pagination-relate.swiper-pagination-bullets { position:absolute; left:auto!important; bottom:auto!important; top:0px!important; right:20px!important; text-align:right!important; } .xans-product-relation .swiper-pagination-relate.swiper-pagination-bullets .swiper-pagination-bullet { width:5px!important; height:5px!important; } .xans-product-relation:first-child h2{border-top:0;} .xans-product-relation h2{margin:0;padding:0 0 10px;font-family:'Noto Sans KR','Lato';font-size:12px;font-weight:400;color:#111;margin:20px 10px 20px;border-bottom:1px solid #111;} .xans-product-relation img{max-width:100%;} .xans-product-relation li{vertical-align:top;margin:0 0 38px;} .xans-product-relation > ul > li > ul{display:table;table-layout:fixed;width:100%;font-size:0;line-height:0;box-sizing:border-box;padding:0 7px;} .xans-product-relation > ul > li > ul > li{position:relative;display:inline-block;padding:0;text-align:center;vertical-align:top;} .xans-product-relation .strike{font-weight:normal;text-decoration:line-through;} .xans-product-relation > ul[class*="grid"]{display:table;table-layout:fixed;width:100%;font-size:0;line-height:0;box-sizing:border-box;padding:0 7px 0;} .xans-product-relation > ul[class*="grid"] > li{position:relative;display:inline-block;padding:0;vertical-align:top;} .xans-product-relation .thumbnail{padding:0 7px;margin:0 0 10px;} .xans-product-relation .thumbnail img{width:100%;border:1px solid #ECECEC;} .xans-product-relation .information{position:relative;min-height:10px;margin:7px 7px 0;} .xans-product-relation .name{margin:0 0 10px;font-size:14px;line-height:1.25;word-wrap:break-word;} .xans-product-relation .name a{color:#757575;} .xans-product-relation .price{margin:0 0 10px;color:#000;font-family:Tahoma;font-size:13px;line-height:1.25em;} .xans-product-relation .strike{text-decoration:line-through;} .xans-product-relation .grid2 li{width:50%;} .xans-product-relation .grid3 li{width:33.333% !important;} .xans-product-relation .grid4 li{width:25%;} .xans-product-relation .grid5 li{width:20%;} .xans-product-relation .paginate{padding:0 0 14px;} .xans-product-additional,.faq{margin:0;padding:0 0 7px;} .xans-product-additional .faq .toggle{margin:0 7px 7px;border:1px solid #d5d5d5;background-color:#fff;} .xans-product-additional .faq .toggle > .title{position:relative;padding:14px;color:#508bed;-webkit-tap-highlight-color: rgba(255,255,255,0);cursor:pointer;background-color:#f0f0f0;} .xans-product-additional .faq .toggle > .title:after{display:block;position:absolute;top:0;right:0;content:"";width:40px;height:100%;background-repeat:no-repeat;background-size:13px 8px;background-position:center;background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_down.png");} .xans-product-additional .faq .toggle.selected > .title:after{background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_toggle_arow_up.png");} .xans-product-additional .faq .toggle.disable > .title:after{background-image:none !important;} .xans-product-additional .faq .toggle .contents{display:none;border-top:1px solid #ddd;padding:14px;color:#777;} .xans-product-additional .faq .toggle.selected > .contents,.xans-product-additional .faq .toggle.disable > .contents{display:block;} .xans-product-additional{margin:0;padding:0;background:#fff;} .xans-product-additional #prdDetail h2 {font-family:'Noto Sans KR','Lato';font-size:12px;font-weight:400;color:#4a4a4a;margin:0 10px 20px;padding:0 0 10px 0;border-bottom:1px solid #111;} .xans-product-additional #prdDetail .button{text-align:center;padding:12px 0;} .xans-product-additional #prdDetail .ico{position:relative;top:2px;display:inline-block;width:13px;height:13px;background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_expand.png");background-size:13px 13px;} .xans-product-additional #prdDetail img{width:100% !important; height:auto !important; margin:0;} #prdDetailContent iframe{ /* height: auto !important; */width:94% !important;} .xans-product-additional .btnMore{position:relative;margin:0 auto;width:100%;} .xans-product-additional .btnMore a{display:block;padding:12px 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #d5d5d5;color:#757575;text-align:center;font-weight:bold;background:#f5f5f5;} .xans-product-additional .btnMore span.icoMore{display:inline-block;margin:0 0 0 8px;width:12px;height:7px;font-size:0;line-height:0;vertical-align:middle;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_more.gif") no-repeat 50% 50%;background-size:12px 7px;} .xans-product-additional .shippingFee{display:inline-block;position:static;vertical-align:middle;font-size:12px;} .xans-product-additional .shippingFee .wrap{display:none;z-index:999;position:fixed;left:2%;width:96%;top:100px;margin:0;border:1px solid #d5d5d5;background:#fff;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75);box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75);} .xans-product-additional .shippingFee .wrap h3{padding:0 14px;font-size:13px;line-height:36px;background-color:#f0f0f0;border-bottom:1px solid #d5d5d5;border-radius:5px 5px 0 0;} .xans-product-additional .shippingFee .wrap .content{padding:14px;} .xans-product-additional .shippingFee .wrap h4{position:relative;margin:0 7px 7px;} .xans-product-additional .shippingFee .wrap h4:before{display:inline-block;content:"";margin:0 5px 0 0;width:3px;height:3px;background:#666;vertical-align:middle;} .xans-product-additional .shippingFee .wrap table + h4{margin-top:14px;} .xans-product-additional .shippingFee .wrap p strong{font-weight:normal;font-size:13px;} .xans-product-additional .shippingFee .wrap table{background:#fff;} .xans-product-additional .shippingFee .wrap th,.xans-product-additional .shippingFee .wrap td{padding:7px;border:1px solid #d5d5d5;} .xans-product-additional .shippingFee .wrap th{width:80px;border-right-width:0;color:#353535;} .xans-product-additional .shippingFee .wrap td{border-left-width:0;} .xans-product-additional .shippingFee .wrap .txtEm{color:#008bcc;} .xans-product-additional .shippingFee .wrap .info{color:#757575;font-size:11px;} .xans-product-additional .shippingFee .wrap .btnClose{overflow:hidden;position:absolute;right:0;top:0;width:36px;height:36px;font-size:0;border:none;background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat;background-size:14px 14px;} #prdReview{margin:20px 0;} #prdReview h3{font-family:'Noto Sans KR','Lato';font-size:12px;font-weight:400;color:#111;margin:0 10px;padding:0 0 10px 0;border-bottom:1px solid #111;} #prdReview .board > .ec-base-button{padding:14px 17px;margin:0 0 0 -4px;} #prdReview .nodata{padding:14px 0;text-align:center;} .xans-product-review .writeNotiArea{padding:0 14px;background:#fff;} .xans-product-review .writeNotiArea:after{content:"";display:block;clear:both;} .xans-product-review .writeNotiArea p{float:left;margin:7px 0;} .xans-product-review .writeNotiArea div.gRight{float:right;margin:7px 0 0;} .xans-product-review .noAccess{margin:14px 0;font-size:14px;text-align:center;} .xans-product-review .minor{padding:108px 0 28px;text-align:center;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/intro/bg_adult.png") center 14px no-repeat;background-size:80px 80px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .xans-product-review .minor p{font-size:13px;margin:0 0 14px;} .xans-product-review .boardSort{padding:7px 14px;font-size:13px;background:#f1f1f1;} .xans-product-review .boardSort:after{content:"";display:block;clear:both;} .xans-product-review .boardSort span{float:left;margin:0 14px 0 0;} .xans-product-review{margin:-1px 0 0;font-size:11px;background:#fff;} .xans-product-review > ul > li{overflow:hidden;position:relative;padding:14px 0;min-height:43px;color:#757575;border-bottom:1px dotted #dfdfdf;} .xans-product-review > ul > li:first-child{border-top:1px dotted #dfdfdf;} .xans-product-review .descriptions{position:relative;margin:0 0 0 7px;padding:0 7px;} .xans-product-review .descriptions a{display:block;color:#757575;font-size:0;} .xans-product-review .descriptions a .summary{display:block;padding:0 15px 10px 0;color:#1b1b1b;font-size:15px;line-height:1.3em;font-weight:normal;} .xans-product-review .descriptions a .id{padding:0 7px 0 0;} .xans-product-review .descriptions a span{position:relative;display:inline-block;padding:0 7px 0 8px;font-size:11px;} .xans-product-review .descriptions a span:before{display:block;content:"";position:absolute;top:1px;left:0;width:1px;height:11px;background:#d6d6d6;} .xans-product-review .descriptions a strong + span:before{display:none;} .xans-product-review .descriptions a strong.summary span{display:none;padding:0 2px 0 0;} .xans-product-review .contentView{margin:0;padding:0;min-height:0;background:#f9f9f9;color:#757575;font-size:15px;text-align:left;word-wrap:break-word;} .xans-product-review .contentView .view{margin:0;padding:14px;} .xans-product-review .contentView .view.secret{padding:14px 28px;} .xans-product-review .contentView .view.secret .alert{display:block;margin:0 0 14px;padding:0 0 0 31px;color:#353535;font-size:13px;line-height:1.2em;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_secret.png") 4px 4px no-repeat;background-size:17px 20px;} .xans-product-review .contentView .view.secret p{position:relative;padding:0 46px 0 0;} .xans-product-review .contentView .view.secret p input[type="password"]{width:100%;} .xans-product-review .contentView .view.secret p input[type="button"]{position:absolute;top:0;right:0;} .xans-product-review .contentView .attach{max-width:100%;text-align:center;} .xans-product-review .contentView .attach img{max-width:100%;margin:0 0 14px;border:1px solid #dedede;} .xans-product-review .contentView p{color:#1b1b1b;} .xans-product-review .contentView .ec-base-button{margin:0;padding:0 14px 14px;} .xans-product-review .contentView .ec-base-button a em{color:#508bed;} .xans-product-review .contentView .ec-base-button .ico.write{position:relative;top:2px;display:inline-block;width:13px;height:13px;background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_comment.png");background-size:13px 13px;} .xans-product-review .contentView .boardComment li{padding:0 0 0 14px;border-top:1px solid #d5d5d5;background:#f1f1f1;} .xans-product-review .contentView .boardComment li .ec-base-button .gLeft{margin-left:-4px;} .xans-product-review .contentView .boardComment li .ec-base-button .gLeft a,.xans-product-review .contentView .boardComment li .ec-base-button .gLeft button{margin-left:4px;} .xans-product-review .contentView .boardComment li .commentInfo{padding:14px 14px 0;font-size:12px;color:#757575;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_bullet.png") 0 16px no-repeat;background-size:8px 8px;} .xans-product-review .contentView .boardComment li .commentInfo .name{padding:0 8px 0 0;font-weight:normal;} .xans-product-review .contentView .boardComment li .commentInfo span{position:relative;padding:0 8px;} .xans-product-review .contentView .boardComment li .commentInfo span:before{position:absolute;top:1px;left:0;display:inline-block;content:"";width:1px;height:11px;background:#ccc;} .xans-product-review .contentView .boardComment li .commentInfo .grade img{width:50px;height:8px;} .xans-product-review .contentView .boardComment p.comment{padding:14px;color:#1b1b1b;} .xans-product-review .contentView .boardComment .replyArea{padding:0 0 0 28px;border-top:0;background:#f1f1f1;background-size:8px 8px;} .xans-product-review .contentView .boardComment .replyArea .commentInfo{border-top:1px solid #d5d5d5;} .xans-product-review .contentView .memoCont{padding:7px 0 0;border-top:1px solid #d5d5d5;} .xans-product-review .contentView .memoCont .label{padding:0 7px 0 0;color:#757575;font-weight:normal;vertical-align:middle;letter-spacing:-1px;} .xans-product-review .contentView .memoCont .label.hide{display:none;} .xans-product-review .contentView .memoCont .info{padding:0 14px;} .xans-product-review .contentView .memoCont .info:after{content:"";display:block;clear:both;} .xans-product-review .contentView .memoCont .info p{position:relative;box-sizing:border-box;width:50%;} .xans-product-review .contentView .memoCont .info p .label{position:absolute;left:0;padding:0;text-align:center;font-size:12px;line-height:29px;letter-spacing:0;} .xans-product-review .contentView .memoCont .info p.name{float:left;padding:0 0 0 45px } .xans-product-review .contentView .memoCont .info p.name .label{width:45px;} .xans-product-review .contentView .memoCont .info p.password{float:right;padding:0 0 0 65px } .xans-product-review .contentView .memoCont .info p.password .label{width:65px;} .xans-product-review .contentView .memoCont .info p.name input[type="text"],.xans-product-review .contentView .memoCont .info p.password input[type="password"]{width:100%;margin:0;} .xans-product-review .contentView .memoCont .info p.password .label{margin:0;} .xans-product-review .contentView .memoCont .ec-base-help{margin:8px 0 0 24px;} .xans-product-review .contentView .memoCont .admin{margin:10px 0 0;} .xans-product-review .contentView .memoCont .admin a{display:block;text-align:center;} .xans-product-review .contentView .memoCont .comment{margin:14px 14px 0;} .xans-product-review .contentView .memoCont .comment textarea#comment{width:100%;height:50px;margin:0 0 7px 0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .xans-product-review .contentView .memoCont .byteRating{margin:5px 0 0;} .xans-product-review .contentView .memoCont .byteRating:after{content:"";display:block;clear:both;} .xans-product-review .contentView .memoCont .rating{float:left;padding:7px 14px;box-sizing:border-box;} .xans-product-review .contentView .memoCont .rating .label{display:inline-block;width:45px;padding:0;line-height:29px;text-align:center;font-size:12px;letter-spacing:0;} .xans-product-review .contentView .memoCont .rating input{margin-right:2px;} .xans-product-review .contentView .memoCont .rating label{margin-right:10px;} .xans-product-review .contentView .memoCont .byte{float:right;text-align:right;} .xans-product-review .contentView .memoCont .submit{text-align:right;padding:0 14px 7px;} .xans-product-review .contentView .memoCont .captcha{overflow:hidden;margin:0 14px;padding:10px 0 10px 114px;border-top:1px solid #ededed;} .xans-product-review .contentView .memoCont .captcha .form{float:left;position:relative;} .xans-product-review .contentView .memoCont .captcha img{position:absolute;left:-30px;margin-right:-30px;} .xans-product-review .contentView .memoCont .captcha img:first-child{left:-114px;margin-right:-114px;} .xans-product-review .contentView .memoCont .captcha .form{width:100%;} .xans-product-review .contentView .memoCont .captcha .form p{margin:14px 0 0;padding:0 0 0 20px;font-size:11px;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_important.png") no-repeat 0 50%;background-size:13px 13px;} .xans-product-review .contentView .memoCont .mButton{margin:10px 0 0;} .xans-product-review .contentView .memoCont #captcha{margin:2px 0 0 0;width:100%;} .xans-product-review .contentView .memoCont .boardCommentAuthority{padding:14px;text-align:center;background:#fff;} #prdQnA{margin:20px 0;} #prdQnA{margin:20px 0;} #prdQnA h3{font-family:'Noto Sans KR','Lato';font-size:12px;font-weight:400;color:#111;margin:0 10px;padding:0 0 10px 0;border-bottom:1px solid #111;} #prdQnA .board > .ec-base-button{padding:14px 17px;margin:0 0 0 -4px;} #prdQnA .nodata{padding:14px 0;text-align:center;} .xans-product-qna .writeNotiArea{padding:0 14px;background:#fff;} .xans-product-qna .writeNotiArea:after{content:"";display:block;clear:both;} .xans-product-qna .writeNotiArea p{float:left;margin:7px 0;} .xans-product-qna .writeNotiArea div.gRight{float:right;margin:7px 0 0;} .xans-product-qna .noAccess{margin:14px 0;text-align:center;} .xans-product-qna .minor{padding:108px 0 28px;text-align:center;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/intro/bg_adult.png") center 14px no-repeat;background-size:80px 80px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .xans-product-qna .minor p{font-size:13px;margin:0 0 14px;} .xans-product-qna .boardSort{padding:7px 14px;font-size:13px;background:#f1f1f1;} .xans-product-qna .boardSort:after{content:"";display:block;clear:both;} .xans-product-qna .boardSort span{float:left;margin:0 14px 0 0;} .xans-product-qna{margin:-1px 0 0;font-size:11px;background:#fff;} .xans-product-qna > ul > li{overflow:hidden;position:relative;padding:14px 0;min-height:43px;color:#757575;border-bottom:1px dotted #dfdfdf;} .xans-product-qna > ul > li:first-child{border-top:1px dotted #dfdfdf;} .xans-product-qna .descriptions{position:relative;margin:0 0 0 7px;padding:0 7px;} .xans-product-qna .descriptions a{display:block;color:#757575;font-size:0;} .xans-product-qna .descriptions a .summary{display:block;padding:0 15px 10px 0;color:#1b1b1b;font-size:15px;line-height:1.3em;font-weight:normal;} .xans-product-qna .descriptions a .id{padding:0 7px 0 0;} .xans-product-qna .descriptions a span{position:relative;display:inline-block;padding:0 7px 0 8px;font-size:11px;} .xans-product-qna .descriptions a span:before{display:block;content:"";position:absolute;top:1px;left:0;width:1px;height:11px;background:#d6d6d6;} .xans-product-qna .descriptions a strong + span:before{display:none;} .xans-product-qna .descriptions a strong.summary span{display:none;padding:0 2px 0 0;} .xans-product-qna .contentView{margin:0;padding:0;min-height:0;background:#f9f9f9;color:#757575;font-size:15px;text-align:left;word-wrap:break-word;} .xans-product-qna .contentView .view{margin:0;padding:14px;} .xans-product-qna .contentView .view.secret{padding:14px 28px;} .xans-product-qna .contentView .view.secret .alert{display:block;margin:0 0 14px;padding:0 0 0 31px;color:#353535;font-size:13px;line-height:1.2em;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_secret.png") 4px 4px no-repeat;background-size:17px 20px;} .xans-product-qna .contentView .view.secret p{position:relative;padding:0 51px 0 0;} .xans-product-qna .contentView .view.secret p input[type="password"]{width:100%;} .xans-product-qna .contentView .view.secret p input[type="button"]{position:absolute;top:0;right:0;} .xans-product-qna .contentView .attach{max-width:100%;text-align:center;} .xans-product-qna .contentView .attach img{max-width:100%;margin:0 0 14px;border:1px solid #dedede;} .xans-product-qna .contentView p{color:#1b1b1b;} .xans-product-qna .contentView .ec-base-button{margin:0;padding:0 14px 14px;} .xans-product-qna .contentView .ec-base-button a em{color:#508bed;} .xans-product-qna .contentView .ec-base-button .ico.write{position:relative;top:2px;display:inline-block;width:13px;height:13px;background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_comment.png");background-size:13px 13px;} .xans-product-qna .contentView .boardComment li{padding:0 0 0 14px;border-top:1px solid #d5d5d5;background:#f1f1f1;} .xans-product-qna .contentView .boardComment li .ec-base-button .gLeft{margin-left:-4px;} .xans-product-qna .contentView .boardComment li .ec-base-button .gLeft a,.xans-product-qna .contentView .boardComment li .ec-base-button .gLeft button{margin-left:4px;} .xans-product-qna .contentView .boardComment li .commentInfo{padding:14px 14px 0;font-size:12px;color:#757575;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_bullet.png") 0 16px no-repeat;background-size:8px 8px;} .xans-product-qna .contentView .boardComment li .commentInfo .name{padding:0 8px 0 0;font-weight:normal;} .xans-product-qna .contentView .boardComment li .commentInfo span{position:relative;padding:0 8px;} .xans-product-qna .contentView .boardComment li .commentInfo span:before{position:absolute;top:1px;left:0;display:inline-block;content:"";width:1px;height:11px;background:#ccc;} .xans-product-qna .contentView .boardComment li span img{width:50px;height:10px;vertical-align:baseline;} .xans-product-qna .contentView .boardComment p.comment{padding:14px;color:#1b1b1b;} .xans-product-qna .contentView .boardComment .replyArea{padding:0 0 0 28px;border-top:0;background:#f1f1f1;background-size:8px 8px;} .xans-product-qna .contentView .boardComment .replyArea .commentInfo{border-top:1px solid #d5d5d5;} .xans-product-qna .contentView .memoCont{padding:7px 0 0;border-top:1px solid #d5d5d5;} .xans-product-qna .contentView .memoCont .label{padding:0 7px 0 0;color:#757575;font-weight:normal;vertical-align:middle;letter-spacing:-1px;} .xans-product-qna .contentView .memoCont .label.hide{display:none;} .xans-product-qna .contentView .memoCont .info{padding:0 14px;} .xans-product-qna .contentView .memoCont .info:after{content:"";display:block;clear:both;} .xans-product-qna .contentView .memoCont .info p{position:relative;box-sizing:border-box;width:50%;} .xans-product-qna .contentView .memoCont .info p .label{position:absolute;left:0;padding:0;text-align:center;font-size:12px;line-height:29px;letter-spacing:0;} .xans-product-qna .contentView .memoCont .info p.name{float:left;padding:0 0 0 45px } .xans-product-qna .contentView .memoCont .info p.name .label{width:45px;} .xans-product-qna .contentView .memoCont .info p.password{float:right;padding:0 0 0 65px } .xans-product-qna .contentView .memoCont .info p.password .label{width:65px;} .xans-product-qna .contentView .memoCont .info p.name input[type="text"],.xans-product-qna .contentView .memoCont .info p.password input[type="password"]{width:100%;margin:0;} .xans-product-qna .contentView .memoCont .info p.password .label{margin:0;} .xans-product-qna .contentView .memoCont .ec-base-help{margin:8px 0 0 24px;} .xans-product-qna .contentView .memoCont .admin a{display:block;text-align:center;} .xans-product-qna .contentView .memoCont .comment{margin:14px 14px 0;} .xans-product-qna .contentView .memoCont .comment textarea#comment{width:100%;height:50px;margin:0 0 7px 0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .xans-product-qna .contentView .memoCont .byteRating{margin:5px 0 0;border-bottom:1px solid #ededed;} .xans-product-qna .contentView .memoCont .byteRating:after{content:"";display:block;clear:both;} .xans-product-qna .contentView .memoCont .rating{float:left;padding:7px 14px;box-sizing:border-box;} .xans-product-qna .contentView .memoCont .rating .label{display:inline-block;width:45px;padding:0;line-height:29px;text-align:center;font-size:12px;letter-spacing:0;} .xans-product-qna .contentView .memoCont .rating input{margin-right:2px;} .xans-product-qna .contentView .memoCont .rating label{margin-right:10px;} .xans-product-qna .contentView .memoCont .byte{float:right;text-align:right;} .xans-product-qna .contentView .memoCont .submit{text-align:right;padding:0 14px 7px;} .xans-product-qna .contentView .memoCont .captcha{overflow:hidden;margin:0 14px;padding:10px 0 10px 114px;border-top:1px solid #ededed;} .xans-product-qna .contentView .memoCont .captcha .form{float:left;position:relative;} .xans-product-qna .contentView .memoCont .captcha img{position:absolute;left:-30px;margin-right:-30px;} .xans-product-qna .contentView .memoCont .captcha img:first-child{left:-114px;margin-right:-114px;} .xans-product-qna .contentView .memoCont .captcha .form{width:100%;} .xans-product-qna .contentView .memoCont .captcha .form p{margin:14px 0 0;padding:0 0 0 20px;font-size:11px;background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_important.png") no-repeat 0 50%;background-size:13px 13px;} .xans-product-qna .contentView .memoCont .mButton{margin:10px 0 0;} .xans-product-qna .contentView .memoCont #captcha{margin:2px 0 0 0;width:100%;} .xans-product-qna .contentView .memoCont .boardCommentAuthority{padding:14px;text-align:center;background:#fff;} #prdInfo{margin:20px 0;} /*기본소스 */ .shopdetail .shopdetailInfo .shopdetailInfoTop figure {padding:16px 15px; border-bottom:1px solid #c7c7c7;} .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; border-bottom:1px solid #c7c7c7; padding:18px 15px; box-sizing:border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {font-size:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom:8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .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 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .sizeAddText span { display: none; line-height: 1.6em; } /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 9101; 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;} } .ec-base-button[class*="gColumn"]{margin:0 !important;} .btnNormal, .btnStrong, .btnBasic{ height: 56px !important; line-height: 56px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-wrap { max-height:50vh; background:#fff; overflow-y:auto; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#f6f6f6; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {box-shadow: 0px -4px 4px 0px rgba(120,120,120,0.5); display: block; position: fixed; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -18px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn2 {width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#f6f6f6; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn2.fixed {box-shadow: 0px -4px 4px 0px rgba(120,120,120,0.5); display: block; position: fixed; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn2.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn2 .btn_option {position: absolute; top: -18px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff; /*border-top: 1px dotted #444;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #f6f6f6; text-align: center; padding: 10px 10px; display:none;} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #f1191f; display: inline-block; padding:6px 0; margin: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color:#f1191f; color:#fff;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: left;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {/*background-color:#f6f6f6; */padding: 5px 0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:30px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName { margin:10px 0; font-size:14px; color: #000;width:100%; display:block; font-weight:500; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:calc(100% - 100px); display:inline-block; } .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: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll { } .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 {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px;} .shopdetail .shopdetailBoard a {width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0;} .MK_optAddWrap .MK_inner-opt-cm li { position:relative; margin:10px 0; padding: 10px 16px; background:#fafafa; } .MK_optAddWrap .MK_inner-opt-cm .MK_p-name { padding-right: 30px; display: block; font-size:14px; line-height: 1.5em; font-weight: 500; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del { position:absolute; top:12px; right:16px; width:28px; height:28px; background:url('https://newcomfort.img11.kr/pc/_didot/img/icon_close.png') no-repeat center / 28px auto; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img { display:none; } .MK_optAddWrap .MK_inner-opt-cm .MK_price { position:absolute; right:16px; bottom:20px; font-size: 12px; } .MK_optAddWrap .MK_inner-opt-cm .MK_price span { font-size: 14px; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl { position:relative; width:118px; height:32px; margin-top:10px; border:1px solid #eee; border-radius: 6px; overflow: hidden; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { width: 54px; height:32px; padding:0 4px; margin-left:32px; font-weight:bold; text-align:center!important; font-size:14px; border:0; border-right:1px solid #eee; border-left:1px solid #eee; box-sizing:border-box; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 { position:absolute; top:0; display:block; width: 32px; height: 32px; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 span { display:none; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:first-of-type { right:0; background:url('https://newcomfort.img11.kr/pc/_didot/img/icon_plus.svg') no-repeat center / 16px auto, #fff; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:last-of-type { left:0; background:url('https://newcomfort.img11.kr/pc/_didot/img/icon_minus.svg') no-repeat center / 16px auto, #fff; } .MK_optAddWrap .total { padding:10px 0; margin:20px 0; text-align: right; font-size:16px; } .MK_optAddWrap .MK_total { font-size:24px; margin-left:10px; } /* //상품옵션 */ .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 .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {padding-top: 10px; /*text-align:center; padding:15px; border-top:1px solid #4a4a4a;*/} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:15px 14px; display: inline-block; margin:0 2px; font-weight:bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {background-color:#FFF; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background-color:#393939; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background-color:#f1191f; border:1px solid #f1191f; padding:15px 32px;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailCoupon {margin-top:15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;} .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 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;} /* 관련상품 */ .shopdetailRelation {margin-bottom:30px;} .shopdetailRelation .list_shoppingRelationItem1x {padding: 0 7px;} .shopdetailRelation .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;} .shopdetailRelation .list_shoppingRelationItem1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0;} .shopdetailRelation .list_shoppingRelationItem1x li figure {padding:0 7px;} .shopdetailRelation .list_shoppingRelationItem1x li:first-child {border:0px none;} .shopdetailRelation .list_shoppingRelationItem1x li img.listPic {width:40%; float:left;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {width:57%; float:left; padding-left:3%; position: relative;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%;} .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {position:absolute; top:0; right:0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {text-align:right;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .btn_Black {width:290px; margin: 0 auto;} /* //관련상품 */ /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;} /* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */ /* OKDGG 버튼 */ .shopdetail .okdgg-checkout {margin-top: 15px;} .shopdetail .okdgg-checkout img {max-width: 90%; height: auto;} /* //OKDGG 버튼 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button {bottom: 53px !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 받기 끝 */ /* 통옵 추가 구성 상품 */ #productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-img, #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; vertical-align:top; } #productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; } #productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; border-bottom:1px solid #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon, #productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;} .shopdetail .shopdetailBoard a { margin-left: -5px; font-size: 12px; } .shopdetail .shopdetailCoupon .shopdetailCouponGet li {float:left; width:50%; } .shopdetail .shopdetailCoupon .shopdetailCouponGet li img {width:100%; height:auto; } #prdDetail .dd-lnb-menu { margin:30px 0 0; } /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; margin-right:3%; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:16px; font-weight:bold; letter-spacing: -0.056em; line-height:1.5em; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; margin-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:130px; padding: 0 30px 0 3px; background:url('https://newcomfort.img11.kr/pc/_didot/img/icon_chevron-down.svg') no-repeat center right 10px / auto 20px; border-radius: 0; font-size:14px; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } .clearfix:before { content: ''; display: block; clear: both; } .clearfix:after { content: ''; display: block; clear: both; } .dd-banner-wrap { margin: 0 0 10px; padding: 0 24px; border-top: 1px solid #e0e0e0; } .dd-banner-wrap .benefits-title { font-family: 'pretendard', sans-serif; padding: 20px 0 12px 0; font-size: 14px; text-align: center; font-weight: bold; color: #000; } .dd-banner-wrap ul { display: flex; justify-content: space-between; gap: 20px; } .dd-banner-wrap ul li {} .dd-banner-wrap ul li a { display: block; } .dd-banner-wrap ul li a img { width: 100%; } .dd-lnb-menu { position:sticky; top:68px; left:0; z-index:88; margin: 30px 0 30px; border-top:1px solid #ddd; } .dd-lnb-menu ul {} .dd-lnb-menu ul li { width: 33.3333%; height: 50px; float: left; background-color: #fff; border-bottom:2px solid #fff; border-left: 0; box-sizing: border-box; text-align: center; padding: 10px 0; display: flex; align-items: center; justify-content: center; } .dd-lnb-menu ul li:first-child {} .dd-lnb-menu ul li a { width: 100%; display: block; color: #666; font-size: 14px; line-height: 1.5em; font-weight: bold; } .dd-lnb-menu ul li a .crema-product-reviews-count { font-size:10px; color:#999; } .dd-lnb-menu ul li.selected { border-color: #000; } .dd-lnb-menu ul li.selected a { color:#000; } .dd-detail-title { font-size: 14px; font-weight: bold; } .dd-prdinfo-wrap img { width: 100%; max-width: 1000px; } .dd-relatePrd-wrap { width: 100%; overflow: hidden; } .dd-prd-img { text-align: center; display: none; } .dd-common-img { text-align: center; } .size-btn-basic { display: none; width: 100%; } .size-btn-fitting { width: 100%; } .instagram-review { margin: 10px 0 0; } .instagram-review ul { margin-left: -10px; padding: 0 7px; white-space: nowrap; overflow-x: auto; } .instagram-review ul li { width: calc(60% - 10px); display: inline-block; margin-left: 10px; } .instagram-review li a { display: block; } .instagram-review li img { width: 100%; } .dd-soldout a { position:relative; } /* .dd-soldout a:after { content:''; display:block; width:70%; height:2px; background:#000; position:absolute; top:50%; margin-top:-1px; left:15%; } */ .MK-oneclick-list li.MK-oneclick-text a { display:flex; flex-direction:column; justify-content: center; } /* .dd-soldout a:after { content:'품절'; display:block; font-size:12px; text-align:center; line-height:1.1em; margin-bottom:3px; } */ /* 상세하단 공통 가이드영역 */ .dd-common-img > img {} .dd-common-img > a { display:block; width:90%; padding:15px 10px; margin:10px auto; font-size:14px; color:#000; box-sizing:border-box; text-align:center; background:#f0f0f0; line-height:1; } .comfortlab-guide { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 999999999; overflow-y: scroll; background:rgba(0,0,0,0.7); } .comfortlab-guide .guide-contents { position:relative; width:80%; max-height:1000px; background:#fff; padding:16px; margin:16px auto; text-align:center; overflow: auto; } .comfortlab-guide .guide-contents > a { display:block; cursor: pointer; position:fixed; top:20px; margin-left:70%; } .comfortlab-guide .guide-contents > a img { width:28px; } .comfortlab-guide .guide-contents .type { display:none; } .comfortlab-guide .guide-contents .iframe_wrap { position: relative; width: 100%; margin-top:40px; height: 0; padding-bottom: 56.25%; border-radius: 24px; overflow: hidden; } .comfortlab-guide .guide-contents .iframe_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .comfortlab-guide.video .guide-contents { position:absolute; left:5%; top:50%; transform:translateY(-50%); width:90%; padding:0; } .comfortlab-guide.video .guide-contents > a { margin-left:0; top:10px; right:10px; } .gotop { bottom: 210px; } /* 컬러칩 슬라이더 */ #dd-color-box { margin: 40px auto; } #dd-color-box .color-title { text-align: center; line-height: 1em; font-size: 28px; font-weight: 900; color: #000; } #dd-color-box .color-desc { margin: 10px 0 0; text-align: center; font-size: 14px; color: #000; } #dd-color-box .color-tab { font-size: 0; max-width: 300px; margin: 40px auto 30px; text-align: center; } #dd-color-box .color-tab li { display: inline-block; width: 32px; height: 32px; margin:5px 4px; box-sizing: border-box; cursor: pointer; border-radius: 50%; vertical-align: middle; } #dd-color-box .color-tab li.selected { border: 2px solid #ff6d44; } #dd-color-box .color-contents { display: none; } #dd-color-box .color-contents.selected { display: block; } #dd-color-box .color-contents .color-info { margin: 0 0 30px; text-align: center; } #dd-color-box .color-contents .color-info .color { display: inline-block; width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; vertical-align: middle; } #dd-color-box .color-contents .color-info .text { font-size: 14px; color: #000; vertical-align: middle; font-weight: bold; } #dd-color-box .color-contents .color-slider { position: relative; padding: 0 40px; margin: 0 auto; padding-bottom: 60px; } #dd-color-box .color-contents .color-slider .swiper-wrapper {} #dd-color-box .color-contents .color-slider .swiper-wrapper .swiper-slide {} #dd-color-box .color-contents .color-slider .swiper-button-next { top: calc(50% - 30px); } #dd-color-box .color-contents .color-slider .swiper-button-prev { top: calc(50% - 30px); } #dd-color-box .color-contents .color-slider .swiper-button-next:after { font-size: 24px; color: #00000080; } #dd-color-box .color-contents .color-slider .swiper-button-prev:after { font-size: 24px; color: #00000080; } #dd-color-box .color-contents .color-slider .swiper-pagination { bottom: 20px; } #dd-color-box .color-contents .color-slider .swiper-pagination-bullet { width: 8px!important; height: 8px!important; } #dd-color-box .color-contents .color-slider .swiper-pagination-bullet-active { background: #000; } .gotop { bottom: 210px!important; } /* 250227 image */ .review-title a { display: block; } .review-title a img { width: 100%; } /* BASIC css end */