/* BASIC css start */ /* ============================================================================= 상품상세 product.html ========================================================================== */ a, a:active, a:visited, a:hover { text-decoration:none;} #detail-item .box-gradient-04 {background:#fff;border-top:1px #d3d3d3 solid;} #detail-item { position: relative; font-family: 'Nanum Gothic', Arial, Helvetica, Dotum, sans-serif; width:100%;margin:0;} #detail-item a {font-family: 'Nanum Gothic', Arial, Helvetica, Dotum, sans-serif;} #detail-item h2 {margin:13px auto; font-size: .825em; font-weight: normal; font-family: 'Nanum GothicB', sans-serif, Dotum;text-align: center; color:#333;} #detail-item .info-wrap { position: relative; margin: 0;padding:0px 0px 15px 0px; border-top:1px #d3d3d3 solid;} #detail-item .info-wrap .items {text-align: center; margin:0px; padding:0px;border-bottom:1px #d3d3d3 solid;} #detail-item .info-wrap .items img { width:100%; height: auto;} #detail-item .info-wrap .items-now {margin:15px auto 0px auto;text-align: center;width:38.4375%;background:#323230;border:1px #323230 solid;border-radius:2px 2px 2px 2px;} #detail-item .info-wrap .items-now .box-more {width:100%; margin: 0; text-align: center;display:block;height:30px;line-height:30px;vertical-align:middle;color:#fff;font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum;font-weight:700;font-size: .75em;} #detail-item .info-wrap .items-btn a { display: block; text-indent: -9999px; width:35px; height:35px; position: absolute; top: 50%; margin-top:-35px; } #detail-item .info-wrap .items-btn a.prev { background:url(/design/dekorea77/mobile/arrow_left.png) no-repeat center center; background-size:35px 35px; left:0%; } #detail-item .info-wrap .items-btn a.next { background:url(/design/dekorea77/mobile/arrow_right.png) no-repeat center center; background-size:35px 35px; right:0%; } #detail-item .product-wrap {background:#fff;} #detail-item .product-wrap ul.option { margin:0px auto; width:93.75%;border-top:1px #acacac solid;border-bottom:1px #acacac solid;padding:5px 0 10px 0;} #detail-item .product-wrap ul.option > li {font-size: .75em; color: #777; margin:4px 2% 0 2%; font-weight:bold; list-style:none; line-height:27px; } #detail-item .product-wrap ul.option > li:after {clear:both;content:"";display:block;} #detail-item .product-wrap ul.option .tit { display: inline-block; color:#777;float:left; line-height:27px; width:30%;} #detail-item .product-wrap ul.option .tit img { vertical-align: -1px; } #detail-item .product-wrap ul.option .txt { color:#777; float:left; line-height:27px; text-align:left;} #detail-item .product-wrap ul.option .txt strong { color: #3a3a3a; font-family: 'Nanum GothicEB';} #pricevalue {color: #3a3a3a;font-family: 'Nanum GothicEB';} #detail-item .product-wrap ul.option .txt a.btn-type-10 {line-height:18px;padding-left:5px;padding-right:5px;} #detail-item .product-wrap ul.option .txt a.btn-type-10.ups span {font-size: 1em;} #detail-item .product-wrap ul.option .txt a.btn-type-10.downs {padding-left:7px;padding-right:7px;} #detail-item .product-wrap ul.option .txt a.btn-type-10.downs span {font-size: 1em;} #detail-item .product-wrap ul.option .txt select {line-height:25px;height:25px;border:1px #a5a5a5 solid;} #detail-item .product-wrap ul.option .txt input {border:1px #a5a5a5 solid;} #detail-item .product-wrap ul.option .txt em { font-size: .75em; font-style: normal; color: #777; } #detail-item .product-wrap ul.option .txt-input { text-align: center; line-height: 1.5em; } #detail-item .product-wrap ul.option .txt .sale strong { color:#3a3a3a; font-size: 1.15em;} #detail-item .product-wrap ul.option .txt em .reserve { color:#3a3a3a; font-weight:bold;} #detail-item .product-wrap ul.option .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } #detail-item .product-wrap ul.option .break .tit { display: inline-block; } #detail-item .product-wrap .total { padding: 7px 0; margin-top: 10px; border-top: 1px solid #acacac ; border-bottom: 1px solid #acacac ; background-color: #ffffff; } #detail-item .product-wrap .total dl { width: 90%; margin: 0 auto; font-weight: bold; } #detail-item .product-wrap .total dt { color: #3a3a3a;font-family: 'Nanum GothicEB'; font-size: .75em; display: inline; margin-right: 20px; } #detail-item .product-wrap .total dt span { font-size: smaller; } #detail-item .product-wrap .total dd { font-size: .75em; color: #222; display: inline; } #detail-item .product-wrap .total dd strong { font-size: larger; color:#3a3a3a;font-family: 'Nanum GothicEB'; } #detail-item .product-wrap .desc { margin: 10px auto 10px auto; width:93.75%; color: #777; font-size: .7em; } #detail-item .product-wrap .desc ul {margin:0;} #detail-item .product-wrap .desc li { line-height: 1.75em;padding-left:2%;margin:0;} #detail-item .product-wrap .desc li a { color: #222; text-decoration: underline;display:inline-block; } #detail-item .fixed { position: fixed !important; bottom: 0; z-index: 10; width:100%; margin:0; padding:20px 0 25px 0; } #detail-item .fixed-btn { position: relative; text-align: center; margin:0; width:100%; padding:15px 0 15px 0;} #detail-item .fixed-btn .wrap {margin:0 auto;width:93.75%;} #detail-item .fixed-btn .is_soldout { width: 100%; color: #222; font-weight: bold; font-size: .75em; text-align: center; } #detail-item .fixed-btn .is_selling { width: 100%; color: #f00; font-weight: bold; font-size: .75em; text-align: center; line-height: 35px; } #detail-item .btns { position: relative; margin: 10px 0; text-align: center; } #detail-item .btns a.checkout { width: 96%; text-align: center; background-color: #eeeef1; margin-bottom: 10px; } #detail-item .btns a.checkout span { display: inline-block; text-indent: -9999px; background: url(/images/d3/m_01/btn/product_checkout@2x.gif) no-repeat center center; background-size: 100% 100%; width: 96px; height: 18.5px; } #detail-item .others-wrap { position: relative; margin: 0 auto;width:93.75%; border: 1px solid #d3d3d3;border-bottom:0; } #detail-item .others-wrap li { list-style-type: none; position: relative; } #detail-item .others-wrap li h3 { cursor: pointer; line-height: 40px; font-weight: bold; font-size: .75em; margin: 0; text-align:center; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; color:#3a3a3a;} #detail-item .others-wrap li h3:first-child { border-top: none; } #detail-item .others-wrap li h3 span { font-size: smaller; } #detail-item .others-wrap li .toggle-btn { position: absolute; right:3.125%; top: 13px; } #detail-item .others-wrap li .toggle-btn a { display: block; width:13px; height: 13px; text-indent: -9999px; } #detail-item .others-wrap li .toggle-btn a.blank { display: block; width:7px; height: 13px; text-indent: -9999px; background: url(/design/dekorea77/mobile/toggle_right.gif) no-repeat 0 0; background-size:7px 13px; } #detail-item .others-wrap li .conts[data-open=on] { display: block; } #detail-item .others-wrap li .conts[data-open=off] { display: none; } #detail-item .others-wrap li .conts[data-open=on] + .toggle-btn a { background: url(/design/dekorea77/mobile/toggle_up.gif) no-repeat 0 0; background-size: 12px 7px; } #detail-item .others-wrap li .conts[data-open=off] + .toggle-btn a { background: url(/design/dekorea77/mobile/toggle_down.gif) no-repeat 0 0; background-size: 12px 7px; } #detail-item .others-wrap li.review .write-btn { position: absolute; top: 8px; right: 35px; } #detail-item .others-wrap li.review .conts dl { font-size: .75em; color: #777777; background-color: #f4f4f4; font-family: 'Nanum Gothic', sans-serif;} #detail-item .others-wrap li.review .conts dl dt { cursor: pointer; padding: 5px; border-bottom: 1px dotted #b8b8b8; border-top: 1px solid #d7d7d7; } #detail-item .others-wrap li.review .conts dl dt[data-open=on] + dd { display: block; } #detail-item .others-wrap li.review .conts dl dt[data-open=off] + dd { display: none; } #detail-item .others-wrap li.review .conts dl dt[data-open=off] { border-top: 1px solid #d7d7d7; border-bottom: none; } #detail-item .others-wrap li.review .conts dl dt .subject { display: inline-block; white-space: nowrap; width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #detail-item .others-wrap li.review .conts dl dt .left { float: left; width: 75%; } #detail-item .others-wrap li.review .conts dl dt .right { float: right; margin-right: 7px; } #detail-item .others-wrap li.review .conts dl dt .in-img { display: inline-block; background: url(/images/d3/m_01/bull/review_in_img@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 17px; height: 12px; } #detail-item .others-wrap li.review .conts dl dt .name { display: block; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl .point { float: right; margin-top: 5px; text-indent: -9999px; display: inline-block; background: url(/images/d3/m_01/bull/review_star_off@2x.gif) repeat-x; background-size: 12px 9px; width: 58px; height: 9px; } #detail-item .others-wrap li.review .conts dl .point span { display: block; background: url(/images/d3/m_01/bull/review_star_on@2x.gif) repeat-x; background-size: 12px 9px; } #detail-item .others-wrap li.review .conts dl .point .point-1 { width: 12px; } #detail-item .others-wrap li.review .conts dl .point .point-2 { width: 22px; } #detail-item .others-wrap li.review .conts dl .point .point-3 { width: 34px; } #detail-item .others-wrap li.review .conts dl .point .point-4 { width: 44px; } #detail-item .others-wrap li.review .conts dl .point .point-5 { width: 58px; } #detail-item .others-wrap li.review .conts dl dt .date { display: block; text-align: right; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl dd { padding: 5px; margin-top: 5px; } #detail-item .others-wrap li.review .conts dl dd .in-img { position: relative; width: 95px; height: 95px; } #detail-item .others-wrap li.review .conts dl dd .in-img img { width: 100%; height: 100%; } #detail-item .others-wrap li.review .conts dl dd .in-img .plus { position: absolute; right: 1px; bottom: 1px; text-indent: -9999px; display: block; background: url(/images/d3/m_01/bull/review_img_plus@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; } #detail-item .others-wrap li.review .conts dl .score { border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: -5px; } #detail-item .others-wrap li.review .conts dl .score li { float: left; margin-right: 5px; line-height: 2em; } #detail-item .others-wrap li.review .conts dl .score li .point { float: none; margin-top: 0; } #detail-item .others-wrap .more { position: relative; background-color: #F4F4F4; padding: 5px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } #detail-item .others-wrap .more a { display: block; width: 90%; margin: 0 auto; text-align: center; font-size: .75em; font-weight: bold; } #detail-item .others-wrap li.exchange .conts { border-bottom: 1px solid #b8b8b8; } #detail-item .others-wrap li.exchange .conts img { width: 100%; } #detail-item .others-wrap li.coupon .conts {} #detail-item .naver-checkout { margin-top: 10px; } dl.MS_coupon { position: relative; font-size: .75em; color: #777777; background-color: #f4f4f4; border-bottom: 1px solid #D7D7D7; padding: 5px; } dl.MS_coupon dt { padding-top: 5px; background: url(/images/d3/m_01/bull/coupon_bg@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 60px; height: 40.5px; text-align: center; } dl.MS_coupon dt strong { color: #fff; font-weight: bold; font-size: larger; } dl.MS_coupon dt span { color: #fff; font-size: smaller; } dl.MS_coupon dd { position: absolute; left: 70px; top: 5px; } dl.MS_coupon dd h4, dl.MS_coupon dd p { margin: 0; line-height: 1.5em; } #detail-item .others-wrap li.coupon .conts .more { border-top: none; } /* ****************** 상품 상세 옵션 ******************** */ .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 12px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #FFFFFF; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { font-size: .85em;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 35px; top: 10px; color: #c5901f;font-family: 'Nanum GothicEB'; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 3px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { width: 23px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin-top: 3px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li { background-color: #fff; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 220px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 120px; top: 3px; *top: 2px; right: 105px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 19px; line-height: 16px; padding: 2px 0 0 2px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li { background-color: #fff; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 220px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 120px; top: 3px; *top: 2px; right: 105px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 19px; line-height: 16px; padding: 2px 0 0 2px; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 5px; font-size: larger; color: #777777; text-align: right; } #MK_innerOptTotal .MK_txt-total { font-size: .75em;} #MK_innerOptTotal .MK_txt-won { margin-right:8px; } #MK_innerOptTotal .MK_total { color: #c5901f;font-family: 'Nanum GothicEB'; font-weight: bold; } /* 추가 */ #detail-item .fixed-btn .wrap { position:relative; height:63px; } #detail-item .fixed-btn .wrap div {height:28px; line-height:28px; text-align:center; display:inline-block;margin:0;vertical-align:middle;border-radius:2px 2px 2px 2px;} #detail-item .fixed-btn .wrap div.btn-order {width:100%; background:#323230;border:1px #323230 solid;display:block; margin-bottom:3px;} #detail-item .fixed-btn .wrap div.btn-cart {width:48.26%;background:#dadada;border:1px #d1d1d1 solid;display:inline-block;margin:0 2% 0 0;} #detail-item .fixed-btn .wrap div.btn-wish {width:48.26%;background:#fff;border:1px #acacac solid;display:inline-block;} #detail-item .fixed-btn .wrap div a {text-decoration:none;vertical-align:middle;color:#fff;font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum;font-weight:700;font-size: .75em;} #detail-item .fixed-btn .wrap div.btn-cart a {color:#323230;} #detail-item .fixed-btn .wrap div.btn-wish a {color:#323230;} #detail-item .fixed-btn .box-shadow-03 {box-shadow:0px 0px 0 0 !important;} /* ============================================================================= 최근 본 상품 product.html ========================================================================== */ div.recent-btn { position: absolute; right: 10px; top: 9px; width: 59px; height: 20px; line-height: 20px; text-align: center; background-color: #f4f4f4; border: 1px solid #ded8d1; -webkit-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.recent-btn a { font-size: .75em; font-weight: bold; color: #777777; } div.recent-btn a span { padding-right: 10px; } div.recent-btn a.off span { background: url(/images/common/recent_span_off@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } div.recent-btn a.on span { background: url(/images/common/recent_span_on@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } #MK_recents { position: relative; display: none; background: url(/images/common/recents_items.gif) repeat 0 0; } #MK_recents h3 { margin: 0; padding: 5px 0; text-indent: 10px; font-size: .75em; color: #777777; } #MK_recents .items { position: relative; width: 85%; margin: 0 auto; overflow: hidden; } #MK_recents .items ul { width: 100%; } #MK_recents .items ul li { float: left; width: 25%; list-style-type: none; } #MK_recents .items ul li a { position: relative; display: block; padding: 5px; } #MK_recents .items ul li img { width: 100%; height: auto; border: 1px solid #dddddd; } #MK_recents .items ul li a.now img { border: 3px solid #90bae9; } #MK_recents .items .paging { padding: 5px 0; font-size: .75em; text-align: center; } #MK_recents .btns a { display: block; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; } #MK_recents .btns a.prev { left: 10px; background: url(/images/common/recent_prev_btn@2x.gif) no-repeat 0 0; background-size: contain; } #MK_recents .btns a.next { right: 10px; background: url(/images/common/recent_next_btn@2x.gif) no-repeat 0 0; background-size: contain; } /* ============================================================================= 관련상품 ========================================================================== */ .related-btn {border-bottom:1px #d3d3d3 solid;} .related-btn .btn-wrap { padding:17px 0; text-align: center; } .related-btn .btn-wrap a {margin:0 auto;display:block;width:46.5625%;background:#dadada;border-radius:2px 2px 2px 2px;border:1px #d1d1d1 solid;height:28px;line-height:28px;text-decoration:none;vertical-align:middle;color:#323230;font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum;font-weight:700;font-size: .7em;} .related-btn .btn-wrap .btn-type-10 {padding:0px 5px 4px 5px;} .amount-input { width:20px; } #detail-item .others-wrap li.related-product .items-wrap .items .txt { margin-left : -8px; } #detail-item .others-wrap li.related-product .items-wrap .items li.options .txt { margin-left : 0px; } #detail-item .others-wrap li.related-product .items-wrap .items li.options .txt .options-select { width : 130px; } #detail-item .related-product .items-wrap .items[data-type="vertical"] .price-info .btn-type-02 { padding:2px 5px;} #detail-item .others-wrap li.related-product .items-wrap .items .txt { margin-left:0px;} .items-wrap .items[data-type=vertical] .price-info li {padding-bottom:3px;} .items-wrap .items[data-type=vertical] .price-info .txt-input {padding:0 0 0 0;} #detail-item .others-wrap li.related-product .items-wrap .items .txt .btn-type-10 {padding-left:7px;padding-right:7px;} #detail-item .others-wrap li.related-product .items-wrap .items li.options .txt .options-select {margin-top:4px; margin-bottom:4px;} #detail-item .others-wrap li {padding-bottom:8px;} /* BASIC css end */