/* BASIC css start */ .shopdetail .shopdetailCoupon .shopdetailCouponGet li {width:50%; float:left; text-align:center; } .shopdetail .shopdetailInfo {background-color:#f5f5f5; border-top:1px solid #c7c7c7;} .shopdetail .shopdetailInfo h2 {font-size:1.333em; font-weight:bold; text-align:center; padding-top:16px;} .shopdetail h3 {font-weight:bold; padding:10px 15px; margin-bottom:10px; background-color:#E6D9D9;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {padding:16px 15px; border-bottom:1px solid #c7c7c7;} .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; border-bottom:1px solid #c7c7c7; padding:18px 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color:#f1191f; font-size:1.333em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom:8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;} .shopdetailInfoDelivery {padding:10px 15px;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {} .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 .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {height:150px; overflow-y:auto; background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#f6f6f6; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -16px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #f6f6f6; text-align: center; padding: 10px 15px; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #f1191f; display: inline-block; padding:6px 0; margin: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color:#f1191f; color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {background-color:#f6f6f6; padding: 5px 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 28%; padding-right: 5px; display:inline-block; padding-top: 3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #f6f6f6; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px;} .shopdetail .shopdetailBoard {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px;} .shopdetail .shopdetailBoard a {width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative; 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; padding:0 15px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px; padding:0 15px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 79px; } .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; margin-right:5px;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:21px; right:0; font-size: 1.3em; margin-right:5px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 29px; height: 29px; text-align: center; vertical-align: middle; line-height: 29px; color: #fff; display: inline-block;} .MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 17px;} .MK_optAddWrap .MK_total {font-size:18px; color:#f1191f; margin-left:5px;} .MK_optAddWrap .MK_txt-won {font-size:17px;} .MK_optAddWrap_div { height:10px;padding:0;background:#f6f6f6;border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; } .MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; } #MK_innerOptTotal { padding:12px 10px; text-align:right; } /* //착불 아이콘 */ .shopdetail .shopdetailInfo .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:15px; border-top:1px solid #4a4a4a;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:15px 14px; display: inline-block; margin:0 2px; font-weight:bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {background-color:#FFF; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background-color:#393939; border:1px solid #393939;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background-color:#f1191f; border:1px solid #f1191f; padding:15px 32px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailCoupon {margin-top:15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;} .shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;} .shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;} .shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} .shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:24px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 15px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;} .shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;} .shopdetail .shopdetailRelationItem .listName input {float:right;} .shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;} /* 관련상품 */ .shopdetailRelation {margin-bottom:30px;} .shopdetailRelation .list_shoppingRelationItem1x {padding: 0 7px;} .shopdetailRelation .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;} .shopdetailRelation .list_shoppingRelationItem1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0;} .shopdetailRelation .list_shoppingRelationItem1x li figure {padding:0 7px;} .shopdetailRelation .list_shoppingRelationItem1x li:first-child {border:0px none;} .shopdetailRelation .list_shoppingRelationItem1x li img.listPic {width:40%; float:left;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {width:57%; float:left; padding-left:3%; position: relative;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%;} .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {position:absolute; top:0; right:0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {text-align:right;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .btn_Black {width:290px; margin: 0 auto;} #prdInfo .swiper-container {overflow: hidden;position: relative;} #prdInfo .swiper-container .swiper-wrapper {display: flex;table-layout: unset;padding:0;} #prdInfo .swiper-slide-invisible-blank {display: none;} #prdInfo .swiper-container .swiper-pagination {position: relative;margin-top: 30px;margin-bottom: 45px;} #prdInfo .swiper-container .swiper-pagination span.swiper-pagination-bullet {background-color: #c8c8c8;width: 12px;height: 12px;opacity: 1;margin: 0 6px;} #prdInfo .swiper-container .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #000000;} .price_rate { position: absolute; top: 0; right: 7px; display: inline-block; width: 48px; height: 48px; line-height: 48px; background: #f0474a; color: #fff; font-size: 20px; } /* //관련상품 */ /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;} /* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */ /* OKDGG 버튼 */ .shopdetail .okdgg-checkout {margin-top: 15px;} .shopdetail .okdgg-checkout img {max-width: 90%; height: auto;} /* //OKDGG 버튼 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button {bottom: 53px !important;} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ /* 임시품절 재입고 SMS 받기 */ .shopdetail .soldout_anchor { display:block !important; } .shopdetail .MK_btn-sms { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #636363; background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #636363, #5e5e5e); background-image: -moz-linear-gradient(top, #636363, #5e5e5e); background-image: -o-linear-gradient(top, #636363, #5e5e5e); background-image: linear-gradient(to bottom, #636363, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; } /* 임시품절 재입고 SMS 받기 끝 */ @media screen and (min-width:420px) and (max-width:767px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .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 {padding:10px 8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {padding:10px 8px;} .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 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .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;} } #nhn_btn {padding-top:10px; display: inline-block;} #payco_order_btn {padding-top:10px;} #kakaopay_order_btn {padding-top:10px; } /* 하이브리드 */ .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; } #retaku_302f1659b9dfe431 .swiper-container { margin: 0 auto; position: relative; /* Prevent other swiper css overriding to AIMD*/ display: block !important; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } #retaku_302f1659b9dfe431 .swiper-container-no-flexbox .swiper-slide { float: left; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #retaku_302f1659b9dfe431 .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } #retaku_302f1659b9dfe431 .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } #retaku_302f1659b9dfe431 .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #retaku_302f1659b9dfe431 .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } #retaku_302f1659b9dfe431 .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } #retaku_302f1659b9dfe431 .swiper-slide-invisible-blank { visibility: hidden; } #retaku_302f1659b9dfe431 /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } #retaku_302f1659b9dfe431 .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } #retaku_302f1659b9dfe431 /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #retaku_302f1659b9dfe431 .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #retaku_302f1659b9dfe431 /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } #retaku_302f1659b9dfe431 .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } #retaku_302f1659b9dfe431 .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } #retaku_302f1659b9dfe431 .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } #retaku_302f1659b9dfe431 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } #retaku_302f1659b9dfe431 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } #retaku_302f1659b9dfe431 .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } #retaku_302f1659b9dfe431 .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } #retaku_302f1659b9dfe431 .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } #retaku_302f1659b9dfe431 .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } #retaku_302f1659b9dfe431 .swiper-button-lock { display: none; } #retaku_302f1659b9dfe431 .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } #retaku_302f1659b9dfe431 .swiper-pagination.swiper-pagination-hidden { opacity: 0; } #retaku_302f1659b9dfe431 /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } #retaku_302f1659b9dfe431 /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } #retaku_302f1659b9dfe431 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } #retaku_302f1659b9dfe431 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } #retaku_302f1659b9dfe431 button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #retaku_302f1659b9dfe431 .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } #retaku_302f1659b9dfe431 .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } #retaku_302f1659b9dfe431 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } #retaku_302f1659b9dfe431 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } #retaku_302f1659b9dfe431 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } #retaku_302f1659b9dfe431 .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } #retaku_302f1659b9dfe431 /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } #retaku_302f1659b9dfe431 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } #retaku_302f1659b9dfe431 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } #retaku_302f1659b9dfe431 .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } #retaku_302f1659b9dfe431 .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } #retaku_302f1659b9dfe431 .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } #retaku_302f1659b9dfe431 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } #retaku_302f1659b9dfe431 .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } #retaku_302f1659b9dfe431 .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } #retaku_302f1659b9dfe431 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } #retaku_302f1659b9dfe431 .swiper-pagination-lock { display: none; } #retaku_302f1659b9dfe431 /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } #retaku_302f1659b9dfe431 .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } #retaku_302f1659b9dfe431 .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } #retaku_302f1659b9dfe431 .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } #retaku_302f1659b9dfe431 .swiper-scrollbar-cursor-drag { cursor: move; } #retaku_302f1659b9dfe431 .swiper-scrollbar-lock { display: none; } #retaku_302f1659b9dfe431 .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } #retaku_302f1659b9dfe431 .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } #retaku_302f1659b9dfe431 .swiper-slide-zoomed { cursor: move; } #retaku_302f1659b9dfe431 /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } #retaku_302f1659b9dfe431 .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } #retaku_302f1659b9dfe431 .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } #retaku_302f1659b9dfe431 @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #retaku_302f1659b9dfe431 } #retaku_302f1659b9dfe431 @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #retaku_302f1659b9dfe431 } #retaku_302f1659b9dfe431 /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } #retaku_302f1659b9dfe431 .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #retaku_302f1659b9dfe431 .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } #retaku_302f1659b9dfe431 .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } #retaku_302f1659b9dfe431 .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } #retaku_302f1659b9dfe431 .swiper-container-cube { overflow: visible; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } #retaku_302f1659b9dfe431 .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #retaku_302f1659b9dfe431 .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } #retaku_302f1659b9dfe431 .swiper-container-flip { overflow: visible; } #retaku_302f1659b9dfe431 .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } #retaku_302f1659b9dfe431 .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } #retaku_302f1659b9dfe431 .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } #retaku_302f1659b9dfe431 .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #retaku_302f1659b9dfe431 .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } #retaku_302f1659b9dfe431 /*css for retaku_{hash_id} #retaku_302f1659b9dfe431 */ { font-family: none; } #retaku_302f1659b9dfe431 .retaku_title { font-family:'Source Sans Pro',sans-serif; display: block; text-align: center; font-weight: bold; letter-spacing: 5px; font-size: 16px; line-height: 1.5; color: #333; padding: 30px 0 30px; } #retaku_302f1659b9dfe431 .retaku_title span { } #retaku_302f1659b9dfe431 .retaku_prd_name { height:30px; margin-bottom: 3px; } #retaku_302f1659b9dfe431 .retaku_prd_price {margin-bottom: 5px; } #retaku_302f1659b9dfe431 .retaku_description { } #retaku_302f1659b9dfe431 .retaku_icon { margin-top: 5px; } #retaku_302f1659b9dfe431 .retaku-slide .retaku_content{ } #retaku_302f1659b9dfe431 .retaku_prd_info{ position: relative; min-height: 10px; margin: 14px 7px; text-align: center; font-size:13px !important; } #retaku_302f1659b9dfe431 .retaku_img img{ width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; } #retaku_302f1659b9dfe431 .retaku_blank_above { width:100%; height:0px; display:block; clear:both; } #retaku_302f1659b9dfe431 .retaku_blank_below { width:100%; height:0px; display:block; clear:both; } /* 추가 */ .shopdetailInfoSelect > p { display: table; table-layout: auto; width: 100%; } .shopdetailInfoSelect p span{display:table-cell;} .shopdetailInfoSelect p span.shopdetailInfoName{ width: 100px; padding: 10px 10px 25px; margin-bottom: 18px; } .shopdetailInfoSelect p span.txt select{width:95%;} .xans-product-detail { font-size:13px } .xans-product-detail .strike { text-decoration:line-through; } .xans-product-detail .byte { font-size:11px; vertical-align:middle; } .xans-product-detail .byte strong { color:#1b87d4; } #titleArea span.xans-layout-mobileaction { top:20px !important; left:-3px; } .xans-product-detail .toggle { margin:0 !important; } .xans-product-detail .toggle>.title h2 span { font-size:11px; color:#555; } .path { position:relative; overflow:hidden; height:30px; line-height:13px !important; padding:5px 0; *zoom:1; } .path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; } .path ul { float:left !important; } .path ol { float:right; } .path li { float:left; padding:0 0 0 12px; margin:10px 0 0 8px; color:#757575; background:url("/design/goldn/img/ico_path.gif") no-repeat 0 2px; } .path li:first-child { background:none; } .path li a { color:#757575; font-size:12px; } .path li strong,.path li strong a { color:#2e2e2e; } .path .recent { position:absolute; top:5px; right:5px; } #titleArea { position: relative; border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; } #titleArea h2 { font-size:16px !important; } #titleArea img { vertical-align:top; } .xans-product-detail h1.name { margin:5px 0 0 5px; font-size:16px; line-height:25px; text-align:center; } .xans-product-detail h1.name img { max-height:18.5px; display:inline-block; vertical-align:middle; margin:0 2px; } .xans-product-detail h1.name img+img+img+img+img,.xans-product-detail h1.name img+img+img+img+img+img,.xans-product-detail h1.name img+img+img+img+img+img+img { display:none } .xans-product-detail p.prdIcon { margin:0 14px; } .xans-product-detail p.prdIcon img { margin:7px 0; } .xans-product-detail .overview { padding:7px; font-size:12px; } .xans-product-detail .overview .prdImgView { position:relative; min-height:100px; text-align:center; } .xans-product-detail .overview .prdImgView .paginate { background:transparent; } .xans-product-detail .overview .prdImg { font-size:0; line-height:0; } .xans-product-detail .overview .prdImg img { width:100%; border:0px solid #ececec; } .xans-product-detail .overview .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:auto; } .xans-product-detail .overview .color { overflow:hidden; margin:7px 1px 0 7px; } .xans-product-detail .overview .chips { float:left; width:20px; height:16px; margin:0 3px 3px 0; font-size:0; line-height:0; border:1px solid #e3e3e3; } .price_big { font-size:20px; font-weight:600; color:#000; margin:10px 10px 3px 20px; font-family:'Lato',sans-serif; letter-spacing:1px; } .simpledesc { margin:20px 10px 5px 20px; color:#777; } .xans-product-detail .overview .topLogo { overflow:hidden; padding:0 0 14px; } .xans-product-detail .overview .topLogo span { float:left; padding:0 14px 0 0; font-weight:bold; font-size:20px; font-family:Tahoma; line-height:26px; } .xans-product-detail .overview .topLogo span img { max-height:20px; } .xans-product-detail .overview .topLogo a { float:left; } .xans-product-detail .overview .topLogo a img { max-height:26px; } .xans-product-detail .prdInfo { border-top:1px solid #ddd; background:#fff; padding:10px; } .xans-product-detail .prdInfo table tbody.priceArea { border-bottom:0px solid #ececec; } .xans-product-detail .prdInfo table tbody.priceArea th { font-weight:bold; } .xans-product-detail .prdInfo table tbody.priceArea tr.price td { text-decoration:line-through; } .xans-product-detail .prdInfo table th { width:100px; padding:10px; font-weight:bold; text-align:left; color:#757575; } .xans-product-detail .prdInfo table td { text-align:left; padding:10px; font-size:15px; } .xans-product-detail .prdInfo table td span { } .xans-product-detail .prdInfo table td select { width:100%; } .xans-product-detail .prdInfo table .mileage td p { display:inline-block; } .xans-product-detail .prdInfo table .mileage td img { vertical-align:middle; } .xans-product-detail .prdOption { border-bottom:0px solid #ececec; background:#fff; margin:10px; } .xans-product-detail .prdOption table tr { border-top:0px solid #ececec; } .xans-product-detail .prdOption table tr:first-child { border-top:0; } .xans-product-detail .prdOption table th { width:100px; text-align:left; padding:10px 10px; color:#757575; font-weight:normal; vertical-align:top; } .xans-product-detail .prdOption table td { text-align:left; padding:10px; } .xans-product-detail .prdOption table td select { width:100%; } .xans-product-detail .prdOption table td label { margin:0 12px 0 0; } .xans-product-detail .prdOption table td.fileInfo input { width:95%; } .xans-product-detail .prdOption table td.fileInfo .infoDesc { margin:0 0 10px 0; } .xans-product-detail .prdOption table td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; } .xans-product-detail .prdOption table td.fileInfo li .btnDelete { overflow:hidden; display:inline-block; text-indent:-999px; width:21px; height:20px; border:0; cursor:pointer; background:url("/design/goldn/img/btn_delete.png") no-repeat 0 0; background-size:100% 100%; } .xans-product-detail .prdOption table .quantity td #quantity { width:49px; } .xans-product-detail .prdOption img { vertical-align:middle; cursor:pointer; } .xans-product-detail .prdInfo>div>table>tbody>tr:nth-child(1) { display:none; } .xans-product-detail .prdInfo>div>table>tbody>tr:nth-child(2) span,tr:nth-child(2) th span { color:#fb6252 !important; font-size:22px; } .xans-product-action { margin:10px; } .xans-product-action .btnArea.type3 { margin:7px auto 25px; padding:0 13px; max-width:100%; font-family:'Lato',sans-serif; } .xans-product-action .btnArea.type3 a { vertical-align:top; } .xans-product-action.fixed { position:fixed; z-index:120; left:0; bottom:0; width:100%; box-sizing:border-box; margin:0; padding:7px 13px; background-color:#f1f1f1; -webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); } .xans-product-action.fixed { opacity:0.9; filter:alpha (opacity=90); font-family:'Lato',sans-serif; } .xans-product-action.fixed .btnArea.type3 { margin:0; padding:0; } #orderFixArea a { position:relative; } #orderFixArea .cnt { position:absolute; font-size:11px; top:-16px; background-color:red; color:#ffffff; padding:0 4px; border-radius:30px; left:50%; line-height:18px; margin-left:-7px; } .snsLink { padding:10px 15px 10px; font-size:0; text-align:right; border-top:1px solid #ddd; } .snsLink img { margin:0 4px 0 0; font-size:12px; cursor:pointer; } .xans-product-detail .productSet { margin:0 7px 7px; } .xans-product-detail .productSet .product>li { padding:7px; background:#fff; border-top:1px solid #ededed; } .xans-product-detail .productSet .product>li:first-child { border-top:0; } .xans-product-detail .productSet .product .information { min-height:73px; padding:0; width:70px; display:inline-block; vertical-align:top; } .xans-product-detail .productSet .product .information:after { display:block; content:""; clear:both; } .xans-product-detail .productSet .product .thumbnail { float:left; width:60px; padding:0 5px 14px 0; } .xans-product-detail .productSet .product .thumbnail img { max-width:200px; border:0px solid #d5d5d5; } .xans-product-detail .productSet .product .name { margin:0 0 7px; font-size:12px; color:#757575; line-height:1.25em; font-weight:bold; } .xans-product-detail .productSet .product .name a { color:#757575; word-wrap:break-word; } .xans-product-detail .productSet .product .price { margin:0 0 14px; font-size:14px; font-family:Tahoma; color:#000; line-height:1.25em; word-wrap:break-word; } .xans-product-detail .productSet .product .qty { font-size:11px; color:#8f8f91; } .xans-product-detail .productSet .product .salePrice { font-size:13px; font-family:Tahoma; font-weight:bold; color:#66676a; } .xans-product-detail .productSet .product .option { padding:0 5px; width:100%; display:inline-block; vertical-align:top; } .xans-product-detail .productSet .product .option table { width:100%; } .xans-product-detail .productSet .product .option th,.xans-product-detail .productSet .product .option td { padding:7px 0 0; line-height:29px; font-size:12px; } .xans-product-detail .productSet .product .option th { color:#757575; font-weight:normal; text-align:left; } .xans-product-detail .productSet .product .option tr:first-child th,.xans-product-detail .productSet .product .option tr:first-child td { padding:0; } .xans-product-detail .productSet .product .option td .fText { width:45%; padding:3px; } .xans-product-detail .productSet.hide .title span { display:block; padding:0; font-size:12px; } .xans-product-detail .productSet.hide .product { display:none; } .xans-product-detail .productSet .set_price_wrap { margin-top:15px; font-size:12px; color:#1b1b1b; } .xans-product-detail .productSet .set_price_wrap .price { color:#1b1b1b; font-size:12px; } .xans-product-detail .productSet .set_price_wrap .salePrice { color:#1b1b1b; font-size:12px; } .xans-product-detail .productSet table { font-size:11px; word-wrap:break-word; } .xans-product-detail .productSet table th { padding:0; text-align:left; vertical-align:top; } .xans-product-detail .productSet table td { padding:0; vertical-align:top; } .xans-product-detail .productSet label { margin:0; } .xans-product-detail .productSet label:first-child { margin-left:0; } .xans-product-detail .productSet select { width:100%; white-space:nowrap; margin-top:5px; } .xans-product-detail .productSet input[type="text"],input[type="password"] { margin-bottom:2px; } .xans-product-detail .productSet td #quantity { width:40px; text-align:right; } .xans-product-detail .productSet td img { width:26px; vertical-align:middle; cursor:pointer; } .xans-product-detail .productSet .selectButton { margin:14px 0 0; width:100%; text-align:right; } .xans-product-detail .xans-product-option .value { color:#767479; } .xans-product-detail .xans-product-option .value .ec-product-value { color:#363437; } .xans-product-detail .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 3px 3px 0; vertical-align:top; border:1px solid #c8c8c8; border-radius:2px; background:#fff; } .xans-product-detail .xans-product-option .ec-product-button li:last-child { margin-right:0; } .xans-product-detail .xans-product-option .ec-product-button li a { display:block; min-width:30px; line-height:18px; text-align:center; text-decoration:none; word-break:break-all; } .xans-product-detail .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 5px; box-sizing:border-box; word-break:break-all; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li { padding:3px; border-radius:20px; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a { min-width:24px; width:24px; height:24px; border-radius:20px; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; vertical-align:top; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; } .xans-product-detail .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("/design/goldn/img/soldout_bg.png") repeat; background-size:28px auto; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#c8c8c8; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #495164; border-radius:2px; } .xans-product-detail .xans-product-option .ec-product-button .ec-product-selected a { margin:-1px; } #totalProducts { margin:10px; } #totalProducts table { margin:0; border-collapse:collapse; } #totalProducts tbody tr:first-child { border-top:0; } #totalProducts thead { display:none; } #totalProducts tbody td { padding:14px; font-size:12px; color:#5f5f5f; line-height:16px; background:#fff; vertical-align:middle; word-wrap:break-word; word-break:break-all; } #totalProducts tbody td img { vertical-align:middle; } #totalProducts tbody tr td:nth-child(2) { padding:5px 0; text-align:left; } #totalProducts tbody tr td:nth-child(3) { padding:0 14px 0 7px; text-align:center; } #totalProducts tbody td p { margin:0; } #totalProducts tbody td p.option,#totalProducts tbody td p.product { padding:0 0 14px; } #totalProducts tbody td p.option strong,#totalProducts tbody td p.product strong { font-weight:normal; color:#1c1c1c } #totalProducts input.quantity_opt { width:50px; } #totalProducts tbody td .quantity input { width:23px; height:19px; padding:0 5px; line-height:19px; border:1px solid #e9e9e9; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; *margin-top:-1px; } #totalProducts tbody td .price { display:block; margin:0 0 6px; font-size:13px; font-family:Tahoma; color:#333333; } #totalProducts tbody td .mileage { display:block; font-size:11px; color:#212530; white-space:nowrap; } #totalProducts tbody td .soldOut { color:#e84f20; } #totalProducts tfoot td { padding:14px; font-size:13px; line-height:15px; vertical-align:middle; border:0px solid #d5d5d5; background:transparent; } #totalProducts tfoot td>strong { color:#1b1b1b; } #totalProducts tfoot td .total { float:right; font-family:Tahoma; color:#222; } #totalProducts tfoot td .total strong { font-weight:normal; font-size:20px; } #totalProducts .option_products { border:1px solid #d5d5d5; } .differentialShipping { display:inline-block; position:relative; z-index:10; width:13px; height:13px; vertical-align:middle; } .differentialShipping .btnHelp { display:inline-block; overflow:hidden; width:13px; height:13px; font-size:0; vertical-align:top; background:url("/design/goldn/img/ico_help2.png") no-repeat 50% 50%; background-size:13px 13px; } .differentialShipping .layerShipping { display:none; z-index:1000; position:fixed; left:7px; width:100%; top:100px; box-sizing:border-box; margin:0; padding:0 14px 0 0; } .differentialShipping .layerShipping p { padding:12px; color:#fff; background-color:#353535; border:1px solid #353535; border-bottom:0; border-radius:4px 4px 0 0; } .differentialShipping .layerShipping p strong { font-weight:normal; font-size:13px; } .differentialShipping .layerShipping ul { padding:14px 7px; border:1px solid #353535; border-top:0; border-radius:0 0 4px 4px; background-color:#f0f0f0; } .differentialShipping .layerShipping li { padding:12px; overflow:hidden; font-size:11px; background:#fff; border:1px solid #d5d5d5; border-top:0; } .differentialShipping .layerShipping li:first-child { border-top:1px solid #d5d5d5; ; } .differentialShipping .layerShipping li strong { float:left; font-weight:normal; color:#757575; } .differentialShipping .layerShipping li .price { float:right; font-weight:bold; font-family:Tahoma; color:#353535; } .differentialShipping .layerShipping .btnClose { position:absolute; right:24px; top:12px; overflow:hidden; width:18px; height:18px; font-size:0; background:url("/design/goldn/img/ico_close_white.png") no-repeat 50% 50%; background-size:20px 20px; } .xans-product-detail .social { padding:10px 0; text-align:center; font-size:0; line-height:0; } .xans-product-detail .social img { margin:0 5px 2px 0; } .xans-product-detail .social img,.xans-product-detail .social a { vertical-align:middle; } .xans-product-detail .social .xans-product-customsns,.xans-product-detail .social .xans-product-customsns ul,.xans-product-detail .social .xans-product-customsns li { display:inline; vertical-align:middle; } .xans-product-detail .toggle { position:relative; margin:0 20px; font-size:12px; border-bottom:1px solid #d5d5d5; } .xans-product-detail .toggle>.title { position:relative; padding:14px 43px 14px 14px; line-height:15px; -webkit-tap-highlight-color:rgba(255,255,255,0); cursor:pointer; border-top:1px solid #d5d5d5; } .xans-product-detail .toggle>.title:after { display:block; position:absolute; top:0; right:0; content:""; width:40px; height:100%; background-repeat:no-repeat; background-size:20px; background-position:center; background-image:url("/design/goldn/img/bg_snb_1depth.gif"); } .xans-product-detail .toggle.selected>.title:after { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); } .xans-product-detail .toggle.disable>.title:after { background-image:none !important; } .xans-product-detail .toggle>.title h2 { display:inline-block; font-size:13px; } .xans-product-detail .toggle>.contents { display:none; box-sizing:border-box; border:0px solid #d5d5d5; border-top:0; } .xans-product-detail .toggle.selected>.contents,.xans-product-detail .toggle.disable>.contents { display:block; } #tabProduct { font-size:11px; background-color:#fff; } #tabProduct ul { position:relative; height:36px; border-top:1px solid #ececec; border-bottom:1px solid #8c8c8c; } #tabProduct ul:after { content:""; display:block; clear:both; } #tabProduct li { width:24.33%; float:left; } #tabProduct li a { float:left; position:relative; height:36px; width:100%; padding:0; color:#1b1b1b; line-height:36px; text-align:center; text-decoration:none; border-left:1px solid #ececec; } #tabProduct li:first-child a { border-left:0; } #tabProduct li.selected a { height:37px; margin:0 0 -1px; color:#fffffd; line-height:37px; font-weight:normal; background-color:#8c8c8c; border-left:0; } .supplyInfo { margin:14px 7px; } .supplyInfo h3 { padding:14px 13px; margin:0 0 -10px 0; border:1px solid #d5d5d5; border-bottom:0; color:#508bed; font-size:12px; background-color:#f0f0f0; } .xans-product-detaildesign .discountMember { position:relative; } .xans-product-detaildesign td ul.discountMember:after { content:""; display:clock; clear:both; } .xans-product-detaildesign td>span>ul.discountMember>li { float:left; } .xans-product-detaildesign td ul.discountMember li a { float:left; margin:0 5px 5px 0; } .xans-product-detaildesign td .discount_layer { z-index:10; position:absolute; left:0; top:30px; margin:0; width:100%; background:#f1f1f1; } .xans-product-detaildesign td .discount_layer h3 { height:36px; margin:0 0 15px; padding:0 38px 0 7px; font-size:15px; line-height:36px; color:#fff; background:#4a5164; } .xans-product-detaildesign td .discount_layer p,.xans-product-detaildesign td .discount_layer ul { margin:0 2% 7px; padding:0 10px; } .xans-product-detaildesign td .discount_layer ul li { padding:0 0 3px; } .xans-product-detaildesign td .discount_layer p:nth-of-type(2) { margin:0 2% 15px; } .xans-product-detaildesign td .discount_layer p strong { color:#0088d4; } .xans-product-detaildesign td .discount_layer table { margin:0 auto 14px; width:96%; background:#fff; border:1px solid #d5d5d5; } .xans-product-detaildesign td .discount_layer thead th { padding:0; height:0; font-size:0; line-height:0; } .xans-product-detaildesign td .discount_layer tbody th { padding:7px 3px 7px 7px; font-weight:normal!important; } .xans-product-detaildesign td .discount_layer tbody th,.xans-product-detaildesign td .discount_layer tbody td { border-bottom:1px solid #ececec; } .xans-product-detaildesign td .discount_layer tbody td { text-align:right; } .xans-product-detaildesign td .discount_layer tbody tr:last-of-type th,.xans-product-detaildesign td .discount_layer tbody tr:last-of-type td { border-bottom:0; } .xans-product-detaildesign td .discount_layer tbody td .addMobile { display:block; } .xans-product-detaildesign td .discount_layer .btnClose { position:absolute; right:0; top:0; z-index:110; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:100%; background:url("/design/goldn/img/ico_close_white.png") center center no-repeat; background-size:14px 14px; } .btnArea { margin: 0 !important; } .xans-product-additional,.faq { margin-top:10px; padding:0 0 7px; } .xans-product-additional .gDetailView { margin:0 7px 7px; border:1px solid #d5d5d5; background-color:#fff; } .xans-product-additional .gDetailView h3 { padding:10px; background-color:#f0f0f0; border-bottom:1px solid #ddd; color:#333; font-size:12px; } .xans-product-additional .gDetailView .contents { padding:14px; color:#777; } .xans-product-additional .gDetailView .contents img { width:100%; } .xans-product-additional { margin:0; padding:0; background:#fff; } .xans-product-additional #prdDetail .button { text-align:center; padding:50px 0 12px 0; } .xans-product-additional #prdDetail .ico { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("/design/goldn/img/ico_expand.png"); background-size:13px 13px; } .xans-product-additional #prdDetail img { width:100% !important; margin:0; height:auto !important; } .xans-product-additional .btnMore { position:relative; margin:0 auto; width:100%; } .xans-product-additional .btnMore a { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; text-align:center; font-weight:bold; background:#f5f5f5; } .xans-product-additional .btnMore span.icoMore { display:inline-block; margin:0 0 0 8px; width:12px; height:7px; font-size:0; line-height:0; vertical-align:middle; background:url("http:/design/goldn/img/btn_more.gif") no-repeat 50% 50%; background-size:12px 7px; } #prdReview h3 { padding:20px 0 10px; text-align:center; } #prdReview .board>.btnArea { padding:14px 17px; margin:0 auto; } #prdReview .nodata { padding:14px 0; text-align:center; } .xans-product-review .writeNotiArea { padding:0 14px; background:#fff; } .xans-product-review .writeNotiArea:after { content:""; display:block; clear:both; } .xans-product-review .writeNotiArea p { float:left; margin:7px 0; } .xans-product-review .writeNotiArea div.gRight { float:right; margin:7px 0 0; } .xans-product-review .noAccess { margin:14px 0; font-size:14px; text-align:center; } .xans-product-review .minor { padding:108px 0 28px; text-align:center; background:url("/design/goldn/img/bg_adult.png") center 14px no-repeat; background-size:80px 80px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } .xans-product-review .minor p { font-size:13px; margin:0 0 14px; } .xans-product-review .boardSort { padding:7px 14px; font-size:13px; background:#f1f1f1; } .xans-product-review .boardSort:after { content:""; display:block; clear:both; } .xans-product-review .boardSort span { float:left; margin:0 14px 0 0; } .xans-product-review { margin:-1px 0 0; font-size:13px; background:#fff; } .xans-product-review>ul>li { overflow:hidden; position:relative; padding:14px 0; min-height:43px; color:#757575; border-bottom:1px solid #d5d5d5; } .xans-product-review>ul>li:first-child { border-top:1px solid #d5d5d5; } .xans-product-review .descriptions { position:relative; margin:0 0 0 7px; padding:0 7px; } .xans-product-review .descriptions a { display:block; color:#757575; font-size:0; } .xans-product-review .descriptions a .summary { display:block; padding:0 15px 10px 0; color:#1b1b1b; font-size:15px; line-height:1.3em; font-weight:normal; } .xans-product-review .descriptions a .id { padding:0 7px 0 0; } .xans-product-review .descriptions a span { position:relative; display:inline-block; padding:0 7px 0 8px; font-size:11px; } .xans-product-review .descriptions a span:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#d6d6d6; } .xans-product-review .descriptions a strong+span:before { display:none; } .xans-product-review .descriptions a strong.summary span { display:none; padding:0 2px 0 0; } .xans-product-review .contentView { margin:0; padding:0; min-height:0; background:#f9f9f9; color:#757575; font-size:15px; text-align:left; word-wrap:break-word; } .xans-product-review .contentView .view { margin:0; padding:14px; } .xans-product-review .contentView .view.secret { padding:14px 28px; } .xans-product-review .contentView .view.secret .alert { display:block; margin:0 0 14px; padding:0 0 0 31px; color:#353535; font-size:13px; line-height:1.2em; background:url("/design/goldn/img/ico_secret.png") 4px 4px no-repeat; background-size:17px 20px; } .xans-product-review .contentView .view.secret p { position:relative; padding:0 46px 0 0; } .xans-product-review .contentView .view.secret p input[type="password"] { width:100%; } .xans-product-review .contentView .view.secret p input[type="button"] { position:absolute; top:0; right:0; } .xans-product-review .contentView .attach { max-width:100%; text-align:center; } .xans-product-review .contentView .attach img { max-width:100%; margin:0 0 14px; border:1px solid #dedede; } .xans-product-review .contentView p { color:#1b1b1b; } .xans-product-review .contentView .btnArea { max-width:none; margin:0; padding:0 14px 14px; } .xans-product-review .contentView .btnArea a em { color:#508bed; } .xans-product-review .contentView .btnArea .ico.write { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("/design/goldn/img/ico_comment.png"); background-size:13px 13px; } .xans-product-review .contentView .boardComment li { padding:0 0 0 14px; border-top:1px solid #d5d5d5; background:#f1f1f1; } .xans-product-review .contentView .boardComment li .btnArea { padding:0 14px 14px; } .xans-product-review .contentView .boardComment li .btnArea span { padding:0; } .xans-product-review .contentView .boardComment li .btnArea span a { margin:0 3px 0 0; } .xans-product-review .contentView .boardComment li .commentInfo { padding:14px 14px 0; font-size:12px; color:#757575; background:url("/design/goldn/img/ico_bullet.png") 0 16px no-repeat; background-size:8px 8px; } .xans-product-review .contentView .boardComment li .commentInfo .name { padding:0 8px 0 0; font-weight:normal; } .xans-product-review .contentView .boardComment li .commentInfo span { position:relative; padding:0 8px; } .xans-product-review .contentView .boardComment li .commentInfo span:before { position:absolute; top:1px; left:0; display:inline-block; content:""; width:1px; height:11px; background:#ccc; } .xans-product-review .contentView .boardComment li span img { width:50px; height:10px; vertical-align:baseline; } .xans-product-review .contentView .boardComment p.comment { padding:14px; color:#1b1b1b; } .xans-product-review .contentView .boardComment .replyArea { padding:0 0 0 28px; border-top:0; background:#f1f1f1; background-size:8px 8px; } .xans-product-review .contentView .boardComment .replyArea .commentInfo { border-top:1px solid #d5d5d5; } .xans-product-review .contentView .memoCont { padding:7px 0 0; border-top:1px solid #d5d5d5; } .xans-product-review .contentView .memoCont .label { padding:0 7px 0 0; color:#757575; font-weight:normal; vertical-align:middle; letter-spacing:-1px; } .xans-product-review .contentView .memoCont .label.hide { display:none; } .xans-product-review .contentView .memoCont .info { padding:0 14px; } .xans-product-review .contentView .memoCont .info:after { content:""; display:block; clear:both; } .xans-product-review .contentView .memoCont .info p { position:relative; box-sizing:border-box; width:50%; } .xans-product-review .contentView .memoCont .info p .label { position:absolute; left:0; padding:0; text-align:center; font-size:11px; line-height:29px; } .xans-product-review .contentView .memoCont .info p.name { float:left; padding:0 0 0 30px } .xans-product-review .contentView .memoCont .info p.name .label { width:30px; } .xans-product-review .contentView .memoCont .info p.password { float:right; padding:0 0 0 50px } .xans-product-review .contentView .memoCont .info p.password .label { width:50px; } .xans-product-review .contentView .memoCont .info p.name input[type="text"],.xans-product-review .contentView .memoCont .info p.password input[type="password"] { width:100%; margin:0; } .xans-product-review .contentView .memoCont .info p.password .label { margin:0; } .xans-product-review .contentView .memoCont .admin { margin:10px 0 0; } .xans-product-review .contentView .memoCont .admin a { display:block; text-align:center; } .xans-product-review .contentView .memoCont .comment { margin:14px 14px 0; } .xans-product-review .contentView .memoCont .comment textarea#comment { width:100%; height:50px; margin:0 0 7px 0; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .xans-product-review .contentView .memoCont .byteRating { margin:5px 0 0; } .xans-product-review .contentView .memoCont .byteRating:after { content:""; display:block; clear:both; } .xans-product-review .contentView .memoCont .rating { float:left; padding:7px 14px; box-sizing:border-box; } .xans-product-review .contentView .memoCont .rating .label { display:inline-block; width:30px; padding:0; line-height:29px; text-align:center; font-size:11px; } .xans-product-review .contentView .memoCont .rating input { margin-right:2px; } .xans-product-review .contentView .memoCont .rating label { margin-right:10px; } .xans-product-review .contentView .memoCont .byte { float:right; text-align:right; } .xans-product-review .contentView .memoCont .submit { text-align:right; padding:0 14px 7px; } .xans-product-review .contentView .memoCont .captcha { overflow:hidden; margin:0 14px; padding:10px 0 10px 90px; border-top:1px solid #ededed; } .xans-product-review .contentView .memoCont .captcha .form { float:left; position:relative; } .xans-product-review .contentView .memoCont .captcha img { position:absolute; left:-90px; margin-right:-90px; } .xans-product-review .contentView .memoCont .captcha .form { width:100%; } .xans-product-review .contentView .memoCont .captcha .form p { margin:14px 0 0; padding:0 0 0 20px; font-size:11px; background:url("/design/goldn/img/ico_important.png") no-repeat 0 50%; background-size:13px 13px; } .xans-product-review .contentView .memoCont .mButton { margin:10px 0 0; } .xans-product-review .contentView .memoCont #captcha { margin:2px 0 0 0; width:100%; } .xans-product-review .contentView .memoCont .boardCommentAuthority { padding:14px; text-align:center; background:#fff; } #prdQnA h3 { padding:20px 0 10px; text-align:center; } #prdQnA .board>.btnArea { padding:14px 17px; margin:0 auto; } .nodata { padding:14px 0; text-align:center; } .xans-product-qna .writeNotiArea { padding:0 14px; background:#fff; } .xans-product-qna .writeNotiArea:after { content:""; display:block; clear:both; } .xans-product-qna .writeNotiArea p { float:left; margin:7px 0; } .xans-product-qna .writeNotiArea div.gRight { float:right; margin:7px 0 0; } .xans-product-qna .noAccess { margin:14px 0; text-align:center; } .xans-product-qna .minor { padding:108px 0 28px; text-align:center; background:url("/design/goldn/img/bg_adult.png") center 14px no-repeat; background-size:80px 80px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } .xans-product-qna .minor p { font-size:13px; margin:0 0 14px; } .xans-product-qna .boardSort { padding:7px 14px; font-size:13px; background:#f1f1f1; } .xans-product-qna .boardSort:after { content:""; display:block; clear:both; } .xans-product-qna .boardSort span { float:left; margin:0 14px 0 0; } .xans-product-qna { margin:-1px 0 0; font-size:11px; background:#fff; } .xans-product-qna>ul>li { overflow:hidden; position:relative; padding:14px 0; min-height:43px; color:#757575; border-bottom:1px solid #d5d5d5; } .xans-product-qna>ul>li:first-child { border-top:1px solid #d5d5d5; } .xans-product-qna .descriptions { position:relative; margin:0 0 0 7px; padding:0 7px; } .xans-product-qna .descriptions a { display:block; color:#757575; font-size:0; } .xans-product-qna .descriptions a .summary { display:block; padding:0 15px 10px 0; color:#1b1b1b; font-size:15px; line-height:1.3em; font-weight:normal; } .xans-product-qna .descriptions a .id { padding:0 7px 0 0; } .xans-product-qna .descriptions a span { position:relative; display:inline-block; padding:0 7px 0 8px; font-size:11px; } .xans-product-qna .descriptions a span:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#d6d6d6; } .xans-product-qna .descriptions a strong+span:before { display:none; } .xans-product-qna .descriptions a strong.summary span { display:none; padding:0 2px 0 0; } .xans-product-qna .contentView { margin:0; padding:0; min-height:0; background:#f9f9f9; color:#757575; font-size:15px; text-align:left; word-wrap:break-word; } .xans-product-qna .contentView .view { margin:0; padding:14px; } .xans-product-qna .contentView .view.secret { padding:14px 28px; } .xans-product-qna .contentView .view.secret .alert { display:block; margin:0 0 14px; padding:0 0 0 31px; color:#353535; font-size:13px; line-height:1.2em; background:url("/design/goldn/img/ico_secret.png") 4px 4px no-repeat; background-size:17px 20px; } .xans-product-qna .contentView .view.secret p { position:relative; padding:0 46px 0 0; } .xans-product-qna .contentView .view.secret p input[type="password"] { width:100%; } .xans-product-qna .contentView .view.secret p input[type="button"] { position:absolute; top:0; right:0; } .xans-product-qna .contentView .attach { max-width:100%; text-align:center; } .xans-product-qna .contentView .attach img { max-width:100%; margin:0 0 14px; border:1px solid #dedede; } .xans-product-qna .contentView p { color:#1b1b1b; } .xans-product-qna .contentView .btnArea { max-width:none; margin:0; padding:0 14px 14px; } .xans-product-qna .contentView .btnArea a em { color:#508bed; } .xans-product-qna .contentView .btnArea .ico.write { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("/design/goldn/img/ico_comment.png"); background-size:13px 13px; } .xans-product-qna .contentView .boardComment li { padding:0 0 0 14px; border-top:1px solid #d5d5d5; background:#f1f1f1; } .xans-product-qna .contentView .boardComment li .btnArea { padding:0 14px 14px; } .xans-product-qna .contentView .boardComment li .btnArea span { padding:0; } .xans-product-qna .contentView .boardComment li .btnArea span a { margin:0 3px 0 0; } .xans-product-qna .contentView .boardComment li .commentInfo { padding:14px 14px 0; font-size:12px; color:#757575; background:url("/design/goldn/img/ico_bullet.png") 0 16px no-repeat; background-size:8px 8px; } .xans-product-qna .contentView .boardComment li .commentInfo .name { padding:0 8px 0 0; font-weight:normal; } .xans-product-qna .contentView .boardComment li .commentInfo span { position:relative; padding:0 8px; } .xans-product-qna .contentView .boardComment li .commentInfo span:before { position:absolute; top:1px; left:0; display:inline-block; content:""; width:1px; height:11px; background:#ccc; } .xans-product-qna .contentView .boardComment li span img { width:50px; height:10px; vertical-align:baseline; } .xans-product-qna .contentView .boardComment p.comment { padding:14px; color:#1b1b1b; } .xans-product-qna .contentView .boardComment .replyArea { padding:0 0 0 28px; border-top:0; background:#f1f1f1; background-size:8px 8px; } .xans-product-qna .contentView .boardComment .replyArea .commentInfo { border-top:1px solid #d5d5d5; } .xans-product-qna .contentView .memoCont { padding:7px 0 0; border-top:1px solid #d5d5d5; } .xans-product-qna .contentView .memoCont .label { padding:0 7px 0 0; color:#757575; font-weight:normal; vertical-align:middle; letter-spacing:-1px; } .xans-product-qna .contentView .memoCont .label.hide { display:none; } .xans-product-qna .contentView .memoCont .info { padding:0 14px; } .xans-product-qna .contentView .memoCont .info:after { content:""; display:block; clear:both; } .xans-product-qna .contentView .memoCont .info p { } .xans-product-qna .contentView .memoCont .info p.name { float:left; margin-right:3%; width:35%; } .xans-product-qna .contentView .memoCont .info p.password { float:right; width:57%; border-bottom:0; } .xans-product-qna .contentView .memoCont .info p.name input[type="text"] { width:60%; } .xans-product-qna .contentView .memoCont .info p.password input[type="password"] { width:55%; } .xans-product-qna .contentView .memoCont .info p.password .label { margin:0; } .xans-product-qna .contentView .memoCont .admin { margin:10px 0 0; } .xans-product-qna .contentView .memoCont .admin a { display:block; text-align:center; } .xans-product-qna .contentView .memoCont .comment { margin:14px 14px 0; } .xans-product-qna .contentView .memoCont .comment textarea#comment { width:100%; height:50px; margin:0 0 7px 0; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .xans-product-qna .contentView .memoCont .byteRating { margin:5px 0 0; border-bottom:1px solid #ededed; } .xans-product-qna .contentView .memoCont .byteRating:after { content:""; display:block; clear:both; } .xans-product-qna .contentView .memoCont .rating { float:left; padding:7px 14px; box-sizing:border-box; } .xans-product-qna .contentView .memoCont .rating .label { display:inline-block; width:30px; padding:0; line-height:29px; text-align:center; font-size:11px; } .xans-product-qna .contentView .memoCont .rating input { margin-right:2px; } .xans-product-qna .contentView .memoCont .rating label { margin-right:10px; } .xans-product-qna .contentView .memoCont .byte { float:right; text-align:right; } .xans-product-qna .contentView .memoCont .submit { text-align:right; padding:0 14px 7px; } .xans-product-qna .contentView .memoCont .captcha { overflow:hidden; margin:0 14px; padding:10px 0 10px 90px; border-top:1px solid #ededed; } .xans-product-qna .contentView .memoCont .captcha .form { float:left; position:relative; } .xans-product-qna .contentView .memoCont .captcha img { position:absolute; left:-90px; margin-right:-90px; } .xans-product-qna .contentView .memoCont .captcha .form { width:100%; } .xans-product-qna .contentView .memoCont .captcha .form p { margin:14px 0 0; padding:0 0 0 20px; font-size:11px; background:url("/design/goldn/img/ico_important.png") no-repeat 0 50%; background-size:13px 13px; } .xans-product-qna .contentView .memoCont .mButton { margin:10px 0 0; } .xans-product-qna .contentView .memoCont #captcha { margin:2px 0 0 0; width:100%; } .xans-product-qna .contentView .memoCont .boardCommentAuthority { padding:14px; text-align:center; background:#fff; } .xans-product-relation { margin:0; background:#FFF; } .xans-product-relation:first-child h2 { border-top:0; } .xans-product-relation h2 { margin:0; padding:30px 7px 20px; text-align:left; font-size:14px; color:#000000; } .xans-product-relation h3 { margin:10px; text-align:center; font-size:14px; text-transform:uppercase; } .xans-product-relation img { max-width:100%; } .xans-product-relation li { vertical-align:top; } .xans-product-relation>ul>li>ul { display:table; table-layout:fixed; width:100%; font-size:0; line-height:0; box-sizing:border-box; padding:0 7px; } .xans-product-relation>ul>li>ul>li { position:relative; display:inline-block; padding:0; text-align:center; vertical-align:top; } .xans-product-relation ul { display:table; table-layout:fixed; width:100%; font-size:0; line-height:0; box-sizing:border-box; padding:0 7px 0; } .xans-product-relation ul li { position:relative; display:inline-block; padding:0; vertical-align:top; } .xans-product-relation .thumbnail { padding:0 7px; margin:0 0 10px; } .xans-product-relation .thumbnail img { width:100%; border:0px solid #ECECEC; } .xans-product-relation .information { position:relative; min-height:10px; margin:7px 7px 0; text-align:center; } .xans-product-relation .name { margin:0 0 10px; font-size:12px; line-height:1.25; word-wrap:break-word; } .xans-product-relation .name a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 1.2em; font-size: 13px; color: #1b1b1d; } .xans-product-relation .price { margin: 0 0 10px; color: #000000; font-family: Tahoma; font-size: 15px; line-height: 1; font-weight: bold; } .xans-product-relation .price del { font-size: 12px; color: #939393; font-weight: normal; } .xans-product-relation .strike { text-decoration:line-through; } .xans-product-relation .grid2 li { width:50%; } .xans-product-relation .grid3 li { width:33.333%; } .xans-product-relation .grid4 li { width:25%; } .xans-product-relation .grid5 li { width:20%; } .xans-product-relation .paginate { padding:0 0 14px; } .xans-product-relation .bx-wrapper .bx-next { width:20px; right:0px; background:url(/design/goldn/img/icon_next2.png) no-repeat; background-size:12px; opacity:1; } .xans-product-relation .bx-wrapper .bx-prev { width:20px; left:0px; background:url(/design/goldn/img/icon_prev2.png) no-repeat; background-size:12px; opacity:1; } .xans-product-relation .bx-wrapper .bx-prev:hover { background-position:none; } .xans-product-relation .bx-wrapper .bx-next:hover { background-position:0 0; } .btnArea.type4 { padding:0 !important; } .btnArea.type4>a:nth-child(1),.btnArea.type4>button:nth-child(1) { left:0 !important; margin-right:2px; font-size:12px; } .btnArea.type4>a:nth-child(2),.btnArea.type4>button:nth-child(2) { left:0px !important; margin-right:2px; font-size:12px; } .btnArea.type4>a:nth-child(3),.btnArea.type4>button:nth-child(3) { right:auto !important; margin-right:2px; font-size:12px; } .btnArea.type4>a:nth-child(4),.btnArea.type4>button:nth-child(4) { right:auto !important; font-size:12px; } .board .conts{padding: 0 20px;} .qna_board_content > div {padding-left:15px !important;} .review_board_content img{width:100% !important; height:auto !important;} .opt-com{ text-align: right !important; margin-bottom: 10px; } .opt-com img{ width:auto !important; } /* 구매적립금 글자 색상 */ .buy_point {color:#f1191f; font-weight:bold; font-size:15px; text-align:center;} /* 선물하기 */ .btnArea.type1>a.btn.navy.lg.gift { background: #fff; color: #fb6252; border: 1px solid #fb6252; margin-bottom: 10px; } .btnArea.type1>a.btn.navy.lg.gift img { margin-top: -2px; } .shopdetailInfoSelect .btnArea { display: none; } /* 할인율 추가 */ span.dc_per {font-size: 23px;color: #f0474a;margin-left: 5px;} /* 스마트 쿠폰 목록 */ .smart-coupon-list li {position:relative; margin:0 0 10px 0; border:1px solid #cecece; letter-spacing:-1px; overflow:hidden;} .smart-coupon-list li .c-info { width: 74%; padding: 10px; border-right: 1px dashed #cecece; box-sizing: border-box;} .smart-coupon-list li .c-image img { width:100%; height:128px;} .smart-coupon-list li p { padding-bottom:10px; line-height:14px; font-size:11px; color:#999; word-break:break-all;} .smart-coupon-list li p:last-child {padding-bottom:0;} .smart-coupon-list li p.c-name { font-size:12px; color:#000; font-weight:500; word-break: break-all; } .smart-coupon-list li p.c-name span.c-txt{ color: #8f8f8f; margin-left: 4px; font-size: 11px;} .smart-coupon-list li p.c-price {font-size:24px; color:#ff5519; font-weight:600;} .smart-coupon-list li p.c-price span{font-size:12px} .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:26%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box; background:url(/design/goldn/img/down_icon02.png)no-repeat center ; } .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .smart-coupon-list li .btn-down span {color:#999;} .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/design/goldn/img/down_icon02.png') no-repeat center center; } .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .smart-coupon-list li.sc-style2 .c-info {border: 1px solid #ff5519; } .smart-coupon-list li.sc-style2 p { } .smart-coupon-list li.sc-style2 p span.c-txt{color: #8f8f8f;margin-left: 4px; font-size: 11px;} .smart-coupon-list li.sc-style2 .btn-down { border:0; background:url('/design/goldn/img/down_icon03.png') no-repeat center #ff5519; } .smart-coupon-list li.sc-style2 .btn-down a { } .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } /* 추가 가격정보 */ .add_price {} .add_price dl {display:flex; width:100%; padding-top:10px;} .add_price dl dt {width:66%; color:#3d3d3d; font-size:13px; font-weight:400;} .add_price dl dd {text-align:right; flex:1; font-size:13px;} .add_price dl.ex_price {padding-bottom:5px;} .add_price dl.ex_price dt {font-size:13px; font-weight:700; color:#000;} .add_price dl.ex_price dd {color:#dc0101; font-size:16px; font-weight:600;} .add_price dl.mem_price {position:relative;} .add_price dl.mem_price dt img {width:14px; vertical-align:sub;} .add_price dl.mem_price .member_sale_box {position:absolute; width:200px; left:60%; top:28; margin-left:-97px; background:#fff; border:1px solid #d8d8d8; display:none;} .add_price dl.mem_price .member_sale_box p {background:#000; color:#fff; padding:9px; font-size:10px;} .add_price dl.mem_price .member_sale_box p .box_close {float:right; color:#fff; font-size:13px;} .add_price dl.mem_price .member_sale_box div {padding: 15px;} .add_price dl.mem_price .member_sale_box dl {display:flex; padding:2px 0;} .add_price dl.mem_price .member_sale_box dl dt {font-size:11px; color:#000; font-weight: 400;} .add_price dl.mem_price .member_sale_box dl dd {flex:1; text-align:right; font-size:11px; color:#000; font-weight: 400;} .maximum-discount {margin-bottom: 8px; overflow: hidden;} .maximum-discount .shopdetailInfoName {float: left; font-weight:700; padding-top:4px;} .maximum-discount .shopdetailInfoCont {float: left; padding-right: 18px; position:relative;} .maximum-discount .shopdetailInfoCont .btn-discount {display: inline-block; position: relative; font-size:18px; color:#000; font-weight:700; vertical-align: baseline;} .maximum-discount .shopdetailInfoCont:before {display: block; content: ''; position: absolute; right: 0; bottom: 6px; background:url('/design/goldn/img/menu_arrow.png')no-repeat right top; width: 11px; height: 7px; background-size: 11px auto; transform:rotate(180deg); -webkit-transform:rotate(180deg);} .maximum-discount .shopdetailInfoCont.on:before {transform:rotate(0deg); -webkit-transform:rotate(0deg); background-position: right bottom;} .maximum-discount .shopdetailInfoCont .won {font-size:16px; font-weight:300;} .price-info {display:block; background:#f9f9f9; padding:7px 18px 14px;} .price-info.on {display:none;} .dn{display:none !important;} /* BASIC css end */