/* BASIC css start */ #productDetail{position:relative;margin:0 auto;;} #productDetail > * {padding-top:60px;} /* 상단 */ #productDetail .detailArea {font-size:0; line-height:0; text-align:center; padding:0 0 20px 0;/*min-width:1400px;*/} #productDetail .detailArea:after {content:"";clear:both;display:block;} /******************************************** ============================================= 왼쪽 이미지영역 ============================================= ********************************************/ #imgArea{ display: inline-block;vertical-align: top;position: relative;width: 55%;text-align: left;} #imgArea > * {display:inline-block;vertical-align:top;} #imgArea img {width:100%;} #imgArea .bigImg { margin: 0 auto;width: 80%;padding-left: 10%;} #imgArea .bigImg img {width:90%;} #imgArea .keyImg{max-width:100%; margin:0 auto;} #imgArea .keyImg .thumbnail{display:inline-block; position:relative; max-width:100%;} #imgArea .keyImg .prdIcon{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat;} #imgArea .keyImg img{max-width:100%; cursor:pointer;} /* 추가이미지 5개이하 */ #imgArea.addDot {display:inline-block; vertical-align:top; position:relative; width:45%;} #imgArea.addDot ul{font-size:0; line-height:0; letter-spacing:0; padding-bottom:25px;} #imgArea.addDot ul li{display:inline-block; vertical-align:middle; width:100%; margin:0;} #imgArea.addDot ul li img{max-width:100%;} #imgArea.addDot .flickity-page-dots{text-align:center; bottom:0;} #imgArea.addDot .flickity-page-dots li.dot{display:inline-block; width:5px; height:5px; background:#ececec; margin:0 5px; opacity:1;} #imgArea.addDot .flickity-page-dots li.dot.is-selected{background:#8a7c7c;} /* 추가이미지 5개이상 */ #imgArea .listImg{ overflow: hidden;width: 10%;margin: 0 auto 0;;} #imgArea .listImg ul{font-size:0; line-height:0; letter-spacing:0;} #imgArea .listImg li{ display: block;vertical-align: top;margin-bottom: 4px;;} #imgArea .listImg li img{max-width:100%; cursor:pointer;} #imgArea .listImg .flickity-viewport {margin-bottom:5px;} #imgArea .carousel-addImg{position:relative;} #imgArea .carousel-addImg li{} #imgArea .carousel-addImg .flickity-prev-next-button{display:block; width:30px; height:100%; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; top:0%; opacity:1 !important;} #imgArea .carousel-addImg .flickity-prev-next-button svg{display:none;} #imgArea .carousel-addImg .flickity-prev-next-button.previous{background:url('/design/butina7577/onedesign/images/btn_prev.png') no-repeat center; left:0px;} #imgArea .carousel-addImg .flickity-prev-next-button.next{background:url('/design/butina7577/onedesign/images/btn_next.png') no-repeat center; right:0px;} #imgArea .control{display:none; text-align:center; width:100%; box-sizing:border-box; border:1px solid #f3f3f3; margin-top:30px;} #imgArea .control:after{content:""; display:block; clear:both;} #imgArea .control a{display:block; font-size:21px; line-height:1; padding:15px;} #imgArea .control .prev{float:left; border-right:1px solid #f3f3f3;} #imgArea .control .next{float:right; border-left:1px solid #f3f3f3;} #imgArea .control .zoom{display:none;} #imgArea .xans-product-action{margin:20px auto 0; padding-bottom:23px; display:none;} #imgArea .btnThumb_wrap{position:absolute; top:30px; left:30px; padding-bottom:0; margin:0;} #imgArea .btnThumb{display:inline-block; vertical-align:top; background:rgba(75,75,75,0.4); width:40px; height:37px; box-sizing:border-box; padding:10px 0; border-radius:4px; text-align:center; margin-left:3px; font-size:12px; color:#eee;} #imgArea .btnThumb i{display:block; padding-top:1px; font-size:15px; color:#eee;} #imgArea .btnThumb.tease, #imgArea .btnThumb.bulk{width:auto; padding:10px;} /******************************************** ============================================= 오른쪽 정보영역 ============================================= ********************************************/ #infoArea{ position: relative;display: inline-block;width: 45%;padding: 0 0 0 100px;box-sizing: border-box;text-align: left;line-height: 16px;letter-spacing: 0.3px;} #infoArea table{} #infoArea th, #infoArea td{font-weight:normal; padding:3px 0; text-align:left; vertical-align:middle; font-size:11px; line-height:20px;} #infoArea th{width:130px;display:none;} #infoArea td{} #infoArea img{vertical-align:middle;} #infoArea td input[type=text]{width:40%;} #infoArea select{width:100%; font-size:11px;} /* 이름, 간략설명 간격 */ #infoArea table tr.name td{padding:0 0 5px !important; font-weight:500 !important; letter-spacing:1.5px;} #infoArea table tr.name td div { font-size: 18px;line-height: 24px;font-weight: 500;color: #000;} #infoArea table tr.subname td{padding:0 0 20px !important;} .table-opt table td, .table-opt table td div {color:#666;font-size:12px;} #infoArea td.optionPrice div, #infoArea td.optionPrice div span{color: #c58876 !important; font-weight: 600;} #infoArea td.price strike {display:inline-block;vertical-align:middle;padding-right:10px;color:#aaa;} /* 주문수량 */ #goods_amount{width:26px !important; height:100% !important;} #infoArea .table-opt .opt-btns{position:relative; display:inline-block; width:40px; height:20px; margin-bottom:3px;} #infoArea .table-opt .opt-btns a img{display:block;} #infoArea .table-opt .opt-btns .btn-up, #infoArea .table-opt .opt-btns .btn-dw{position:absolute; right:0; display:block;} #infoArea .table-opt .opt-btns .btn-up{top:0;} #infoArea .table-opt .opt-btns .btn-dw{bottom:0;} #infoArea .table-opt .opt-spin{position:relative; width:52px; height:15px; border:1px solid #acacac;} #infoArea .table-opt .opt-spin .txt-spin, #infoArea .table-opt .opt-spin .btns{float:left;} #infoArea .table-opt .opt-spin .txt-spin{width:41px; height:13px; padding-left:2px; padding-top:2px; border:0; font-size:11px;} #infoArea .table-opt .opt-spin .btns{width:17px; height:15px; border-left:1px solid #aaa;} #infoArea .table-opt .opt-spin .btns a{overflow:hidden; float:left; width:100%; height:8px; text-indent:-999px; background:none;} #infoArea .table-opt .opt-spin .btns a.btn-up{border-bottom:1px solid #aaa; background:url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%;} #infoArea .table-opt .opt-spin .btns a.btn-dw{background:url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%;} /* 구입버튼 */ #infoArea .prd-btns {padding-top:0; font-size:0; line-height:0; letter-spacing:0; box-sizing:border-box;} #infoArea .prd-btns a { display: inline-block;vertical-align: top;margin-right: 1%;height: 45px;line-height: 43px;box-sizing: border-box;font-weight: 400;font-size: 13px;} #infoArea .prd-btns a:last-child{margin-right:0;} /*버튼크기*/ #infoArea .prd-btns .btn_white{width:20%;} #infoArea .prd-btns .btn_point.buy{width:58%; margin-right:0;} #infoArea .prd-btns .btn_point.sold{width:79%; margin-right:0;} /* 선택 */ .tb-left, .tb-center, .tb-right{padding:0;} #infoArea .table-opt .opt-wrap {width:100%;margin-top:8px;} #infoArea .table-opt .opt-wrap .tit {font-size:0; line-height:0;} #infoArea .table-opt .opt-wrap dl {font-size:0; line-height:0; letter-spacing:0;;} #infoArea .table-opt .opt-wrap dt, #infoArea .table-opt .opt-wrap dd{display:block; padding:5px 0; font-size:11px; line-height:20px; vertical-align:middle;} #infoArea .table-opt .opt-wrap dd select{border:0; background:#f3f3f3;} #infoArea .table-opt .opt-wrap .selWrap{text-align:right; margin-top:10px;} #infoArea .table-opt .opt-wrap .selWrap .sel-btn{margin:0; background:#efefef;} #infoArea .table-opt .opt-wrap select{width:100%;} #infoArea .table-opt .opt-wrap .opt-btns{position:relative; width:65px; height:23px} #infoArea .table-opt .opt-wrap .opt-btns input{position:absolute; top:0; left:0; width:40px; height:17px; border:1px solid #f3f3f3; text-align:right;} #infoArea .table-opt .opt-wrap .opt-btns .btn-up{position:absolute; top:2px; right:0;} #infoArea .table-opt .opt-wrap .opt-btns .btn-dw{position:absolute; bottom:2px; right:0;} #infoArea .table-opt .opt-wrap dl .opt-count select{float:left; width:180px;} #infoArea .table-opt .opt-wrap dl .opt-count .opt-btns{float:left; width:56px; margin-left:5px;} /* 상품 상세 옵션 */ .MK_not_choice{color:red;} .MK_optAddWrap{margin:0; padding:0;} .MK_optAddWrap{} .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;} /* 옵션선택 */ #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:30px;} #MK_innerOptWrap #MK_innerOptScroll{background:#f9f9f9; border-radius:10px;} #MK_innerOptWrap #MK_innerOptScroll.limit{position:relative; height:150px; overflow-y:auto;} #MK_innerOptWrap .MK_inner-opt-cm li{padding:5px 0; border-top:1px solid #f3f3f3; word-wrap:break-word; word-break:break-all; position:relative; font-size:0; line-height:0; letter-spacing:0;} #MK_innerOptWrap .MK_inner-opt-cm li:first-child{padding-top:15px; border-top:0;} #MK_innerOptWrap .MK_inner-opt-cm li:last-child{padding-bottom:15px;} #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:inline-block; vertical-align:middle; width:20%; font-size:11px; line-height:24px; letter-spacing:0.3px; font-weight:300; box-sizing:border-box; position:relative;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name{width:calc(100% - 200px); text-align:left; font-weight:400; padding-left:20px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl{width:40px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{ width: 110px;text-align: right;padding-right: 10px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{width:40px; text-align:right; padding-right:20px;} /* 수량 */ #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option{ width: 30px; height: 20px; text-align: center !important; background: #fff;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a{display:block; height:9px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img{display:block;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw{position:absolute; right:0;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up{top:0;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw{bottom:0;} /* 삭제버튼 */ #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img{opacity:0;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del:before{content:""; width:20px; height:20px; position:absolute; left:0; top:2px; background:url('/design/butina7577/onedesign/images/btn_del.png') no-repeat center; opacity:1;} /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput{width:200px;} /* 기본옵션 */ #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_02 li .MK_qty-ctrl input.MK_count{width:30px; height:16px; line-height:16px; padding:2px 0 0 2px;} /* 총합계 */ #MK_innerOptTotal{padding:40px 0 15px 0; color:#666; font-size:0; text-align:right;} #MK_innerOptTotal .MK_txt-total{} #MK_innerOptTotal .MK_txt-won, #MK_innerOptTotal .MK_total { font-style: normal;font-size: 19px;font-weight: 400;letter-spacing: 0px;color: #424242;} /* 소리뷰 */ #sorivu{position:relative; margin-top:40px;} /* 상품 일반정보(상품정보제공 고시) */ #productWrap{margin:10px 0;} #productWrap h3.tb-tit{margin-bottom:10px; text-align:left;} #productWrap table{width:100%; font-size:12px; border-collapse:collapse; border-width:1px 0 1px 0; border-color:#b4b4b4; border-style:solid; table-layout:fixed;} #productWrap table th{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f9f9f9; color:#3b3b3d; text-align:left; padding:10px 0 10px 15px;} #productWrap table td{color:#8b8b8b; border-bottom:1px solid #e0e0e0; word-break:break-all; text-align:left; padding:10px 0 10px 17px;} #nhn_btn {padding-top:15px; text-align:right;} #payco_order_btn {padding-top:15px; text-align:right;} /* 스크롤 시 고정영역 */ #btn_info{display:none; position:fixed; left:calc(14.8% - 20px); bottom:140px; width:20px; height:20px; padding:10px; z-index:100; color:#fff; font-size:18px; border-radius:40px; background:rgba(0,0,0,0.12); -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;} #btn_info.show{transform:rotate(45deg);} .detailArea.scroll #infoArea{position:fixed; left:6%; bottom:160px; width:17.6%; min-width:320px; padding:40px 10px 40px 32px; background:#f9f9f9; border-radius:10px; z-index:99; opacity:1; visibility:visible; max-height:700px;-webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; } .detailArea.scroll #infoArea.mCS_no_scrollbar{padding:35px;} .detailArea.scroll #infoArea.hide{opacity:0; visibility:hidden;} .detailArea.scroll #infoArea th, .detailArea.scroll #infoArea td{line-height:18px;} .detailArea.scroll #infoArea table tr.name td{padding-bottom:20px !important; font-size:14px !important;} .detailArea.scroll #infoArea table tr.subname td{padding-bottom:15px !important;} .detailArea.scroll #infoArea .table-opt table colgroup col:first-child{width:75px;} .detailArea.scroll #infoArea .table-opt .opt-wrap{margin-top:12px;} .detailArea.scroll #infoArea .table-opt .opt-wrap dt{width:85px;} .detailArea.scroll #infoArea .table-opt .opt-wrap dd{width:calc(100% - 85px);} .detailArea.scroll #infoArea .prd-btns a{display:block; width:100% !important; margin:5px 0 0 0; font-size:10px;} .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name{padding-left:0; width:65%;} .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl{display:none;} .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{width:35%;} .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{display:none;} .detailArea.scroll #infoArea #MK_innerOptTotal{padding:5px 0;} .detailArea.scroll #infoArea td input[type=text]{width:80%;} .detailArea.scroll #infoArea .table-opt .opt-btns{padding-left:10px;} /******************************************** ============================================= 하단 ============================================= ********************************************/ /* 탭 */ #productDetail .detailTab{position:relative;margin:0 auto;padding-top:50px;margin-bottom:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:0;line-height:0;letter-spacing:0;text-align:left;} #productDetail .detailTab > ul {width:100%;margin:0 auto;} #productDetail .detailTab:after {content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:#eae7e3;} #productDetail .detailTab li{display:inline-block;vertical-align:middle;line-height: 1;width: 20%;text-align: center;} #productDetail .detailTab li a{position:relative;display:block;text-align: center;padding: 20px 0;font-size: 15px;text-decoration:none;text-align: center;letter-spacing:1px;color: #737373;text-transform:uppercase;border-bottom: 4px solid #eae7e3;font-weight: 500;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;} #productDetail .detailTab li.selected a{position: relative;color: #ca905f;box-sizing: border-box;letter-spacing: 1px;font-weight: 600;} #productDetail .detailTab li.selected a:after { content: ""; position: absolute; left: 0; bottom: -4px; height: 4px; width: 100%; background: #cc9974; z-index: 2;} #productDetail .detailTab li a:hover{} /* 상품 상세정보 */ #productDetail #prd-detail{margin:50px 0 140px; width:100%; text-align:center;} #productDetail #prd-detail table{table-layout:auto;} #productDetail #prd-detail img{max-width:100%;} /* 텍스트가이드 있을 경우 */ .cont_guide h3 { padding: 20px 0; font-size:12px;} .cont_guide li {position:relative; padding-left:15px;} .cont_guide li:before { content: '-'; position: absolute; left:2px; top:-2px;} /* 관련상품 */ #prd-related .related-item{padding:0 0 70px 0;position:relative;} #prd-related .related-item ul{} #prd-related .related-item ul li{display:inline-block; vertical-align:top; width:25%; margin-right:5px; font-size:11px; line-height:18px;} #prd-related .related-item .prd-subname{display:none;} #prd-related .prd-wrap .prd-info .prd-subname {display:none !important;} #prd-related .prd-wrap .prd-info {text-align:center;} #prd-related .prd-wrap .prd-info .prd-name {display: block;border-bottom:0;padding-bottom:5px;margin-bottom: 0;font-size: 12px;color: #666;} #prd-related .prd-wrap .prd-info p {;} /* 5개 이상일 때 */ .carousel-relation{position:relative; box-sizing:border-box;} .carousel-relation.pd{padding:0 40px;} .carousel-relation li{} .carousel-relation .flickity-prev-next-button{display:block; width:40px; height:100%; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; top:50%; opacity:1 !important;} .carousel-relation .flickity-prev-next-button svg{display:none;} .carousel-relation .flickity-prev-next-button.previous{background:url('/design/d4-1263/onedesign/images/btn_prev.png') no-repeat 0 40%; left:0px;} .carousel-relation .flickity-prev-next-button.next{background:url('/design/d4-1263/onedesign/images/btn_next.png') no-repeat 100% 40%; right:0px;} /* 평점형리뷰 */ /* #productDetail .review-write{margin-bottom:70px;} #productDetail .review-write th, #productDetail .review-write td{padding:10px; border-bottom:1px solid #f3f3f3;} #productDetail .review-write td .point input{margin-left:5px;} #productDetail .review-write th{font-weight:normal;} textarea.MS_review_content_box{width:1000px !important; height: 80px;} .review-write a.btn_point{width:90px; margin-left:10px; height:85px; line-height:85px;} #productDetail .review-list tr td.btns, #productDetail .review-list tr:last-child td{border-bottom:0;} #productDetail .table-slide tr.cnt td .reply{background:#f9f9f9; padding:20px; box-sizing:border-box; margin:20px 0 10px; border-radius:10px;} #productDetail .table-slide tr.cnt td .reply img{opacity:0.5; margin:0 10px 0 0;} */ /* 게시판 테이블 */ #productDetail .table-slide {} #productDetail .table-slide td .nodata{ background: #fbfbfb;padding: 200px 0;text-align: center;color: #737373;font-weight: 300;margin-top: 30px;border-radius: 8px;;} #productDetail .table-slide tr.cnt{display:none;} #productDetail .table-slide tr.cnt td{cursor:default; padding:20px 0;} #productDetail .table-slide tr.cnt td img{max-width:100%; margin-bottom:10px;} #productDetail .table-slide tr.nbg td{background-image:none;} #productDetail .table-slide tr.reply .tb-txt{padding-left:30px; background:url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0;} #productDetail .table-slide .btns{text-align:right; font-size:0; line-height:0; margin-top:10px;} #productDetail .table-slide .btns a {display:inline-block; padding:4px 12px 2px; line-height:20px; letter-spacing:0.5px; font-size:11px; margin-left:10px;} /* .infoSection */ .infoSection {} .infoSection .menu { font-size: 11px;line-height: 1.5;padding:60px 0 24px; } .infoSection .menu li {display: inline-block;margin-right:15px;} .infoSection .menu li a {display: block;font-size: 12px;color:#aaa} .infoSection .menu li.active a {border-bottom: 1px solid #333;color:#000} .infoSection .cons { line-height: 1.8;font-size: 11px;;} .infoSection .cons > div {display: none;} .infoSection .cons > div.active {display: block;} .infoSection .cons span {font-size: 12px !important;} /* 원클릭옵션 */ .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 #b7b7b7;display: inline-block;border-radius: 1px;box-sizing: border-box;padding: 4px !important; } .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 { position: relative;overflow: hidden;display: inline-block;margin-right: 5px;vertical-align: top;border: 1px solid #e0e0e0;border-radius: 100%;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;zoom: 1;} .MK-oneclick-list li.MK-oneclick-color a { display: block;min-width: 30px;height: 30px;text-align: center;text-decoration: none;word-break: break-all;min-width: 15px;width: 29px;height: 29px;border-radius: 22px;border: 0;padding: 4px;border-radius: 100%;background: #fff;} .MK-oneclick-list li.MK-oneclick-color span { display: block;width: 100%;height: 100%;text-align: center;vertical-align: middle;line-height: 19px;overflow: hidden;line-height: 0;font-size: 0;padding: 0;text-indent: 120%;white-space: nowrap;border-radius: 100%;;} .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; } .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; } /* 사이즈 차트 */ #prd-detail .item_Sizechart {display:none;} #infoArea .btn-size-chart { position: relative;display: inline-block;font-size: 11px;margin-top:15px;} #infoArea .btn-size-chart:after {content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #333;} .btn-size-chart i {font-size:14px;display:inline-block;vertical-align:middle;} #sizeChart { width: 800px;position: absolute;display: none;z-index: 9999999;left: 0;top: 0;top: 169px;left: 528px;display:none;} #sizeChart.active {display:block;} #sizeChart .btn-close-box { width: 100%; position: relative; } #sizeChart .btn-close-layer { position: absolute;display: block;width: 23px;top: 21px;right: 10px;color: #FFFFFF;font-size: 22px;font-weight: normal;font-family: arial;cursor:pointer;} #sizeChart p img {width:100%;} .size-chart-box { width: 100%;font-family: 'dotum';border: 0;box-shadow: 0px 0px 20px rgba(70,70,70,0.4);background: #fff;} .size-chart-box h4 { width: 100%; margin: 0; padding: 10px 0px; color: #FFFFFF; background: #3F4045; text-align: center; padding: 20px 0; background: #464646; display: block; font-size: 16px; letter-spacing: 1px; line-height: 20px; font-weight: 500; text-align: center; text-transform: uppercase; color: #fff;} .size-chart-cont { background: #FFFFFF; text-align: center; padding: 0px; } .size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 1px solid #D9DBDA; } .size-chart-cont table th, .size-chart-cont table td { font-family: 'dotum'; padding: 10px; text-align: center; border-bottom: 1px solid #D9DBDA; } .size-chart-cont table th { background: #EBECF0; } .size-chart-cont table tr:last-child { border-bottom: 1px solid #D9DBDA; } .size-chart-cont img.sc-img-chart, #sc_img_chart { width:100%;height:auto; } .size-chart-cont img.sc-img-guide, #sc_img_guide { width: 190px; height: 240px; } .size-chart-cont p { margin-top: 0px; text-align: left; } #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;} .guide { padding: 30px 60px; background: #f9f9f9; font-size: 14px; line-height: 2;} .reviewPoint > div {margin-top:27px;padding-bottom:10px;} .reviewPoint strong{display:none;} .reviewPoint b {font-weight:normal;display:inline-block;} /* 추가구성상품 */ /* 통옵 추가 구성 상품 */ #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; } #infoArea .add-option-tit {padding-top:20px;padding-bottom:0} #infoArea .add-option-tit > div { position: relative;height: 40px;line-height: 40px;box-sizing: border-box;border: 1px solid #d7d5d5;background-color: #fbfafa;padding-left: 10px !important;font-weight: 400 !important;} #infoArea .add-option-tit strong {display:inline-block;font-weight:500;color:#111;} #infoArea .addProduct .add-option-img {padding-right:30px;} #infoArea .addProduct .add-option-img img {width:100%;} #infoArea .addProduct > td {border:1px solid #d7d5d5;padding:15px 30px;border-top:0;} #infoArea .table-opt .addProduct .opt-wrap dt, #infoArea .table-opt .addProduct .opt-wrap dd {display: block;padding: 0 0;font-size: 11px;line-height: 20px;vertical-align: middle;} #infoArea .addProduct .sel-btn {padding-top:10px;} /* 구매할인 */ #productDetail .buy-benefit { position:relative;padding:10px 0} #productDetail .buy-benefit .tb-left > * {display:inline-block;vertical-align:middle;} #productDetail .buy-benefit .tit-txt { font-size: 12px;color: #373737;padding: 10px 18px;line-height: 1;font-size: 12px;text-align: center;display: inline-block;background: #fff;border: 1px solid #2e2e2e;margin-right: 12px;;} #productDetail .buy-benefit .view-wrap { position:relative;cursor:pointer } #productDetail .buy-benefit .btn-view {display:inline-block;cursor:pointer} #productDetail .buy-benefit .btn-view > *{ display: inline-block; font-size:11px; vertical-align: middle;; } #productDetail .buy-benefit .btn-view > b { font-size: 16px;transform: scale(.85);width: 16px;height: 16px;border: 1px solid #969696;border-radius: 100%;text-align: center;line-height: 16px;color: #878787;} #productDetail .buy-benefit .view-wrap { display: none;position: absolute;top: 68px;left: 50%;max-width: 262px;margin-left: -265px;padding: 28px 22px;background: #fff;border: 1px solid #adadad;z-index: 1;width: 70%; } #productDetail .buy-benefit .view-wrap.active { display:block; } #productDetail .buy-benefit .view-wrap .layer-view { font-size:12px; line-height:20px; color:#555;; } #productDetail .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } #productDetail .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;} #productDetail .buy-benefit .view-wrap .layer-view ul li.layer-info { color:#585858; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; font-weight:normal; } #productDetail .buy-benefit .view-wrap .btn-close { position:absolute; right:10px; top:5px; } /* 구매할인 */ .btn1 {position:absolute;right:0;top:20px} .btn-view2 {display:inline-block;vertical-align:middle;padding-right:10px;font-weight:normal;width:80px;font-size:11px} .reviewPoint .tb-left > * {display:inline-block;vertical-align:middle;padding-right:10px;} .reviewPoint h3 {width:80px;font-size:11px} /* BASIC css end */