/* BASIC css start */ @charset "utf-8"; #content { padding-top: 100px; width: 1200px;} #productDetail .page-body { display: flex; flex-wrap: wrap; position: relative; gap: 0 61px; justify-content: space-between;} #productDetail .leftWarp {width: 50%; min-width: 620px;} #productDetail .rightWarp { width: 50%; height: calc(100vh - 100px); position: sticky; left: 0; top: 100px; overflow-y: auto; overflow-x: hidden; max-width: 519px; z-index: 100;} #productDetail .bottomWrap { width: 100%; margin: 80px 0 0;} /* 상단 썸네일 */ #productDetail .thumb-info .thumb-wrap { min-width:620px;float:left;position:relative; } #productDetail .thumb-info { margin-bottom:60px;} #productDetail .thumb-info .z_image img { width: 100%;} #productDetail .thumb-info .multi_thumb { width: 620px;} #productDetail .swiper-pagination { bottom: 20px; left: 50%; width: auto; height: 25px; background: rgba(255, 255, 255, 0.80); transform: translateX(-50%); padding: 0 20px; border-radius: 100px; display: flex; align-items: center;} #productDetail .swiper-pagination-bullet-active { background: var(--black) !important;} #productDetail .swiper-pagination-bullet { background: #8E8E8E; margin: 0 13px; opacity: 1; width: 11px; height: 11px;} /* 상품 정보 */ #productDetail .info { padding-right: 15px;} #productDetail .info .titleBox { position: relative;} #productDetail .info .titleBox .btn_cart { position: absolute; top: 7px; right: 15px;} #productDetail .info .tit-prd { font-size:24px; color:var(--black); font-weight:700; margin-bottom:27px; width: calc(100% - 50px);} #productDetail .info .prdprice_section { display: flex; align-items: end; gap: 10px; padding-bottom: 21px; border-bottom: 1px solid #BFBFBF;} #productDetail .info .prdprice_section .prdprice .real_price { font-size: 20px; font-weight: 800; color: var(--black);} #productDetail .info .prdprice_section strike { font-size: 18px; font-weight: 300; color: #8E8E8E;} /* 컬러칩 - 페이지 이동 */ .colorWrap { margin-top: 19px;} .colorWrap .tit { font-size: 20px; font-weight: 400; color: var(--black); margin-bottom: 7px;} .colorWrap .flexBox { display: flex; gap: 10px;} .colorWrap .link_item { display: inline-block; position: relative;} .colorWrap .link_item::after { content: ''; display: inline-block; width: 31px; height: 31px; border: 1px solid var(--line); position: absolute; left: 0; top: 0; border-radius: 50px; z-index: -1;} .colorWrap .link_item a { display: block; width: 23px; height: 23px; margin: 4px; border-radius: 100px; border: 1px solid #787878;} .colorWrap .link_item.active::after { content: ''; display: inline-block; width: 27px; height: 27px; border: 2px solid var(--bg); position: absolute; left: 0; top: 0; border-radius: 50px;} .colorWrap .link_item.active a { border: 2px solid var(--bg);} /* 옵션영역 */ .optionSec dt { font-size: 20px; font-weight: 400; color: var(--black);} .optionSec dd { margin: 12px 0 0; padding-bottom: 15px;} .optionSec dd ul { display: flex; flex-wrap: wrap;} .optionSec dd li.MK-oneclick-li { margin: 0 10px 5px 0;} .optionSec dd li.MK-oneclick-li a { padding: 0 32px; border-radius: 50px; line-height: 25px; height: 33px;} .optionSec dd li.MK-oneclick-li a span { font-size: 16px; font-weight: 300; color: var(--line); line-height: 33px; height: 33px;} .optionSec dd li.MK-oneclick-li.is-selected a { border: 1px solid var(--bg);} .optionSec dd li.MK-oneclick-li.is-selected a span { color: var(--bg); font-weight: 400;} /* 옵션 결과 리스트 */ #MK_innerOptWrap #MK_innerOptScroll.line {padding-top:5px;margin-top:5px; } #MK_innerOptWrap #MK_innerOptScroll.limit {position:relative;height:150px;overflow-y:auto; } #MK_innerOptWrap .MK_inner-opt-cm li {position:relative;font-size:13px;padding:35px;margin:10px 0;background-color:#f5f5f5; } #MK_innerOptWrap .MK_inner-opt-cm li:after {display:block;clear:both;content:''} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {position:absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {display:block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name {overflow:hidden;width:150px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#0e0e0e} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price {font-size:15px;color:#0e0e0e;font-weight:normal;top:50%;transform:translateY(-50%);right:50px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span {font-weight:bold} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {width:19px;height:19px;text-indent:-9999em;background:url(/design/fordi/miracle/PC_img/opt_close.png) center center no-repeat;top:12px;right:10px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl {background-color:#fff;width:120px;height:32px;border:1px solid #eeeeee;position:absolute;top:50%;transform:translateY(-50%);right:174px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input {width:60px;height:30px;line-height:30px;border:1px solid transparent;text-align:center !important;color:#847871} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option {position:absolute;left:0px;width:60x; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a {position:absolute;float:left;display:inline-block;width:30px;height:30px;text-indent:-9999em;margin:0;vertical-align:top;background:center center no-repeat;background-size:.8} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up {border-left:1px solid #eee;border-right:1px solid #eee;background-image:url(/design/fordi/miracle/PC_img/plus.png);left:60px} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw {background-image:url(/design/fordi/miracle/PC_img/min.png);right:0;border-right: none !important; } /* 총 구매금액 */ #MK_innerOptWrap #MK_innerOptPrice {display:none;padding:12px 5px 10px;font-size:12px;color:#333;text-align:right; } #MK_innerOptAdd {display:none;padding:0 5px;font-size:12px;color:#333;text-align:right; } #MK_innerOptTotal {padding:19px 0; *zoom:1;text-align:right; border-top: 1px solid var(--line);} #MK_innerOptTotal:after {display:block;clear:both;content:''} #MK_innerOptTotal .totalLeft {float:left} #MK_innerOptTotal .totalRight {float:right} #MK_innerOptTotal .MK_txt-total {font-size:18px; font-weight: 500; color:var(--black)} #MK_innerOptTotal .MK_total {font-size:12px;color:#fd0100; } #MK_innerOptTotal .MK_txt-won, #MK_innerOptTotal .totalRight .MK_total {display:inline-block;font-size:20px;color:var(--black); font-weight:700;} /* 장바구니, 바로구매 */ .btn_wrap { display: flex; gap: 9px; margin-bottom: 15px; align-items: center;} .btn_wrap > a { width: 50%; display: inline-block; height: 46px; line-height: 46px; font-size: 19px; font-weight: 600; border-radius: 100px; text-align: center;} .btn_wrap .btn_cart { border: 1px solid var(--bg); color: var(--black);} .btn_wrap .btn_buy { border: 1px solid var(--bg); background: var(--bg); color: var(--white);} /* 가입하기 버튼 */ .link_wrap { margin-bottom: 12px; display: flex; justify-content: space-between; border: 1px solid var(--line); border-radius: 100px; height: 45px; align-items: center; padding: 0 15px 0 26px;} .link_wrap p { font-size: 14px; font-weight: 500; color: var(--black);} .link_wrap a { font-size: 13px; font-weight: 400; color: #ACACAC;} /* 네이버페이 */ #nhn_btn .npay_storebtn_bx { width: 100% !important;} /* 당일출고 - 기존코드 */ .today_del {width:100%;background:#fff;height:50px;line-height:46px;text-align:center;box-sizing:border-box;margin-top:20px; border:1px solid #ddd; } .today_del #ifend {color:#000;font-size:16px;font-weight:300;line-height:1;vertical-align:middle; } .today_del #ifend span {font-weight:400;line-height:48px; } .today_del #ifend span.now {vertical-align:top; } .today_del #ifend span.next {vertical-align:unset; } .today_del span#time {color: #ff3e3a; } /* 관련상품 */ .related_sec { padding: 34px 0 0;} .related_sec h3 { font-size: 14px; font-weight: 500; color: var(--black); margin-bottom: 19px;} .related_sec .info.clear_fix { padding: 10px 25px 0 0;} .related_sec .item_list .info .prdname { margin-bottom:9px; font-size: 12px; font-weight: 500; line-height: 15px; color: var(--black);} .related_sec .item_list .info .prdprice .price { font-size: 12px; font-weight: 600; color: var(--black);} .related_sec .item_list .info .prdprice strike { margin-left: 6px; font-size: 10px; font-weight: 300; color: var(--line);} /* 상품옵션 정보 */ #productDetail .thumb-info .info {float:right;width:630px; } #productDetail .thumb-info .info .prd-icon {padding-top:10px} #productDetail .thumb-info .info .prd-icon img {margin-right:3px} #productDetail .thumb-info .info .prdsubname {margin-bottom:30px;color:#858585;font-size:13px;font-weight:400; } #productDetail .thumb-info .info .prdprice_section {border-bottom:1px solid #eee;padding-bottom:35px;margin-bottom:33px} #productDetail .thumb-info .info .prdprice_section .prdprice {font-size:19px;color:#000;font-weight:500;display:flex;align-items:center; } #productDetail .thumb-info .info .prdprice_section strike {color:#8b8b8b;font-size:18px;margin-right:10px;font-weight:400; } #productDetail .thumb-info .info .table-opt th,#productDetail .thumb-info .info .table-opt td {padding:7px 0;font-weight:normal;font-size:14px} #productDetail .thumb-info .info .table-opt th {color:#888;font-weight:500} #productDetail .thumb-info .info .table-opt th .tb-left,#productDetail .thumb-info .info .table-opt td .tb-left {padding:0} #productDetail .thumb-info .info .table-opt td {color: #b2b2b2} #productDetail .thumb-info .info .table-opt .sell_price {font-size:18px;color:#1c1c1c;font-weight: bold} #goods_amount {float:left; } #productDetail .thumb-info .info .table-opt .opt-spin {position:relative;width:52px;height:15px;border:1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin,#productDetail .thumb-info .info .table-opt .opt-spin .btns {float:left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin {width:41px;height:13px;padding-left:2px;padding-top:2px;border:0;font-size:11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns {width:17px;height:15px;border-left:1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a {overflow:hidden;float:left;width:100%;height:8px;text-indent:-999px;background:none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up {border-bottom:1px solid #aaa;background:url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw {background:url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .info .prd-btns .soldout { margin:15px 0; width:100%; height:46px; font-size:19px; color:#231f20; text-align:center; line-height:46px; background:var(--bg); color: var(--white); border-radius: 50px;} #productDetail .thumb-info .info .prd-btns {margin-top:10px} #productDetail .thumb-info .info .prd-btns .btn_wrap {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} #productDetail .thumb-info .info .prd-btns a {font-weight:500;margin-top:6px;} #productDetail .thumb-info .info .prd-btns .btn_buy {display:block;width:33%;height:54px;font-size:15px;color:#fff;text-align:center;line-height:54px;background:#222222;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} #productDetail .thumb-info .info .prd-btns .btn_buy:hover {background:#222; } #productDetail .thumb-info .info .prd-btns .btn_buy:active {position:relative;top:1px} #productDetail .thumb-info .info .prd-btns .btn_cart {display:block;width:32%;height:54px;font-size:15px;color:#000;text-align:center;line-height:54px;border:1px solid #222222;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} #productDetail .thumb-info .info .prd-btns .btn_cart:hover {background:#222222;color:#fff} #productDetail .thumb-info .info .prd-btns .btn_cart:active {position:relative;top: 1px} /* 정기배송 */ /* 선물하기 */ #productDetail .thumb-info .info .prd-btns .btn_gift {display:block;width:100%;height:54px;font-size:15px;color:#f1191f;text-align:center;line-height:54px;border:1px solid #f1191f;background:#fff; } #productDetail .thumb-info .info .prd-btns .btn_gift:hover {color:#fff;background:#f1191f; } #productDetail .thumb-info .info .prd-btns .btn_gift:active {position:relative;top:1px; } #productDetail .thumb-info .info .prd-btns .btn_gift .fa-gift {font-size:19px;vertical-align:text-bottom; } #productDetail .thumb-info .info .prd-btns .btn_gift .fa-gift:before {margin-right:5px; } #productDetail .thumb-info .info .prd-btns .btn_barotalk {display:block;margin-top:10px} #productDetail .thumb-info .info .table-opt .sell_benefit {position:relative; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn {display:inline-block;height:18px;line-height:20px;border:1px solid #000;font-size:11px; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn span {display:inline-block;height:18px;padding:0 5px;color:#fff;background:#000;vertical-align:top; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn em {display:inline-block;height:18px;padding:0 3px 0 0;font-size:10px;vertical-align: top; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap {width:100%;padding:30px 0;border-top:1px solid #eee} #productDetail .thumb-info .info .table-opt .opt-wrap .tit {margin-bottom:5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid {width:100%;padding:0 0 10px;border-bottom:1px solid #e4e4e4; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit {margin-bottom:8px;color:#969696; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit strong {color:#555; } #productDetail .thumb-info .info .table-opt .opt-wrap dl {overflow:hidden;width:100%;zoom:1} #productDetail .thumb-info .info .table-opt .opt-wrap dl:after {display:block;clear:both;content:''} #productDetail .thumb-info .info .table-opt .opt-wrap dt {float:left;width:125px;margin-bottom:5px;padding-top:4px; padding-bottom:5px;color:#888} #productDetail .thumb-info .info .table-opt .opt-wrap dd {float:left;margin-bottom:5px; padding-bottom:5px;width:calc(100% - 125px)} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn {text-align:right; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a {display:inline-block;width:84px;height:24px;font-size:13px;color:#fff;text-align:center;line-height:24px;border:1px solid #231f20;background:#231f20;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover {color:#231f20;background:#fff} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active {position:relative;top:1px} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img {display:none} #productDetail .thumb-info .info .table-opt .opt-wrap select {width:100%;height:30px;padding:0 10px;border-color:#eee;border-radius:4px;color:#b2b2b2} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns {position:relative} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input {margin-right:3px;width:42px;height:24px;border:1px solid #dfdfdf;text-align:center !important;line-height:24px} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a {display:inline-block;width:26px;height:26px;text-indent:-9999em;vertical-align:top;background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-up {background-position:0 0} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw {background-position:0 -26px} #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select {float:left;width:350px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns {padding-top:5px;clear:both} #productDetail .thumb-info .info .table-opt .option-wrap {margin-top:10px;padding:10px 0;border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box {width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit {padding:10px 0 5px;color:#666; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after {clear:both;content:"";display:block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list {width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li {float:left;width:70px;margin-left:25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first,#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child {margin-left:0; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl {padding-bottom:10px;color:#333; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk {text-align:left;padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input {width:13px;height:13px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg {position:relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img {width:70px;height:70px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;line-height:71px;color:#fff;text-align:center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background:#000;filter:alpha(opacity:40);opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background:#000;filter:alpha(opacity:40);opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname {padding-top:7px;line-height:14px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname {padding-bottom:3px;line-height:14px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice {padding-bottom:3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input {width:52px;height:24px;line-height:24px;border:1px solid #dfdfdf;text-align:center;background:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down {display:inline-block;width:12px;height:26px;line-height:0;font-size:0;vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a {display:inline-block;width:12px;height:12px;line-height:0;font-size:0;vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up {margin-bottom:2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl {color:#a7a7a7; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input {color:#929292; } /* 추가구성 상품 */ #productDetail .bottomWrap strong { font-size: 14px; font-weight: 500; color: var(--black);} #productDetail .bottomWrap .add-option-tit {margin-bottom: 16px;} #productDetail .bottomWrap .extraProductSwiper {margin-bottom: 110px;} #productDetail .bottomWrap .extraProductSwiper .MS_prod_img_m { width: 100%;} #productDetail .bottomWrap .extraProductSwiper .swiper-button-prev::after {background: url(/design/fordi/wib/pc/icon/extraProductSwiper_icon.png) no-repeat center; transform: rotate(180deg); content: ''; display: inline-block; width: 40px; height: 40px; } #productDetail .bottomWrap .extraProductSwiper .swiper-button-next::after {background: url(/design/fordi/wib/pc/icon/extraProductSwiper_icon.png) no-repeat center; content: ''; display: inline-block; width: 40px; height: 40px;} #productDetail .bottomWrap .extraProductSwiper .swiper-button-prev { width: 40px; height: 40px; border-radius: 100px; background: rgba(0, 0, 0, 0.4);} #productDetail .bottomWrap .extraProductSwiper .swiper-button-next { width: 40px; height: 40px; border-radius: 100px; background: rgba(0, 0, 0, 0.4);} .extraProductSwiper .swiper-button-next.swiper-button-disabled, .extraProductSwiper .swiper-button-prev.swiper-button-disabled { opacity: 0;} #productDetail .bottomWrap .extraProductSwiper .add-option-wrap { margin: 12px 0 0;} #productDetail .bottomWrap .extraProductSwiper .tit-prd { font-size: 12px; font-weight: 500; color: var(--black);} #productDetail .bottomWrap .extraProductSwiper .price { margin: 11px 0 0; font-size: 12px; font-weight: 600;} #productDetail .bottomWrap .extraProductSwiper .price del { margin-left: 6px; font-size: 12px; font-weight: 600; color: var(--line);} /* 상품정보 탭 */ #productDetail .detailTab {padding:40px 0;position:relative} #productDetail .detailTab ul {display:flex;align-items:center;border-bottom:2px solid #e7e7e7} #productDetail .detailTab ul:after {display:block;clear:both;content:''} #productDetail .detailTab ul li {margin-right:60px} #productDetail .detailTab ul li a {font-weight:400;display:block;font-size:18px;color:#acacac;line-height:30px;text-align:center;font-family:'Jost',sans-serif;margin-bottom:-2px} #productDetail .detailTab ul li a.active {color:#333333 !important;border-bottom: 2px solid #000} /* 타이틀 공통 */ #productDetail .tit-detail {position:relative;padding-top:30px;*zoom:1} #productDetail .tit-detail:after {display:block;clear:both;content:''} #productDetail .tit-detail h3 {float:left;font-size:16px;color:#303030;line-height:18px} #productDetail .tit-detail .more {float:right} #productDetail .tit-detail .more a {font-size:11px;color: #8c8b8b} /* 상품 상세 이미지 */ #productDetail .prd-detail {width:100%;text-align:left;overflow:hidden} #productDetail .prd-detail > div { border-top: 1px solid var(--line);} #productDetail .prd-detail > div:last-child { border-bottom: 1px solid var(--line);} #productDetail .prd-detail > div.toggleSec { cursor: pointer;} #productDetail .prd-detail > div.toggleSec .title { position: relative;} #productDetail .prd-detail > div.toggleSec .title::after { content: ''; position: absolute; right: 6px; top: 50%; width: 2px; height: 14px; background: #000; transform: translateY(-50%); opacity: 1; transition: opacity 0.2s ease;} #productDetail .prd-detail > div.toggleSec .title::before { content: ''; position: absolute; right: 0; top: 50%; width: 14px; height: 2px; background: #000; transform: translateY(-50%);} #productDetail .prd-detail > div.toggleSec.open .title::after { opacity: 0;} #productDetail .prd-detail > div.toggleSec .cont { overflow: hidden; height: 0; opacity: 0; transition: height 0.3s ease, opacity 0.3s ease;} #productDetail .prd-detail > div.toggleSec.open .cont { height: auto; opacity: 1; padding-bottom: 20px; font-size: 16px; } #productDetail .prd-detail .title { font-size: 20px; font-weight: 500; color: var(--black); line-height: 80px;} #productDetail .prd-detail img {max-width:100%; padding-bottom:48px; } /* 상품 상세 wib커스텀 */ .custemDetail > div { margin: 80px 0 0;} .custemDetail h2 {font-size: 30px; font-weight: 700; color: var(--black); text-align: center; margin-bottom: 43px;} .custemDetail .detailSec .titSec {margin: 16px 26% 0 0;} .custemDetail .detailSec .titSec p {font-size: 24px; font-weight: 600; color: var(--black); margin-bottom: 10px;} .custemDetail .detailSec .titSec span { font-size: 18px; font-weight: 300; line-height: 28px; color: var(--black);} .custemDetail .modelDetail {position: relative;} .custemDetail .modelDetail .swiper-button-prev::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center; transform: rotate(180deg);} .custemDetail .modelDetail .swiper-button-next::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center;} .custemDetail .tabTop .colorSec { margin: 70px 0 0; position: relative;} .custemDetail .sec04.detailSec > .colorSec { margin: 120px 0 123px;} .custemDetail .colorSec .tabSec { width: 410px; margin: 0 auto;} .custemDetail .colorSec .tabTop { margin-bottom: 19px;} .custemDetail .colorSec .tabTop .colorSec { display: none;} .custemDetail .colorSec .tabTop .colorSec p { font-size: 16px; font-weight: 600; color: var(--black); text-align: center;} .custemDetail .colorSec .tabTop .colorSec.active { display: block;} .custemDetail .colorSec .tabBottom ul {display: flex; gap: 8px; justify-content: center;} .custemDetail .colorSec .tabBottom li { border-radius: 50%; width: 24px; height: 24px; position: relative;} .custemDetail .colorSec .tabBottom li span { display: inline-block; width: 18px; height: 18px; border-radius: 50%; margin: 4px; border: 1px solid var(--line);} .custemDetail .colorSec .tabBottom li.active::after { content: ''; display: inline-block; width: 24px; height: 24px; position: absolute; left:0; top: 0; border: 1px solid var(--bg); border-radius: 50px;} .custemDetail .colorSec .tabBottom li::after { content: ''; display: inline-block; width: 24px; height: 24px; position: absolute; left:0; top: 0; border: 1px solid var(--line); border-radius: 50px;} .custemDetail .colorSec .tabBottom li.active span { border: 1px solid var(--black);} .custemDetail .colorSec .swiper-button-prev::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center; transform: rotate(180deg);} .custemDetail .colorSec .swiper-button-next::after { content: ''; display: inline-block; width: 40px; height: 40px; background: url(/design/fordi/wib/pc/icon/model_arow.png) no-repeat center;} /* =====================[wib] 커스텀 전 기본 코드======================= */ /* review-write */ #productDetail .review-write {margin-top:30px;padding:20px;border:1px solid #e4e4e5} #productDetail .review-write th,#productDetail .review-write td {padding:4px 0; } #productDetail .review-write th {font-weight:normal} #productDetail .review-write td input[name=hname] {padding-left:5px;width:210px;height:31px;line-height:31px;border:1px solid #ddd} #productDetail .review-write td label {margin-right:20px} #productDetail .review-write td textarea {padding:5px;width:840px;height:81px;border:1px solid #ddd} #productDetail .review-write td .btn_write {display:inline-block;width:109px;height:91px;font-size:14px;color:#fff;text-align:center;line-height:91px;border:1px solid #231f20;background:#231f20;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} #productDetail .review-write td .btn_write:hover {color:#231f20;background:#fff} #productDetail .review-write td .btn_write:active {position:relative;top: 1px} /* 댓글리스트 공통 */ #productDetail .table-slide {border-top:1px solid #000} #productDetail .table-slide thead th {padding:15px 0;font-size:13px;border-bottom:1px solid #e9e9e9;font-weight:normal;font-family:'sofia-pro'; } #productDetail .table-slide td {padding:15px 0;background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif) repeat-x 0 bottom; } #productDetail .table-slide td .paging a {font-family:Verdana} #productDetail .table-slide td .paging .first,#productDetail .table-slide td .paging .prev,#productDetail .table-slide td .paging .next,#productDetail .table-slide td .paging .last { } #productDetail .table-slide tr.cnt {display:none; } #productDetail .table-slide tr.cnt td {padding:20px;color:#999;cursor:default; } #productDetail .table-slide tr.cnt td p {word-break:break-all;white-space:normal} #productDetail .table-slide tr.reply .tb-txt {padding-left:30px;background:url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } #productDetail .table-slide .list-btm {position:relative;*zoom:1} #productDetail .table-slide .list-btm:after {display:block;clear:both;content:''} #productDetail .table-slide .btm_write {margin-top:10px;margin-right:-110px;position:relative;float:right;right:110px} #productDetail .table-slide .btm_write a {font-family:'sofia-pro';display:inline-block;width:108px;height:38px;font-size:13px;color:#000;text-align:center;line-height:38px;border:1px solid #231f20;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} #productDetail .table-slide .btm_write a:hover {color:#fff;background:#231f20} #productDetail .table-slide .btm_write a:active {position:relative;top:1px} #productDetail .table-slide .paging-wrap {margin:0 110px;position:relative;float:left;width: 880px} /* review-list */ #productDetail .review-list {margin-top: 10px} /* qna board */ #productDetail .qna-list {margin-top: 10px} /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice {color:red; } .MK_optAddWrap,.MK_optAddWrap * {margin:0;padding:0; } .MK_optAddWrap li {list-style: none; } /* 옵션선택 */ #MK_optAddList {overflow:hidden;*zoom:1; } #MK_optAddList li {float:left;width:100%;margin-top:5px; } #MK_optAddList .MK_tit,#MK_optAddList .MK_div,#MK_optAddList .MK_st {float:left; } #MK_optAddList .MK_tit,#MK_optAddList .MK_div {font-size:11px;line-height:16px; } #MK_optAddList .MK_tit {width:65px;margin-right:5px; } #MK_optAddList .MK_div {width:5px;text-align:center; } #MK_optAddList .MK_st {width:205px; } #MK_optAddList .MK_st .MK_btn-add {cursor:pointer; } #MK_optAddList .MK_st select {margin-left:5px;width:195px;height: 18px; } /* 옵션선택PP */ #MK_optAddListPP {overflow:hidden;*zoom:1; } #MK_optAddListPP .MK_tit,#MK_optAddListPP .MK_st {float:left;width:auto; } #MK_optAddListPP .MK_tit {margin-right:5px;margin-top: 3px; } /* 사용자 입력 인풋박스 (color,size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput {width: 200px; } /* 하이브리드옵션 */ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name,#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price,#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl,#MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del {display:inline-block;*float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price {top:4px;bottom:0;right:23px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name {width:200px;line-height:26px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl {vertical-align:middle;margin-top: 0; } /* 소리뷰 */ #sorivu {position:relative;margin-top: 20px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap {margin:30px auto;width:800px} #productWrap h3.tb-tit {margin-bottom:10px;text-align:left; } #productWrap table {width:100%;font-size:13px;border-collapse:collapse;border-width:1px;border-color:#d6d6d6;border-style:solid;table-layout:fixed; } #productWrap table th {border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#5c5c5c;text-align:left;font-weight:normal;padding:10px 0 10px 20px; } #productWrap table td {color:#8b8b8b;border-bottom:1px solid #e8e8e8;word-break:break-all;text-align:left;padding: 10px 0 10px 20px; } /* 사이즈 차트 */ td.area-btn-size-chart a.btn-size-chart {display:inline-block;width:84px;height:24px;font-size:11px;color:#231f20;text-align:center;line-height:24px;border:1px solid #231f20;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease} td.area-btn-size-chart a.btn-size-chart:hover {color:#fff;background:#231f20} td.area-btn-size-chart a.btn-size-chart:active {position:relative;top:1px} #sizeChart {padding-bottom:10px;width:810px;position:absolute;display:none;background:#fff} #sizeChart .btn-close-box {width:100%;position:relative; } #sizeChart .btn-close-layer {position:absolute;display:block;width:15px;height:14px;top:10px;right:10px;color:#FFFFFF;font-size:15px;font-weight: bold; } /* 조르기 */ #importune_btn {margin-left:10px} #importune_btn a {vertical-align: top} /* 쿠폰정보 */ .couponWrap {text-align:left} .couponBox {display:inline-block} .couponInfo {text-align:left} .size-chart-box {width:100%;border:2px solid #3F4045; } .size-chart-box h4 {width:100%;margin:0;padding:10px 0px;color:#FFFFFF;background:#3F4045;text-align:center; } .size-chart-cont {margin:10px auto 0;width:800px;background:#fff} .size-chart-cont table {width:100%;margin:0;padding:0;border-collapse:collapse;border:1px solid #D9DBDA; } .size-chart-cont table th,.size-chart-cont table td {padding:8px 0;font-size:13px;font-weight:normal;text-align:center} .size-chart-cont table th {border-bottom:1px solid #d6d6d6} .size-chart-cont table tr,.size-chart-img {height:1px; } .size-chart-cont img.sc-img-chart,#sc_img_chart {width:670px;height:300px; } .size-chart-cont img.sc-img-guide,#sc_img_guide {width:190px;height:240px; } .size-chart-cont p {margin-top:10px;text-align:left;font-size:13px;color:#a7a7a7} #nhn_btn {padding-top:10px; } #payco_order_btn {padding-top:10px; } #payco_order_btn .payco_checkout.ta .payco_checkout_btn {margin-top:0 !important} #kakaopay_order_btn {padding-top:10px; } .ocb-area {width:323px} .ocb-area a {margin-top: 0 !important} /* 통옵 추가 구성 상품 */ #productDetail .thumb-info .info .table-opt td.add-option-tit {padding:15px 0 0;color:#000;font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-not-start {border-top:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img {padding-top:10px;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; } #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;font-size:20px;margin-bottom:10px} #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;border-top:none} #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; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name p {overflow:hidden;text-overflow:ellipsis; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name span.extra_option_name {overflow:hidden;text-overflow:ellipsis;display: block; } /* 원클릭옵션 */ .MK-oneclick-list li .MK-oneclick-title {width:65px; } .MK-oneclick-only-color {height:90px; } .MK-oneclick-list {overflow:hidden;zoom:1; } .MK-oneclick-list:after {content:"";display:block;clear:both; } .MK-oneclick-list li {float:left;margin:0 8px 5px 0; } .MK-oneclick-list li a {border:1px solid #d5d3c8;display:inline-block;border-radius:1px;box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-dis a {background: #F0F0F0; cursor: no-drop; position: relative; overflow: hidden; border: 1px solid #d5d3c8 !important;} .MK-oneclick-list li.MK-oneclick-dis a::after { content: ''; display: inline-block; width: 100%; height: 1px; background: var(--line); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(20deg);} .MK-oneclick-list li.MK-oneclick-dis a span { color: var(--line) !important;} .MK-oneclick-list li a span {display:block;text-align:center;vertical-align:middle;line-height:19px; } .MK-oneclick-list li a img {width:100%;height:100%; } .MK-oneclick-list li.MK-oneclick-image a {height:50px; } .MK-oneclick-list li.MK-oneclick-image a img {width:auto;height:48px;; } .MK-oneclick-list li.MK-oneclick-color {width:30px;height:30px; } .MK-oneclick-list li.MK-oneclick-color a {padding:4px; } .MK-oneclick-list li.MK-oneclick-color span {width:22px;height:22px; } .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:2px;border-radius:3px} .MK-oneclick-list li.MK-oneclick-text span {min-width:39px;line-height:44px;max-width:320px;overflow:hidden;height:44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span {min-width:30px;line-height:27px; } .MK-oneclick-value {display:none} .MK-oneclick-only-text li.MK-oneclick-text {height:auto; } /* 정기배송 */ #productDetail .thumb-info .info .prd-btns .btn_subs {display:block;width:448px;height:48px;font-size:12px;color:#fff;text-align:center;line-height:50px;border:1px solid #f1191f;background:#f1191f; } #productDetail .thumb-info .info .prd-btns .btn_subs:hover {color:#000;background:#fff} #productDetail .thumb-info .info .prd-btns .btn_subs:active {position:relative;top: 1px; } /* 상품 상세 이벤트 공통 정보 */ #productDetail .detail-common-info-event {width:100%;padding-top:20px;word-break:break-all; } #productDetail .detail-common-info-event img {max-width:100%; } #productDetail .detail-common-info-event div {margin-top: 15px; } /* 상품 상세 일반 공통 정보 */ #productDetail .detail-common-info {width:100%;padding-bottom:20px;word-break:break-all; } #productDetail .detail-common-info dl {padding-top:20px;font-size:12px;font-weight:normal;letter-spacing:-0.5px; } #productDetail .detail-common-info dl dt {padding-bottom:10px;color:#444;font-weight:bold; } #productDetail .detail-common-info dl dd {padding-left:10px;text-indent:-10px;color:#777;line-height:20px; } #productDetail .detail-common-info div {margin-top: 15px; } #productDetail .btn-report {display:inline-block;float:right;color:#9d9d9d;font-size:11px; } .table-slide.review-list td .writer>span {display:block; } .table-slide.review-list td .writer .btn-member-declare {display:inline-block;width:12px;height:13px;margin:4px 0 0 0px;text-indent:-9999px;background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat; } #productDetail .pr-list-writer>span {display:block; } #productDetail .pr-list-writer .btn-member-declare {display:inline-block;width:12px;height:13px;margin:4px 0 0 0px;text-indent:-9999px;background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat; } .table-slide.review-list .MS_review_content_box .cnttit {position:relative;padding-right:100px; } .table-slide.review-list .MS_review_content_box .cnttit .btn-report {float:none;position:absolute;right:40px;top:50%;transform: translateY(-50%); } /* 슬라이드 이미지 */ .mo-detail-img {display:none !important; } .prd-detail center .tit {font-size:19px;font-weight:400;color:#acacac;text-align:left;padding-bottom:12px;margin-bottom:15px;border-bottom:2px solid #e7e7e7; } .slidebg {position:fixed;left:0;top:0;z-index:20;width:100%;height:100%;background:#fff;opacity:0.7;display:none; } .slideimg {overflow:inherit; } .slideimg .swiper-pagination {bottom:-20px; } .slideimg .swiper-pagination .swiper-pagination-bullet-active {background:#000; } .read_box {position:fixed;width:30%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:21;display:none; } .read_box img {width:100%;display: none; } /* 신규 회원 혜택 예상가 - 2023.09.18 */ .benefit_sale_wrap {position:relative;text-align:right; } .benefit_sale_wrap p {font-size:15px;color:#fc2300; } .benefit_sale_wrap p span {display:inline-block;cursor:pointer;font-size:13px;background:#000;color:#fff;width:19px;height:19px;text-align:center;line-height:19px;border-radius:5px; } .benefit_sale_wrap p.login_state {display:flex;align-items:center; } .benefit_sale_wrap p.login_state span {width:auto;padding:0 9px;margin-left:10px;height:24px;line-height:24px; } .benefit_sale_wrap .benefit_pop {display:none;cursor:pointer;position:absolute;right:0;top:25px;background:#fff;border:1px solid #000;border-radius:5px;padding:10px 20px;z-index:999; } .benefit_sale_wrap .benefit_pop .btn_cls {font-size:20px; } .benefit_sale_wrap .benefit_pop dl {display:flex;justify-content:space-between;gap:40px;margin:10px 0; } .benefit_sale_wrap .benefit_pop dl dt {font-size:14px;white-space: pre;} .benefit_sale_wrap .benefit_pop dl dd {font-size:14px;font-weight:bold; } .benefit_sale_wrap .benefit_pop dl dd img {width: 700px; } /* 최대 할인가,최대 적립혜택 */ /* 최대할인가&적립금 */ .tooltip_div {position:absolute;top:0;right:-21px;width:16px;height:100%;background:url('/design/fordi/img/ico_benefit.png') no-repeat 50% 3px;background-size: 16px} /* 툴팁 */ .tooltip_div.opener {cursor:pointer; } .tooltip {position:absolute;display:none;background:#fff;max-width:480px;border:1px solid #ddd;z-index:2;border-radius:10px; } .tooltip_div:hover>.tooltip {display:block; } .tooltip_div.reverse:hover>.tooltip {right:0} .tooltip.txt_area {padding:12px 20px 16px} .tooltip.txt_area .tit {font-weight:500;font-size:16px;line-height:24px;color:#000;white-space:nowrap} .tooltip.txt_area .txt {margin-top:8px;font-weight:400;font-size:12px;line-height:18px;color:#555;white-space:nowrap} .tooltip.txt_area .txt:first-child {margin-top:0} .tooltip.txt_area .dot_indent {margin-top:20px} .tooltip.txt_area .dot_indent:first-child {margin-top:0} .tooltip.txt_area .dot_indent p {margin-top:4px;padding-left:8px;font-weight:400;font-size:13px;line-height:18px;color:#555;white-space:nowrap} .tooltip.txt_area .dot_indent p:first-child {margin-top:0} .btn-discount {padding-right:22px;position:relative;font-size:17.37px;font-weight:800;color:#847871;letter-spacing:-0.4px; } .btn-discount:before {display:block;content:url("/design/fordi/img/bf_off.png");position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;background-size:5px; } .btn-discount.on:before {display:block;content:url("/design/fordi/img/bf_on.png");position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px; } .btn-discount span {color:#f62121; } .sale-list {display:none;margin-top:5px; } .sale-list li {margin-bottom:10px;color:#969696; } .sale-list li:last-child {margin-bottom:0; } .sale-list.open {display:block; } .benefit_wrap {position:relative; } .benefit_wrap td {padding:0 0 17px !important; } .benefit_wrap p.benefit_tit {display:flex;font-size:17.37px;color:#847871;font-weight:800;justify-content:space-between;align-items:center;margin:30px 0 0 0;letter-spacing:-0.4px; } .benefit_wrap dl {position:relative;display:flex;justify-content:space-between; } .benefit_wrap dl dt {position:relative;padding-right:0;font-size:17.37px;color:#847871;font-weight:400;letter-spacing:-0.4px; } .benefit_wrap dl dd {text-align:right; } .benefit_wrap dl dd {position:relative;font-size:13px;color:#000;font-weight:bold;position:relative; } .benefit_wrap dl dd div {position:relative; } .benefit_wrap dl dd a,.benefit_wrap dl dd b,.benefit_wrap dl dd span {color:#000; } .benefit_wrap dl dd ul.open {width:350px;margin-top:20px !important;margin-left:-112px;padding:0 24px 0 37px;border-radius:10px;box-sizing:border-box; } .benefit_wrap dl dd ul li {display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:normal; } .benefit_wrap dl dd ul li b {font-size:15px;line-height:20px;color:#847871;font-weight:400;letter-spacing:-0.4px; } .benefit_wrap dl dd ul li span {font-size:15px;line-height:20px;color:#847871;font-weight:400;letter-spacing: -0.4px; } /* 구매할인 */ #productDetail .buy-benefit {position:relative; } #productDetail .buy-benefit .tit-txt {font-size:12px;color:#000; } #productDetail .buy-benefit .view-wrap {position:relative; } #productDetail .buy-benefit .btn-view {display:inline-block;padding:2px 3px 2px 5px;font-size:12px;color:#000;font-family:"Malgun Gothic";background:url(/images/common/bg_layer_gray.gif) no-repeat;border:1px solid #e3e3e3; } #productDetail .buy-benefit .btn-view em {display:inline-block;font-size:10px;vertical-align:top; } #productDetail .buy-benefit .view-wrap {display:none;position:absolute;top:30px;left:50%;max-width:186px;margin-left:-208px;padding:15px;background:#fff;border:1px solid #000;z-index:1; } #productDetail .buy-benefit .view-wrap.active {display:block; } #productDetail .buy-benefit .view-wrap .layer-view {font-size:12px;line-height:20px;color:#000;font-weight:bold; } #productDetail .buy-benefit .view-wrap .layer-view .fc-red {color:#ff0000; } #productDetail .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px; } #productDetail .buy-benefit .view-wrap .layer-view ul li.layer-info {color:#585858;border-top:1px solid #ccc;padding-top:5px;margin-top:5px;font-weight:normal; } #productDetail .buy-benefit .view-wrap .btn-close {position:absolute;right:10px;top: 5px; } /* 구매할인 */ /* 스마트쿠폰목록 */ #productDetail .smart-coupon-list {padding: 4px 0 0 0;text-align: left;} #productDetail .smart-coupon-list ul {display:inline-block;*display:inline;zoom:1;overflow:hidden;min-width:300px;} #productDetail .smart-coupon-list ul li {position:relative;width:344px;margin: 0;border:1px solid #cecece;border-radius:10px;letter-spacing:-1px;overflow:hidden;text-align:left;} #productDetail .smart-coupon-list ul li .c-info {position:relative;float:left;width:245px;padding:20px;border-right:1px dashed #cecece; } #productDetail .smart-coupon-list ul li .c-image a {display:block; } #productDetail .smart-coupon-list ul li .c-image img {width:368px;height:128px; } #productDetail .smart-coupon-list ul li p {padding-bottom:10px;line-height:18px;font-size:12px;color:#999;word-break:break-all;font-family:"Malgun Gothic"; } #productDetail .smart-coupon-list ul li p:last-child {padding-bottom:0; } #productDetail .smart-coupon-list ul li p.c-name {font-size:14px;color:#000;font-weight:bold;word-break:break-all; } #productDetail .smart-coupon-list ul li p.c-price {font-size:26px;color:#ff3a34;font-weight:bold;line-height:24px; } #productDetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9; } #productDetail .smart-coupon-list ul li .sc-btn-down {position:absolute;top:0;right:0;bottom:0;width: 97px;margin:auto;vertical-align:middle;background:#f8f8f8;font-family:"Malgun Gothic";} #productDetail .smart-coupon-list ul li .sc-btn-down>span {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:22px;text-align:center;font-size:0; } #productDetail .smart-coupon-list ul li .sc-btn-down>span>span.sc-complete {font-size:12px;color:#999; } #productDetail .smart-coupon-list ul li .sc-btn-down>span a {font-size:0;display:inline-block;margin-top:-5px; } #productDetail .smart-coupon-list ul li .sc-btn-down span a>span {font-size:0;text-indent:-9999px;display:inline-block;width:22px;height:22px;background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style2 {border:1px solid #fff; } #productDetail .smart-coupon-list ul li.sc-style2 .c-info {background:#171940;border-color:#171940; } #productDetail .smart-coupon-list ul li.sc-style2 p {color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 p.c-txt {color:#999; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down {background:#ff3a34;border:0;color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down {background:#3b6ce9;color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a {color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a>span {background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3 {width:346px;border:0;border-radius:0; } #productDetail .smart-coupon-list ul li.sc-style3 .c-info {width:244px;border:1px solid #000;border-right:2px dotted #272a4d;border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 p.c-price {color:#eb3697; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down {background:#fff2f9;border:1px solid #272a4d;border-left:0;border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a {color:#999; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a>span {background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down {background:#eefff7; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a>span {background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } .benifit_wrapper {display:flex;justify-content:space-between;align-items: center; } /* BASIC css end */