/* BASIC css start */ /* 공통 */ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); a{cursor:pointer} .prd-detail, .prd-detail *{ font-family: 'Spoqa Han Sans Neo', 'sans-serif'; } .prd-detail{text-align:center;} .prd-detail img{margin:0 auto;} #productDetail .loc-navi { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } #productDetail .page-body { } textarea.MS_review_content_box {height:67px; width:693px; padding:0; } h4.review_tit {padding-top:25px; font-size:18px; color:#000; font-family: 'Nanum Gothic', sans-serif;} .colorGray { color:#777;} /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap {position:relative; float: left; width: 515px; text-align: center; } #productDetail .thumb-info .thumb-wrap .thumb_bottom01 {width:488px; margin:0 0 70px 27px;} #productDetail .thumb-info .thumb-wrap .thumb_bottom01 .sns_wrap {float:left; line-height:24px; font-size:16px; color:#7a7878; font-family: 'Nanum Gothic', sans-serif; } #productDetail .thumb-info .thumb-wrap .thumb_bottom01 .sns_wrap span {padding-right: 15px;} #productDetail .thumb-info .thumb-wrap .thumb_bottom01 .right_area {float: right; line-height:24px;} #productDetail .thumb-info .thumb-wrap .thumb_bottom01 .right_area >span {padding-right:8px;} #productDetail .thumb-info .thumb-wrap .thumb_bottom02 {width:488px; margin:0 0 0 27px;} #productDetail .thumb-info .thumb-wrap .thumb_bottom02 .credit {float:left; } #productDetail .thumb-info .thumb-wrap .thumb_bottom02 .credit dt {font-size:14px; color:#666;font-family: 'Nanum Gothic', sans-serif; text-align:left; font-weight:bold; } #productDetail .thumb-info .thumb-wrap .thumb_bottom02 .nhn_area{float:right; } #productDetail .thumb-info .thumb { width: 500px; text-align: center; margin: 0 0 11px 27px; } #productDetail .thumb-info .thumb img { display: block;width:100%; } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } #productDetail .thumb-info .icon_wrap {position:absolute; top:0; right:0px; width:50px; } #productDetail .thumb-info .icon_wrap img {display:block; width:60px; margin-bottom:5px;} /* 상품옵션 정보 */ #productDetail .thumb-info .info {position:relative; float: right; width: 387px; } #productDetail .thumb-info .info .tit-prd { margin-bottom:19px; font-weight: bold; font-size: 30px; color: #202020; font-family: 'Nanum Gothic', sans-serif; } #productDetail .thumb-info .info .sub_name { font-size: 12px; color: #666; line-height:21px; } #productDetail .thumb-info .info .table-opt { margin-top: 25px; border-top:1px solid #d6d6d6; padding-top:14px;} #productDetail .thumb-info .info .table-opt > table > tbody > tr > th, #productDetail .thumb-info .info .table-opt > table > tbody > tr > td { font-size: 13px; padding: 8px 0 6px; color:#000000; } #productDetail .thumb-info .info .table-opt > table > tbody > tr > th { color:#000; font-weight: normal; text-align:left;vertical-align: top; } #productDetail .thumb-info .info .table-opt > table > tbody > tr > th.price_th {vertical-align:bottom;} /* 레이어팝업 */ #productDetail .thumb-info .info .view_pop_wrap {height: 100px; width: 45px;position: absolute; top: 190px; right: 0; z-index: 10; } .view_pop_wrap {position:absolute; } .view_pop_wrap img {cursor:pointer;} #productDetail .prd-detail .view_pop_wrap {} /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #d63448; } #productDetail .thumb-info .info .table-opt .price.option {font-size:20px;} #productDetail .thumb-info .info .table-opt .option_th {padding-top:10px;} /* 주문수량 */ #goods_amount { float: left; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 85px; height:35px; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 25px; height: 35px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 18px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/goods/quantity_up.jpg) no-repeat ; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/goods/quantity_down.jpg) no-repeat; } #productDetail .thumb-info .info .table-opt .price {color:#202020; font-size:30px;font-family: 'Nanum Gothic', sans-serif; font-weight:bold; } #productDetail .thumb-info .info .table-opt .price .consumer {color:#A1A1A1; font-size:12px; } #productDetail .thumb-info .info .table-opt .price .consumer strike {font-size:20px; font-weight:bold; } #productDetail .thumb-info .info .table-opt .price .won {font-size:15px;} #productDetail .thumb-info .info .table-opt .discount {font-size:12px; color:#9b9b9b; font-family: Dotum; font-weight: normal; } #productDetail .thumb-info .info .table-opt #goods_amount {height:33px; width:55px; border:1px solid #d6d6d6; margin-right:3px;} #productDetail .thumb-info .info .prd-btns { margin-top: 40px; font-size: 0;} #productDetail .thumb-info .info .prd-btns a { margin: 0; } #productDetail .thumb-info .info .prd-btns a:first-child {padding-right:5px;} #productDetail .thumb-info .info .prd-btns a:last-child {padding-left:5px;} #productDetail .thumb-info .info .prd-btns .soldout { margin-left: 10px; font-weight: bold; } #productDetail .thumb-info .info .nhn_area {margin-top:20px; margin-left:105px} #productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-img, #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; vertical-align:top; } #productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; } #productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; border-bottom:1px solid #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon, #productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:20px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } /* 하이브리드 옵션 적용 소스 */ #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#333; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* dizi 통합옵션 관련 추가 */ #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 100px; padding-top: 7px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 248px; margin-bottom: 5px; padding: 0 0 0 10px; } #productDetail .thumb-info .info .table-opt .opt-wrap select[name="optionlist[]"]{ width: 100%;} /* 타이틀 공통 */ #productDetail .tit-hd { margin-top: 70px; border-bottom: 1px solid #b8b8b8; padding-left: 4px; } #productDetail .tit-hd .tit-detail { height: 16px; padding-top: 8px; padding-left: 20px; background: url(/images/d3/modern_house/bg_tab.gif) no-repeat 0 0; } #productDetail .tit-hd .btns-part { position: relative; } #productDetail .tit-hd .btns { position: absolute; right: 0; top: -26px; text-align: center; } /* 상품 상세 이미지 */ #productDetail .view_banner {margin:64px auto 87px } #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; position:relative; color: #000000; font-family: 'Nanum Gothic', sans-serif; } #productDetail .prd-detail img { max-width: 100%; display:block;} #productDetail .prd-detail .wd50{display:inline-block; width:50%; float:left;} #productDetail .prd-detail .promotionSwiper.swiper .swiper-button-prev, .promotionSwiper.swiper .swiper-button-next{width:auto} #productDetail .prd-detail .promotionSwiper.swiper .swiper-button-prev::after, .promotionSwiper.swiper .swiper-button-next::after{color:#000;} #productDetail .prd-detail .promotionSwiper.swiper .swiper-button-prev{left:22px;} #productDetail .prd-detail .promotionSwiper.swiper .swiper-button-next{right:22px;} /* 관련상품 */ #productDetail .prd-list { margin-top: 10px; } #productDetail .prd-list th { padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: normal; font-size: 11px; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #ccc; vertical-align: middle; } #productDetail .prd-list .thumb { width: 50px; height: 50px; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #aaa; } #productDetail .prd-list .prd-amount input { width: 32px; height: 15px; border: 0; } #productDetail .prd-list .prd-amount .btns { float: left; width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } /* 댓글리스트 공통 */ #productDetail .table-slide { } #productDetail .table-slide thead th { font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 17px 0; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; } #productDetail .table-slide tbody td { background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/goods/border_bottom.gif) repeat-x 0 0; font-family: 'Nanum Gothic', sans-serif; } #productDetail .table-slide tbody td a { font-family: 'Nanum Gothic', sans-serif;} #productDetail .table-slide tbody tr:first-child td {background:none;} #productDetail .table-slide tbody tr.ndata td {border-bottom:0;} #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #b4b4b5; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* qna board */ #productDetail .qna-list {} /* .board-hd */ #productDetail .board-hd { margin: 80px 0 20px 0; background: url(/images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%; } /* .board-btns */ #productDetail .board-btns { text-align: right; } #productDetail .board-btns img { padding: 0 5px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap {display:block; margin: 10px 0; width: 755px; margin:0 auto; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; font-family:Myriad Pro; font-size:24px; color:#000;} #productWrap table { width: 100%; margin:0 auto; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #767676; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #3b3b3d; text-align: left; padding: 10px 0 10px 30px; font-weight:normal; font-family: 'Nanum Gothic', sans-serif; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 28px; font-family: 'Nanum Gothic', sans-serif; } #productWrap table tr:last-child th, #productWrap table tr:last-child td {border-bottom-color:#767676} #productDetail{position:relative; width:961px; margin:0 auto; margin-top:60px;} #productDetail .view_navi {position:absolute; top:-62px; left:0; line-height:25px;} #productDetail .view_navi span.dpn {display:none!important;} #productDetail .view_navi select {height:25px;} #productDetail .view_navi a {display:inline-block; width:48px; line-height:25px; color:#fff; background:#d1d1d1; text-align:center; } #productDetail .next_prev_item {position:absolute; top:-62px; right:0; } #productDetail .related_wrap {margin-top:20px; } #productDetail .related_wrap .left {position:relative; float: left; width:940px; } #productDetail .related_wrap .right {position:relative; float: right; width:464px; } #productDetail .related_wrap .tit-related {margin-bottom:26px;color:#000; font-size:18px; font-family: 'Nanum Gothic', sans-serif;} #productDetail .related_wrap .btn {position:absolute; top:0; cursor:pointer; } #productDetail .related_wrap .btn.prev {right:21px;} #productDetail .related_wrap .btn.next {right:0; } #productDetail .related_wrap .caroufredsel_wrapper {height:315px!important; overflow:hidden; width:464px; } #productDetail .media {margin-top:100px; } #productDetail .media .tit {margin-bottom:35px; color:#000; font-size:18px;font-family: 'Nanum Gothic', sans-serif; } #productDetail .media a {display:block; float:left; margin-left:69px;} #productDetail .media a:first-child {margin-left:0;} #productDetail .view_menu_tab_basic1 {position:relative; border-bottom:1px solid #000; *zoom:1;} #productDetail .view_menu_tab_basic1.tab_loc2, #productDetail .view_menu_tab_basic1.tab_loc3 {margin-bottom:0;} #productDetail .view_menu_tab_basic1:after {display:block; clear:both; content:'';} #productDetail .view_menu_tab_basic1 > div {float:left; width:155px; height:54px; line-height:54px; text-align:center; box-sizing:border-box; border: 1px solid #d8d8d8; border-bottom:0; margin-left:-1px; font-size:15px; color:#575757; font-family: 'Nanum Gothic', sans-serif; cursor:pointer;} #productDetail .view_menu_tab_basic1 > div:first-child {margin-left:0;} #productDetail .view_menu_tab_basic1 > div.tab_actv {background:#000; border-color:#000; color:#fff; } #productDetail .view_menu_tab_basic1 > img {position:absolute; top:13px; right:0; cursor:pointer;} #productDetail .btn_style_circle {text-align: center; display:inline-block; width:67px; height:67px; line-height:69px; font-weight:bold; font-family: 'Nanum Gothic', sans-serif; } #productDetail .btn_style_circle.bgB {background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/btn_circle_bgB.png) no-repeat 0 0; color:#fff; } #productDetail .btn_style_circle.bgG {background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/btn_circle_bgG.png) no-repeat 0 0; color:#fff; } #productDetail .qna_bottom_wrap{position:relative; padding-top:20px; } #productDetail .qna_bottom_wrap .btn_wrap{position:absolute; top:20px; right:0; width:170px; text-align:right; } #productDetail .delivery_wrap {padding-top:40px;} #productDetail .delivery_wrap dt {float:left; width:190px; margin-right:47px; padding:20px 0; border-top:0px solid #dfdfdf; text-transform: uppercase; font-family: 'Nanum Gothic', sans-serif; text-align:right; font-size:15px;} #productDetail .delivery_wrap dd {float:left; width:724px; border-top:0px solid #dfdfdf; padding:20px 0; text-transform: uppercase; color:#8a8a8a; font-size:14px; line-height:23px; font-family: 'Nanum Gothic', sans-serif;} #productDetail .delivery_wrap dl:first-child dt, #productDetail .delivery_wrap dl:first-child dd {border-top:0;} #productDetail .delivery_wrap dd strong {font-weight:normal; color:#960c0c;} #productDetail .delivery_wrap dd.text_style2 {letter-spacing:-0.09em;} /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px; border: 0px solid #ddd; } #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #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 #ddd;*/ } #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_price { right: 20px; top: 7px; *top: 5px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 4px; *top: 3px; } /* 하이브리드 기본상품 가격 노출 및 선택된 하이브리드 옵션노출항목*/ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 2px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 10px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 10px; } /* 총합계 */ #MK_innerOptTotal { font-size: 12px; color: #333;padding-top:12px; border-top:0px solid #e4e4e5; *zoom:1; text-align:right;line-height: 200%; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; font-size:22px;margin:0 0 0 15px;} #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } /* 원클릭옵션 */ .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: 5px 0; 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; } .pdtArea {width: 100%; border: 1px solid #D4D4D4; text-align: center;margin:30px 0;} .pdtArea a.tabPdtInfo { height: 38px; line-height: 38px;font-size: 14px; background-color: #efefef; border: 0px none; font-weight: bold; display: block; margin: 0 auto; } .pdtArea a.tabPdtInfo:after {color: #000; font-size: 13px; margin-left: 5px; text-align: center; } .pdtArea a.tabPdtInfo i { font-size:14px;font-style:normal;} .MS_cmt_detail {font-weight:bold;} .MS_cmt_list_box {border-top:1px solid #bebebe; margin-top:40px; padding-top:30px; margin-bottom:50px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 에코작업 */ #contentWrapper #contentWrap{width:100%;} #contentWrapper #contentWrap #content{width:100%;} #contentWrapper #contentWrap #content #productDetail{width:100%;} #contentWrapper #contentWrap #content #productDetail .page-body{width:100%; overflow-x:hidden;} #contentWrapper #contentWrap #content #productDetail .thumb-info{width:1000px; float:none; display:flex; margin:0 auto 80px auto;} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap{width:580px; margin:0} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb{width:580px; margin:0} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb ul li:first-child, #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb #zoom_image{height:580px; overflow:hidden; margin-bottom:20px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb ul li:first-child img, #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb #zoom_image img{width:100%;} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb ul li:last-child{display:flex; overflow:auto; width:580px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .thumb-wrap .thumb ul li:last-child img{width:80px; height:80px; margin-right:10px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info{margin-left:40px; width:380px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .tit-prd{font-size:22px; font-weight:600; color:#373737; margin-bottom:12px; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .sub_name{font-size:14px; font-weight:400; color:#6f6f6f; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info{margin-top:20px; padding:0; border:0; position:relative; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox{position:absolute; top:0; right:0; display:flex;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .wishBox{min-width:21px; margin-right:14px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .wishBox #MS_btn_wish{display:block; width:100%; height:21px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .wishBox #MS_btn_wish a{display:block; background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); background-position:top center; background-repeat:no-repeat; background-size:21px auto; /*padding-top:21px;*/ width:21px; height:21px; text-align:center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .wishBox #MS_btn_wish.wish-on a{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .share_btn{width:21px; position:relative;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .detail_iconBox .share_btn img{width:100%;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount{display:inline-block; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount .shopdetailInfoCont b.dc_txt{color:#cf1b7c; font-size:20px; font-weight:500;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount .shopdetailInfoCont em{color:#000; font-size:20px; font-weight:500;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount .shopdetailInfoCont .won{color:#000; font-size:20px; font-weight:500;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .no_have_option{display:inline-block;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .no_have_option .shopdetailInfoCont{font-size:14px; font-weight:400; color:#c3c3c3;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount.group{margin-top:10px; display:block; position:relative;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount.group .shopdetailInfoCont strong:first-child{font-weight:500; font-size:14px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(2){font-weight:400; font-size:14px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount.group .shopdetailInfoCont strong:nth-child(2) span{color:#6f6f6f;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .prd-info .shopdetailInfoDiscount.group .shopdetailInfoCont > img{width:15px; height:15px; filter: invert(97%) sepia(84%) saturate(1%) hue-rotate(318deg) brightness(89%) contrast(91%); margin-left:4px; vertical-align:text-top; margin-top:1px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt{margin-top:30px; padding-top:32px; border-top:solid 1px #6f6f6f;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > th{padding:0; padding-bottom:32px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > th div, #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > th strong{color:#000; font-size:14px; font-weight:400;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td{padding:0; padding-bottom:32px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoName{font-size:14px; font-weight:400; color:#000; padding:0;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt{margin-bottom:8px; display:block; text-align:left; position:relative;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt > strong{font-size:14px; font-weight:500; color:#000;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt > img{width:15px; height:15px; filter: invert(97%) sepia(84%) saturate(1%) hue-rotate(318deg) brightness(89%) contrast(91%); margin-left:4px; vertical-align:text-top; margin-top:1px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt > span{font-size:14px; font-weight:400; color:#6f6f6f;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt + span{font-size:14px; font-weight:+400; color:#000; display:block; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .txt + span span{color:#0D7384;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .today_delivery{display:block; border:solid 1px #d9d9d9; padding:12px; margin-top:12px; border-radius:5px; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .today_delivery img{filter: invert(25%) sepia(61%) saturate(2683%) hue-rotate(167deg) brightness(90%) contrast(90%); transform: scaleX(-1); width:20px; padding:2px 0; display:inline-block; margin-right:8px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .today_delivery span:nth-child(2){color:#0D7384; font-size:12px; font-weight:500;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > td .shopdetailInfoCont .today_delivery span:nth-child(3){color:#000; font-size:12px; font-weight:500;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > .shopdetailInfoCont{text-align:left; position:relative;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > .shopdetailInfoCont > img{width:100%;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr > .shopdetailInfoCont > .card{text-decoration:underline;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr .opt-wrap{padding-top:20px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr .opt-wrap dl{padding:10px 0; display:flex; flex-wrap: wrap; align-items: center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr .opt-wrap dl dt{width:75px; text-align:left; padding:0; float:none;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr .opt-wrap dl dd{float:none; padding:0; width:calc(100% - 75px); margin:0;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt table > tbody > tr .opt-wrap dl dd select{width:100%; padding:12px 28px 12px 16px; border:solid 1px #d9d9d9; border-radius:5px; line-height:normal; height:auto; appearance: none; background-image:url(/design/aaron/ECHO/ui%20icon/select_arrow.svg); background-size:8px 16px; background-repeat:no-repeat; background-position:right 20px center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap{border-top:solid 1px #6f6f6f;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap{padding-top:30px; margin:0} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li{background:#f6f6f6; padding:12px; margin-bottom:20px; display:flex; border-radius:5px; flex-wrap:wrap; justify-content: space-between; align-items: center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_p-name{padding-right:40px; display:block; width:100%; margin-right:0; font-size:12px; font-weight:400; color:#000; margin-bottom:23px; text-align:left;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl{position:relative; top:unset; right:unset; height: 30px; width: 94px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl input{position:absolute; left:32px; top:0; width:30px; height:30px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; border-right:0; border-left:0; text-align:center !important; float:none !importnat;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl a:nth-child(2){position:absolute; left:62px; top:0; width:30px; height:30px; border:solid 1px #d9d9d9; border-radius:0 5px 5px 0; background:#fff;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl a:nth-child(2)::after{content:'+'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; font-weight:400; color:#000} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl a:nth-child(3){position:absolute; left:0; top:0; width:30px; height:30px; border:solid 1px #d9d9d9; border-radius:5px 0 0 5px; background:#fff;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl a:nth-child(3)::after{content:'-'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; font-weight:400; color:#000} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_qty-ctrl a img{display:none;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_price{position:static;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_price span{font-size:14px; font-weight:400; color:#000;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_btn-del{right:12px; top:12px; width:13px; height:13px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_btn-del::after{content:''; display:block; position:absolute; width:100%; height:100%; background-image:url(/design/aaron/ECHO/ui%20icon/closed.svg); background-repeat:no-repeat; background-size:contain; background-position:center center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptScroll ul li .MK_btn-del img{display:none;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal{padding-top:10px; border:0;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal #MK_innerOptTotal{padding:0;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal #MK_innerOptTotal .totalLeft{display:flex; justify-content: space-between;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal #MK_innerOptTotal .totalLeft .MK_txt-total{font-size:14px; font-weight:400; color:#000;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal #MK_innerOptTotal .totalLeft > span:last-child strong{font-size:20pxj; font-weight:400; color:#000;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap #MK_innerOptWrap #MK_innerOptTotal #MK_innerOptTotal .totalLeft > span:last-child span{font-size:14px; font-weight:400; color:#000;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .MK_optAddWrap .gwpImage{width:100%; margin-top:20px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns{margin:0; display:flex; justify-content: space-between; position:relative;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns #cartBtn{border:solid 1px #d9d9d9; width:calc((100% - 10px)/2); padding:13px 0; color:#000; font-size:15px; display:block; border-radius:5px; text-align:center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns a:nth-child(2){border:solid 1px #000; width:calc((100% - 10px)/2); padding:13px 0; color:#fff; font-size:15px; background:#000; display:block; border-radius:5px; text-align:center;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup{position:absolute; right:0px; top:58px; background:#fff; border:solid 1px #000; padding:10px 22px; z-index:10; border-radius:5px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup:after{content: ''; position: absolute; border-style: solid; border-width:0 8px 9px 8px; border-color: #FFF transparent; display: block; width: 0; z-index: 1; top: -9px; left:194px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup:before{content: ''; position: absolute; border-style: solid; border-width:0 8px 9px 8px; border-color: #000 transparent; display: block; width: 0; z-index: 0; top: -10px; left:194px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup .naver_popupClose{width:9px; height:9px; display:block; position: absolute; top: 8px; right: 8px;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup .naver_popupClose img{width:100%;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup p{font-size:13px; font-weight:400; color:#6f6f6f;} #contentWrapper #contentWrap #content #productDetail .thumb-info .info .table-opt .prd-btns .naver_popup p strong{font-size:13px; font-weight:600; color:#000;} #contentWrapper #contentWrap #content #productDetail .page-body .view_menu_tab_basic1{padding:0 calc((100% - 1000px)/2); border-bottom:solid 1px #d9d9d9; background:#fff; width:100%;} #contentWrapper #contentWrap #content #productDetail .page-body .view_menu_tab_basic1 div{font-size:14px; font-weight:400; color:#000; padding:18px 60px; border:0; width:auto; height:auto; line-height:1;} #contentWrapper #contentWrap #content #productDetail .page-body .view_menu_tab_basic1 .tab_actv{color:#000; font-size:14px; font-weight:400; background:none; border-bottom:solid 1px #000;} #contentWrapper #contentWrap #content #productDetail .page-body .crema-product-reviews{width:1000px; margin:0 auto;} #contentWrapper #contentWrap #content #productDetail .page-body a[name='reviewboard'] + .review-list{margin-bottom:120px;} #contentWrapper #contentWrap #content #productDetail .page-body .prd-detail .detail_wrapper{width:580px; padding-left:calc((100% - 1000px)/2);} #contentWrapper #contentWrap #content #productDetail .page-body #productWrap{width:1000px; margin-bottom:120px; margin-top:60px;} #contentWrapper #contentWrap #content #productDetail .page-body .qna-list{width:1000px; margin:0 auto;} #contentWrapper #contentWrap #content #productDetail .page-body .qna-list p{font-size:18px; font-weight:400; color:#000; margin-bottom:20px; padding-top:20px;} #contentWrapper #contentWrap #content #productDetail .page-body .delivery_wrap{width:1000px; margin:0 auto;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon{width:1000px; margin:0 auto 120px auto; overflow-x:auto; padding-bottom:32px;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon p{font-size:18px; font-weight:400; color:#000; margin-bottom:20px; padding-top:20px;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list{display:flex; width:max-content; margin-top:0; } #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li{width:185px; margin-right:20px;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure{width:100%; margin:0;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure a{display:block; width:100%;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure a img{width:100%;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure .list_shoppingInfo{padding-top:12px;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure .list_shoppingInfo .prd-name a{font-size:14px; color:#000; font-weight:400;} #contentWrapper #contentWrap #content #productDetail .page-body .suggestCon .prd-list li figure .list_shoppingInfo .listPrice{font-size:15px; color:#000; font-weight:500; padding-top:7px;} /* 팝업 */ .popup{position:absolute; padding:20px; background:#fff; right:0; top:0; box-shadow:0 0 20px 0 #0000001a; border-radius:10px;transform:translateX(calc(100% + 30px)); z-index:999;} .popup .popupHeader{text-align:center; position:relative; margin-bottom:30px;} .popup .popupHeader .title{font-size:14px; font-weight:500; color:#000} .popup .popupHeader .close{width:16px; height:16px; position:absolute; right:0; top:0;} .popup .popupHeader .close img{width:100%;} .popup .popupBody > img{width:100%;} .popup .popupBody > span{display:block; width:100%; border-bottom:solid 1px #D9D9D9; font-size:14px; font-weight:500; padding-bottom:5px; text-align:left;} .popup.deliveryPopup .popupBody > p {font-size:12px;} .popup .popupBody .share{display:flex; padding:0 48px; margin:0 auto;} .popup .popupBody .share li{margin-right:18px;} .popup .popupBody .share li:last-child{margin:0;} .popup .popupBody .share li img{width:55px; height:55px;} .popup .popupBody .share li span{display:block; font-size:13px; font-weight:400; color:#6f6f6f;} .popup.groupPopup{transform:translateX(210px); min-width:345px; width:400px;} .popup.groupPopup .popupBody table thead tr th{font-size:12px; font-weight:500; color:#000; padding:7px 14px; border-bottom:solid 1px #D9D9D9; text-align:center;} .popup.groupPopup .popupBody table thead tr th:last-child{width:100px;} .popup.groupPopup .popupBody table tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 14px; text-align:center;} .popup.groupPopup .popupBody table tbody tr:nth-child(1) td:first-child{color:#FF6481} .popup.groupPopup .popupBody table tbody tr:nth-child(2) td:first-child{color:#15444C} .popup.groupPopup .popupBody table tbody tr:nth-child(3) td:first-child{color:#DD161B} .popup.groupPopup .popupBody table tbody tr:nth-child(4) td:first-child{color:#FEB700} .popup.groupPopup .popupBody table tbody tr:nth-child(5) td:first-child{color:#366BD6} .popup.groupPopup .popupBody table tbody tr:nth-child(5) td:first-child{color:#5BB500} .popup.deliveryPopup{transform:translateX(180px); width:370px;} .popup.deliveryPopup .popupBody table.delivery1{margin-bottom:40px;} .popup.deliveryPopup .popupBody table.delivery1, .popup.deliveryPopup .popupBody table.delivery2{width:100%;} .popup.deliveryPopup .popupBody table.delivery1 tbody tr td, .popup.deliveryPopup .popupBody table.delivery2 tbody tr td{font-size:12px; font-weight:400; color:#000; padding:7px 0 !important; text-align:left;} .popup.deliveryPopup .popupBody table.delivery1 tbody tr td:first-child, .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:first-child{padding-right:14px;} .popup.deliveryPopup .popupBody table.delivery2 {margin-bottom: 8px;} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:last-child{width:60px} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td{border-bottom:solid 1px #F6F6F6;} .popup.deliveryPopup .popupBody table.delivery2 tbody tr td:last-child{text-align:right;} .popup.cardPopup{transform:translateX(410px); max-height:500px; overflow:auto; min-width:540px;} /* 상품상세 랜딩 아코디언 */ .accordion{width:70%; text-align:left; margin:0 auto;} .accordion span{position:relative; border:solid 1px #D9D9D9; border-radius:5px; padding:10px 15px; line-height:1.7; } .accordion span::after{content:''; display:block; position:absolute; width:15px; height:15px; border-top:2px solid #3b3b3b; border-right:2px solid #3b3b3b; transform:translateY(-50%) rotate(135deg); position:absolute; top:42%; right:18px;} .accordion.on span{border:solid 1px #000;} .accordion.on span::after{transform:translateY(-50%) rotate(315deg); top:56%;} .accordionBox{display:none;} .accordionBox.on{display:block;} .accordionBox img {width:100%;} /* 밝기 계산법 */ .accordion.brightness{ margin-bottom:40px; width:68%;} .accordion.brightness span{width:89%; display:block; margin:0 auto; font-size:25px;} .accordion.brightness + .accordionBox{padding-bottom:40px;} /* 자주묻는질문 */ .accordion.qna{margin-top:100px;} .accordion.qna span{display:block; margin:0 auto; font-size:25px; } .accordion.qna + .accordionBox{width:70%; margin:0 auto; text-align:left;} .accordion.qna + .accordionBox ul li{border-bottom:solid 1px #e9e9e9;} .accordion.qna + .accordionBox ul li span{position:relative; font-size:20px; padding:25px 45px 20px 30px; display:block; word-break: keep-all;} .accordion.qna + .accordionBox ul li span::before{content:'Q.'; display:block; position:absolute; left:0; color:#3b3b3b;} .accordion.qna + .accordionBox ul li span::after{content:''; display:block; position:absolute; width:10px; height:10px; border-top:1px solid #3b3b3b; border-right:1px solid #3b3b3b; transform:translateY(-50%) rotate(135deg); position:absolute; top:45%; right:21px;} .accordion.qna + .accordionBox ul li span.on::after{transform:translateY(-50%) rotate(315deg); top:55%;} .accordion.qna + .accordionBox ul li .con{display:none; background:#F6F6F6; padding:20px 45px 20px 30px; font-size:20px; word-break: keep-all; line-height:1.6;} .accordion.qna + .accordionBox ul li .con.on{display:block;} /* 상품상세 랜딩 컬러칩 */ .colorRecipe{width:89% !important; margin:0 auto; padding-bottom:100px;} .colorRecipe .title_box{margin: 80px 0 5px 0;} .colorRecipe .title_box strong{display: block; font-size: 24px; font-weight: 500; color: #CF1B7C; margin: 0 0 24px 0;} .colorRecipe .title_box p{font-size: 32px; font-weight: 500; line-height: 40px;} .colorRecipe .text_box{margin: 0 0 32px 0;} .colorRecipe .text_box strong{display: block; margin: 0 0 12px 0; font-size: 22px; font-weight: 500; color: #CF1B7C;} .colorRecipe .text_box p{font-size: 20px; line-height: 28px; font-weight: 400;} .colorRecipe > p{text-align:center; font-size:22px; line-height:1.5; color:#6F6F6F; } .colorRecipe .colorChip{display:flex; flex-wrap:wrap; justify-content: center; align-items: center; width:65%; margin:0 auto 60px auto;} .colorRecipe .colorChip.basic{margin:0 auto; justify-content: left;} .colorRecipe .colorChip.style{justify-content: left;} .colorRecipe .colorChip > p{display:block; width: 100%; text-align: center; margin-bottom:20px; font-size: 33px; color:#000;} .colorRecipe .colorChip > p > span{font-size:25px;} .colorRecipe .colorChip.basicColor > p.commend{font-size: 28px; margin-top: 60px; color: #6F6F6F;} .colorRecipe .colorChip.basicColor > p > span{color:#CF1B7C} .colorRecipe .colorChip > span{width:55px; height:55px; border-radius:50%; margin:3px 5px; display:block; box-sizing:border-box; color:#fff; text-align:center; line-height:55px;} .colorRecipe .colorChip > span.nonSelect{border:solid 2px #6F6F6F; position:relative;} .colorRecipe .colorChip > span.nonSelect::after{content:''; display:block; position:absolute; width:2px; height:100%; background:#6F6F6F; transform:translate(-50%, -50%) rotate(315deg); left:50%; top:50%;} .colorRecipe .colorChip > span.nonSelect.active{border:solid 2px #CF1B7C;} .colorRecipe .colorChip > span.nonSelect.active::after{background:#CF1B7C;} .colorRecipe .colorChip > span.active:not(.nonSelect){background-image:url(/design/aaron/ECHO/ui%20icon/check_pc.png); background-size:34px ; background-repeat:no-repeat; background-position:center center; border:solid 5px #CF1B7C;} .colorRecipe .colorResult{position:relative; padding: 24px 0;} .colorRecipe .colorResult span{position:absolute; top:-10px; left:50%; transform:translateX(-50%); font-weight:500; font-size:40px; color:#000;} .colorRecipe .colorResult img{width:100%} .colorRecipe .recommendTit{font-size: 30px; color:#000000; margin: 0 0 12px 0;} .colorRecipe .recommendTit span{font-size: 24px; color:#CF1B7C;} .colorRecipe .recommendColor{display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin:0 auto 24px auto;} .colorRecipe .recommendColor .mixColor{position: relative; width:150px; text-align: center; margin: 12px 0;} .colorRecipe .recommendColor .mixColor.active::before{ content:""; position:absolute; top:15%; left:50%; transform:translate(-50%, 0); width: 35px; height: 35px; background-image:url(/design/aaron/ECHO/ui%20icon/check_pc.png); background-repeat:no-repeat; background-position:center center; background-size: contain; z-index: 1;} .colorRecipe .recommendColor .mixColor.active span:not(:first-child){position:relative;} .colorRecipe .recommendColor .mixColor.active span:not(:first-child)::after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; border:5px solid #CF1B7C; width: 53px; height: 53px; border-radius: 50%;} .colorRecipe .recommendColor .mixColor .colorTit{position: absolute; top: 24px; left: 50%; text-align: center; transform: translate(-50%, 0); color: #ffffff;} .colorRecipe .recommendColor .mixColor span:not(.colorTit){width:55px; height:55px; border-radius:50%; margin:3px -8px; display:inline-block; box-sizing:border-box; text-align:center; line-height:55px; } .colorRecipe .recommendColor .mixColor p{font-size: 14px; margin-top: 4px;} .detailSwiper .swiper-button-next, .detailSwiper .swiper-button-prev {color:#000000;} /* 상품상세 랜딩 추천 */ .recommendSwiper{width:62% !important;} .recommendSwiper .swiper-slide img{width:100%; max-width:100% !important;} .recommendSwiper .swiper-pagination{display: inline-block; width: fit-content !important; padding: 0 9px; border-radius: 14px; height: 28px; right: 2%; left: auto; background: #000; color: #fff; font-weight: 300; font-size: 14px; line-height:28px; bottom:14px;} /* 상품상세 랜딩 사용법 */ .howtoSwiper{width:70%; margin:0 auto; text-align:left;} .howtoSwiper .swiper-slide img{width:100%; max-width:100% !important;} .howtoSwiper .swiper-pagination{ display: flex; width:88.4% !important; margin: 0 auto; position: inherit; bottom: unset !important; left: unset !important;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet{ width: 25%; background: unset; border-bottom: 1px solid black; border-radius: 0; height: auto;margin: 0 !important; opacity: 1; text-align: left;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: unset; border-bottom: 4px solid black; } .howtoSwiper .swiper-pagination .swiper-pagination-bullet span{font-size: 18px; color: #6F6F6F; font-family: 'Avenir Roman', sans-serif;} .howtoSwiper .swiper-pagination .swiper-pagination-bullet p{font-size: 24px; padding:10px 0 20px 0; font-weight: 400; } .howtoSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active p{font-weight:500;} .howtoSwiper :is(.swiper-button-next, .swiper-button-prev){ color: black; transform: translateY(-50%); width:20px !important; height:30px !important; top:46% !important;} .howtoSwiper .swiper-button-next:after, .howtoSwiper .swiper-button-prev:after{ font-size: 28px;} .howtoSwiper .swiper-button-next, .howtoSwiper .swiper-rtl .swiper-button-prev{ right: 6%;} .howtoSwiper .swiper-button-prev, .howtoSwiper .swiper-rtl .swiper-button-next{ left: 6%;} .howtoSwiper .swiper-button-next.swiper-button-disabled, .howtoSwiper .swiper-button-prev.swiper-button-disabled{ opacity: 0;} /* 타이머 */ #timer{position:relative;} #timer #HourCountdown{position:absolute; top:18%; left:47%; transform:translateX(-50%); font-size:48px; display:flex; justify-content:space-between; width:67%;} #timer #HourCountdown span{margin:0 10px; display:inline-block; color:#fff;} /* 상품상세 루틴 탭 */ .routineTab{display:flex; margin: 0 auto; width: fit-content;} .routineTab li:first-child img{margin-right:0} .routineTab li:last-child img{margin-left:0} /* 프로모션 랜딩 이미지 */ .shopdetail .shopdetailItem .shopdetailImage img{display:block;} /* 시크릿 쿠폰 */ #productDetail .prd-info .SMS_coupon_c { width:100%; margin: 16px 0 0 0; padding: 0; background: #f6f6f6; border: 0.5px solid #d9d9d9; border-radius: 5px; } #productDetail .prd-info .SMS_coupon_c .shopdetailCouponGet a{ display: flex; justify-content: space-between; padding: 12px 16px; font-size: 12px; font-weight: 500;} #productDetail .prd-info .SMS_coupon_c .shopdetailCouponGet a span {color: #CF1B7C;} /* BASIC css end */