/* BASIC css start */ #installment-benefit { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } #installment-benefit .box { display: table; width: 66%; height: 100%; margin: 0 auto; } #installment-benefit .box2 { display: table-cell; height: 100%; vertical-align: middle; position: relative; } #installment-benefit .box3 { display: inline-block; vertical-align: middle; border: 1px solid #000; position: relative; } #installment-benefit img { width: 100%; } #installment-benefit .btn_close { display: block; width: 15.5px; height: 14.5px; background: url(/design/soogee77/dnrweb/mobile/btn_close.png) no-repeat; background-size: 15.5px auto; text-indent: -50000px; position: absolute; top: 7.5px; right: 7.5px; z-index: 100005;} .btn_card { display: block; width: 80%; height: 37px; background: #fff url(/design/soogee77/dnrweb/mobile/btn_card.gif) no-repeat; background-position: calc(100% - 5px) 50%; background-size: 12.5px auto; border: 1px solid #dfdfdf; font-size: 9.5px; line-height: 37px; text-indent: 9px; color: #1d1d1d; } .detail_tabs { margin:30px 0 9px; border-bottom: 1px solid #ddd; } .detail_tabs > a { display: block; height: 40px; background: #f7f5f6 url(/design/soogee77/dnrweb/mobile/detail_tabs_arrow2.gif) no-repeat; background-position: calc(100% - 9px) 50%; background-size:20.5px auto; border-top: 1px solid #ddd; font-weight: 700; font-size: 11px; line-height: 40px; text-indent: 26px; color: #050505; } .detail_tabs_content { font-size: 11px; line-height: 40px; display: none; } .detail_tabs_content img { max-width: 100%; } /* #detail_tabs2, #detail_tabs3, #detail_tabs4 { display: none; }*/ .multi_enl img{width:100%;} /* 상세 네비 */ .page_location{margin-top:15px; padding-right:10px;} .page_location ol{float:right; color:#959595;} .page_location ol a{color:#959595;} /* 배송정보 */ .view_sine{width:93%; margin:0 auto; background:#efefef; margin-top:15px; color:#7c7c7c;} .delivery_ban{width:100%; border:1px solid #ffffff; box-sizing:border-box; margin:0 auto 10px;} .delivery_ban img{width:100%;} .delivery_ban2{width:100%; border:1px solid #ffffff; box-sizing:border-box; margin:0 auto 1px;} .delivery_ban2 img{width:100%;} /* 상품 상세 타이틀 */ .detail_tn {margin:50px auto 29px; text-align:center; padding-bottom:23px; border-bottom:1px solid #dcdbdb; width:93%;} .detail_tn h3{font-size:24px; color:#000000; background-color:#fff; padding:0px!important;} .detail_tn p{font-size:13px; color:#a0a0a0;} /* 관련상품 */ #related_product { position: relative; } #related_product .title { padding-top: 0; background: none; } #related_product .title:after { display: none; } #related_product .slick-slide { padding: 0 2.5px; } #related_product .slick-dots { clear: both; width: 100%; margin: 0; padding: 33px 0 68px; list-style: none; text-align: center; background: #fff; border-bottom: 1px solid #eaeaea; opacity: 1; } #related_product .slick-dots li { display: inline-block; margin: 0 7.5px; } #related_product .slick-dots li > a { display: block; width: 6.5px; height: 6.5px; background: #e2e2e2; border-radius: 50%; cursor: pointer; text-indent: -50000px; } .slick-active { opacity: 1; } #related_product .slick-dots li.slick-active > a { width: 16.5px; background: #8648d2; border-radius: 3.25px; } #related_product .slick-arrow { display: block; width: 30px; height: 30px; border: 1px solid #000; border-radius: 0; text-indent: -50000px; outline: 0; position: absolute; bottom: 58px; z-index: 101; } #related_product .slick-prev { background: url(/design/soogee77/dnrweb/mobile/slide_prev2.gif) no-repeat 50% 50%; background-size: 10px auto; left: 10px; } #related_product .slick-next { background: url(/design/soogee77/dnrweb/mobile/slide_next2.gif) no-repeat 50% 50%; background-size: 10px auto; right: 10px; } #related_product .list_shoppingInfo { } .relate_opbox > div{display:inline-block;} .btn_Red {background-color:#909090; border:1px solid #909090;} .form_prodbox{} .form_prodbox .from_inbox{background:#fff; margin:0 auto; border: 1px solid #ebebeb; border-width: 1px 0; box-sizing:border-box;} .shopdetail .shopdetailInfo.text { padding: 0 1.0667vmin; } .shopdetail .shopdetailInfo h2 { padding-top: 24px !important; font-size:20px; line-height:26px; text-align:left; padding-top:8px; color:#303030; padding-bottom:19px;} .shopdetail h3 {padding:10px 15px; margin-bottom:10px;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .shopdetail .shopdetailInfo .shopdetailInfoTop { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure { margin-bottom:5px; border-bottom:0; } .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:16px;} .shopdetail .shopdetailInfo .shopdetailInfoTop .sns { width:29px; position:absolute; right:9px; bottom:12px; z-index:101; } .shopdetail .shopdetailInfo .shopdetailInfoTop .sns a { display:block; width:29px; margin-top:5px; } .shopdetail .shopdetailInfo .shopdetailInfoTop .sns a img { max-width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; width:100%; margin:0 auto; background:#ffffff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color:#000; font-size:1.333em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p { display: table; width: 100%; padding-right:15px; } /* 위아래 간격 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p { margin: 20px 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child { margin-bottom: 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child { margin-bottom: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p .txt { display:inline-block; width: 95%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p .txt select { width: 100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:table-cell; text-indent:10px;font-weight:700;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:table-cell; text-align:left;} /* 할인율 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .discount-per { font-size: 1.333em; color: #ff7f1c; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;} .shopdetailInfoDelivery {padding:10px 15px;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {width:100%; margin:0 auto; background:#fcfcfc;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;} @-webkit-keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } @keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } .shopdetail .option_tk .shopdetailCoupon { display:none; } .shopdetail .option_tk .btn_option { position: absolute; top: -17px; left: 50%; margin-left:-33px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { overflow-x: hidden; background-color: #fff; border-top: 2px solid #313131;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk .shopdetailCoupon { display:block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn { width:100%; font-size: 0; line-height: 0; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; z-index: 101; text-align: center; padding:0; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: flex; flex-flow: row nowrap; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -17px; left: 50%; margin-left:-33px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 29vmin; height: 11.52vmin; box-sizing: border-box; background: #fff; border:1px solid #151515; font-weight: 700; font-size: 4vmin; color: #282828; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a:nth-of-type(2) { border-left: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a.blackcr { width: 42vmin; background:#292929; border:0; color:#fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a.blackcr span { display:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff; border-top: 1px dotted #444;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {display: table; width: 100%; padding-right:15px; background-color:#fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {display:table-cell; width:30%; text-indent:10px;font-weight:700;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {display:table-cell; width:70%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%; background:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .ea_box { display: block; width: 65px; height: 33px; border: 1px solid #ccc; position: relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty { text-align: center; width: 44px !important; height: 33px; vertical-align: top; border: 0; margin: 0; padding: 0; font-size: 11.5px; line-height: 33px; color: #000; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .ea_box .btn_up { display: block; width: 20px; height: 16px; border-left: 1px solid #ccc; position: absolute; top: 0; right: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .ea_box .btn_up img { width: 100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .ea_box .btn_down { display: block; width: 20px; height: 16px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; position: absolute; bottom: 0; right: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .ea_box .btn_down img { width: 100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #f6f6f6; padding:0 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px;font-weight:700;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative; border-bottom:1px solid #c7c7c7; padding: 12px 0;} .MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 50px;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; top:12px; right:0;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 20px;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:21px; right:0; font-size: 1.3em;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block;} .MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 1.3em;} .MK_optAddWrap .MK_total {font-size:18px; color:#000; margin-left:15px;} .MK_optAddWrap .MK_txt-won {font-size:17px;} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#000; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:30px 0px 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop{ display: flex; flex-flow: row nowrap; justify-content: space-between; /* margin-bottom: 7.7333vmin;*/ font-size: 0; line-height: 0; text-align:left; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area { margin: 0; padding: 1.6vmin; background: #f6f6f6; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area a, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a { display: flex; justify-content: center; align-items: center; width: 12.8vmin; height: 11.2vmin; box-sizing: border-box; margin: 0; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: 12.2667vmin auto; border:1px solid #a7a7a7; font-weight: 700; font-size: 4.2vmin; text-align: center; vertical-align:top; overflow:hidden; text-indent: -500000px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area a.share, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.share { background-image: url(/design/soogee77/dnrweb/mobile/icon_92x80_share.gif); } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area a.wish, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish { background-image: url(/design/soogee77/dnrweb/mobile/icon_92x80_wish.gif); } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area a.cart, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart { background-image: url(/design/soogee77/dnrweb/mobile/icon_92x80_cart.gif); } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn-area a.buy, .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy { width: 56.6667vmin; background-color:#292929; color:#fff; text-indent: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0; padding: 16.5px 0; border: 1px solid #ececee; text-align: left; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom strong { display: inline-block; width: 33%; height: 30px; background: url(/design/soogee77/dnrweb/mobile/detail_sns_title.gif) no-repeat; background-size: contain; vertical-align: middle; font-weight: 700; font-size: 10px; line-height: 30px; text-align: left; text-indent: 16%; color: #8648d2; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom a { display: inline-block; vertical-align: middle; width: 14.6%; text-align: center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 ; width:27px; height:auto;} .shopdetail .shopdetailCoupon { margin: 4vmin 0; } .shopdetail .shopdetailCoupon .shopdetailCouponGet {} .shopdetail .shopdetailCoupon .shopdetailCouponGet li { padding: 0 3.2vmin; text-align: left; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon { min-height: 7.8667vmin; padding-left: 16.5333vmin; background: url(/design/soogee77/dnrweb/mobile/coupon_114x59.png) no-repeat 0/15.2vmin auto; display: flex; flex-flow: column nowrap; justify-content: center; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt { display: none; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong { font-weight: normal; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dd { } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4, .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon p { font-size: 3.2222vmin; line-height: 3.8667vmin; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 { font-weight: 700; } .shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; width:93%; margin:0px auto;} .shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#fff; display:block; padding:10px 0; border: 1px solid #bbb; color: #4c4c4c;} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom { width: 121px; height: 46px; margin: 0 auto; padding: 15px 0 0 47px; margin-top:20px; background:url(/design/soogee77/dnrweb/mobile/detail_zoom.gif) no-repeat 0 50%; border: 1px solid #eaeaea; background-size: 47px auto; font-size: 7.5px; line-height: 15px; text-align: left; color: #a6a6a6; } .shopdetail .shopdetailItem .shopdetailImage{width:100%; margin:0 auto;} .shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;} .shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} .shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;} .shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;} .shopdetail .shopdetailRelationItem .listName input {float:right;} .shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;} /* 관련상품 */ .shopdetailRelation {margin-bottom:30px;} .shopdetailRelation h2 { margin:0; padding:16px 0; background:url(/design/soogee77/dnrweb/mobile/dotted_8x1_313131.gif) repeat-x 0 100%; font-size:13px; color:#000; text-align:center; } .shopdetailRelation .list_shoppingRelationItem1x { } .shopdetailRelation .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;} .shopdetailRelation .list_shoppingRelationItem1x li {width:100%; box-sizing:border-box; display:block; border:0; padding:7px 10px; background:url(/design/soogee77/dnrweb/mobile/dotted_8x1_313131.gif) repeat-x; } .shopdetailRelation .list_shoppingRelationItem1x li figure { padding:0;} .shopdetailRelation .list_shoppingRelationItem1x li figure > a { display: table-cell; width: 30vmin; } .shopdetailRelation .list_shoppingRelationItem1x li:first-child { background:none; } .shopdetailRelation .list_shoppingRelationItem1x li img.listPic { width:100%; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo { display:table-cell; width: 70vmin; padding:0 0 0 10px; position: relative;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName { border-bottom:0; padding: 0; margin-bottom: 3.2vmin; font-size: 2.9333vmin; color: #3b3b3b; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listPrice { margin-bottom: 3.2vmin; font-size: 2.8vmin; color: #3b3b3b; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listReserve { display:none; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select { width: 44vmin; margin: 0.6667vmin 0; background:#fff url(/design/soogee77/dnrweb/mobile/select_arrow_rel.gif) no-repeat 100% 50%; background-size:26px auto; border:1px solid #cdcdcd; font-size:13px; color:#3b3b3b; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select::-ms-expand { display:none; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .option-fld { display: flex; flex-flow: row nowrap; align-items: center; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .option-fld > span:first-child { min-width: 9.0667vmin; } .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox { width:18px; height:18px; position:absolute; top:0; right:0; background:#fff; border:1px solid #dbdbdb; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input, .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus, .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus { width:31px; height:27px; padding:0; box-sizing:border-box; background:#fff; border:1px solid #c3c3c3; vertical-align: middle; text-align:center; line-height:27px; color:#272727; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus { } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus { } .shopdetailRelation .list_shoppingRelationItem1x .btn_Black { display:block; width:calc(100% - 20px); margin: 0 auto; } .listPrice span{color:#8c53c4;} /* //관련상품 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button {bottom: 53px !important;} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ /* @media screen and (min-width:420px) and (max-width:767px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; background-color: #fff;} .shopdetail .shopdetailInfo h2 { padding-bottom:16px; } .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } @media screen and (min-width:768px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;} .shopdetail .shopdetailInfo h2 {padding-bottom:16px; } .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:36px;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } */ .shopdeta_face{ margin:0 auto 15px; text-align:left; position:relative; } .shopdeta_face h2 { font-weight: 700; font-size: 20px; color: #000; } .shopdeta_face .icon { padding-top:20px; } .section01 .swiper-wrapper {height:auto!important;} .section01 .swiper-slide {height:auto!important;} .section01 .swiper-slide img {width:100%;} .section01 .swiper-pagination { margin:0; padding:0; /*position: relative !important; bottom: auto !important; left: auto !important;*/ } .section01 .swiper-container-horizontal>.swiper-pagination {bottom:-14px;} .section01 .swiper-pagination-bullet {width:10px; height:10px;} .section01 .swiper-pagination-bullet {background:#dcdbdb; opacity: 1;} .section01 .swiper-pagination-bullet-active {background:#8c53c4; } /* 모델사이즈 및 소재 */ .model_size{text-align:center;} .model_size .tit{margin-top:77px; text-align:center;line-height:20px; color:#676767; } .model_size .tit div:nth-child(2){padding: 0px 20px; } .model_size .tit .sub_tit{width:165px; height:34px; line-height:34px; color:#919090; font-weight:bold; border:solid 1px #a8a8a8; margin:0px auto; margin-bottom:30px;} .model_size ul{margin-top:10px; } .model_size ul li{display:inline-block; margin-left:30px; margin:20px; font-size:1.0em; line-height:19px; } .model_size .model_img li{ width:100%; margin: 0; padding: 0;} .model_size .model_img li img{width:100%;} .model_size ul li img{float:left; margin-right:1px; } .model_size ul li .fab_tit{font-weight:bold; font-size:1.1em; } .model_size .fab{/*width:48%;*/ text-align:left; display:inline-block;} .model_size .fab li{width:86%;} .model_size .fab li:nth-chlid(5){marign:0px 20px;} .model_size .fab_left{/*margin-right:30px;*/} .model_size .fab_right{margin-top:0px;} .model_size .fot{width:100%; background:#f9f9f9; color:#575757; padding:30px 0px; text-aling:center; border:solid 1px #f0f0f0; line-height:20px; margin-top:50px; } .model_size .fot div{margin:0px 40px;} .detail_common img{width:100%;} select {font-size:16px;} .detail-banner-area .list { margin:0; padding:19px 7px; list-style:none; display:table; width:100%; box-sizing:border-box; } .detail-banner-area .list > li { display:table-cell; padding:0 7px; box-sizing:border-box; } .detail-banner-area .list > li img { max-width:100%; } .detail-banner-area .list.cols3 > li { width:calc(100% / 3); } .detail-banner-area center > a { display: block; margin-top: 10px; } .detail-banner-area center > a:nth-of-type(1) { margin-top: 0; } .custom-wish { display:block; width:20.5px; height:18px; background:url(/design/soogee77/dnrweb/mobile/icon_wish.png) no-repeat; background-size:auto 18px; position:absolute; top:24px; right:5px; } .custom-wish.active { background-color:#000; } .detail_tabs_main { width:100%; border:1px solid #ccc; border-width:1px 0; display:table; text-align:center; } .detail_tabs_main > li { display:table-cell; width:calc(100% / 3); } .detail_tabs_main > li a { display:block; font-weight:500 !important; font-size:11px !important; line-height:36px !important; color:#000 !important; position:relative; } .detail_tabs_main > li a:before { content:''; display:block; width:1px; height:13px; background:#ccc; position:absolute; top:50%; left:0; transform:translateY(-50%); } .detail_tabs_main > li:first-child a:before { display:none; } #custom-alert { content:'test'; width:80%; box-sizing:border-box; padding:17.5px 0 20px; background:#000; border:0; border-radius:8px; text-align:center; font-size:15px; color:#fff; position:fixed; left:50%; top:35%; transform:translate(-50%,-35%); z-index:9999; } #custom-alert dt { padding-bottom:12.5px; font-weight:700; } #custom-alert a { display:inline-block; padding:0 15px; background:#fff; font-size:12px; line-height:20px; color:#262626; } dialog { padding: 0; border: 0; border-radius: 1.3333vmin; } dialog:focus { outline: 0; } #shareButtons > div { padding: 3.4667vmin 3.4667vmin 8.1333vmin 3.4667vmin; background: #FFF; position: relative; text-align: center; } #shareButtons > div a { margin: 0 0.6667vmin; } #shareButtons > div img { width: 9.2vmin; } #shareButtons h1 { padding-bottom: 6.9333vmin; font-size: 3.7333vmin; font-weight: 600; color: #010101; } #shareButtons .close { display: block; width: 3.8667vmin; height: 3.8667vmin; background: url(/design/soogee77/dnrweb/mobile/icon_29x29_x.png) no-repeat 50%/3.8667vmin auto; position: absolute; top: 3.4667vmin; right: 3.4667vmin; text-indent: -5000px; } .buy-coordinated-products-together { box-sizing: border-box; margin: 0 0 0 -1.0667vmin; padding: 2.9333vmin 3.6vmin; width: calc(100% + 2.1334vmin); border-top: 1px dotted #444; } .buy-coordinated-products-together .wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0 2.9333vmin; height: 9.6vmin; background: #ededed; font-weight: 700; font-size: 3.4667vmin; color: #000; cursor: pointer; position: relative; } .buy-coordinated-products-together .wrap::before { content: '코디된 상품 함께 구매하기'; } .buy-coordinated-products-together .wrap::after { content: ''; position: absolute; top: 15px; right: 14px; width: 2vmin; height: 2vmin; border-top: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; transform: rotate(135deg); transition: 0.2s; } .buy-coordinated-products-together.on .wrap::after { top: 18px; transform: rotate(-45deg); } .buy-coordinated-products-together:not(.on)+.shopdetailRelation { display: none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy-coordinated-products-together + .shopdetailRelation + .shopdetailInfoMultiSelect { border: 0; } /* 하이브리드 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) { width:100%; border-bottom:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {background-color:#f6f6f6; } /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both; background-color:#f6f6f6; padding: 5px 15px; overflow:hidden; zoom:1; } .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 70%; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .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; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding-bottom: 3px; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } .btn-gift { margin: 3.0556vmin 0 0; display: flex; justify-content: center; align-items: center; border: 1px solid #000; text-align: center; height: 11.2963vmin; font-size: 3.7037vmin; } .btn-gift::before { content: ''; display: inline-block; vertical-align: middle; margin: 0 1.8519vmin 0 0; width: 4.0741vmin; height: 4.5370vmin; background: url(/design/soogee77/dnrweb/icon_gift_000.png) no-repeat 50%/4.0741vmin auto; } .btn-pay-wrap { margin: 3.0556vmin 0 0; display: flex; flex-flow: row nowrap; justify-content: center; } .btn-pay-wrap.nhn.kkp { justify-content: space-between; } .btn-pay.nhn, .btn-pay.kakaopay { width: calc(50% - 0.7407vmin); } .btn-pay.nhn .npay_type_MA_1 { width: auto !important; height: auto !important; } .btn-pay .npay_btn_list, .btn-pay.nhn .npay_btn_item { display: block !important; } .btn-pay .npay_btn_list li:last-child { position: absolute !important; top: -50000px !important; left: -50000px !important; } .btn-pay.nhn .npay_btn_zzim, .btn-pay.nhn .npay_event, .btn-pay.nhn .npay_text { display: none !important; } .btn-pay.nhn .npay_button, .btn-pay.nhn .npay_button_box { border: 0 !important; padding: 0 !important; } .btn-pay.nhn .npay_type_B_2, .btn-pay.nhn .npay_button_box, .btn-pay.nhn .npay_btn_item { width: auto !important; height: auto !important; } .btn-pay.nhn .npay_btn_link.npay_btn_pay { height: 11.2963vmin !important; border: 0.4630vmin solid #00de5a !important; background: #FFF url('/design/soogee77/dnrweb/pay_n.png') no-repeat 50%/auto 4.4444vmin !important; text-indent: -50000px; } .btn-pay.kakaopay a { display: block; height: 11.2963vmin !important; border: 0.4630vmin solid #fae200 !important; background: #FFF url('/design/soogee77/dnrweb/pay_k.png') no-repeat 50%/auto 4.4444vmin !important; } .btn-pay.kakaopay a > img { display: none !important; } /* BASIC css end */