/* BASIC css start */ .footer .instaWrap { display: block !important } .loc-navi { display: block; text-align: left; } #productDetail .loc-navi a { font-size: 14px; color: #a0a0a0; font-weight: 400; padding: 0; background:url(/design/maatila/2016img/icon_next.png) no-repeat; background-position: 100% 50%; padding-left: 19px; padding-right: 27px; line-height: 1; } #productDetail .loc-navi a:first-of-type { padding-left:0; } #productDetail .loc-navi a:last-of-type { padding-right:0; background:none; } #productDetail { width: 100%; min-width: 1200px; max-width: 1400px; /* overflow: hidden; */margin: 0 auto; } #productDetail .page-body { margin-top: 40px; clear:both; } #nhn_btn { margin-top:20px; display: inline-block; margin-right: 10px; width: calc((100% - 10px) / 2); } div#nhn_btn>div { width: 100%!important; } div#nhn_btn>div .npay_button_box { width: 100%!important; box-sizing: border-box; } div#nhn_btn>div .npay_button_box .npay_button { width: 100%!important; box-sizing: border-box; } .prdInfoAreaChild.on #kakaopay_order_btn { margin-top:20px; display:inline-block; display: none !important; } .ndata { padding: 50px 0; color: #adaeb1; font-weight: 400; background: #f9f9f9 } .basicButton i { font-size: 20px; vertical-align: text-bottom; margin-left: 3px; color: #b7a591; } #productDetail .thumb-info { *zoom: 1; /* padding-bottom:130px; */font-size: 0 } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } #productDetail .thumb-info .thumb-wrap { float:left; width:45.8%; margin-right: 4.8%; vertical-align: top; text-align: center; } #productDetail .thumb-info .thumb { position:relative; width:100%; *zoom:1 } #productDetail .thumb-info .thumb:after { display:block; clear:both; content:'' } #productDetail .thumb-info .thumb .originImgArea { } #productDetail .thumb-info .thumb .originImgArea img { width:100% } #productDetail .thumb-info .thumb .multiImgArea { float:left; width:100%; height:0; overflow:hidden } #productDetail .thumb-info .thumb .multiImgArea.on { height:auto } #productDetail .thumb-info .thumb .multiImgArea li img { width:100% } #productDetail .thumb-info .thumb .multiImgArea .bx-controls-direction { margin-top:-55px; position:absolute; top:50%; left:0; right:0; z-index:10 } #productDetail .thumb-info .thumb .multiImgArea .bx-controls-direction .bx-prev, #productDetail .thumb-info .thumb .multiImgArea .bx-controls-direction .bx-next { position:absolute; top:0; width:60px; height:110px; font-size:56px; color:#fff; text-align:center; line-height:115px } #productDetail .thumb-info .thumb .multiImgArea .bx-controls-direction .bx-prev { left:0 } #productDetail .thumb-info .thumb .multiImgArea .bx-controls-direction .bx-next { right:0 } #productDetail .thumb-info .thumb .multiImgArea .bx-pager { } #productDetail .thumb-info .thumb .multiImgArea .bx-pager .bx-pager-item { display:inline-block; margin:0 7px } #productDetail .thumb-info .thumb .multiImgArea .bx-pager .bx-pager-item .bx-pager-link { display:block; width:11px; height:11px; border-radius:20px; background:#fff } #productDetail .thumb-info .thumb .multiImgArea .bx-pager .bx-pager-item .bx-pager-link.active { background:#a9957f } #productDetail .thumb-info .thmbSlider { position:relative; } #productDetail .thumb-info .thmbSlider .swiper-button-prev { background-image: url("data:image/svg+xml; charset=utf-8,<%2Fsvg>")!important; } #productDetail .thumb-info .thmbSlider .swiper-button-next { background-image: url("data:image/svg+xml; charset=utf-8,<%2Fsvg>")!important; } #productDetail .thumb-info .thmbSlider .thmb-pagination { position:absolute; bottom:22px; left:0; right:0; text-align:center; z-index:10 } #productDetail .thumb-info .thmbSlider .swiper-pagination-bullet { margin: 0 7px !important; width: 11px !important; height: 11px !important; border-radius: 20px !important; background: #fff !important; opacity: 1 !important; cursor:pointer; } #productDetail .thumb-info .thmbSlider .swiper-pagination-bullet-active { background: #a9957f !important; } #productDetail .thumb-info .thumb img { width: 100% } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } .prdInfoArea { float:right; width:49.4%; } .prdInfoArea:after { content:""; display:block; clear:both } #productDetail .thumb-info .info { float:right; width:100%; position:relative; } #productDetail .thumb-info .info .info_top { padding-bottom:30px; border-bottom:1px solid #ececec; position:relative; } #productDetail .thumb-info .info .info_top .share_div { width:24px; cursor:pointer; position:absolute; right:0; bottom:40px; } #productDetail .thumb-info .info .tit-prd { position: relative; font-weight: 400; font-size: 22px; color: #2f2f2f; width: 100%; } #productDetail .thumb-info .info .MK-product-icons { position: absolute; right: 0; top:12px; } #productDetail .thumb-info .info .tit-sub { margin: 35px 0 0 10px; font-size: 13px; color: #999; word-break: keep-all; line-height: 1.8; float:left; } #productDetail .thumb-info .info .table-opt { /* margin-top: 15px; *//* padding: 10px 0 0; */ } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size: 13px; /* padding: 5px 0 0 5px; */ } #productDetail .thumb-info .info .table-opt th { line-height: 24px; font-weight: normal; } #productDetail .thumb-info .info .table-opt tr.line { border-top: 1px solid #ececec; } #productDetail .thumb-info .info .table-opt tr:first-of-type dl dt { width: 95px; } #productDetail .thumb-info .info .table-opt tr:first-of-type dl dt,#productDetail .thumb-info .info .table-opt tr:first-of-type dl dd { font-size: 14px; } #productDetail .thumb-info .info .prd_price_box { margin-top:30px; } #productDetail .thumb-info .info .prd_price_box>div { font-size: 0; margin-bottom: 9px; line-height:1; } #productDetail .thumb-info .info .prd_price_box>div>p, #productDetail .thumb-info .info .prd_price_box>div>span { display: inline-block; } #productDetail .thumb-info .info .prd_price_box>div>p { font-size: 15px; color: #888; font-weight: 500; width: 113px; } #productDetail .thumb-info .info .prd_price_box>div>span.consumer_tt { font-size: 16px; color: #79797a; /* font-weight: 300; */ } #productDetail .thumb-info .info .prd_price_box>div>span.consumer_tt font { font-size: 13px; } #productDetail .thumb-info .info .prd_price_box>div>span.price_tt { font-size: 24px; color: #2f2f2f; font-weight: 800; } #productDetail .thumb-info .info .prd_price_box>div>span.price_tt font { font-size: 18px; display: inline-block; margin-top: -2px; vertical-align: middle; } #productDetail .thumb-info .info .prd_price_box>div>span.percent_tt { font-size: 23px; color: #f45a20; font-weight: 700; margin-right: 9px; } #productDetail .thumb-info .info .prd_price_box>div>span.percent_tt font { font-size: 18px; } #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #181818; } #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .prd-btns { padding-top: 10px; } #productDetail .thumb-info .info .prd-btns .soldout { height:63px; font-size:14px; color:#333; font-weight:600; text-align:center; line-height:63px; border:1px solid #f1f1f1; background:#f1f1f1; margin-bottom:10px } .MS_amount_basic { height: 16px; border: 1px solid #dedede; padding: 5px; } #productDetail .thumb-info .info .table-opt .opt-spin { width:115px; height:30px } #productDetail .thumb-info .info .table-opt .opt-spin .btns { margin-left:-1px; float:left; width:25px; font-size:0 } #productDetail .thumb-info .info .table-opt .opt-spin .btn-dw { display:inline-block; width:23px; height:13px; font-size:13px; color:#636363; line-height:13px; text-align:center; border:1px solid #dedede; border-top:none } #productDetail .thumb-info .info .table-opt .opt-spin .btn-up { display:inline-block; width:23px; height:12px; font-size:13px; color:#636363; line-height:13px; text-align:center; border:1px solid #dedede } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { float:left; width:45px; height:26px; text-align:center; border:1px solid #e0dede; background:#f2f2f2 } #productDetail .thumb-info .info .table-opt .opt-wrap select option { color: #000000 !important; } #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 .wish-icons .prd-wish { display: inline-block; width: 65px; text-align: right; vertical-align: top; } #productDetail .thumb-info .info .wish-icons .prd-wish span { display: inline-block; height: 22px; line-height: 20px; padding: 0 4px 0 24px; border: 1px solid #b9b9b9; border-radius: 3px; font-family: 'malgun gothic'; font-size: 13px; color: #000; background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center; } #productDetail .thumb-info .info .prd-btns #MS_btn_wish .ico-wish { display: inline-block; width: 16px; height: 14px; margin-right:2px; background: url('/images/common/ico_wish_detail_off.png') no-repeat center center; vertical-align: middle; } #productDetail .thumb-info .info .prd-btns #MS_btn_wish.wish-on .ico-wish { background: url('/images/common/ico_wish_detail_on.png') no-repeat center center; } #productDetail .thumb-info .info .table-opt .opt-wrap { padding: 22px 0 12px 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .info_title { font-size: 18px; color: #2f2f2f; font-weight: 600; margin-bottom: 22px; line-height: 1; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 20px; padding-left: 0; color: #2f2f2f; font-weight: 600; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit strong { font-weight:600; font-size: 16px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; display: table; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { padding: 0; padding-left: 0; display: inline-block; width: 179px; min-height: 39px; line-height: 35px; font-size: 14px; color: #000; font-weight: 400; letter-spacing: -1px; line-height: 1.5; vertical-align: bottom; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { display: inline-block; vertical-align:middle; width: calc(100% - 179px); padding: 5.5px 0; } #productDetail .thumb-info .info .table-opt .opt-wrap dd input.basic_option { width: 100%; height: 34px; border: 1px solid #e2e2e2; padding: 0 8px; box-sizing: border-box; } #productDetail .thumb-info .info .table-opt .opt-wrap.first dd { font-weight: 400; color: #2f2f2f; padding: 8px 0; } #productDetail .thumb-info .info .table-opt .opt-wrap.first dt { font-weight: 400; color: #888; padding: 8px 0; line-height: 1; min-height: auto; } #productDetail .thumb-info .info .table-opt .opt-wrap.first dd .tb-left, #productDetail .thumb-info .info .table-opt .opt-wrap.first dt .tb-left { padding-left: 0 } #productDetail .thumb-info .info .table-opt .opt-wrap.first dd strike { } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { text-align:right; margin-top: 5px; padding-left: 120px; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 100%; height: 39px; border: 1px solid #d8d8d8; background: #fff url(/design/maatila/2016img/icon_view.png) calc(100% - 16px) 50% no-repeat !important; border-radius: 5px; padding-left: 23px; box-sizing: border-box; font-size: 16px; color: #000; line-height: 37px; letter-spacing: -1px; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 22px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 30px; height: 16px; padding: 5px; border: 1px solid #ddd; text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .btns1 { margin-left: 41px; float:left; width:25px; font-size:0 } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: relative; display:inline-block; width:23px; height:12px; font-size:13px; color:#636363; line-height:13px; text-align:center; border:1px solid #dedede } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: relative; display:inline-block; width:23px; height:12px; font-size:13px; color:#636363; line-height:13px; text-align:center; border:1px solid #dedede } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; height: 27px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:5px 10px; border:1px solid #ddd; font-size:11px; background:#f5f5f5; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; border-bottom:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box:last-child { border-bottom:none; } #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%; padding-left:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:20%; *width:19.9%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.last { width:54px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; 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:12px; height:12px; } #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:54px; height:54px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #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:54px; height:54px; line-height:56px; 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:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; 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:54px; height:54px; 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:5px; line-height:14px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:2px; line-height:15px; } #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 { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:18px; line-height:18px; padding:0 5px; border:1px solid #ddd; font-size:11px; text-align:right; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt { border-bottom: 1px solid #ececec; padding-bottom: 30px; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt dt { font-size: 14px; color: #000; font-weight:400; letter-spacing: -1px; line-height: 1.5; vertical-align: bottom; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt dd { width:calc(100% - 179px); padding: 5.5px 0; } #productDetail .tit-hd { margin-top: 70px; border-bottom: 1px solid #b8b8b8; padding-left: 4px; } #productDetail .tit-hd .tit-detail { height: 16px; padding-top: 8px; padding-left: 20px; background: url(/images/d3/modern_house/bg_tab.gif) no-repeat 0 0; } #productDetail .tit-hd .btns-part { position: relative; } #productDetail .tit-hd .btns { position: absolute; right: 0; top: -26px; text-align: center; } #productDetail .prd-detail table { table-layout: auto } #productDetail .prd-detail { margin-top: 55px; width: 100%; text-align:center; overflow: hidden; } #productDetail .prd-detail img { max-width: 100%; } .board-hd { font-size: 16px; font-weight: bold; padding: 50px 0 10px 0; } #productDetail .prd-list { padding-top: 10px; border-top: 1px solid #b4b4b5; } #productDetail .prd-list .thumb { width: 55px; height: 50px; } #productDetail .prd-list th { padding-bottom: 10px; border-bottom: 1px solid #aaa; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #aaa; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; } #productDetail .prd-list .prd-amount .txt-spin, #productDetail .prd-list .prd-amount .btns { float: left; } #productDetail .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .prd-list .prd-amount .btns { width: 17px; height: 15px; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .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 .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } #prdRelProduct .item-wrap .item-cont .item-list li { text-align: center; } .detailQuickMenu { position:fixed; bottom:80px; right:12%; visibility:visible; opacity:1; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; z-index:10 } .detailQuickMenu.viewOff { visibility:hidden; opacity:0 } .detailQuickMenu .prdDetailBuy { display:inline-block; width:153px; height:38px; color:#fff; text-align:center; line-height:38px; background:#b7a591; cursor: pointer } .detailQuickMenu .quickCnt { padding:20px; position:absolute; right:0; bottom: 0px; } .detailQuickMenu.on .quickCnt { display:block; } .detailQuickMenu.on .brandArea { display:none; } .detailQuickMenu .MK_optAddWrap .mkScrollArea { overflow:auto; max-height:150px; } .detailQuickMenu .popCloseBtn { position:absolute; bottom:0; left:-742px; padding:7px; font-size:36px; height:36px; line-height:36px; color:#333; background: #fff; border: 1px solid #ddd; display:none; } .prdInfoAreaChild { } .prdInfoAreaChild.on { position:fixed; left: 0; bottom: 74px; z-index: 95; width: 100%; max-height: 610px; padding: 25px 0; background-color:#fff; /* overflow: auto; */box-sizing: border-box; border-top: 1px solid #f0f0f0; } .prdInfoAreaChild.on .MK_optAddWrap .mkScrollArea { overflow:auto; max-height:150px; } .detailQuickMenu.on .popCloseBtn { display:block; } /* 상품 상세 이벤트 공통 정보 */ #productDetail .detail-common-info-event { width:100%; padding-top:20px; word-break: break-all; text-align: center; } #productDetail .detail-common-info-event img {max-width: 100%; } #productDetail .detail-common-info-event div {margin-top:50px; margin-bottom:-30px } .opt_box_wrap.active { position: fixed; background: #fff; bottom: 80px; right: 12%; border:1px solid #ddd; padding: 15px; box-sizing: border-box; z-index: 100; max-height: 600px; overflow-y: auto; } .prdInfoAreaChild.on .info_top, .prdInfoAreaChild.on #nhn_btn { display:none; } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt .opt-wrap.first { display:none; } .prdInfoAreaChild.on .MK_optAddWrap { position:absolute; right: 8.5%; top:0; width: calc(50% - 221px); padding-top: 40px; height: 584px; max-height: 584px; /* overflow-y: scroll; */ } #productDetail .prdInfoAreaChild.on .MK_optAddWrap #MK_innerOptWrap .MK_inner-opt-cm li { background: #f7f7f7; min-height: 118px; padding: 20px 40px; margin-bottom: 10px; } #productDetail .prdInfoAreaChild.on #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { padding:0; line-height: 1; width:60%; } #productDetail .prdInfoAreaChild.on .MK_optAddWrap #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { top: 25px!important; right: 20px!important; } #productDetail .prdInfoAreaChild.on div#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { left: 40px; top: auto!important; bottom: 25px!important; transform: translateY(0); } #productDetail .prdInfoAreaChild.on #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { bottom:40px; right: 40px; top: auto !important; bottom: 25px !important; transform: translateY(0); } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt table tbody tr:nth-of-type(2) { border:none; } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt { width: 38.5%; margin-bottom: 35px; } #productDetail .thumb-info .prdInfoAreaChild.on .info .prd-btns { display:none; } .pop_close { display:none; position: absolute; left: 50%; transform: translateX(-50%); top: -38px; cursor:pointer; width: 100px; height: 37px; background: #fff; border-radius: 5px 5px 0 0; border: 1px solid #f0f0f0; border-bottom: none; } .pop_close img { position:absolute; left: 50%; transform: translateX(-50%); bottom: 2px; } #productDetail .prdInfoAreaChild.on .pop_close { display:block; } #productDetail .thumb-info .prdInfoAreaChild.on .info { overflow-y:scroll; max-height: 585px; padding: 0 8.5%; box-sizing: border-box; } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt table tbody tr:nth-of-type(2) .opt-wrap { padding-top:0; } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt .opt-wrap dd { width: calc(100% - 179px); } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt .opt-wrap.add_opt dd { width:calc(100% - 179px); } #productDetail .thumb-info .prdInfoAreaChild.on .info #MK_innerOptTotal .MK_txt-total { margin-right:65px; } .prdInfoAreaChild.on #MK_innerOptTotal { padding-top: 24px; padding-right: 17px; } #productDetail .thumb-info .prdInfoAreaChild.on .info .table-opt .opt-wrap .tit { margin-bottom: 10px; } /* review-write */ #productDetail .review-write { margin-top: 5px; padding-top: 10px; border-top: 1px solid #ccc; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0 4px; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 26px; line-height: 26px; border: 1px solid #ccc; } #productDetail .table-slide { border-top: 1px solid #efefef; } #productDetail .table-slide thead th { font-weight: normal; background: #f9f9f9; font-size: 14px; color:#454545; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 15px 0; } #productDetail .table-slide th { font-size: 13px; } #productDetail .table-slide tbody td { border-top: 1px solid #efefef; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #efefef; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list { margin-top: 5px; } #productDetail .review-list .bg { padding-top: 35px; border-top: 1px solid #eee; } /* qna board */ #productDetail .qna-list { margin-top: 5px; } .detailPaging { border-bottom:0 } .detailPaging .paging { padding-top:0 } .listBtn { display: inline-block; margin-right: 5px; padding: 10px 20px 12.5px 20px; font-size: 12px; color: #474852; font-weight: 600; border: 1px solid #f1f1f1; background: #f1f1f1; } .writeBtn { display: inline-block; padding: 10px 20px 12.5px 20px; font-size: 12px; color: #fff; font-weight: 600; border: 1px solid #474852; background: #474852; } #productDetail .board-btns { margin-top: 10px; text-align: right; font-size: 0 } #productDetail .board-btns img { padding: 0 5px; } textarea.MS_review_content_box { height: 55px; width: 80%; vertical-align: top; } #MS_WritenBySEB img { text-align: center; } .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 14px; padding-top: 30px; } .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; } #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; } #MK_innerOptWrap #MK_innerOptScroll.line>h1 { margin-top: 24px; font-size: 17px; color: #000; font-weight: 500; float:left; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li { position: relative; font-size:13px; padding: 5px 0; line-height: 1; /* min-height: 37px; */min-height: 42px; box-sizing: border-box; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li:last-of-type { margin-bottom:25px } #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; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { overflow: hidden; width: 48%; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ font-size: 14px; color: #2f2f2f; font-weight: 400; float: left; line-height: 1.5; padding: 5px 0; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name strong { font-weight:400; color:#111; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { font-size: 14px; color: #2f2f2f; font-weight: 400!important; line-height:32px; float:left; right: 29px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); letter-spacing: -0.025em; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-size: 18px; font-weight: 600; margin-right: 1px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { top: 50%!important; right: 2px!important; width: 18px!important; height: 18px!important; text-indent: -9999em!important; background: url(/design/maatila/2016img/icon_X.png) 0 0 no-repeat!important; position:absolute!important; transform: translateY(-50%); background-size: 100% auto!important; } #productDetail div#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { position: absolute; height: 32px; box-sizing: border-box; width: 128px; right: 160px!important; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); border: 1px solid #d8d8d8; border-radius: 3px; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { width: 42px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center !important; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input { float: none!important; height: 30px!important; line-height: 30px!important; font-size: 13px; font-weight: 600; color: #2f2f2f; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background: none; border: none!important; /* border-right: 1px solid #e7e7e7!important; */ /* border-left: 1px solid #e7e7e7!important; */ box-sizing: border-box; background: #fff; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float: left; display: inline-block; width: calc((100% - 42px) / 2); height: 28px; line-height: 28px; background-size: 9px!important; background-position: center!important; text-indent: -9999em; margin: 0; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); box-sizing: border-box; -webkit-box-sizing: border-box; border: none; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background: #fff url(/design/maatila/2016img/plus_icon.png) 0 0 no-repeat; right: 0; } #productDetail #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background: #fff url(/design/maatila/2016img/minus_icon.png) 0 0 no-repeat; left: 0; } .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 190px; } #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 10px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:block; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { padding: 10px 0 30px 0; font-size: 12px; color: #66676f; text-align: right; } #MK_innerOptTotal .MK_txt-total { font-size: 14px; font-weight: 400; margin-right: 30px; color: #2f2f2f; display: inline-block; margin-top: -10px; vertical-align: middle; } #MK_innerOptTotal .MK_txt-won { font-size: 17px; font-weight: 400; } #MK_innerOptTotal .MK_total { color: #2f2f2f; font-size: 24px; font-weight: 700; } #sorivu { position: relative; margin-top: 20px; } #soriView * { line-height: 1.5 !important; } #productWrap { margin: 30px 0 0 0; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; font-size: 16px; font-weight: bold; } #productWrap table { width: 100%; font-size: 12px; border-top: 1px solid #e0e0e0; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; font-size: 13px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; font-size: 13px; line-height: 24px; } /* head Nav */ .detailHeader { border-bottom:1px solid #ccc; text-align:center; margin-bottom:45px; margin-top: 120px; position: relative; height: 65px; } .detailHeader .listWrap { font-size:0; margin:0 auto; width: 100%; position:relative; text-align: center; } .detailHeader .listWrap:after { content:""; display:block; clear:both; } .detailHeader .list { display:inline-block; width: 280px; margin-left:-1px; background-color:#fff; position:relative; z-index:0; height: 65px; } .detailHeader .list:after, .detailHeader .list:before { content:""; display:none; position:absolute; top:0; bottom:-3px; width:2px; background-color:#000; } .detailHeader .list:after { left:-1px; } .detailHeader .list:before { right:-1px; } .detailHeader .list .bg { background-color:#000; position:absolute; bottom:0; left:-2px; right:-2px; bottom:-2px; height:2px; } .detailHeader .list.on a { color: #2f2f2f; } .detailHeader .title { color: #888; font-size: 15px; display:block; border-bottom:0; height: 65px; line-height: 65px; font-weight: 600; } .CSSbuttonBlackB,.CSSbuttonB { width:208px; text-align: center; padding: 15px; height: 20px; line-height: 19px; } .snsArea { padding: 10px; height: 45px; } .snsArea .tb,.tw,.ws { float: left; padding-right: 10px; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; /* margin: 0 5px 5px 0; */border-radius: 50%; box-sizing: border-box; margin-right: 2px; margin-bottom: 6px; } .MK-oneclick-list li a { border: 1px solid #d8d8d8; display: block; /* border-radius: 1px; */box-sizing:border-box; /* border-radius: 50%; */ } .MK-oneclick-list li.MK-oneclick-color a, .MK-oneclick-list li.MK-oneclick-image a { border: 2px solid transparent; display: inline-block; border-radius: 1px; box-sizing:border-box; border-radius: 50%; overflow: hidden; box-sizing: border-box; } .MK-oneclick-list li.MK-oneclick-sel a { /* border: 2px solid #000000; */padding: 0px; } .MK-oneclick-list li.MK-oneclick-dis a { /*filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; */color: #979797; } .MK-oneclick-list li.MK-oneclick-dis a span { color: #979797; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { /* padding:1px; */filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%; } .MK-oneclick-list li.MK-oneclick-image a { width: auto; height: 57px; } .MK-oneclick-list li.MK-oneclick-image a img { width: auto; height: 53px; border-radius: 50%; border: 1px solid #d8d8d8; box-sizing: border-box; } .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height: 53px; width: auto; border: 2px solid #000000; } .MK-oneclick-list li.MK-oneclick-color { width: 53px; height: 53px; } .MK-oneclick-list li.MK-oneclick-color a { height: 53px; } .MK-oneclick-list li.MK-oneclick-color span { width: 53px; height: 53px; } .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 { height: 100%; width: 100%; border-radius: 5px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a { background: #191919; } .MK-oneclick-list l i.MK-oneclick-text span { min-width: 29px; 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 { padding: 5px 0; display: none; } .color_dl .MK-oneclick-value { display:block; font-size: 14px; font-weight: 400; color: #888; margin-bottom: 21px; padding-top: 11px; height: 24.5px; box-sizing: border-box; } .color_dl .MK-oneclick-value.color_sel { color: #000; font-weight: 700; } .MK-oneclick-only-text li.MK-oneclick-text { height: 39px; text-align: center; width: calc((100% - 10px) / 3); } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 37px; /* max-width: 320px; */overflow: hidden; height: 100%; font-size: 15px; color: #2f2f2f; font-weight: 600; } .MK-oneclick-only-text li.MK-oneclick-text.MK-oneclick-sel span { color:#fff; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a { border:1px solid #191919; } .size_dl .MK-oneclick-only-text li.MK-oneclick-text { width: calc((100% - 10px) / 3); margin-right: 5px; } .size_dl .MK-oneclick-only-text li.MK-oneclick-text:nth-of-type(3n) { margin-right:0; } .set_dl .MK-oneclick-only-text li.MK-oneclick-text { width: 100%; margin-bottom: 5px; text-align:left } .set_dl .MK-oneclick-only-text li.MK-oneclick-text a { padding: 0 25px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl.color_dl dt, #productDetail .thumb-info .info .table-opt .opt-wrap dl.set_dl dt { vertical-align: top; } #productDetail .thumb-info .info .table-opt .opt-wrap dl.set_dl dt { padding-top: 18px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl.color_dl dd { padding-top: 0; } .MK-oneclick-only-text li.MK-oneclick-text span em { float: right; color: #888; font-size: 14px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a em { color:#fff; } #productDetail .thumb-info .info .table-opt .opt-wrap dl.color_dl .MK-oneclick-list li:nth-of-type(8n) { margin-right:0; } .box-btn-size-chart { text-align: right; text-decoration: underline; } td.area-btn-size-chart a { color: #000000; font-size: 15px; font-weight: bold; } #sizeChart { width:693px; position: absolute; display: none; background: #fff; z-index: 999; } #sizeChart .btn-close-box { width: 100%; position: relative; } #sizeChart .btn-close-layer { position: absolute; display: block; width: 20px; top: 15px; right: 10px; color: #FFFFFF; font-size:20px; font-weight: bold; color: #000000; } .size-chart-box { width: 100%; border: 1px solid #ddd; box-shadow: 2px 2px 5px -2px rgba(120,120,120,1); } .size-chart-box h4 { width: 100%; margin:0; padding:50px 0px 30px 0px; color: #333; text-align: center; font-size: 16px; font-weight: bold; text-decoration: underline; } .size-chart-cont { background: #FFFFFF; text-align: center; padding: 5px; } .size-chart-cont table { width: 92%; margin:0 25px; padding:0; border-collapse: collapse; } .size-chart-cont table th, .size-chart-cont table td { padding: 10px; text-align: center; border-bottom: 1px solid #D9DBDA; } .size-chart-cont table th { } .size-chart-cont table tr:last-child { border-bottom: 1px solid #D9DBDA; } .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: 50px; /*height: 240px; */ } .size-chart-cont p { margin-top: 10px; text-align: left; padding:0 0 35px 25px; } .memberTable { border : 1px solid #ccc } .memberTable .tit { padding: 17px 0; background: #ccc; font-size: 23px; color: #fff; font-weight: 500 } .memberTable .contents { border-bottom: 1px solid #ccc } .memberTable .contents td { position: relative; } .memberTable .contents td::after { content:''; display: block; position: absolute; right:0; top: 72px; width: 1px; height: 90px; background: #ccc } .memberTable .contents td:nth-last-child(1)::after { display: none } .memberTable .contents span { display: block; } .memberTable .contents .subTit { display: inline-block; margin: 60px 0 15px 0; padding: 6px 25px; background: #ccc; border-radius: 30px; font-size: 13px; color: #fff; } .memberTable .contents .subDetail { font-size: 14px; color: #000 } .memberTable .contents .subNum { margin: 10px 0 80px 0; font-size: 20px; font-weight: 900; color: #000 } .memberWrap { position: relative; border: 1px solid #ccc; } .memberWrap .tit { text-align: center; padding: 17px 0; background: #ccc; font-size: 23px; color: #fff; font-weight: 500 } .memberWrap img { margin: 60px 0; width: 100% } .memberWrap a { position: absolute; top:62px; height: 242px; display: block; font-size: 0 } .memberWrap a.mypage { width: 868px; } .memberWrap a.event { width: 265px; left: 868px; } #basketpage > table { border: 1px solid #ddd !important } #basketpage > table table tr:nth-child(1) { display: none } #basketpage > table table tr:nth-child(2) td { padding: 0 20px 30px 15px !important } #basketpage #contents { border: 0 !important; margin: 0 !important; padding: 40px 0 25px 0!important; margin-bottom: 10px; font-size: 15px; line-height: 20px; } #basketpage #contents span { font-weight: 600 } #basketpage #contents strong { font-weight: 600 } #basketpage #popupclose { top: 15px !important; right: 15px !important; background: url(/design/maatila/phps/common/mn_close.png) no-repeat center !important; background-size: contain !important; width: 20px !important; height: 20px !important; position: absolute; cursor: pointer; } #basketpage #popupclose a { display: block; width: 100%; height: 100% } #basketpage #popupclose img { display: none } #basketpage #bottombutton input:nth-child(1) { border: 1px solid #b7a591; box-sizing: border-box; } #basketpage #bottombutton input:nth-child(2) { border: 1px solid #ddd; box-sizing: border-box; } /* .opt_sc_btn { display: none; position: fixed; right: calc(50% - 656px); bottom: 30px; z-index: 9999; cursor: pointer; width: 205px; height: 38px; } .opt_sc_btn.fix { display: block; } .opt_sc_btn #opt_view { float: left; width: 153px; height: 38px; line-height: 38px; text-align: center; background: #414141; color: #fff; font-size: 11px; } */ @media all and (min-width:750px) and (max-width:1280px){ #productDetail .thumb-info .info { float: right; width: 654px; } } #productDetail .smart-coupon-list { padding:20px 0; text-align:center; } #productDetail .smart-coupon-list ul { display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px; } #productDetail .smart-coupon-list ul li { position:relative; float:left; width:344px; margin:0 0 30px 30px; 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:58px; 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; } .toastPopup { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,.7); padding: 40px 0; width: 200px; text-align: center; display: none; z-index: 101; } .toastPopup p { font-size:17px; color:#fffefe; line-height:1.3; margin-top: 17px; } .toastPopup_wish { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,.7); padding: 40px 0; width: 200px; text-align: center; display: none; z-index: 101; } .toastPopup_wish p { font-size:17px; color:#fffefe; line-height:1.3; margin-top: 17px; } input#shareLink { position: absolute; left: 0; bottom: 0; height: 0; opacity: 0; } .add_inner { display:none; } .add_inner.open { display:block; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt .tit { position: relative; cursor:pointer; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt .tit img { position: absolute; right:14px; top: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap.add_opt .tit.rotate img { transform:rotate(180deg); } .membership_info { display:none; margin-top:18px; } .membership_info.open { display:block; } .membership_info>p { } .membership_info>p>a { font-size:14px; color:#2f2f2f; line-height:2; display:block; letter-spacing: -0.025em; } .membership_info .card_btn { font-size: 0; margin-top:10px } .membership_info .card_btn p, .membership_info .card_btn a { display:inline-block; vertical-align:middle; } .membership_info .card_btn p { margin-right:20px; font-size:14px; color:#888; font-weight:400; } .membership_info .card_btn a { font-size:14px; color:#2f2f2f; padding-right:26px; background:url(/design/maatila/2016img/icon_more.png); background-repeat:no-repeat; background-position:100% 50%; } .membership_div { margin-top: 32px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 34px 20px; text-align: left; } .membership_div>h1 { position: relative; cursor:pointer; font-size:20px; color:#2f2f2f; font-weight:400; } .membership_div>h1 img { position: absolute; right:14px; top: 5px; } .membership_div>h1.rotate img { transform:rotate(180deg); } .card_pop_back { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 105; display:none; } .card_pop_back .card_pop { background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing: border-box; width: 560px; max-height: 760px; padding: 40px 0 0; border: 1px solid #2f2f2f; overflow: hidden; } .card_pop_back .card_pop>h1 { font-size: 22px; color: #2f2f2f; font-weight: 600; position:relative; line-height: 1; background: #fff; padding: 0 45px; margin-bottom: 42px; } .card_close { position:absolute; top: 19px; right: 24px; width: 24px; height: 24px; cursor: pointer; z-index: 10; } .cart_cont { height: 650px; overflow-y: scroll; } .cart_cont::-webkit-scrollbar { width: 4px; } .cart_cont::-webkit-scrollbar-thumb { background-color: #666; border-radius:50px; } .cart_cont::-webkit-scrollbar-track { background-color: #fff; } .card_pop_inner { /* height: 650px; *//* overflow-y: scroll; */padding: 0 24px; padding-bottom: 70px; box-sizing: border-box; width: calc(100% - 1px); } .card_pop_inner::-webkit-scrollbar { width: 4px; } .card_pop_inner::-webkit-scrollbar-thumb { background-color: #666; border-radius:50px; } .card_pop_inner::-webkit-scrollbar-track { background-color: #fff; } .card_pop_back .card_pop h1.info_card { font-size: 18px; color: #2f2f2f; font-weight: 600; position: relative; line-height: 1; margin-bottom: 15px; padding: 0 20px; } .card_pop_inner table { border-top: 1px solid #898989; } .card_pop_inner table td { font-size: 18px; color: #888; font-weight: 400; border-bottom: 1px solid #d8d8d8; /* height: 75px; */box-sizing: border-box; letter-spacing: -1px; padding: 30px 0; } .card_pop_inner table td:first-of-type { font-size: 18px; font-weight: 600; text-align:center; background: #f7f7f7; color: #2f2f2f; } .card_pop_inner table td:last-of-type { padding: 30px 40px; line-height: 1.5; } .card_pop_inner table tr:last-of-type td { border-bottom:1px solid #898989 } .card_pop_inner table td em:first-of-type { position: relative; margin-right: 8px; padding-right: 8px; } .card_pop_inner table td em:first-of-type:after { content: ''; background: #bbb; width: 1px; height: 13px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .add_info_card { margin-top: 30px; color: #2f2f2f; font-size: 15px; font-weight: 400; line-height: 1.7; padding-left:16px; text-align: left; } .basicButton.btn_mobon_gift img { vertical-align: middle; margin-top: -8px; margin-right: 12px; } .bottom_btn_box { border-top: 1px solid #ececec; position: fixed; bottom: 0; left: 0; height: 76px; z-index: 100; width: 100%; background: #fff; padding: 0 200px; box-sizing: border-box; overflow: hidden; display:none; } .bottom_btn_box.open { display:block; } .bottom_btn_box>div { overflow:hidden; } .bottom_btn_box>div.second_btn { display:none; } .bottom_btn_box .left_btn { float:left; } .bottom_btn_box .left_btn li { float:left; line-height:76px; } .bottom_btn_box .left_btn li a { display:block; line-height:76px; margin-right:27px } .bottom_btn_box .left_btn li a img { vertical-align:middle; } .bottom_btn_box .right_btn { float:right; } .bottom_btn_box .right_btn .price_area, .bottom_btn_box .right_btn ul { float:left; } .bottom_btn_box .right_btn .price_area { line-height:76px; height:76px; vertical-align: middle; font-size: 14px; color: #2f2f2f; padding-left: 45px; padding-right: 30px; position: relative; } .bottom_btn_box .right_btn .price_area:after { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#b4b4b4; width:1px; height:33px; } .bottom_btn_box .right_btn .price_area p, .bottom_btn_box .right_btn .price_area h1 { float:left; } .bottom_btn_box .right_btn .price_area h1 { line-height:76px; margin-left: 120px; font-size: 24px; font-weight:700; color:#2f2f2f; } .bottom_btn_box .right_btn .price_area h1 font { font-size:17px; } .bottom_btn_box .right_btn ul { float:left; overflow:hidden; padding: 16px 0; } .bottom_btn_box .right_btn ul li { float:left; margin-left:7px; height:46px; line-height:46px; text-align:center; } .bottom_btn_box .right_btn ul li a { display:block; line-height:44px; font-size:20px; color:#2f2f2f; } .bottom_btn_box .right_btn ul li a img { vertical-align: top; } .bottom_btn_box .right_btn ul li.cart_bt { width:140px; border:1px solid #2f2f2f; box-sizing:border-box; } .bottom_btn_box .right_btn ul li.buy_bt { width:160px; background:#2f2f2f; border:1px solid #2f2f2f; box-sizing:border-box; } .bottom_btn_box .right_btn ul li.buy_bt a { color:#fff; } .bottom_btn_box .right_btn ul li.buy_bt a { color:#fff; } .view_tab.fx { display: inline-block!important; width: 100vw; margin-left: calc(-50vw + 50%); } #productDetail .detailTab { margin-top: 150px; position:relative; background:#fff; width:1200px; z-index:9; } #productDetail .detailTab.fix { position:fixed; top:0; /* border-top:none; */left: 0; width: 100%; border-top:none; } #productDetail .detailTab #rightIcon { display:none; } #productDetail .detailTab.fix #rightIcon { display:block; } #productDetail .detailTab { width: 100%; margin:0 auto; /* display: flex; */text-align: center; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; /*box-shadow: 0 6px 12px -3px rgba(0,0,0,.05);*/ } #productDetail .detailTab div { /* float:left; */width: 140px; border-left: none; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; cursor:pointer; } #productDetail .detailTab ul li.first { } #productDetail .detailTab div:last-of-type { margin-right:0; } #productDetail .detailTab div { display: inline-block; font-size: 15px; color: #888; text-align:center; letter-spacing:-0.035em; font-weight: 600; line-height: 1; position: relative; width: 372px; height: 65px; line-height: 65px; } #productDetail .detailTab div.active { color: #2f2f2f; font-weight: 600; } .tab_title { width:100px; height:50px; visibility:hidden; } #productDetail .detailTab div:last-of-type { margin-right:0; } #productDetail .detailTab div { display: inline-block; font-size: 15px; color: #888; text-align:center; letter-spacing:-0.035em; font-weight: 600; line-height: 1; position: relative; width: auto; height: 65px; line-height: 65px; width: 332px; } #productDetail .detailTab div.active { color: #2f2f2f; font-weight: 600; } .tab_title { width:100px; height:50px; visibility:hidden; } div#tab_loc1 { margin-top: 75px; } #MS_btn_wish { display: inline-block; background: url('/design/maatila/2016img/detail_wish.png') no-repeat; width: 23px; height: 21px; vertical-align: middle; background-size: contain; } #MS_btn_wish.wish-on { display: inline-block; background: url(/design/maatila/2016img/detail_wish_yes.png) no-repeat; background-size: contain; } div#mask2 { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0); z-index: 1; } #kakaopay_order_btn { display:inline-block !important; } .set_dl .MK-oneclick-text span em { display:none; } .detailTab #rightIcon { top: 12px; right: 71px; } .detailTab #drop_mypage { display: block !important; position: absolute !important; } /* .MK-oneclick-list li.MK-oneclick-dis a { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; text-decoration: line-through; cursor: default; background-color: rgb(61 61 61 / 80%); } */ /* 탭 */ .tab_btn {padding: 15px 0; background-color: #fff; box-shadow: 0 6px 12px -3px rgba(0, 0, 0, .05);} .tab_btn.fix {position:fixed; top:65px; width:100%;} .tab_btn ul {display: flex; align-items: center; justify-content: center; gap:15px;} .tab_btn ul li {} .tab_btn ul li a {display:block; font-size: 15px; background-color: #fff; color: #2f2f2f; letter-spacing: -0.03em; padding: 10px 20px; border-radius: 50px; border: 1px solid #eeeeee;} .tab_btn ul li.active a {background:#000; color:#fff; border-color:#000;} /* fixline */ .fixLine {display:block; width:100%; height:1px;} /* BASIC css end */