/* BASIC css start */ /*/////////////////////////////////////////////////////////////////////////////////// // // 상품상세 // ///////////////////////////////////////////////////////////////////////////////////*/ .smart-coupon-list-btn {position:absolute; border:1px solid #CDD0DA; line-height:30px; width:200px; background:#F7F7F8; color:#4A68FF; top:25px; right:0; text-align:center;} .smart-coupon-list-btn span {padding-right:17px; position:relative;} .smart-coupon-list-btn span img {position:absolute; top:50%; margin-top:-6px; right:0;} #container {overflow:inherit!important;} /* 재질표기 */ .table_wrap.type3 th, .table_wrap.type3 td {padding: 10px 0;} .table_wrap.type3 th .h_language_txt {display: block;font-size: 12px;font-weight: normal;} .table_wrap.type3 td .language_txt {display: block;padding-left: 16px;font-size: 12px;} /* 배송공지 텍스트 */ .notice_title p {font-size:40px; text-align:center; font-weight:bold;} .notice_text p {font-size:25px; text-align:center;} /* 공통 */ .comm-w2 {width:1294px; margin:0 auto;} .wrap_inner {width:100% !important; margin:0 auto;} h4.view-tit {font-size:28px; color:#373737; text-align:center; font-family:'Lato';} select:focus { outline: none; } #detail {width:100%; text-align:left;} #detail .oplist {position:relative; outline:none;} #detail .oplist > * {outline:none;} #detail .topwrap {padding: 60px 0 90px;} #detail .topwrap .sns_share_btn {margin-bottom:12px;} #detail .topwrap .sns_share_btn a {display:inline-block; margin-right:16px;} /* #detail .topwrap .left {float:left; width:702px; text-align:left;} */ #detail .topwrap .left { display: block; width:600px; text-align:left;} #detail .topwrap .left .det_prd_img {text-align:center;} /* #detail .topwrap .left .det_prd_img img {width:702px; height:702px;} */ #detail .topwrap .left .det_prd_img img {width:100%; height:auto;} #detail .topwrap .left .img-bottom-wrap {padding-top:18px; position:relative;} #detail .topwrap .left .qnarev_count {} #detail .topwrap .left .qnarev_count a {color:#312f32; font-size:14px;} #detail .topwrap .left .qnarev_count span.qnarev_bar {color:#a8a5aa; display:inline-block; padding:0 10px;} #detail .topwrap .left .crema-fit-product-size-summary {position:absolute; right:0; top:3px;} #detail .topwrap .right { width: 479px; } #detail .topwrap .right {padding-bottom: 50px;} #detail .topwrap .right .oplist .icon {padding-bottom:26px;} #detail .topwrap .right .oplist .icon img {padding-right:10px; vertical-align:middle;} #detail .topwrap .right .oplist .warning {font-weight:bold;width: 479px;display: block;} #detail .topwrap .right .oplist .titname {padding-bottom:40px; color:#3f3f3f; font-size:17px; line-height:25px;} #detail .topwrap .right .oplist .subname {padding-bottom:46px; color:#8d8d8d; font-size:14px; line-height:20px;} #detail .topwrap .right .oplist .addcode {font-size:14px; font-weight:bold; color:#d3142a;} #detail .topwrap .right .oplist .engname {font-weight:bold; padding-bottom:5px;font-size:13px; line-height:18px; } #detail .topwrap .right .oplist .summary .icon img {margin-right:3px; margin-bottom:8px; vertical-align:top;} #detail .topwrap .right .oplist .prdprice {margin-bottom:15px;} #detail .topwrap .right .oplist .prdprice .prc_normal {text-decoration:line-through;} #detail .topwrap .right .oplist .prdprice .dcPrice { position: relative; top: 0; left: 0; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li, #detail .topwrap .right .oplist .prdprice .normalPrice ul li {color: #4b4b4b; font-size: 14px; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li:first-of-type, #detail .topwrap .right .oplist .prdprice .normalPrice ul li:first-of-type { margin-bottom: 10px; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li span.prc_sell, #detail .topwrap .right .oplist .prdprice .dcPrice ul li strike.prc_normal, #detail .topwrap .right .oplist .prdprice .normalPrice ul li span.prc_sell {display:inline-block; vertical-align:bottom; color: #4b4b4b; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li {color: #4b4b4b; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li strike.prc_normal {margin-right:7px;} #detail .topwrap .right .oplist .prdprice .dcPrice ul li span.big {font-size:20px; position:relative;} #detail .topwrap .right .oplist .prdprice .dcPrice ul li span.big .prc_sell {margin:0 7px;} #detail .topwrap .right .oplist .prdprice .dcPrice ul li:nth-of-type(2) { position: relative; top: 0; left: 0; } #detail .topwrap .right .oplist .prdprice .dcPrice ul li:nth-of-type(2) strong{ position: absolute; top: auto; right: 0; transform: translateX(73px); color: #353535; font-size: 12px; font-weight: 400; } #detail .topwrap .right .oplist .summary {margin-top:10px; color:#545454; font-size:12px; font-weight:100;} #detail .topwrap .right .oplist table {table-layout:fixed; width:100%; margin-top:15px; border-top:1px solid #e4e4e4; text-align:left;} #detail .topwrap .right .oplist table tr:nth-child(1) td,#detail .topwrap .right .oplist table tr:nth-child(1) th{padding-top:20px;} #detail .topwrap .right .oplist tr.opt-wrap td {padding:4px 0px;} #detail .topwrap .right .oplist tr.line {width:100%; height:1px; background:#e4e4e4;} #detail .topwrap .right .oplist tr.line th,#detail .topwrap .right .oplist tr.line td{padding:0;} #detail .topwrap .right .oplist tr .pd {height:20px;} #detail .topwrap .right .oplist th {padding: 9px 0; color:#3f3f3f; font-weight:normal; text-align:left; line-height:normal; font-size: 14px;} #detail .topwrap .right .oplist th .tb-left {padding:0;} #detail .topwrap .right .oplist td {padding: 9px 0; color:#6d6d6d; line-height:normal;font-size: 14px;} #detail .topwrap .right .oplist td.qnt .boxqty input {float:left; width:36px; height:30px; margin:0; padding:0; border:1px solid #ccc; color:#837d81; text-align:left !important; text-indent:10px; line-height:30px;} #detail .topwrap .right .oplist td.qnt .boxqty img {float:left; vertical-align:top; cursor:pointer;} #detail .topwrap .right .oplist .opt_box select {width:263px; height:30px; border:1px solid #ccc; color:#837d81; font-size:13px; line-height:30px;} #detail .topwrap .right .btn_detail {font-size:0; display: flex;} #detail .topwrap .right .btn_detail > a {display:inline-block; font-size:15px; text-align:center; padding:24px 0;} #detail .topwrap .right .btn_detail > a#wishBtn {width:58px; border:1px solid #c8c8c8; background:#fff;} #detail .topwrap .right .btn_detail > a#cartBtn {width:197px; border:1px solid #c8c8c8; background:#fff; color:#312f32; margin:0 9px;} #detail .topwrap .right .btn_detail > a#buyBtn {width:197px; border:1px solid #484848; background:#484848; color:#fff;} #detail .review_board {text-align:center; margin-bottom:20px;} .right-inner.fixed_view .btn_detail > a#cartBtn,.right-inner.fixed_view .btn_detail > a#buyBtn{width:187px !important;} /* 옵션 결과 리스트 */ #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: 15px 0 15px; border-top: 1px solid #e4e4e5;} #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: 17px; font-size:0;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span {color: #252525; font-size:15px; font-weight:bold;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 18px; } #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 .MK_p-name { width:280px; font-size: 15px;color: #6d6d6d; line-height: 25px; text-align: left;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { /*width :50px;*/ top: 15px; *top: 2px; right: 125px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 36px; height: 22px; line-height: 22px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: -15px; 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: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #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: 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 총합계 */ #MK_innerOptTotal { border-top:1px solid #e4e4e4; padding: 19px 5px; font-size: 15px; color: #575757; text-align: right; } #MK_innerOptTotal .MK_txt-total {padding-right:15px;font-size: 18px; color: #0e0e0e;} #MK_innerOptTotal .MK_txt-won { display:none; } #MK_innerOptTotal .MK_total { color: #312f32; font-weight: bold; font-size:24px;} /* 상품 공통 정보 */ #detail .dt {width:100%; text-align:center;} #detail .dt .dtcnt {padding-top:20px; text-align:center;} #detail .dtcommon {text-align:center;} .det_model {padding-top:20px;} /* QNA 게시판 */ #qna {position:relative;} #qna .title_qna h4 {margin-top:80px; padding-bottom:20px; text-align:center;} #qna .title_qna .qna-txt {padding-bottom:15px;} #qna .title_qna p {color:#676767; line-height:20px;} #qna .title_qna p a.counsel {display:inline-block; margin-left:30px; padding:4px 5px 2px; border:1px solid #ccc; line-height:12px;} #qna table {width:100%; border-top:1px solid #a1a1a1; text-align:center;} #qna th {padding:10px 0; border-bottom:1px solid #f0f0f0; font-size:13px;} #qna td {padding:10px 0; border-bottom:1px solid #f0f0f0;} #qna td.subject {text-align:left;} #qna tr.cnt {display:none;} #qna tr.cnt td {border:0} #qna tr.cnt td.cntinner {text-align:left; border-bottom:0px solid #f0f0f0; background:#fff;} #qna .bbsbtn {position:absolute; right:0; top:75px;} #qna .bbsbtn > a {display:block; color: #fff; font-size:13px; height:44px; line-height:44px;background: #312f32; width:154px; text-align:center;} #qna .qna-page {padding: 68px 0 170px; text-align:center;} #qna .qna-page li {display:inline-block;margin:0 10px;} #qna .qna-page li a {color:#9b9b9b; padding:0 0 5px;} #qna .qna-page li.now a {color:#3b3b3b; border-bottom:1px solid #3b3b3b;} /* 관련상품 리스트 */ .related-prd-wrap h4.view-tit {margin-bottom:40px; font-family:'Roboto';} .related-prd-wrap .related-prd-inner ul {font-size:0; margin-bottom:65px;} .related-prd-wrap .related-prd-inner ul li.item {width: calc(20% - 12px);display:inline-block; margin-right:15px; text-align:left; vertical-align:top; margin-bottom:25px;} .related-prd-wrap .related-prd-inner ul li:nth-child(5n) {margin-right:0px;} .related-prd-wrap .related-prd-inner ul li.item .box .product_image_area {margin-bottom:15px;} .related-prd-wrap .related-prd-inner ul li.item .box .product_image_area img {width:100%;} .related-prd-wrap .related-prd-inner ul li.item .box .price_info {font-size:15px; line-height:25px; font-weight:bold; color:#252525;} .product_contents_info .info-top {margin-bottom:20px;} .product_contents_info .check{display:inline-block; margin-right:10px;} .product_contents_info .name a {color:#252525;} .product_contents_info .opt select{width:168px; height:30px; line-height:30px; margin:0; font-size:12px; border:1px solid #c7c7c7;} .product_contents_info .opt dl{overflow:hidden; margin-bottom:6px;} /* .product_contents_info .opt dl + dl{margin:6px 0;} */ .product_contents_info .opt dt{float:left; width:52px; text-align:left; font-size:12px; line-height:21px; color:#252525;} .product_contents_info .opt dd{margin-left:52px; width:168px;} .product_contents_info .opt .quan-btns {position:relative;} .product_contents_info .opt .quan-btns input {height:30px; line-height:30px; text-align:center;border:1px solid #c7c7c7;} .product_contents_info .opt .quan-btns > a {position:absolute; width: 24px; height: 14px; line-height: 13px; display: block; border: 1px solid #c7c7c7; text-align: center; font-size: 7px; margin-bottom: -1px;} .product_contents_info .opt .quan-btns a.btn-up {background:#fff url(/design/smblue111/wib_2018/img/detail/btn-up.png)no-repeat center center; top:-15px; right:-25px;} .product_contents_info .opt .quan-btns a.btn-dw {background:#fff url(/design/smblue111/wib_2018/img/detail/btn-dw.png)no-repeat center center; bottom:-14px; right:-25px;} .product_contents_info .quan{margin-top:6px;} .product_contents_info .quan dl{overflow:hidden;} .purchase_with .product_contents_info .quan dt{float:left; width:70px; text-align:left; font-size:12px; line-height:21px;} .purchase_with .product_contents_info .quan dd{margin-left:70px; text-align:left;} .related-allbasket {padding:25px 0 140px; border-top:1px solid #e1e1e1;text-align:center;} .related-allbasket > p {padding-bottom:18px; font-size:13px;} .related-allbasket > a {display:block; width:277px; height:45px; line-height:45px; background:#312f32; color:#fff !important; text-align:center; font-size:13px; margin:0 auto;} /* 탭 타겟팅 메뉴 */ .tab_targetting_menu {text-align:center; margin-bottom:75px; position:relative;} .tab_targetting_menu::before {display:block; content:''; background:#c7c7c7; height:1px; width:100%; position:absolute; top:42px;} .tab_targetting_menu ul {width: 865px; margin: 0 auto; font-size:0;} .tab_targetting_menu ul:after {content:''; clear:both; display:block;} .tab_targetting_menu ul li {position:relative; display:inline-block; width:25%;} .tab_targetting_menu ul li a {display:block; height:42px; color:#797979; line-height:42px; border:1px solid #e4e4e4; background:#fbfbfb; box-sizing:border-box; border-bottom:0px; margin-left:-1px;} .tab_targetting_menu ul li a.selected {height:43px; margin-top:-1px; border-color: #c7c7c7; background:#fff; color:#3c3c3c; font-weight:bold; border-right: 1px solid #c7c7c7; margin-right: 1px;} /* fix 구매버튼 */ .buy_btn_fix{display: none; position: fixed;bottom: 50px;z-index: 5; right:150px; /*right: 50%;margin-right: -668px;*/} .buy_btn_fix .buy_btn{ cursor: pointer; font-size: 15px;color: #fff;width: 207px;height: 45px; line-height: 45px; background: #312F32; text-align: center;display: block; float: right;} .buy_btn_fix .buy_btn img {vertical-align:middle;} .right .right-inner.fixed_view{position: fixed;background: #fff;padding: 20px 25px 10px;width: 508px;border: solid 1px #c5c5c5; box-sizing:border-box; position: fixed; bottom: -1000px; z-index: 8; right:150px; /*right: 50%;margin-right: -668px;height:600px; overflow-y:scroll;*/} .right .right-inner.fixed_view .power_review_wrap{display: none;} .right .right-inner.fixed_view .prd-btns img{width: 100%;} .right .right-inner.fixed_view .prd-btns > a#cartBtn, .right .right-inner.fixed_view .prd-btns > a#wishBtn{width: calc(50% - 4px); width: -webkit-calc(50% - 4px);} .right .right-inner.fixed_view .fnone {display:none;} .right .right-inner.fixed_view .prdprice {margin-bottom:12px !important;} .right .right-inner.fixed_view .warning {padding:16px 0 9px 0 !important;} .page-body .thumb-info .info .npay_type_C_1_2{width: 100% !important;} /* 네이버페이 */ #nhn_btn {text-align:left;} /* 공통 배너 */ .detail_banner {padding-top:87px; text-align:center;} /* 네이버 */ .naver {clear:both; padding-top:20px; text-align:left;} /* 동영상 제어 */ .detail_video_pc {width:900px;} /* 정보고시 */ .maker-info { width: 100%; max-width: 750px; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top: 4em; padding: 1em 2em; background: #f2f2f2; font-family: 'Noto Sans KR', 'dotum', '돋움', '맑은고딕', 'malgulgothic', sans-serif !important; font-size: 80%; } .maker-info table { width: 100%; } .maker-info table th { text-align: justify; width: 150px; } .maker-info table th, .maker-info table td { padding: 5px; } @media (max-width: 414px) { .maker-info table th, .maker-info table td { padding: 0.6em 0; } } .maker-info table td { line-height: 1.2; } @media (max-width: 414px) { .maker-info table tr th:first-child, .maker-info table tr td:first-child { width: 120px; line-height: 1.4; } } /*상품 정보 테이블 정렬 */ .product_item_detail td { text-align:right } /* 무이자 할부 */ .benefit-wrap,.tab-content {position:relative;} tr.benefit td a.btn-toggle { font-size:13px; padding-right:13px; background: url(/design/smblue111/wib_2018/img/detail/icon-plus.png) no-repeat right 5px; } tr.benefit td a.btn-toggle.on { background: url(/design/smblue111/wib_2018/img/detail/icon-x-s.png) no-repeat right 5px; color: #000; } .benefit-popup { position: absolute; z-index: 5; background: #fff; width: 331px; right:0; top: 32px; display: none; } .benefit-popup.on { display: block; } .benefit-popup .tab-menu {font-size:0;} .benefit-popup .tab-menu li { width: 50%; position: relative; display:inline-block; } .benefit-popup .tab-menu li:after { content: ""; display: block; width: calc(100% + 1px); height: 1px; background: #696969; position: absolute; bottom: -1px; left: -1px; } .benefit-popup .tab-menu li.on:after { background: #fff; width: calc(100% - 2px); bottom: -1px; left: 1px; z-index: 10; } .benefit-popup .tab-menu li a { display: block; height: 36px; line-height: 36px; text-align: center; font-size: 12px; color: #3a3939; background: #f4f4f4; border: 1px solid #f4f4f4; border-bottom: 0; } .benefit-popup .tab-menu li.on a { background: #fff; border-color: #696969; } .benefit-popup .content-box { border: 1px solid #696969; padding: 11px 29px; display: none; } .benefit-popup .content-box.on { display: block; } .benefit-popup .content-box ul.list li { line-height: 34px; border-bottom: 1px solid #e1e1e1; } .benefit-popup .content-box ul.list li.black { border-color: #474747; } .benefit-popup .content-box ul.list li p { font-size: 12px; color: #3a3939; } .benefit-popup .content-box ul.info { margin-top: 14px; background: #f7f7f7; padding: 13px 0px 13px; } .benefit-popup .content-box ul.info li { display: table; width: 100%; margin-bottom: ; } .benefit-popup .content-box ul.info li span { display: table-cell; vertical-align: top; font-size: 12px; color: #757575; line-height: 1.6; text-align:left; } .benefit-popup .content-box ul.info li span.symbol { width: 22px; text-align: center; } /* 빅데이터 마이닝 */ .analyans-all .analyans-wrap.analyans-w01 .analyans-conts .sect-wrap .sect-tit strong {display:inline-block;height:39px;line-height:41px;padding:0 8px;margin-top:5px;font-size:24px;background: #ececec !important;} .analyans-all .analyans-wrap .fc-red {color: #484848 !important;} .analyans-all .analyans-wrap .analyans-conts .sect-wrap .sect .circle-opt li .analyans-opt dl dt {float:left;width:70%;color: #484848 !important;} .analyans-all .analyans-wrap.analyans-w01 .analyans-conts .sect-wrap.sect-percent .per-wrap .per li span {display:block;font-size:24px;font-weight:bold;color: #484848 !important;} .analyans-all .analyans-wrap.analyans-w01 .analyans-conts .sect-wrap.sect-percent .per-txt li span {display:block;font-size:12px;font-weight:bold;color: #484848 !important;} .analyans-all .analyans-wrap.analyans-w01 .analyans-conts .sect-wrap.sect-percent .per-wrap .per-graph li span {position:absolute;bottom:0;left:0;display:inline-block;width:100%;background: #484848 !important;} .analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now dl {width:170px;height:206px;background: #484848 !important;} .analyans-all .analyans-wrap .analyans-conts .analyans-slider li dl dt .num-red {background: #484848 !important;} .analyans-all .analyans-wrap .analyans-conts .analyans-slider li dl dd.per {color: #484848 !important;} .analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now dl dt img {width:166px;height: 166px !important;} .analyans-all .analyans-wrap .analyans-conts .analyans-slider li dl dt img {width:170px;height: 170px !important;} .analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now {float:left;width:219px;margin: 0 26px 0 150px !important;} .analyans-all .analyans-wrap .analyans-conts .bx-prev {left: 76px !important;} .analyans-all .analyans-wrap .analyans-conts .bx-next {right: 84px !important;} /* 배경고정화면 모바일 가리기 */ @media only screen and (max-width: 800px) { .detail_warp > .detail_fixed_bg.detail_showup_img { width: 0 !important; display: none !important; } } @media only screen and (min-width: 801px) { .detail_warp > .detail_fixed_bg.detail_showup_img {} } /* 상세정보 상단배너 구분 */ .detail_wrap {overflow:hidden;} .detail_wrap > a .mo_banner {display:none;} /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; padding:7px 0 } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; *zoom:1 } #productDetail .thumb-info .info .table-opt .opt-wrap dl:after { display:block; clear:both; content:'' } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width:100px; margin-bottom:5px; padding-top: 4px; *padding-bottom:5px; color:#555 } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width:350px; margin-bottom:5px; *padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { text-align:right; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a { display:inline-block; width:84px; height:24px; font-size:13px; color:#fff; text-align:center; line-height:24px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover { color:#231f20; background:#fff } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img { display:none } #productDetail .thumb-info .info .table-opt .opt-wrap select { width:350px; height:26px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position:relative } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { margin-right:3px; width:42px; height:24px; border: 1px solid #dfdfdf; text-align:center !important; line-height:24px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a { display:inline-block; width:26px; height:26px; text-indent:-9999em; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-up { background-position:0 0 }#productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 -26px } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width:350px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { padding-top:5px; clear:both } /* 하이브리드 옵션 적용 소스 */ #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; } /* 하이브리드 기본상품 가격 노출 및 선택된 하이브리드 옵션노출항목*/ #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; } /* 하이브리드 선택된 옵션 총가격 노출*/ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { padding-top:20px; border-top:1px solid #e4e4e5; *zoom:1; text-align:right; } #MK_innerOptTotal .MK_total { font-size:12px; color:#fd0100; } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } /* 통옵 추가 구성 상품 */ #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:40px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } /* 원클릭옵션 */ .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; max-width: 320px; overflow: hidden; height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0; display:block; text-align: left; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } /* 하이브리드 옵션 관련 CSS 추가 */ .option-wrap-type1 .tit{text-align:left;} .option-wrap-type1 .list:after{display:block; content:''; clear:both;} .option-wrap-type1 .list li{folat:left; width:70px;} .option-wrap-type1 .list dl{padding-bottom:10px; color: #333;} .option-wrap-type1 .list dl dd.prdchk{padding-bottom:5px; text-align:left;} .option-wrap-type1 .list dl dd.prdimg{position:relative;} .option-wrap-type1 .list dl dd.prdimg img{width:70px; height:70px;vertical-align: middle;} .option-wrap-type1 .list dl dd.prdname{ padding-bottom: 3px; line-height: 14px; padding-top: 7px; text-align: left; } .option-wrap-type1 .list dl dd.prdprice{ padding-bottom: 3px; margin: 0; } .option-wrap-type1 .list dl dd.prdqty{ height: 30px; } .option-wrap-type1 .list dl dd.prdqty input{ width: 52px; height: 24px; line-height: 24px; border: 1px solid #dfdfdf; text-align: center; background: none; display: inline-block; float: left; } .option-wrap-type1 .list dl dd.prdqty .btn-up-down{ display: inline-block; width: 12px; height: 26px; line-height: 0; font-size: 0; vertical-align: top; } .option-wrap-type1 .list dl dd.prdqty .btn-up-down a{ display: inline-block; width: 12px; height: 12px; line-height: 0; font-size: 0; vertical-align: top; } /* 하이브리드 가격정보 */ .MK_optAddWrapType2 .MK_p-name{ width: 200px; line-height: 26px; text-align: left; } .MK_optAddWrapType2 #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{ font-size: 15px; top: 18px; right: 0; } .totalLeft, .totalRight{display: inline-block;} /* 2023-02-27 */ #detail .topwrap .right .oplist td .opt-wrap dl:after{ display: block; content: ''; clear: both; } #detail .topwrap .right .oplist td .opt-wrap dl dt{ float: left; width: 110px; color: #3f3f3f; text-align: left; line-height: 44px; } #detail .topwrap .right .oplist td .opt-wrap dl dd{ float: left; position:relative; margin-bottom:20px; } #MK_innerOptTotal .totalLeft{ float: left; } #detail .topwrap .right .oplist td.basic_op_box .opt-wrap dl dd{ float: left; width: 75%; } #detail .topwrap .right .oplist td.basic_op_box .opt-wrap dl dd select{ margin-top: 6px; width: 200px; height: 28px; color: #6d6d6d; font-size: 14px; border: 1px solid #c8c8c8; display:none; } #MK_innerOptWrap #MK_innerOpt_03 .MK_p-name{ position: absolute; left: 0; top: 19px; } #MK_innerOptWrap #MK_innerOpt_03 .MK_qty-ctrl{ right: 50px; top: 15px; width: 50px } #MK_innerOptWrap #MK_innerOpt_03 .MK_qty-ctrl input{ height: 20px; margin-top: 0; } #MK_innerOptWrap #MK_innerOpt_03 .MK_qty-ctrl a{ display: block; } .detail_banner a {display:block; margin-bottom:20px;} .shopdetailCoupon {margin-top:15px;} .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;} .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;} .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;} .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;} .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;} .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;} .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;} .product_coupon_pop {display:none;} .smart-coupon-list {text-align:center;} .smart-coupon-list h4 {line-height:45px; font-size:14px; text-align:left; margin-bottom:20px;} .smart-coupon-list table {text-align:left; border-top:1px solid #000;} .smart-coupon-list table th {text-align:center!important; font-size: 14px; font-weight:600px; border-bottom:1px solid #EAEAEA; padding:14px 0; line-height:22px;} .smart-coupon-list table td.center {text-align:center;} .smart-coupon-list table td .coupon_sale_price {color:#4A68FF;} .smart-coupon-list table td {border-bottom:1px solid #EAEAEA; line-height:22px; padding:28px 0; font-size:13px; font-weight:500;} .smart-coupon-list table td a {background:#000; line-height:35px; color:#fff; text-align:center; display:block; margin:0 auto; width:107px;} .smart-coupon-list .coupon_info {line-height:45px; font-size:14px; text-align:left; margin-top:20px; padding-bottom:40px;} .smart-coupon-list .coupon_info a {font-weight:700; text-decoration:underline; margin-left: 10px;} .smart-coupon-list ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px;} .smart-coupon-list ul li {position:relative; float:left; width:344px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;} .smart-coupon-list ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; } .smart-coupon-list ul li .c-image a {display:block;} .smart-coupon-list ul li .c-image img { width:368px; height:128px;} .smart-coupon-list ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .smart-coupon-list ul li p:last-child {padding-bottom:0;} .smart-coupon-list ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .smart-coupon-list ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;} .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .smart-coupon-list ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } .smart-coupon-list ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; } .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;} .smart-coupon-list ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; } .smart-coupon-list ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .smart-coupon-list ul li.sc-style2 {border:1px solid #fff;} .smart-coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; } .smart-coupon-list ul li.sc-style2 p { color:#fff; } .smart-coupon-list ul li.sc-style2 p.c-txt { color:#999; } .smart-coupon-list ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; } .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; } .smart-coupon-list ul li.sc-style2 .sc-btn-down span a { color:#fff; } .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {color:#fff;} .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } .smart-coupon-list ul li.sc-style3 { width:346px; border:0; border-radius:0; } .smart-coupon-list ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .smart-coupon-list ul li.sc-style3 p.c-price { color:#eb3697;} .smart-coupon-list ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; } .smart-coupon-list ul li.sc-style3 .sc-btn-down span a { color:#999; } .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; } .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;} .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } .js_select2_option.txt {padding:0;} .opt-wrap .select2-container--default .select2-results__option:first-child {display: none;} .opt-wrap .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .opt-wrap .select2-container {text-align:left;} .opt-wrap .select2-container--open {position:relative!important; top:0!important; left:0!important; width:100%;} .opt-wrap .select2-container--open .select2-dropdown {position:relative; width:100%!important; border:none;} .select2-hidden-accessible { position: fixed !important; } .clearfix:after {visibility: hidden;} .js_select2_option {border:1px solid #e2e2e8; text-align:left; border-radius:4px; width: 100%!important;} .js_select2_option.hasValue .selected_value {margin-left:5px; position:relative; display:inline-block;} .js_select2_option.hasValue .selected_value:before {content:'/'; position:relative; top:0; left:0; display:inline-block; margin-right:5px;} .js_select2_option .select2-results li {border-top:1px solid #e2e2e8; padding:0 10px; line-height:40px; font-size:14px;} .js_select2_option .option_selected_title {padding:0 10px; line-height:40px; font-size:14px; color:#4a4a4a; position:relative; display:block;} .js_select2_option .option_selected_title svg {position:absolute; top:50%; right:10px; margin-top:-10px; width:16px;} .js_select2_option.open .option_selected_title svg {transform:rotate(-180deg)} .js_select2_option.open {border:1px solid #000;} .js_select2_option .select2.select2-container {display:none;} .js_select2_option .select2-container--default .select2-selection--single {border:none;} #detailGoodsInfo {text-align:center;} .section {padding-top:100px;} .detailTab {position:sticky; top:116px; left:0; text-align:center; background:rgba(255, 255, 255, 0.9); z-index: 1000;} .detailTab::before {display:block; content:''; background:#e4e4e4; height:1px; width:100%; position:absolute; top:42px;} .detailTab ul {width: 865px; margin: 0 auto; font-size:0;} .detailTab ul:after {content:''; clear:both; display:block;} .detailTab ul li {position:relative; display:inline-block; width:25%;} .detailTab ul li a {display:block; height:42px; color:#797979; line-height:42px; border:1px solid #e4e4e4; background:rgba(251, 251, 251, 0.9); box-sizing:border-box; border-bottom:0px; margin-left:-1px;} .detailTab ul li a.active {height:43px; margin-top:-1px; color:#000; font-weight:bold; margin-right: 1px; background:transparent;} /* BASIC css end */