/* BASIC css start */ .prdSlider .swiper-slide img{width:100%} /* .prdSlider .swiper-button-prev, .prdSlider .swiper-button-next {width: 50px;height: 50px;margin-top: -25px;} .prdSlider .swiper-button-prev {background: url('/design/elenaheim/phps/arrow_left.png') center no-repeat;} .prdSlider .swiper-button-next {background: url('/design/elenaheim/phps/arrow_right.png') center no-repeat;} .prdSlider .swiper-button-prev:focus, .prdSlider .swiper-button-next:focus {outline:none; } */ .prdSlider .thumbPaginationWrap {position: absolute;bottom: 50px;left:0; right:0;} .prdSlider .thumb-pagination {width: 100%;} .prdSlider .thumb-pagination .swiper-pagination-bullet { width:9px; margin:0 3px; height:9px;background:#fff;opacity:0.9!important;vertical-align:middle; } .prdSlider .thumb-pagination .swiper-pagination-bullet:focus { outline:none; } .prdSlider .thumb-pagination .swiper-pagination-bullet-active { width:18px;height:18px; } /*--------------------joo 추가-----------------------*/ /* 원클릭옵션 */ .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:30px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 28px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:26px; 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; } /*.prdContentsArea, .detail-info-cont div { margin:0 auto; }*//*(리퍼브)*/ /*url복사하기*/ #shareBtn { font-size: 24px; display: inline-block; transform: rotate(-45deg) scale(0.8); background-color: #f2f2f2; width: 30px; height: 30px; text-align: center; vertical-align:center; margin-top:-2px; border-radius: 30px; padding: 4px; } /* kakao 공유(미노출)*/ .kakao-share-btn{ display:inline-block;width: 38px;height: 38px;border-radius: 50px;overflow: hidden; background-color: #fae100; } .kakao-share-btn img { width:100% } /* 일시품절 & 재입고 알림*/ #soldout_once { display:none; } #soldout_sms { font-size: 16px; width: 468px !important; background-color: #636363; border-color: #636363; margin:0; padding:0; } #soldout_sms:hover { background-color:#333; } #soldout_sms a { height: 55px; line-height: 55px; font-size: 18px; font-weight: bold; font-family: 'FontAwesome'; color:#fff; } #soldout_sms a::before { content:'\f0f3 일시품절,'; padding-right:5px; } /*---------------------------------------------------------------*/ .detail-info-cont .prdContentsArea, .detail-info-cont .sizeContentsArea, .detail-info-cont .noteContentsArea, .detail-info-cont .guideContentsArea, .detailTab .sizeContentsTab, .detailTab .noteContentsTab, .detailTab .guideContentsTab { display:none; } .detailTab {padding-top: 100px;overflow: hidden;} .detailTab > ul{height:110px; font-size:0;line-height:0; } .detailTab > ul > li {display: list-item;*display:inline;*zoom:1;vertical-align:top;box-sizing:border-box;position:relative;float: left;} .detailTab > ul > li a{box-sizing:border-box; position:relative;z-index:1;text-align:center;display:block;white-space:nowrap;font-weight:normal;height:105px;line-height:105px;background:#ffefe6;border:1px solid #ddd;border-right:0;font-size: 20px;font-family:'NanumSquare',sans-serif;color: #333;} .detailTab > ul > li:last-child a { border-right: 1px solid #ddd; } .detailTab > ul > li.on a{ background:#fff; color:#333; border-top:5px solid #ddd; border-bottom:1px solid #fff; margin-top:-4px } .detailTab > ul > li:nth-last-child(4), .detailTab > ul > li:nth-last-child(4)~li {width: 25%;} .detailTab > ul > li:nth-last-child(5), .detailTab > ul > li:nth-last-child(5)~li {width: 20%;} .detailTab > ul > li:nth-last-child(6), .detailTab > ul > li:nth-last-child(6)~li {width: 16.66%;} .detailTab > ul > li:nth-last-child(7), .detailTab > ul > li:nth-last-child(7)~li {width: 14.28%;} .detailTab .count_box{position:absolute; top:-14px; left:0; width:100%; height:28px; text-align:center; z-index:3;} .detailTab .count_box .count{display:inline-block; height:28px; line-height:30px; min-width:28px; border-radius:14px; padding:0 10px; background-color:#dc7d62; color:#FFF; font-size:16px; font-family:'NanumSquare',sans-serif;} .detailTabPrdInfo .prdContents, .detailTabPrdInfo .sizeContents, .detailTabPrdInfo .noteContents, .detailTabPrdInfo .guideContents { text-align:center; padding-top: 60px; } .detailTabPrdInfo .cont table td{border:1px solid #e8e8e8;padding:30px;} .detailTabPrdInfo .cont table td:first-child{text-align:center;font-weight:600;background:#fcfcfc;} .detailTabPrdInfo .swiper-wrapper { transition: none !important; } .detailGuideWrap{position:relative} .detailGuideWrap .guideLinkWrap{position:absolute;left:0;top:0;width: 1000px;height: 300px;font-size:0;} .detailGuideWrap .guideLinkWrap a{display:inline-block;height:100%;width:20%} .detailGuideWrap .guideMenu{position:relative; width:1000px; margin:0 auto; } .detailGuideWrap .guideCont{position:relative; width:1000px; margin:0 auto; } .detailGuideWrap .guideCont .guidevideo{position:absolute;left:5%;top:13%;width:56.7%} .detailGuideWrap .guideCont .guidevideo .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%} .detailGuideWrap .guideCont .guidevideo .embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%} .addPrdWrap {margin-top: 30px;} .addPrdWrap>div{margin-bottom:10px;position:relative} .addPrdWrap h3.title{position:relative;font-size: 14px;padding: 11px 0;color:#fff;cursor:pointer;border:1px solid #d9a670;background:#d9a670;text-align: center;font-weight: 500;} .addPrdWrap h3.title.active{} .addPrdWrap h3.title::before{position:absolute;top:0;display:block;background:url(http://elenaheim.img4.kr/main/addprd_arrow_open.png) center center no-repeat;width: 40px;height: 40px;right:0;content:"";} .addPrdWrap h3.title.active::before{background:url(http://elenaheim.img4.kr/main/addprd_arrow_close.png) center center no-repeat;} .addPrdWrap .addPrdWrapContents{overflow:hidden;background:#fff;display:none;border: 1px solid #e1e1e1;padding: 30px 20px;z-index:9999;width:100%;box-sizing:border-box;} .xans-product-detail .infoArea .addPrdWrap tr:first-child th, .xans-product-detail .infoArea .addPrdWrap tr:first-child td {border-top: 0 !important;} input[name="collbasket"]{ margin-left: 5px !IMPORTANT;} a.toggle{ float: right; padding: 9px;} a.toggle2{ float: right; padding: 9px;} .MS_related_option{width: 90% !important; margin:2px; margin-top: 0; } .addproduct{/* margin:12px 0 0; border-top:1px solid #d7d5d5; border-bottom:0;background:#f9f9f9;*/ } .addproduct .sel-btn{} .addproduct .sel-btn a{ color: #fff; background: #999; width: 100%; height:25px; padding: 3px 0; text-align: center; display: block; line-height: 25px; } .optionArea .sel-btn2 a{ color: #fff; background: #444; width: 89%; height:25px; padding: 6px 30px; text-align: center; display: block; line-height: 25px; } .addproduct > .title{position:relative;height:40px;line-height:40px;box-sizing:border-box;border-bottom:1px solid #e9e9e9;background-color:#fbfafa;} input.MS_related_quantity{ margin-left: 3px;height:25px !important; width:30px !important;} .inner_h3{ float:left; padding:0 15px; height: 40px; line-height: 40px; box-sizing: border-box; font-weight:700 !important; font-size:12px; color:#272727; font-family:'NanumSquare',sans-serif; background-color:#f1f1f1; margin-top:30px;} .inner_h3 span{color:#757575;font-weight:normal !important;} .addproduct .title .toggle{position:absolute;top:8px;right:8px;} .addproduct .thumbnail{padding:5px 5px 5px 8px;} .addproduct .thumbnail span{margin:0 5px 0 0;} .addproduct .thumbnail img{width:60px;margin:3px 0 0;} .addproduct table{table-layout:fixed;margin:0;} .addproduct th{} .addproduct td{} .addproduct td.del{text-decoration:line-through;} .addproduct td.price{font-weight:bold;color:#504F4F;} .addproduct td.sale{font-weight:bold;color:#f95959;} .addproduct .product{padding:0 0 0px;padding-top:0px;vertical-align:top;} .addproduct .seperate,.addproduct .option{vertical-align:top;*zoom:1;} .addproduct .option .xans-product-option{ border-bottom: 1px solid #eee !important; border:0; } .addproduct .option .xans-product-option:last-child { border:0 !important; } .addproduct .option td{padding:4px 10px;} .addproduct .info{padding:0 0 0 58px;font-size:11px;color:#8f8f91;} .addproduct .xans-product-addoption td .inputWrap input[type=text]{width:100%;} .addproduct.hide .product{display:none;} /*파워리뷰*/ #powerReview{font-family: inherit !important;;} #powerReview .hd-t{margin-top: 0 !important;} #powerReview .hd-t h2{display:none !important;} /* 베스트리뷰 모음 */ #reviewBoard .review-wrap .tiny a img {width: 200px;} #prdReview .board .best_review_tit {font-size: 11px; text-align: center; margin-top: 50px;} #prdReview .board .best_power_review_list {width:1100px;margin:auto;overflow: hidden;} #prdReview .board .best_review {float:left; width:240px; border: 1px solid rgb(220, 220, 220); margin:15px;} #prdReview .board .best_review .review {padding:15px; border-bottom: 1px solid rgb(200, 200, 200);} #prdReview .board .best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:15px;} #prdReview .board .click {width:240px;} #prdReview .board .count {float:right;} #prdReview .board .write {padding-top:10px;} #prdReview .board .date {float:right;} #prdReview .board .product_img {width: 50px; margin:10px; float:left;} #prdReview .board .product {width:230px; margin:10px} #prdReview .board .product .product_name {padding-top:10px; margin-bottom:5px;} /*계산기팝업*/ #popup_curtain_calculator {width: 500px; height: 452px; position: absolute; z-index: 999; display:none; background: #FFF; border: 1px solid #ccc; } #popup_curtain_calculator label { line-height: 1.9; display: block; } #popup_curtain_calculator .cc-input-text {height: 20px;border: 1px solid #bbb;width: 60px;margin-right: 5px; text-align: right; } #popup_curtain_calculator th{ padding-left: 35px;} #popup_curtain_calculator tr:first-child{border-bottom:0 !important;} #popup_curtain_calculator tr{border-bottom:1px solid #ddd;} #popup_curtain_calculator p.close_btn{ position: absolute; display: block; padding: 10px; right: 0;} #popup_curtain_calculator p.close_btn img{width:15px;} .xans-product-detail .infoArea tr.product_width,.xans-product-detail .infoArea tr.window_width,.xans-product-detail .infoArea tr.recmd_result{height: 50px;} .xans-product-detail .infoArea tr.product_width,.xans-product-detail .infoArea tr.window_width, .xans-product-detail .infoArea tr.curtain_rate{font-size:13px;} .xans-product-detail .infoArea tr.curtain_rate{height: 105px;} .xans-product-detail .infoArea tr.info{height: 75px; line-height: 20px;} .xans-product-detail .infoArea tr.info ul.info_text li{ padding-left: 19px; font-size: 12px;} .xans-product-detail .infoArea td.cal_tit{background: #ffebda; height: 100px; padding: 0;text-align: center; } .xans-product-detail .infoArea td.cal_tit p{font-size: 11px; letter-spacing: -1px; line-height: 16px; /*font-size:10px;*/} .xans-product-detail .infoArea td.cal_tit .tit01{height :30px;font-size: 16px; font-weight: bold;} .xans-product-detail .infoArea tr.recmd_result{background:#f6f6f6;} .xans-product-detail .infoArea tr.recmd_result td.recmd_tit p.recmd_head{ text-align: right; font-size: 16px; font-weight: bold; float: left; width: 240px;} .xans-product-detail .infoArea tr.recmd_result td.recmd_tit p.recmd_result{ text-align: right; font-size: 16px; float: right; width: 110px; padding-right: 20px;} /*계산기 css끝*/ /* 블라커튼구매가이드 버튼 */ .guideBtn {width:100%; height:40px; background:#ffefe6; color:#000; font-size:14px} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-center.half_{width:50% !important; margin:0; padding:28px; 0 } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-right.half_{width:50% !important; margin:0; padding:28px 0; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-left.half_{width:50% !important; margin:0; padding:28px 0; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-right.half_ > .inner{width:530px; margin:0 auto; overflow:hidden;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-left.half_ > .inner{width:530px; margin:0 auto; overflow:hidden;} /* 커튼구매가이드 버튼 */ .guideBtn {width:100%; height:40px; background:#ffefe6; color:#000; font-size:14px} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-center.half_{width:50% !important; margin:0; padding:28px; 0 } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-right.half_{width:50% !important; margin:0; padding:28px 0; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-left.half_{width:50% !important; margin:0; padding:28px 0; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-right.half_ > .inner{width:530px; margin:0 auto; overflow:hidden;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-left.half_ > .inner{width:530px; margin:0 auto; overflow:hidden;} .displaynone {display: none !important;} body.eMobilePopup{overflow:hidden;position:fixed;} .ec-base-label{display:inline-block;margin-right:5px;} .ec-base-label img{vertical-align:middle;} .ec-solution-box{padding:20px;border:5px solid #e8e8e8;color:#404040;} .ec-solution-box.gHalf{position:relative;padding:20px 0;} .ec-solution-box.gHalf:before{position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:#e6e6e6;} .ec-solution-box.typeBg{background-color:#fbfafa;} .ec-solution-box.typeThin{border-width:1px;border-color:#d7d5d5;} .ec-solution-box.typeThinBg{border-width:1px;border-color:#d7d5d5;background-color:#fbfafa;} .ec-solution-box.typeThinBg > .agree{padding:20px;border:1px solid #e6e6e6;background:#fff;} .ec-solution-box.typeThinBg > .agree p{padding:0 0 17px;} .ec-solution-box.typeMember{padding:0;} .ec-solution-box.typeMember .information{display:table;table-layout:fixed;padding:10px 0;width:100%;box-sizing:border-box;} .ec-solution-box.typeMember .information > .title,.ec-solution-box.typeMember .information > .thumbnail{display:table-cell;padding:0 15px;width:70px;text-align:center;vertical-align:middle;} .ec-solution-box.typeMember .information > .title{vertical-align:middle;} .ec-solution-box.typeMember .information > .thumbnail img{max-width:70px;} .ec-solution-box.typeMember .information .description{display:table-cell;padding:0 10px;width:auto;line-height:1.5em;border-left:1px solid #e8e8e8;vertical-align:middle;} .ec-solution-box.typeMember.gMessage{border-width:1px;border-color:#d7d5d5;} .ec-solution-box .message{display:block;padding:10px 0 10px 35px;border-bottom:1px solid #e8e7e7;background:#fbfbfb url("/design/elenaheim/pc/img/ico_info2.gif") no-repeat 10px center;} .ec-solution-box.typeProduct{display:table;table-layout:fixed;padding:15px 0;width:100%;box-sizing:border-box;} .ec-solution-box.typeProduct .thumbnail,.ec-solution-box.typeProduct .information{display:table-cell;padding:0 20px;vertical-align:middle;} .ec-solution-box.typeProduct .thumbnail{width:100px;} .ec-solution-box.typeProduct .thumbnail img{max-width:90px;border:1px solid #d7d5d5;} .ec-solution-box.typeProduct .information{padding-left:0;} .ec-solution-button{padding:10px 0;text-align:center;} .ec-solution-button.justify{position:relative;} .ec-solution-button:after{display:block;content:"";clear:both;} .ec-solution-button .gLeft{float:left;text-align:left;} .ec-solution-button .gRight{float:right;text-align:right;} .ec-solution-button.justify .gLeft{position:absolute;left:0;} .ec-solution-button.justify .gRight{position:absolute;right:0;} .ec-solution-button .text{margin:0 6px 0 10px;color:#353535;line-height:24px;} .ec-solution-button.typeBorder{margin-top:-1px;padding:10px 20px;border:1px solid #d7d5d5;} .ec-solution-button.typeBG{padding:10px 20px;border:1px solid #d7d5d5;background:#fbfafa;} .ec-solution-layer li{list-style:none;} .ec-solution-layer table{width:100%;border:0;border-spacing:0;border-collapse:collapse;} .ec-solution-layer caption{display:none;} .ec-solution-layer h1,.ec-solution-layer h3{margin:0;} .ec-solution-layer{position:absolute;z-index:100;border:1px solid #757575;background:#fff;} .ec-solution-layer .header{padding:7px 35px 7px 19px;color:#fff;background:#495164;} .ec-solution-layer .header > h1,.ec-solution-layer .header > h3{font-size:14px;line-height:1.5;} .ec-solution-layer .content{padding:20px;font-size:12px;} .ec-solution-layer div.ec-solution-help{margin-top:0;} .ec-solution-layer .ec-solution-button{padding:9px;border-top:1px solid #d7d5d5;text-align:center;background:#fbfafa;} .ec-solution-layer .close{position:absolute;right:0;top:0;padding:11px 20px;cursor:pointer;} #popup .ec-solution-layer{position:relative;border:0;} #popup .ec-solution-layer .header{padding:12px 35px 12px 19px;} #popup .ec-solution-layer .close{top:5px;} .ec-solution-layer .content > .ec-solution-table table:first-child{margin-top:0;} .ec-solution-layer .ec-solution-table table{line-height:1.4;} .ec-solution-layer .ec-solution-table thead th{padding:9px 0 8px;} .ec-solution-layer .ec-solution-table tbody th{padding:9px 0 8px 10px;} .ec-solution-layer .ec-solution-table td{padding:9px 10px 8px;} .ec-solution-layer .ec-solution-table.typeWrite td{padding:5px 10px 4px;} .ec-solution-layer .ec-solution-table.typeList tfoot td{padding:10px 10px 12px;} .ec-solution-layer .ec-solution-table.typeBorder tfoot td{padding:10px 10px 12px;} .ec-solution-table table{position:relative;margin:10px 0 0;border:1px solid #d7d5d5;border-top-color:#fff;color:#fff;line-height:1.5;} .ec-solution-table.gLayoutFixed table{table-layout:fixed;} .ec-solution-table.gLayoutFixed .gLayoutAuto table{table-layout:auto;} .ec-solution-table table:before{position:absolute;top:1px;left:0;display:block;content:"";width:100%;height:1px;background:#d7d5d5;} .ec-solution-table thead th{padding:11px 0 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#353535;vertical-align:middle;font-weight:normal;background:#fbfafa;} .ec-solution-table tbody th{padding:11px 0 10px 18px;border:1px solid #dfdfdf;border-bottom-width:0;color:#353535;text-align:left;font-weight:normal;background-color:#fbfafa;} .ec-solution-table th:first-child{border-left:0;} .ec-solution-table td{padding:11px 10px 10px;border-top:1px solid #dfdfdf;color:#353535;vertical-align:middle;} .ec-solution-table td.clear{padding:0 !important;border:0 !important;} .ec-solution-table.typeWrite td{padding:8px 10px 7px;} .ec-solution-table.typeList table{border-top-color:#d7d5d5;} .ec-solution-table.typeList table:before{display:none;} .ec-solution-table.typeList td{padding:8px 10px 7px;} .ec-solution-table.typeList tfoot td{padding:15px 10px 17px;background:#fbfafa;} .ec-solution-table .message{border:1px solid #d7d5d5;padding:50px 0;text-align:center;color:#757575;font-weight:bold;} .ec-solution-table table + .message{margin:-1px 0 0;} .ec-solution-table table td.message{padding:50px 0;} .ec-solution-table .scroll .message{border:0;} .ec-solution-table.typeList .head td{padding:11px 0 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#353535;vertical-align:middle;text-align:center;background:#fbfafa;} .ec-solution-table.typeList .head td:first-child{border-left:0;} .ec-solution-table.typeList .scroll{position:relative;overflow-x:hidden;overflow-y:scroll;max-height:185px;min-height:100px;border:1px solid #d7d5d5;border-top-width:0;margin-top:-1px;} .ec-solution-table.typeList .scroll table{border:0;margin:0;} .ec-solution-table.typeList .scroll table:before{display:none;} .ec-solution-table.typeList .scroll .message{border:0;} .ec-solution-table thead.blind,.ec-solution-table thead.blind th{display:none;} .ec-solution-table thead.blind + tbody tr:first-child th,.ec-solution-table thead.blind + tbody tr:first-child td{border-top-width:0;} .ec-solution-table.typeList.gLine table{border-width:0;border-bottom-width:1px;} .ec-solution-table.typeClear table:before{display:none;} .ec-solution-table.typeClear table,.ec-solution-table.typeClear th,.ec-solution-table.typeClear td{border:0 none;background:none;} .ec-solution-table.typeClear th{font-weight:bold;} .ec-solution-table.gBorder td{border-left:1px solid #dfdfdf;} .ec-solution-table.gBorder td:first-child{border-left:0;} .ec-solution-table .left{text-align:left;} .ec-solution-table .center{text-align:center;} .ec-solution-table .right{text-align:right;} .ec-solution-table.typeList .center td,.ec-solution-table.typeList td.center{padding-left:0;padding-right:0;} .ec-solution-table.typeList .center td.left{padding-left:10px;} .ec-solution-table.typeList .center td.right{padding-right:10px;} .ec-solution-table .top th,.ec-solution-table th.top,.ec-solution-table .top td,.ec-solution-table td.top{vertical-align:top;} .ec-solution-table .middle th,.ec-solution-table th.middle,.ec-solution-table .middle td,.ec-solution-table td.middle{vertical-align:middle;} .ec-solution-table img{vertical-align:middle;} @media print{.ec-solution-table table:before{display:none;} } .xans-product-detail{position:relative;/* padding:20px 0 0 0;*/ padding:70px 0 0 0;} .xans-product-detail .detailArea{padding:0 0 50px;text-align:center;font-size:0;} .xans-product-detail .detailArea .productInfoArea{text-align:left;width:100%;margin:0;} .xans-product-detail .detailArea .productInfoArea > .imgArea{float:left;width: 630px;margin: 0 140px 0 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea{float:left;width:530px;margin:0 0px 0 0;} .xans-product-detail .detailArea .productInfoArea > .eventInfoArea{display:none;float:right;width:0px;margin:0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea{position:relative;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed{position:fixed;left:0; bottom:-640px; width:100%;height:640px; z-index:100; -webkit-transition:bottom 0.3s ease;-khtml-transition:bottom 0.3s ease;-moz-transition:bottom 0.3s ease;-ms-transition:bottom 0.3s ease;-o-transition:bottom 0.3s ease;transition:bottom 0.3s ease;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on{bottom:0px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea .-frame{width:auto;margin:0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-frame{ width:1300px;margin:0 auto;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea .fixed_header, .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea .sectiontitle{display:none;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-left{float:left;width:33%;margin:0 1% 0 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-center{float:left;width:33%;margin:0 1% 0 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .-right{float:right;width:31%;margin:0px 0 0 0;} /* MakeShop 201908 하단고정부분 수정 */ .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_bottom_content{width:100%; height:640px; overflow:hidden; overflow-y:scroll; box-sizing:border-box; border:1px solid #555555;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_bottom_content:after{content:""; display:block; clear:both; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .guideArea .info{padding-top:5px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .guideArea .sizeGuide{top:3px;} /* .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .f_productname{display:block;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .f_productname{display:none;position:absolute;left:0;top:-40px;z-index:1;height:40px;line-height:40px;padding:0 40px;font-size:14px;font-weight:600;background:#fff;color:#333;border:2px solid #333;border-bottom:0;} */ .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_header{display:block; position:absolute; top:-60px; left:0; width:100%; height:60px; background-color:#555;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_header .f_productname {display:table; width:100%; height:60px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_header .f_productname span{display:table-cell; height:100%; vertical-align:middle; padding:0 96px; font-size:20px; font-weight:700; color:#FFF;font-family:'NanumSquare',sans-serif; } /* .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button{display:block;position:absolute;right:0; top:-40px;z-index:1;min-width:200px;height:40px;line-height:40px;padding:0 0 0 30px;background:#111;color:#fff;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button:hover{background:#222;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button{background:#333;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button:hover{background:#111;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .on{position:relative;margin:0 40px 0 0;display:none;border-right:1px solid #666;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .off{position:relative;margin:0 40px 0 0;display:block;border-right:1px solid #666;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button .on{display:block;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button .off{display:none;} */ .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button{position:absolute;top:0px; left:0; width:92px; height:60px; z-index:1;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button > span.on, .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button > span.off{width:92px; height:60px; text-align:center; box-sizing:border-box; padding-top:2px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .on{display:none;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .off{display:block;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button .on{display:block;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed.on .fixed_button .off{display:none;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .icon{} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_button .icon i{font-size:46px; color:#FFF; line-height:54px; } .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content{height:100%; background:rgba(255,255,255,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff,endColorstr=#e6ffffff);zoom:1;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .sectiontitle{display:block;height:40px;line-height:40px;border-bottom:1px solid #333;font-size:12px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .sectiontitle i{margin:0 5px 0 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap{width:100%;max-height:299px;overflow-y:auto;overflow-x:hidden;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .seperate table th,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .option table th{width:100px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .seperate table th,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .option table th{padding:5px 15px 5px 15px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .seperate table td,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .option table td{padding:5px 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .xans-product-option .ec-product-button.ec-product-preview li{margin:0 4px 4px 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .xans-product-option .ec-product-button.ec-product-preview li a{min-width:18px;width:18px;height:18px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .xans-product-option .value .ec-product-value{padding:0;background:0;color:#777;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .xans-product-option .ec-product-button li{margin:0 4px 4px 0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .xans-product-option .ec-product-button li a span{padding:6px 4px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap .productSet.normal{background:none;} #totalProducts tr.xans-product-option {padding:0; border-top: 1px dotted #ddd; background: #fafafa; color: #333; line-height: 18px; vertical-align: middle; word-wrap: break-word; word-break: break-all; border-top: 1px solid #e8e8e8; padding-left: 15px; text-align: left;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts{margin:0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table thead{display:none;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table thead th{border:0;background:#fff;border-bottom:none; font-weight:600;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody tr:first-child td{border-top:0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody.option_products{} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table th.prdname,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody td:first-child{width:215px !important;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table th.prdquantity,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody td{width:100px !important;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table th.prdprice,.xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody td.right{width:100px !important;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody td p.product{font-weight:600;line-height:1.8;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tbody td p.product span{font-weight:normal;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tfoot{position:absolute;top:41px;right:0;z-index:1;height:80px;border:0;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tfoot td{width:100%;border-top:0;padding:25px 10px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .scrollwrap #totalProducts table tfoot #MK_innerOptTotal{ width: 403px;} /* 버튼 3총사 영역 .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .xans-product-action{margin:77px 0 0 0;padding:10px 0;} */ .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .fixed_content .textbanner{display:none;} .xans-product-detail .imgArea .keyImg{position:relative;width:100%;} .xans-product-detail .imgArea .keyImg .thumbnail{position:relative;max-width:100%;} .xans-product-detail .imgArea .keyImg .thumbnail .prev{display:none;position:absolute;left:5px;top:50%;margin:-22px 0 0 0;z-index:1;} .xans-product-detail .imgArea .keyImg .thumbnail .next{display:none;position:absolute;right:5px;top:50%;margin:-22px 0 0 0;z-index:1;} .xans-product-detail .imgArea:hover .keyImg .thumbnail .prev{display:block;left:-30px;} .xans-product-detail .imgArea:hover .keyImg .thumbnail .next{display:block;right:-30px;} .xans-product-detail .imgArea .keyImg .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;} .xans-product-detail .imgArea .keyImg img{ width: 100%; max-width:100%;} .xans-product-detail .imgArea .listImg{overflow:hidden;width:100%;margin:10px 0 0 0;} .xans-product-detail .imgArea .listImg button{position:absolute;top:0;width:21px;height:77px;font-size:0;line-height:0;color:transparent;background:url("/design/elenaheim/pc/img/btn_product_detail_ctrl.png") no-repeat;} .xans-product-detail .imgArea .listImg.-sort {} .xans-product-detail .imgArea .listImg.-sort > ul[class*="grid"] {} .xans-product-detail .imgArea .listImg.-sort > ul[class*="grid"] > li{margin-bottom:5px;} .xans-product-detail .imgArea .listImg li{cursor:pointer;} .xans-product-detail .imgArea .listImg .prev{left:0;background-position:0 0;} .xans-product-detail .imgArea .listImg .next{right:0;background-position:-31px 0;} .xans-product-detail .imgArea .controls > ul{font-size:0;line-height:0;} .xans-product-detail .imgArea .controls > ul > li{position:absolute;top:50%;margin:-22px 0 0 0;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .xans-product-detail .imgArea:hover .controls > ul > li{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;} .xans-product-detail .imgArea .controls > ul > li.prev{left:15px;} .xans-product-detail .imgArea .controls > ul > li.next{right:15px;} .xans-product-detail .imgArea .controls > ul > li a{display:block;} .xans-product-detail .imgArea .controls > ul > li a:hover{} .xans-product-detail .imgArea .snsarea{position:absolute;top:-5px;right:3px;width:40%;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;text-align:right;} .xans-product-detail .imgArea:hover .snsarea{top:-25px;opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;} .xans-product-detail .imgArea .snsarea a{cursor:pointer;margin:0 0 0 5px;max-height:22px;} .xans-product-detail .imgArea .snsarea a img{width:22px; height:22px;} .xans-product-detail .imgArea .snsarea a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:alpha(opacity=70);} .xans-product-detail .imgArea .sharelink{position:absolute;top:5px;left:3px;width:40%;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;text-align:left;} .xans-product-detail .imgArea:hover .sharelink{top:-20px;opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;} .xans-product-detail .imgArea .sharelink a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0;width:20px;height:20px;line-height:20px;text-align:center;} .xans-product-detail .imgArea .sharelink a:first-child{margin:0;} .xans-product-detail .imgArea .sharelink a i{font-size:14px;color:#999;} .xans-product-detail .imgArea .sharelink a:hover i{color:#333;} .xans-product-detail .imgArea .keyImg .likeButton{position:absolute;left:5px;bottom:-5px;z-index:3;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .xans-product-detail .imgArea:hover .likeButton{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;bottom:5px;} .xans-product-detail .imgArea .keyImg .likeButton button{color:#333;letter-spacing:0px;padding:4px 4px;background:none;} .xans-product-detail .imgArea .keyImg .likeButton button .likePrdIcon{margin:0px 0 0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .xans-product-detail .imgArea .keyImg .likeButton button strong{margin:0 0 0 3px;} .xans-product-detail .imgArea .keyImg .likeButton.selected{position:absolute;left:-5px;bottom:10px;opacity:0.8;filter:alpha(opacity:'80');-ms-filter:alpha(opacity:'80');visibility:visible;padding-bottom:4px;} .xans-product-detail .imgArea .keyImg .likeButton.selected button{background:#373737;border-radius:0px;color:#fff;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .xans-product-detail .likeButton.selected button:before{content:"LIKE !";font-size:10px;position:relative;top:0px;margin:0 4px 0 0;} .xans-product-detail .likeButton.selected button:after{content:"";position:absolute;top:-4px;left:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000;-webkit-transform: rotate(135deg);-khtml-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .xans-product-detail .likeButton.selected button .likePrdCount{position:relative;top:1px;} .xans-product-detail .likeButton .likePrdCount{font-size:10px;} /* MakeShop 201908 수정 */ .xans-product-detail .headingArea{position:relative; padding:0 0 29px 0; margin:0 0 10px;line-height:1.8; border-bottom:2px solid #aaa;} .xans-product-detail .headingArea .icon{float:left;padding:0;margin:0 0 6px;text-align:left;} .xans-product-detail .headingArea .icon img{margin:0 3px 0 0;padding:0;} .xans-product-detail .headingArea .exinfo{float:right;} .xans-product-detail .headingArea .exinfo > div{display:inline-block;*display:inline;*zoom:1;} .xans-product-detail .headingArea .exinfo > div i{margin:0 5px 0 0;} .xans-product-detail .headingArea .discountrate{display:none;position:absolute;top:50%;right:0;margin:-20px 0 0 0;width:40px;height:40px;line-height:40px;border-radius:1px;text-align:center;background:#999;color:#fff;font-size:14px;} .xans-product-detail .headingArea .productname{line-height:27px; font-size:17px; padding:0; margin:0; color:#272727; font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; } .xans-product-detail .headingArea .product_hashtag{display:none; font-size:18px; line-height:26px;color:#909090; padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif;} .xans-product-detail .infoArea .description{padding:0 8px 20px;margin:20px 0;line-height:1.8;font-size:12px;color:#777;border-bottom:1px solid #eee;} .xans-product-detail .infoArea .line{width:100%;height:1px;background:#ddd;margin:0 0 30px;} .xans-product-detail .infoArea .line2{width:100%;height:0px;background:#ddd;margin:0 0 30px 0;} .xans-product-detail .infoArea .productinfo{margin:10px 0 0;padding:0;} .xans-product-detail .infoArea p.delivery{padding:10px 0 20px;} .xans-product-detail .infoArea .guideArea{position:relative;font-size:12px;} tr.msg{background:#fff;} .xans-product-detail .infoArea .guideArea .info{/*margin:10px 0;*/padding:0;color:#aaa;} .xans-product-detail .infoArea .guideArea .sizeGuide{position:absolute;top:50%;right:0;margin:-10px;background:url("/design/elenaheim/pc/img/ico_sizeGuide.gif") no-repeat 0 3px;} .xans-product-detail .infoArea .sizeGuide a{display:inline-block;padding:2px 15px 2px 24px;color:#353535;vertical-align:top;background:url("/design/elenaheim/pc/img/ico_sizeGuide_go.gif") no-repeat 100% 6px;} .xans-product-detail .infoArea .sizeGuide a:hover{text-decoration:none;} .xans-product-detail .infoArea table{border:0;font-size:12px;margin:0;font-family: 'Noto Sans KR', sans-serif;color:#272727;} .xans-product-detail .infoArea tr th{font-weight:normal;color:#272727; text-align:left;vertical-align:middle; padding:10px 0; padding-right:10px; width:180px; line-height:1;} .xans-product-detail .infoArea .txt-gray{color:#888888;} .xans-product-detail .infoArea .txt-red{color:#f06343;} .xans-product-detail .infoArea .txt-big{font-size:18px; font-weight:700;} .xans-product-detail .infoArea .txt-through{text-decoration:line-through !important;} .xans-product-detail .infoArea tr td{padding:10px 0; line-height:20px; vertical-align:middle;} .xans-product-detail .infoArea img{vertical-align:middle;} .xans-product-detail .infoArea td input[type=text]{width:100%;} .xans-product-detail .infoArea td.exam {padding-bottom:20px;} .xans-product-detail .infoArea td.exam input[type=text]{width: 98px;background: #ffefe6;border:1px solid #cacbcc;margin: 0 3px;} .xans-product-detail .infoArea td.exam input:first-child{margin-left:0;} .xans-product-detail .infoArea td.exam input::placeholder { color:#353535; } .xans-product-detail .infoArea td.exam .m2Wrap { position:relative; } .xans-product-detail .infoArea td.exam .m2Wrap input[type=text] {text-align:right;padding-right: 22px;} .xans-product-detail .infoArea td.exam .m2Wrap .m2txt {position:absolute;right: 6px;top: 0px;} .xans-product-detail .infoArea td.exam .cal-row ul { width: 100%; padding: 9px; border: 1px solid #ddd; margin-top: 10px; } .xans-product-detail .infoArea td.exam .cal-row li { list-style-type: disc; margin-left: 24px; } .xans-product-detail .infoArea td.new-cal-right, .xans-product-detail .infoArea .cal-col, .xans-product-detail .infoArea .cal-row, .xans-product-detail .infoArea td.new-cal-right .cal-result-wrap { display: flex; } .xans-product-detail .infoArea td.new-cal-right { flex-direction: column; gap: 8px; } .xans-product-detail .infoArea td.new-cal-right #cal_result { align-items: flex-end; gap: 4px; } .xans-product-detail .infoArea .cal-col { flex-direction: column; gap: 4px; } .xans-product-detail .infoArea .cal-row > .oper { margin-bottom: 6px; } .xans-product-detail .infoArea .cal-row { align-items: flex-end; gap: 4px; } .xans-product-detail .infoArea td.new-cal-right .cal-result-wrap { align-items: center; border: 1px solid #ddd; height: 28px; box-sizing: border-box; } .xans-product-detail .infoArea td.new-cal-right #cal_result { border: none; height: 25px; } .xans-product-detail .infoArea td.new-cal-right .cal-row ul { width: 100%; padding: 9px; border: 1px solid #ddd; } .xans-product-detail .infoArea td.new-cal-right .cal-row li { list-style-type: disc; margin-left: 24px; } .xans-product-detail .infoArea td.new-cal-right input, .xans-product-detail .infoArea td.new-cal-right .cal-result-wrap { background-color: #ffefe6; } .xans-product-detail .infoArea select{width:100%;height:24px;font-size:12px;color:#686868; font-family: 'Noto Sans KR', sans-serif; background-color:#ebebeb;} .xans-product-detail .infoArea td #delivery_cost_prepaid{margin:0 0 5px;} .xans-product-detail .infoArea td.social{padding:4px 0 0;} .xans-product-detail .infoArea td.social img{cursor:pointer;} .xans-product-detail .infoArea td .sale{text-decoration:line-through;} .xans-product-detail .infoArea td .period{display:block;margin:7px 0 0;font-size:11px;color:#353535;} .xans-product-detail .infoArea td .mileage li{line-height:1.7em;} .xans-product-detail .infoArea td .delivery label{margin:0 30px 0 0;} .xans-product-detail .infoArea td img.qrcode{border:1px solid #e1e1e1;} .xans-product-detail .infoArea td #span_product_price_text{font-weight:normal;} .xans-product-detail .infoArea td #span_product_coupon_dc_price{color:#070705;} .xans-product-detail .infoArea td.fileInfo{color:#757575;} .xans-product-detail .infoArea td.fileInfo input{width:288px;border:1px solid #c5c5c5;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} .xans-product-detail .infoArea td.fileInfo .infoDesc{margin:0 0 10px 0;} .xans-product-detail .infoArea td.fileInfo li{margin:4px 0 0;color:#757575;font-size:11px;} .xans-product-detail .infoArea td.fileInfo li img{vertical-align:bottom;} .xans-product-detail .delv_price_B strong{font-weight:normal;} .xans-product-detail .btnTooltip{display:inline-block;position:relative;z-index:10;vertical-align:middle;} .xans-product-detail .infoArea .optionArea{padding:0; /*border-bottom:1px solid #e8e8e8;*/} .xans-product-detail .infoArea .xans-product-option{/* background:#f8f8f8; border-top:1px solid #e8e8e8;*/} .xans-product-detail .infoArea .xans-product-option tr{ /*border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;*/ } .xans-product-detail .infoArea .xans-product-option tr:last-child{border-bottom:0;} .xans-product-detail .infoArea .xans-product-option tr:first-child{border-top:0;} .xans-product-detail .infoArea .xans-product-option tr:first-child th, .xans-product-detail .infoArea .xans-product-option tr:first-child td{border-top:1px solid #f1f1f1;} .xans-product-detail .infoArea .optionArea .optionArea .xans-product-option tr:first-child th, .xans-product-detail .infoArea .optionArea .optionArea .xans-product-option tr:first-child td{border-top:0;}gb /* 선택완료 */ /*.xans-product-detail .infoArea .optionArea .optionArea .xans-product-option .sel-btn a{font-size:15px}*/ .xans-product-detail .infoArea .xans-product-option tr th{/*padding:8px 0 8px 10px;*/ padding:5px 5px 5px 0; width:155px; min-height:40px; box-sizing:border-box;} .xans-product-detail .infoArea .xans-product-option tr td{/*padding:8px 10px 8px 0;*/ padding:5px 0;} .xans-product-detail .infoArea .xans-product-option tr:first-child th,.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th{} .xans-product-detail .infoArea .xans-product-option tr:first-child td,.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td{} .xans-product-detail .infoArea .xans-product-option td.selectButton{text-align:right;} .xans-product-detail .infoArea .xans-product-addoption .txtByte{font-size:11px;vertical-align:middle;letter-spacing:-1px;} .xans-product-detail .infoArea .xans-product-addoption .txtByte strong{color:#008bcc;} .xans-product-detail .infoArea .xans-product-option .value{color:#767479;word-break:break-all;font-size:11px;} .xans-product-detail .infoArea .xans-product-option .value > span{display:inline-block;*display:inline;*zoom:1;padding:0;} .xans-product-detail .infoArea .xans-product-option .value .ec-product-value{background:#aaa;color:#fff;font-size:11px;line-height:1.0;padding:4px;border-radius:2px;margin:0px 0 0 5px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li{position:relative;overflow:hidden;display:inline-block;margin:0 0 5px 5px;vertical-align:top;border:1px solid #d7d7d7;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*display:inline;*zoom:1;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li:first-child{margin-left:0;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li a{display:block;min-width:32px;text-align:center;text-decoration:none;word-break:break-all;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li a span{display:inline-block;*display:inline;*zoom:1;line-height:1.0;padding:5px 9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li{padding:1px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a{min-width:24px;width:24px;height:24px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img{max-width:100%;max-height:100%;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span{overflow:hidden;line-height:0;font-size:0;padding:0;text-indent:120%;white-space:nowrap;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span{position:absolute;left:0;top:0;z-index:1;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span{background:url("/design/elenaheim/pc/img/soldout_bg.png") repeat;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout{border-style:dashed;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span{display:inline-block;width:100%;height:100%;cursor:not-allowed;color:#d7d7d7;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected{border-style:dashed;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a{cursor:default;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span{display:inline-block;width:100%;height:100%;color:#333;background:#ccc;filter:alpha(opacity=30);opacity:0.3;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected{background:#333;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a{color:#fff;} .xans-product-detail .infoArea .xans-product-option .ec-product-radio > li{display:inline-block;margin:0 0 3px;} .xans-product-detail .infoArea .xans-product-option .ec-product-radio label{margin:0 7px 0 0;} .xans-product-detail .infoArea .xans-product-option .ec-product-radio label input{margin:0 2px 0 0;} .xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-disabled,.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-soldout{color:#d7d7d7;} .xans-product-detail .infoArea .xans-product-action{padding:10px 0;margin:20px 0;border-top:1px solid #e8e8e8;} .xans-product-detail .infoArea .xans-product-action .ec-base-button > .-leftarea{float:left;width:40%;} .xans-product-detail .infoArea .xans-product-action .ec-base-button > .-rightarea{float:right;width:60%;} .xans-product-detail .infoArea .xans-product-action .ec-base-button > .-rightarea > .-leftarea{float:left;width:50%;padding:0 0 0 5px;} .xans-product-detail .infoArea .xans-product-action .ec-base-button > .-rightarea > .-rightarea{float:left;width:50%;padding:0 0 0 5px;} .xans-product-detail .infoArea .xans-product-action .ec-base-button > .-rightarea > .-rightarea > a{} .xans-product-detail .infoArea .xans-product-action .ec-base-button a{display:block;} .xans-product-detail .detailArea .eventInfoArea{font-size:12px;} .xans-product-detail .detailArea .eventInfoArea .xans-myshop-asyncbenefit{margin:0 0 20px 0;} .xans-product-detail .detailArea .eventInfoArea .xans-myshop-asyncbenefit .member{margin:2px 0 19px;} .xans-product-detail .detailArea .eventInfoArea .xans-myshop-asyncbenefit .member em{font-style:normal;} .xans-product-detail .detailArea .textbanner{margin:0 0 20px;} .xans-product-detail .detailArea .textbanner > ul {} .xans-product-detail .detailArea .textbanner > ul > li{margin:5px 0 0 0;} .xans-product-detail .detailArea .textbanner > ul > li:first-child{margin:0;} .xans-product-detail .detailArea .textbanner > ul > li a{display:block;} .xans-product-detail .eventArea{border-bottom:5px solid #f4f4f4;padding:30px 20px;margin:0 0 30px;} .xans-product-detail .eventArea > .title{position:relative;padding:10px 0 30px;text-align:center;} .xans-product-detail .eventArea > .title p{font-size:16px;font-weight:600;letter-spacing:2px;line-height:1.8;color:#333;} .xans-product-detail .eventArea > .title p:first-child{font-size:12px;font-weight:normal;margin:0 0 5px;letter-spacing:0px;color:#777;} .xans-product-detail .eventArea .event{font-size:12px;line-height:1.8;color:#333;} #image_zoom_small{display:block;position:absolute;z-index:999;background:#fff;outline:2px solid #aaa;filter:alpha(opacity=50);opacity:0.5;} #zoom_wrap{position:absolute;top:0;left:550px;z-index:100;display:block;} .image_zoom_large{position:absolute;z-index:99;width:400px;height:400px;overflow:hidden;background:#fff;outline:1px solid #ececec;} .image_zoom_large .image_zoom_large_relative{position:relative;display:block;} .image_zoom_large .image_zoom_large_relative img#zoom_image{position:absolute;z-index:99;max-width:none;} #zoomMouseGiude{display:none !important;} #NaverChk_Button{display:block;margin:10px 0 0;text-align:right;} .-quotation { width: 340px; border: 1px solid #b7b7b7; height: 48px; line-height: 48px; text-align: center; float: left; font-size:16px; } .-quotation a { font-size: 20px; color: #737373; } .xans-product-detail .infoArea .xans-product-action .-giftarea2 { float: left; width: 353px; margin-left: 5px; height: 50px; overflow: hidden; } .xans-product-detail .infoArea .xans-product-action .-giftarea2 a {width:353px;height:50px;} .xans-product-detail .infoArea .xans-product-action .-giftarea{float:left; padding:0px 25px 10px 0; } .xans-product-detail .infoArea .xans-product-action .-giftarea a{width:350px;height:65px;} .-specialarea {margin-bottom:10px;} .-specialarea:after{display:block;content:"";clear:both;} .-specialarea .-left {float:left; width:228px; border:1px solid #b7b7b7; height:50px; line-height:50px; text-align:center; font-size:16px;} .-specialarea .-right {float:left; width:228px; border:1px solid #b7b7b7; height:50px; line-height:50px; margin-left:5px; text-align:center; font-size:16px;} .-specialarea .-left a {color:#737373; font-size:16px;} .-specialarea .-right a {color:#737373; font-size:16px;} .-curtainarea {height:50px; margin-bottom:10px;} .-curtainarea .-left {float:left; width:338px; border:1px solid #b7b7b7; height:50px; line-height:50px; text-align:center; font-size:16px;} .-curtainarea .-right {float:right; width:353px; border:1px solid #b7b7b7; height:50px; line-height:50px; margin-left:5px; text-align:center; font-size:16px;} .-curtainarea .-left a {color:#737373; font-size:16px;} .-curtainarea .-right a {color:#737373; font-size:16px;} #divNvPointInfo{display:none;position:absolute;z-index:99;width:245px;padding:10px;color:#777;background:#fff;border:1px solid #5B9761;} #divNvPointInfo a{display:block;padding:5px 0 0;color:#1ec228;} #divNvPointInfo a img{vertical-align:middle;} #imgNaverMileageHelp{cursor:pointer;} .detailArea .productSet{margin:0;} .detailArea .productSet table{table-layout:fixed;margin:0;line-height:1.5;} .detailArea .productSet th{width:140px;padding:10px 0px 10px 15px;color:#353535;} .detailArea .productSet td{padding:10px 15px 10px 0;color:#353535;} .detailArea .productSet td.del{text-decoration:line-through;} .detailArea .productSet td.price{color:#333;} .detailArea .productSet td.sale{color:#333;} .detailArea .productSet td.thumbnail img{width:78px;height:108px;margin:3px 0 7px;border:1px solid #ececec;} .detailArea .productSet .product{padding:10px 0;vertical-align:top;border:1px solid #ddd;} .detailArea .productSet .sizeGuide{padding:5px 10px;height:19px;border-top:1px solid #d7d5d5;text-align:right;} .detailArea .productSet .sizeGuide a{margin:0;padding-left:0;position:static;} .detailArea .productSet .sizeGuide a span{display:inline-block;padding:0 0 0 24px;background:url("/design/elenaheim/pc/img/ico_sizeGuide.gif") no-repeat 0 2px;} .detailArea .productSet .seperate,.detailArea .productSet .option{vertical-align:top;*zoom:1;} .detailArea .productSet .option td{} .detailArea .productSet .info{padding:0 0 0 58px;color:#8f8f91;} .detailArea .productSet .selectButton{text-align:right;} .detailArea .productSet .recommend{position:relative;padding:0 0 0 8px;color:#757575;line-height:38px;background:#fbfafa;} .detailArea .productSet .recommend strong{padding:0 7px 0 0;font-size:12px;color:#353535;} .detailArea .productSet .recommend .toggle{position:absolute;right:10px;top:4px;} .detailArea .productSet.normal{border:0;padding:0px;} .detailArea .productSet.normal > .title{font-size:12px;line-height:1.5;padding:10px;} .detailArea .productSet.normal th{} .detailArea .productSet.normal .option th{} .detailArea .productSet.normal .option td{} .detailArea .productSet.normal .product{border:0;border-top:1px dotted #e8e8e8;} .detailArea .productSet.normal .product:first-child{margin:0;border-top:0;} .detailArea .productSet.hide .product{display:none;} .ec-base-desc.quantity{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #ddd;} .ec-base-desc.quantity dt{width:125px;padding:0 0 0 8px;} .detail_prdRelated .xans-product-relation{} /* .detail_prdRelated .xans-product-relation .title{position:relative;padding:10px 0 30px;text-align:center;} .detail_prdRelated .xans-product-relation .title p{font-size:12px;font-weight:normal;margin:0 0 5px;letter-spacing:0px;color:#777;} .detail_prdRelated .xans-product-relation .title p:first-child{font-size:16px;font-weight:600;letter-spacing:2px;color:#333;} */ /* MakeShop 201908 */ .xans-product-additional div.board{padding:50px 0;} .detail_prdRelated .xans-product-relation .title{height:40px; margin-bottom:15px;} .detail_prdRelated .xans-product-relation p{float:left; line-height:40px; color:#555; vertical-align:text-bottom; padding-right:20px; font-size:12px; font-family:'NanumSquare',sans-serif;} .detail_prdRelated .xans-product-relation p:first-child{font-size:30px; font-weight:600; font-family: 'Hind Madurai', sans-serif;} /* //MakeShop 201908 */ .detail_prdRelated .xans-product-relation .type1{} .detail_prdRelated .xans-product-relation .type1 > ul{font-size:0;line-height:0;} .detail_prdRelated .xans-product-relation .type1 > ul > li{margin-bottom:50px;font-size:12px;line-height:1.8;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box{text-align:center;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .thumbnail{margin:0 0 10px;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .thumbnail img{max-width:100%;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .icon{font-size:0;line-height:0;margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .icon img{margin:0 0 0 3px;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .icon img:first-child{margin:0;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .name{font-weight:600;margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .price{margin:0 0 10px;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .price span{font-weight:600;} .detail_prdRelated .xans-product-relation .type1 > ul > li .box .price span.strike{font-weight:normal;text-decoration:line-through;margin:0 5px 0 0;} .detail_prdRelated .xans-product-relation .type2{} .detail_prdRelated .xans-product-relation .type2 > ul{font-size:0;line-height:0;} .detail_prdRelated .xans-product-relation .type2 > ul > li{margin-bottom:50px;font-size:12px;line-height:1.8;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box{position:relative;text-align:left;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .chk{position:absolute;top:10px;left:10px;z-index:1;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .chk input[type=checkbox]{width:20px;height:20px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .thumbnail{margin:0 0 10px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .thumbnail img{max-width:100%;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .icon{font-size:0;line-height:0;margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .icon img{margin:0 0 0 3px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .icon img:first-child{margin:0;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .name{font-weight:600;margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .price{margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .price span{font-weight:600;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .price span.strike{font-weight:normal;text-decoration:line-through;margin:0 5px 0 0;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .mileage{margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .mileage > img{font-size:0;margin:0 3px 0 0;vertical-align:middle;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .option{} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .option > ul {} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .option > ul > li{margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box select{width:100%;height:28px;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .count{position:relative;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .-left{float:left;width:25%;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box .-right{float:right;width:73%;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table {} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table tr {} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table tr td{padding:0;background:#fff;border:0;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table tr td input{width:100%;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table tr td.quantity{font-size:0;line-height:0;} .detail_prdRelated .xans-product-relation .type2 > ul > li .box table tr td.quantity img{width:30px;margin:0 0 0 3px;} .detail_prdRelated .xans-product-relation .btnarea{width:100%;text-align:center;margin:50px 0 0 0;} .detail_prdRelated .xans-product-relation .btnarea a{margin:0 2px;width:200px;} .detail_prdRelated .xans-product-relation .type3{} .detail_prdRelated .xans-product-relation .type3 > ul{font-size:0;line-height:0;} .detail_prdRelated .xans-product-relation .type3 > ul > li{position:relative;margin-bottom:50px;font-size:12px;line-height:1.8;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box{text-align:center;color:#555;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .thumbnail{margin:0;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .thumbnail img{max-width:100%;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .icon{font-size:0;line-height:0;margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .icon img{margin:0 0 0 3px;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .icon img:first-child{margin:0;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .name{margin:0 0 5px;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .name a{font-weight:600;color:#555;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .price{margin:0 0 10px;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .price span{font-weight:600;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .price span.strike{font-weight:normal;text-decoration:line-through;margin:0 5px 0 0;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box:hover > .overlayer{opacity:1;filter:alpha(opacity=1);-ms-filter:alpha(opacity=100);visibility:visible;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .overlayer{position:absolute;bottom:0;left:0;right:0;top:0;z-index:2;width:100%;height:100%;opacity:0;filter:alpha(opacity=00);-ms-filter:alpha(opacity=0);visibility:hidden;cursor:pointer;background:rgba(255,255,255,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .overlayer .overlayer_table{display:table;position:relative;width:100%;height:100%;} .detail_prdRelated .xans-product-relation .type3 > ul > li .box .overlayer .overlayer_table .overlayer_cell{display:table-cell;vertical-align:middle;text-align:left;width:100%;height:100%;padding:0 15px;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} #totalProducts{margin:0;} #totalProducts table{margin:0;} #totalProducts table tbody.addproduct_toggle{display: none;} #totalProducts table .left{text-align:left;} #totalProducts table .center{text-align:center;} #totalProducts thead th{padding:8px 0;font-size:12px;line-height:1.8;background:#fff;border-bottom:1px solid #333;text-align:center;width:auto;} #totalProducts thead th.prdname{text-align:left;padding-left:15px;} #totalProducts thead th.prdquantity{} #totalProducts thead th.prdprice{} #totalProducts tbody th{vertical-align:middle;text-align:center;} #totalProducts tbody td{/* padding:9px 0;/*border-top:1px dotted #ddd;background:#fafafa;color:#333;*/line-height:10px;vertical-align:middle;word-wrap:break-word;word-break:break-all;text-align:center;} #totalProducts tbody tr td:first-child{/*padding-left:15px;*/text-align:left;} #totalProducts tbody tr:first-child td{/*border-top:1px solid #e8e8e8;*/} #totalProducts tbody td p{padding:0;font-weight:normal;line-height:1.8;font-size:11px;} #totalProducts tbody td p.product span{background:#aaa;color:#fff;font-size:11px;line-height:1.2;width:88%;margin:0 0 0 5px;padding:3px 4px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;} #totalProducts tbody td p.product span.soldOut{color:#333;} #totalProducts tbody td img{vertical-align:middle;} #totalProducts tbody td .quantity{display:inline-block;*display:inline;*zoom:1;position:relative;width:50px !important;vertical-align:top;} #totalProducts tbody td .quantity input{height:25px;padding:0 2px 0 3px;line-height:25px;border:1px solid #d4d8d9;border-radius:3px 0 0 3px;} #totalProducts tbody td .quantity .up{position:absolute;left:28px;top:0;} #totalProducts tbody td .quantity .down{position:absolute;left:28px;top:12px;} #totalProducts tbody.option_products tr td .quantity input,#totalProducts tbody.add_products tr td .quantity input{height:21px;line-height:21px;} #totalProducts tbody.option_products tr td .quantity .down,#totalProducts tbody.add_products tr td .quantity .down{bottom:0;top:auto;} #totalProducts tbody.option_products tr td a.delete{margin:0 0 0 3px;} #totalProducts tbody.option_products tr td a.delete img{margin-top:5px;} #totalProducts tbody td .mileage{display:block;white-space:nowrap;} #totalProducts tbody td .mileage_price{} #totalProducts tfoot td{padding:0 !important; /*padding:20px 10px 0;border-top:1px solid #e8e8e8;*/color:#353535;vertical-align:middle;background:#fff;text-align:right;} #totalProducts tfoot td .total{color:#333;} #totalProducts tfoot td .total em{font-style:normal;font-weight:normal;font-size:20px;letter-spacing:1px;} #totalProducts + .xans-product-action{margin-top:0;} .differentialShipping{display:none;overflow:hidden;position:absolute;left:50%;top:17px;z-index:100;width:350px;margin:0 0 0 -176px;} .differentialShipping h3.title{height:35px;padding:0 35px 0 19px;border:0;color:#fff;font-size:14px;line-height:35px;background:#495164;} .differentialShipping .content{padding:12px 18px 14px 18px;border:1px solid #757575;border-top:0;text-align:center;background:#fff;} .differentialShipping .close{position:absolute;right:14px;top:12px;} .differentialShipping .close img{cursor:pointer;} .differentialShipping .content ul{color:#757575;line-height:25px;} .differentialShipping .content li{overflow:hidden;} .differentialShipping .content li strong{float:left;font-weight:normal;} .differentialShipping .content li span{float:right;color:#2e2e2e;} .differentialShipping .content .info{margin:7px 0 0;padding:7px 0 0;border-top:1px dotted #b0b1b3;color:#80aeef;text-align:right;} .xans-product-detail .shippingFee{position:relative;display:inline-block;} .xans-product-detail .shippingFee .ec-base-tooltip{margin:0 0 0 -180px;width:360px;} .xans-product-detail .shippingFee .ec-base-tooltip table th{width:40px;} .xans-product-detail .shippingFee .ec-base-tooltip table th,.xans-product-detail .shippingFee .ec-base-tooltip table td{padding:7px 10px 8px 10px;} .xans-product-customsns,.xans-product-customsns ul,.xans-product-customsns li{display:inline;vertical-align:middle;} .xans-product-customsns img{margin-bottom:2px;} .xans-product-detail .infoArea td > span > ul.discountMember > li{position:relative;float:left;} .xans-product-detail .infoArea td ul.discountMember li a{display:block;margin:0 4px 4px 0;} .xans-product-detail .infoArea td ul li .discount_layer h3{margin:0 0 8px;padding:0 10px;font-size:12px;border-bottom:0;} .xans-product-detail .infoArea td ul li .discount_layer{display:block;left:-140px;min-width:300px;} .xans-product-detail .infoArea td ul li .discount_layer .content{overflow-x:hidden;overflow-y:auto;max-height:400px;} .xans-product-detail .infoArea td ul li .discount_layer thead th{padding:0;width:0;height:0;font-size:0;line-height:0;border-width:0 1px 0 1px;} .xans-product-detail .infoArea td ul li .discount_layer tbody th{width:auto;} .xans-product-additional .-ptab{padding-top:100px;} /* MakeShop 201908 */ .xans-product-additional .-ptab.detailtabmenu{padding-top:110px; } .xans-product-additional .-ptab.detailtabmenu > ul{height:72px; box-sizing:border-box;} .xans-product-additional .-ptab.detailtabmenu > ul > li{width:20%; box-sizing:border-box; position:relative;} .xans-product-additional .-ptab.detailtabmenu > ul > li a{height:72px; box-sizing:border-box; line-height:72px; background:#FFF; border:1px solid #ddd; border-bottom:2px solid #535353; display:block;font-size:22px; white-space:nowrap; font-weight:normal; font-family:'NanumSquare',sans-serif; color:#303030; margin-top:0;} .xans-product-additional .-ptab.detailtabmenu > ul > li.selected a{border:2px solid #535353; border-bottom-color:#FFF;} .xans-product-additional .-ptab .count_box{position:absolute; top:-14px; left:0; width:100%; height:28px; text-align:center; z-index:3;} .xans-product-additional .-ptab .count_box .count{display:inline-block; height:28px; line-height:30px; min-width:28px; border-radius:14px; padding:0 10px; background-color:#dc7d62; color:#FFF; font-size:16px; font-family:'NanumSquare',sans-serif;} .xans-product-additional .guideimg{width:100%;text-align:center;} .xans-product-additional .guideimg img{max-width:100%;} .xans-product-additional .ec-base-tab .menu{margin:30px 0 11px;} .xans-product-additional .cont{padding:50px 0 0;color:#333;line-height:1.8;} .xans-product-additional .cont h3{margin:0 0 20px;color:#444;font-size:12px;} .xans-product-additional .cont img{max-width:100%;} .xans-product-additional .cont.productdetail img,.xans-product-additional .cont.productdetail iframe{max-width:100% !important;width:auto !important;height:auto !important;} .xans-product-additional .cont table{} .xans-product-additional .prdInfo .cont table td{border:1px solid #e8e8e8;padding:30px;} .xans-product-additional .prdInfo .cont table td:first-child{text-align:center;font-weight:600;background:#fcfcfc;} .xans-product-additional .cont table td p.exchangeaddr{margin:30px 0 0 0;font-size:12px;font-weight:600;} .xans-product-additional .cont table td p.exchangeaddr i{margin:0 5px 0 0;} /* .xans-product-additional div.board{padding:40px 0 50px;color:#353535;line-height:18px;} .xans-product-additional div.board .title{ padding-bottom: 0 !IMPORTANT; position:relative;padding:10px 0 30px;text-align:center;} .xans-product-additional div.board .title p{font-size:12px;font-weight:normal;margin:0 0 5px;letter-spacing:0px;color:#777;line-height:1.8;} .xans-product-additional div.board .title p:first-child{font-size:16px;font-weight:600;letter-spacing:2px;color:#333;} */ /* MakeShop 201908 */ .xans-product-additional div.board{padding:40px 0 0;} .xans-product-additional div.board .title{height:40px; margin-bottom:15px;} .xans-product-additional div.board .title p{float:left; line-height:40px; color:#555; vertical-align:text-bottom; padding-right:20px; font-size:12px; font-family: 'Noto Sans KR', sans-serif;} .xans-product-additional div.board .title p:first-child{font-size:30px; font-weight:600; font-family: 'Hind Madurai', sans-serif;} /* //MakeShop 201908 */ .xans-product-additional div.board h3{padding:0 10px 0 9px;font-size:12px;} .xans-product-additional div.board p.desc{padding:0 10px 0 9px;} .xans-product-additional div.board p.nodata{border-bottom:1px solid #d7d5d5;color:#aaa;line-height:1.8;padding:30px 0;text-align:center;} .xans-product-additional div.board td .view{padding:16px 19px 0;line-height:18px;text-align:left;} #commentWriteForm_4{padding:0 19px;} #SecretForm_4{background:#fbf9fa;} #SecretForm_4 .view{padding:8px 0 7px;} #SecretForm_4 input{width:41px;height:24px;margin:0 0 0 6px;border:0;font-size:0;line-height:0;cursor:pointer;background:url("/design/elenaheim/pc/img/btn_ico_submit.gif") no-repeat 0 0;} #SecretForm_4 input#secure_password{width:130px;height:18px;margin-left:11px;padding:2px 2px 2px 4px;border:1px solid #d9d9d9;font-size:12px;line-height:14px;cursor:text;background:#fff;} #product-review-read td,#product-qna-read td{padding:0;} #product-review-read td #SecretForm_4 .view{padding-left:79px;} #product-qna-read td #SecretForm_4 .view{padding-left:213px;} .xans-product-additional .boardComment{padding:0 19px;} .xans-product-additional .boardComment li{position:relative;overflow:hidden;margin:10px 0 0 0;padding:12px 0 0;border-top:1px solid #d7d5d6;color:#353535;text-align:left;line-height:14px;} .xans-product-additional .boardComment li:first-child{margin-top:0;} .xans-product-additional .boardComment li .comment{margin:9px 0 0;padding:16px 0 15px 9px;border-top:1px solid #e9e9e9;line-height:18px;word-break:break-all;} .xans-product-additional .boardComment li .name{margin:0 21px 0 0;} .xans-product-additional .boardComment li .name input{width:13px;height:13px;margin:0 2px 0 0;vertical-align:-2px;*vertical-align:2px;} .xans-product-additional .boardComment li .date{margin:0 10px 0 0;font-size:11px;} .xans-product-additional .boardComment li .grade{margin:0 10px 0 0;} .xans-product-additional .boardComment li .button{position:absolute;right:0;top:6px;} .xans-product-additional .memoCont{margin:20px 15px;padding:10px 20px 15px 20px;border:1px solid #e9e9e9;color:#353535;text-align:left;background:#fbfafa;} .xans-product-additional .memoCont .user{overflow:hidden;padding:0 90px 0 0;} .xans-product-additional .memoCont .user input[type=text],.xans-product-additional .memoCont .user input[type=password]{width:135px;margin:0 10px 0 9px;} .xans-product-additional .memoCont .user .secret{margin:0 20px 0 10px;} .xans-product-additional .memoCont .user .secret label{margin:0;} .xans-product-additional .memoCont .user textarea{float:left;width:100%;padding:2px 0;height:44px;text-indent:4px;*margin-right:10px;} .xans-product-additional .memoCont .user a{float:right;margin:0 -90px 0 0;} .xans-product-additional .memoCont .nameArea{display:block;margin:0 0 10px;} .xans-product-additional .memoCont .rating{margin:12px 0 0;} .xans-product-additional .memoCont .rating label{padding:0 10px 0 0;} .xans-product-additional .memoCont .rating em{font-style:normal;} .xans-product-additional .memoCont .text{margin:5px 0 0;font-size:11px;} .xans-product-additional .memoCont .text span{color:#008bcc;} .xans-product-additional .memoCont .captcha{margin:8px 0 0;padding:10px 0 0;border-top:1px solid #e9e9e9;color:#757575;} .xans-product-additional .memoCont .captcha img{vertical-align:middle;} .xans-product-additional .memoCont .captcha input{margin:0 10px 0 20px;font-size:12px;} .xans-product-additional table.board td .view + form .memoCont{margin-top:0;} .xans-product-additional .boardComment li.replyArea{margin:-1px 0 0;padding:10px 0 7px 33px;border:1px solid #e9e9e9;background:url("/design/elenaheim/pc/img/ico_comment.gif") no-repeat 20px 15px;} .xans-product-additional .boardComment li.replyArea .commentSecret{margin-right:30px;} .xans-product-additional .boardComment li.replyArea .comment{margin:7px 0 0;padding:0;border-top:0;} .xans-product-additional .noAccess{margin:15px 0 10px;border:1px solid #d7d5d5;font-weight:bold;color:#008bcc;line-height:39px;text-align:center;} .xans-product-additional .minor{margin:15px 0 0;padding:35px 0 24px;border:1px solid #d7d5d5;font-weight:bold;color:#353535;line-height:14px;text-align:center;} .xans-product-additional .minor p:first-child img{margin:-11px 8px 0 0;vertical-align:top;} .xans-product-additional .minor strong{color:#008bcc;} .xans-product-additional .minor .button{margin:-7px 0 0;} .xans-product-additional .commentSecret{margin:10px 10px 5px 0;padding:10px 15px;border:1px solid #e9e9e9;background-color:#fbfafa;color:#353535;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;} html{width:100%;height:100%;} body,code{font:0.75em Verdana,Dotum,AppleGothic,sans-serif;color:#353535;background:#fff;} body{min-width:1480px;} body#popup{min-width:0;} li{list-style:none;} img,fieldset{border:none;vertical-align:top;} table{width:100%;border:0;border-spacing:0;border-collapse:collapse;} caption{display:none;} th,td{border:0;vertical-align:top;} input,select,textarea{font-size:100%;color:#353535;vertical-align:middle;} input[type=radio],input[type=checkbox]{width:13px;height:13px;border:0;} input[type=text],input[type=password]{height:18px;line-height:20px;padding:2px 4px;border:1px solid #d5d5d5;color:#353535;font-size:12px;} input[type=radio] + label,input[type=checkbox] + label{margin:0 4px 0 2px;} select{height:24px;border:1px solid #d5d5d5;} textarea{padding:5px 6px;border:1px solid #d5d5d5;line-height:1.5;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#c1c1c1;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c1c1c1;} input::-moz-placeholder,textarea::-moz-placeholder{color:#c1c1c1;opacity:1;} legend{visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;} button{overflow:visible;padding:0;margin:0;border:0;cursor:pointer;} hr.layout{display:none;} a{text-decoration:none;color:#000;} a:hover{text-decoration:underline;} a:active{text-decoration:none;} .objHidden{visibility:hidden;position:absolute;left:-1000px;top:-1000px;height:0;width:0;} table tr.radioType input,span.noBorder input{border:none !important;width:auto !important;height:auto !important;margin:0 3px 0 0 !important;vertical-align:middle !important;background:none !important;} #content_CONTAINER table,#bi_inquire_content_CONTAINER table{border:0;margin:0 0 -1px;} #content_CONTAINER table:before,#bi_inquire_content_CONTAINER table:before{display:none;} #content_CONTAINER td,#bi_inquire_content_CONTAINER td{width:auto !important;padding:0;} table.nneditor-table{width:auto !important;} .gLabel{display:inline-block;} .gLabel label{margin-right:20px;line-height:22px;} .fWidthFull input[type=text]{width:100%;height:24px;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;} .fWidthFull textarea{width:100%;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;} #progressPaybarBackground{position:absolute;z-index:99;left:0;top:0;width:100%;height:100%;} #progressPaybarView{position:absolute;z-index:100;top:160px;left:20px;width:471px;font-size:12px;} #progressPaybarView .box{height:180px;background:url(/design/elenaheim/pc/img/bg_layer_box1.gif) 0 0 no-repeat;} #progressPaybarView .box .graph{padding:15px 0 0 0;text-align:center;} #progressPaybarView .box .graph span{display:block;text-align:center;margin:20px 0;} #progressPaybarView .box .txt{text-align:center;padding:15px 0 0;color:#555555;} div.layerProgress{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;background-color:#999;} #skipNavigation {position:absolute;top:0;left:0;z-index:100;width:100%;height:0;} #skipNavigation p,#skipNavigation ul,#skipNavigation ul li {height:0;} #skipNavigation p a {position:absolute;left:0;top:0;display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;color:#000;white-space:nowrap;} #skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active {width:100%;height:auto;padding:10px 0;background:#c4122f;color:#fff;z-index:100;} .displaynone{display:none;} .dimmed{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#fff;opacity:0.8;filter:alpha(opacity=80);} .txtInfo{color:#707070;} .txtWarn{color:#f76560;} .txtEm{color:#333;} .txtDel,.strike,.discount{text-decoration:line-through;font-weight:normal;} .strike strong,.discount strong{font-weight:normal;} .txtNormal{font-weight:normal;font-style:normal;} .txtNum{font-size:11px;color:#939393;} .txt11{font-size:11px;} .txt12{font-size:12px;} .txt14{font-size:14px;} .txt16{font-size:16px;} .txt18{font-size:18px;letter-spacing:-1px;} .txtIcon{font-size:12px;font-style:normal;} .txtBreak{word-break:break-all;word-wrap:break-word;} html:lang(ja) .txt11,html:lang(zh) .txt11,html:lang(zh-tw) .txt11{font-size:12px;} .gBlank5{display:block;margin-top:5px;} .gBlank10{display:block;margin-top:10px;} .gBlank20{display:block;margin-top:20px;} .gBlank30{display:block;margin-top:30px;} .gIndent10{margin-left:10px;} .gIndent20{margin-left:20px;} .gSpace10{margin-right:10px;} .gSpace20{margin-right:20px;} .gMerge{position:relative;z-index:1;margin-top:-1px;} .ec-base-qty{position:relative;display:inline-block;width:50px;margin:0 1px 0 0;text-align:left;} .ec-base-qty input[type="text"]{width:22px;height:23px;padding:0 0 0 5px;line-height:25px;border:1px solid #d4d8d9;border-radius:3px 0 0 3px;} .ec-base-qty .up{position:absolute;left:27px;top:0;} .ec-base-qty .down{position:absolute;left:27px;bottom:0;} .ec-base-chk{display:inline-block;position:relative;margin:0 8px 0 0;width:22px;height:22px;vertical-align:top;cursor:pointer;} .ec-base-chk input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;} .ec-base-chk .checkbox{position:absolute;top:0;left:0;width:100%;height:100%;background:url("/design/elenaheim/pc/img/bg_join_check.png") no-repeat 0 0;} .ec-base-chk input:checked + .checkbox{background-position:-34px 0;} .ec-base-tooltip{display:none;z-index:2;position:absolute;top:24px;padding:15px;border:1px solid #565960;background:#fff;-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);} .ec-base-tooltip h3{margin:0 0 8px;padding:0 10px;font-size:12px;border-bottom:0;background:url("/design/elenaheim/pc/img/ico_layer_title.gif") no-repeat 0 50%;} .ec-base-tooltip h3 + p{margin:0 5px 10px;} .ec-base-tooltip h4{margin:15px 10px 8px 5px;font-size:12px;} .ec-base-tooltip h4:before{display:inline-block;content:"";margin:0 5px 0 0;width:3px;height:3px;background:#666;vertical-align:middle;} .ec-base-tooltip .btnClose{position:absolute;right:14px;top:14px;} .ec-base-tooltip .edge{z-index:20;position:absolute;left:50%;top:-6px;display:block;margin:0 0 0 -5px;width:10px;height:6px;} .ec-base-tooltip .edge:before,.ec-base-tooltip .edge:after{display:inline-block;content:"";position:absolute;top:0;width:0;height:0;border:solid transparent;} .ec-base-tooltip .edge:before{margin:1px 0 0;border-bottom-color:#565960;border-width:0 5px 5px 5px;} .ec-base-tooltip .edge:after{left:1px;margin:2px 0 0;border-bottom-color:#fff;border-width:0 4px 4px 4px;} .ec-base-tooltip table th,.ec-base-tooltip table td{padding:8px 10px 7px 10px;border:1px solid #e8e8e8;line-height:1.5em;} .ec-base-tooltip table th{padding-right:0;background:#fbf9fa;} .ec-base-tooltip table thead th{text-align:center;} .ec-base-tooltip table tbody th{text-align:left;} .ec-base-tooltip table .left{text-align:left;} .ec-base-tooltip table .center{text-align:center;} .ec-base-tooltip table .right{text-align:right;} .ec-base-tooltip table .info{padding:0;color:#757575;} .ec-base-tooltip table p.info:before,.ec-base-tooltip table ul.info li:before{display:inline-block;content:"";margin:0 3px 0 0;width:4px;height:1px;background:#757575;vertical-align:middle;} .ec-base-tooltip .info{padding:10px 10px 0;margin:5px 0 0;} .ec-base-tooltip p.bullet,.ec-base-tooltip ul.bullet{margin:8px 10px;} .ec-base-tooltip p.bullet:before,.ec-base-tooltip ul.bullet li:before{display:inline-block;content:"";margin:-3px 3px 0 0;width:0;height:0;border:solid transparent;border-left-color:#333;border-width:2px 0 2px 2px;vertical-align:middle;} .ec-base-tooltip ul.bullet li{line-height:1.5em;} .ec-base-tooltip .txtEm{color:#008bcc;} .ec-base-tooltip .txtWarn{color:#f65b54;} .ec-base-tooltip.typeUpper{top:auto;bottom:34px;} .ec-base-tooltip.typeUpper .edge{top:auto;bottom:-6px;} .ec-base-tooltip.typeUpper .edge:before{margin:0 0 -5px;border-top-color:#565960;border-width:5px 5px 0 5px;} .ec-base-tooltip.typeUpper .edge:after{left:1px;margin:0 0 -4px;border-top-color:#fff;border-width:4px 4px 0 4px;} span.ec-base-help,p.ec-base-help,ul.ec-base-help li{margin:2px 9px;padding:1px 0 1px 20px;line-height:1.4;background:url('/design/elenaheim/pc/img/ico_info2.gif') no-repeat 0 2px;} div.ec-base-help{margin:20px 0;border:1px solid #d6d4d4;line-height:18px;} div.ec-base-help > h2,div.ec-base-help > h3{padding:9px 0 6px 10px;border-bottom:1px solid #e8e7e7;color:#101010;font-size:12px;background:#fbfbfb;} div.ec-base-help .inner{padding:0 9px 12px;} div.ec-base-help h4{margin:22px 0 -4px;color:#404040;font-size:12px;font-weight:normal;} div.ec-base-help h4:first-child{margin-top:13px;} div.ec-base-help p{margin:15px 0 0 10px;color:#707070;} div.ec-base-help ul,div.ec-base-help ol{margin:15px 0 0 11px;} div.ec-base-help li{color:#707070;} div.ec-base-help ol li{padding:0 0 0 25px;background:url('/design/elenaheim/pc/img/ico_number.png') no-repeat;} div.ec-base-help ol .item1{background-position:-484px 0;} div.ec-base-help ol .item2{background-position:-434px -100px;} div.ec-base-help ol .item3{background-position:-384px -200px;} div.ec-base-help ol .item4{background-position:-334px -300px;} div.ec-base-help ol .item5{background-position:-284px -400px;} div.ec-base-help ol .item6{background-position:-234px -500px;} div.ec-base-help ol .item7{background-position:-184px -600px;} div.ec-base-help ol .item8{background-position:-134px -700px;} div.ec-base-help ol .item9{background-position:-84px -800px;} div.ec-base-help ol .item10{background-position:-34px -900px;} div.ec-base-help ul li{padding:0 0 0 11px;background:url('/design/elenaheim/pc/img/ico_dash.gif') no-repeat 0 7px;} .ec-base-product{margin:0;} .ec-base-product .productGroupTitle{position:relative;margin:80px 0 60px;z-index:1;} .ec-base-product .productGroupTitle h2{display:block;text-align:center;padding:0;font-weight:bold;letter-spacing:2px;font-size:16px;color:#333;margin:0;} .ec-base-product .productGroupTitle h3{padding:0;font-weight:normal;font-size:12px;color:#333;text-align:left;} .ec-base-product img{vertical-align:middle;} .ec-base-product .prdList{width:auto;min-width:756px;margin:0 0 0 -2.3334%;font-size:0;line-height:0;} .ec-base-product .prdList > li{position:relative;display:inline-block;*display:inline;*zoom:1;margin:0 0 20px 0;color:#333;vertical-align:top;} .ec-base-product .prdList .box{position:relative;width:100%;} .ec-base-product .prdList.main .chk{display:none;} .ec-base-product .prdList .chk{position:absolute;top:10px;left:10px;z-index:1;} .ec-base-product .prdList .chk > input[type=checkbox]{width:20px !important;height:20px !important;} .ec-base-product .prdList .thumbnail{position:relative;margin:0 0 10px;padding:0;text-align:center;} .ec-base-product .prdList .thumbnail a{display:block;position:relative;font-size:0;line-height:0;} .ec-base-product .prdList .thumbnail a img{max-width:100%;} .ec-base-product .prdList .thumbnail img.-hover{position:absolute;top:0;left:0;z-index:1;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .ec-base-product .prdList .thumbnail a:hover img.-hover{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;} .ec-base-product .prdList .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;} .ec-base-product .prdList .thumbnail .grp_icon{position:absolute;top:-10px;left:50%;margin:0 0 0 -30px;width:60px;background:#333;color:#fff;padding:0px;text-align:center;letter-spacing:2px;font-size:10px;height:22px;line-height:22px } .ec-base-product .prdList .thumbnail .soldoutbg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;} .ec-base-product .prdList .thumbnail .soldoutbg .soldoutbg_table{position:relative;display:table;width:100%;height:100%;} .ec-base-product .prdList .thumbnail .soldoutbg .soldoutbg_table .soldoutbg_cell{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;} .ec-base-product .prdList .thumbnail .soldoutbg .soldoutbg_table .soldoutbg_cell img{max-width:100%;} .ec-base-product .prdList .description{position:relative;margin:10px auto 0;padding:0;font-size:12px;line-height:18px;text-align:center;} .ec-base-product .prdList .description .name{display:block;margin:10px 0 5px;padding:0;} .ec-base-product .prdList .description .name a{color:#555;} .ec-base-product .prdList .description .icon{margin:10px 0;vertical-align:middle;font-size:0;line-height:0;} .ec-base-product .prdList .description .icon img{margin:0 3px 0 0;} .ec-base-product .prdList .description .icon:after{content:"";display:block;clear:both;} .ec-base-product .prdList .description .mileage{display:block;} .ec-base-product .prdList .description span.grid{display:block;} .ec-base-product .prdList .description .color{display:block;margin:0 0 6px;} .ec-base-product .prdList .description .color .colorChip{font-size:0;line-height:0;} .ec-base-product .prdList .description .chips{display:inline-block;*display:inline;*zoom:1;width:22px;height:2px;border-radius:1px;border:1px solid #fafafa;margin:0 4px 4px 0;font-size:0;line-height:0;} .ec-base-product ul.grid1{margin:0;} .ec-base-product ul.grid1 > li{width:100%;padding:0;margin:0 0 50px 0;} .ec-base-product ul.grid2{margin:0 0 0 -3%;} .ec-base-product ul.grid2 > li{width:47%;padding:0;margin:0 0 50px 3%;} .ec-base-product ul.grid3{margin:0 0 0 -2.3334%;} .ec-base-product ul.grid3 > li{width:31%;padding:0;margin:0 0 50px 2.3334%;} .ec-base-product ul.grid4{margin:0 0 0 -2%;} .ec-base-product ul.grid4 > li{width:23%;margin:0 0 50px 2%;} .ec-base-product ul.grid5{margin:0 0 0 -1%;} .ec-base-product ul.grid5 > li{width:19%;margin:0 0 50px 1%;} .ec-base-product ul.grid4{margin:0 0 0 -20px;} .ec-base-product ul.grid4 > li{width:310px;margin:0 0 50px 20px;} .ec-base-product ul.grid4 > li .thumbnail a img{width:310px;} .ec-base-product ul.grid3 > li .color{max-width:100%;} .ec-base-product ul.grid4 > li .color{max-width:100%;} .ec-base-product ul.grid5 > li .color{max-width:100%;} .ec-base-product .spec{margin:0;} .ec-base-product .spec li{margin:0 0 2px 0;} .ec-base-product .spec li[rel*='소비자가'],.ec-base-product .spec li[rel*='판매가'],.ec-base-product .spec li[rel*='할인판매가']{display:inline-block;*display:inline;*zoom:1;margin:5px 8px 5px 0;} .ec-base-product .spec li[rel*='상품요약정보'],.ec-base-product .spec li[rel*='상품간략설명']{padding:1px 0;} .ec-base-product .spec li .title{font-weight:normal;vertical-align:top;} .ec-base-product .spec li .title span{vertical-align:top;} .ec-base-product .discountPeriod{display:inline-block;*display:inline;*zoom:1;color:#999;} .ec-base-product .layerDiscountPeriod{left:50%;top:26px;width:247px;margin:0 0 0 -124px;} .ec-base-product .layerDiscountPeriod strong.title{display:block;margin:0 0 12px;padding:0 35px 0 0;font-weight:bold;color:#2e2e2e;} .ec-base-product .layerDiscountPeriod .content p{margin:2px 0 0;font-size:11px;line-height:16px;color:#757575;letter-spacing:-1px;} .ec-base-product .layerDiscountPeriod .content p strong{font-weight:normal;font-size:12px;color:#2e2e2e;} .ec-base-product .layerDiscountPeriod .content p strong span{font-size:11px;} .ec-base-product .prdList .shippingFee{position:relative;display:inline-block;} .ec-base-product .prdList .shippingFee .button{display:inline-block;float:none;} .ec-base-product .prdList .shippingFee .ec-base-tooltip{z-index:11;display:block;margin:0 0 0 -170px;width:360px;} .ec-base-product .prdList .shippingFee .ec-base-tooltip table th{width:40px;} .ec-base-product .prdList .shippingFee .ec-base-tooltip table th,.ec-base-product .prdList .shippingFee .ec-base-tooltip table td{padding:7px 10px 8px 10px;} .ec-base-product .btnTooltip{position:relative;display:inline-block;} .differentialShipping{display:none;overflow:hidden;position:absolute;left:50%;top:17px;z-index:100;width:350px;margin:0 0 0 -176px;} .differentialShipping h3.title{margin:0;height:35px;padding:0 35px 0 19px;border:0;color:#fff;font-size:14px;line-height:35px;background:#495164;} .differentialShipping .content{padding:12px 18px 14px 18px;border:1px solid #757575;border-top:0;text-align:center;background:#fff;} .differentialShipping .close{position:absolute;right:14px;top:12px;} .differentialShipping .close img{cursor:pointer;} .differentialShipping .content ul{color:#757575;line-height:25px;} .differentialShipping .content li{overflow:hidden;} .differentialShipping .content li strong{float:left;font-weight:normal;} .differentialShipping .content li span{float:right;color:#2e2e2e;} .differentialShipping .content .info{margin:7px 0 0;padding:7px 0 0;border-top:1px dotted #b0b1b3;color:#80aeef;text-align:right;} .ec-product-bgLT{background-position:left top;} .ec-product-bgLC{background-position:left center;} .ec-product-bgLB{background-position:left bottom;} .ec-product-bgRT{background-position:right top;} .ec-product-bgRC{background-position:right center;} .ec-product-bgRB{background-position:right bottom;} .ec-product-bgCT{background-position:center top;} .ec-product-bgCC{background-position:center center;} .ec-product-bgCB{background-position:center bottom;} .ec-base-product .prdList .discountrate{display:none;position:absolute;top:0px;right:0px;z-index:1;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;margin:0px;font-size:13px;font-weight:400;background:rgba(153,153,153,0.7);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3999999,endColorStr=#b3999999 );-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#b3999999,endColorStr=#b3999999 )";zoom:1;} .ec-base-product .prdList li:hover .discountrate{background:#555;color:#eee;} .ec-base-product .prdList .box .option{position:absolute;right:0px;bottom:5px;z-index:3;margin:0;padding:0;text-align:center;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .ec-base-product .prdList .box:hover .option{right:5px;opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;*zoom:1;} .ec-base-product .prdList .box .option>ul{} .ec-base-product .prdList .box .option>ul>li{position:relative;z-index:10;margin:0px;padding:0;width:24px;height:24px;vertical-align:middle;cursor:pointer;} .ec-base-product .prdList .box .option>ul>li:after{display:none;content:"";position:absolute;top:0px;left:100%;z-index:4;color:#f4f4f4;font-size:11px;height:24px;line-height:24px;padding:0 5px;white-space:nowrap;background:#aaa;background-color:rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff,endColorStr=#4dff00ff );-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff,endColorStr=#4dff00ff )";zoom:1;} .ec-base-product .prdList .box .option>ul>li:hover:after{display:block;} .ec-base-product .prdList .box .option>ul>li:hover{background:#f4f4f4;} .ec-base-product .prdList .box .option>ul>li img{opacity:0.6;filter:alpha(opacity:'60');-ms-filter:alpha(opacity:'60');width:15px;height:17px;margin:3px 0 0 0;display:inline-block;*display:inline;*zoom:1;} .ec-base-product .prdList .box .option>ul>li:hover img{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');} .ec-base-product .prdList .box .option>ul>li.optionwish:after{content:"관심상품";} .ec-base-product .prdList .box .option>ul>li.optioncart:after{content:"장바구니";} .ec-base-product .prdList .box .option>ul>li.optionzoom:after{content:"확대보기";} .ec-base-product .prdList .box .option>ul>li.optionpreview:after{content:"옵션보기";} .ec-base-product .prdList .box .likeButton{position:absolute;left:5px;bottom:-5px;z-index:3;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .ec-base-product .prdList .box:hover .likeButton{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;bottom:5px;} .ec-base-product .prdList .box .likeButton button{color:#333;letter-spacing:0px;padding:4px 4px;background:none;} .ec-base-product .prdList .box .likeButton button .likePrdIcon{margin:0px 0 0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .ec-base-product .prdList .box .likeButton button strong{margin:0 0 0 3px;} .ec-base-product .prdList .box .likeButton.selected{position:absolute;left:-5px;bottom:10px;opacity:0.8;filter:alpha(opacity:'80');-ms-filter:alpha(opacity:'80');visibility:visible;padding-bottom:4px;} .ec-base-product .prdList .box .likeButton.selected button{background:#373737;border-radius:0px;color:#fff;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .ec-base-product .prdList .box .likeButton.selected button:before{content:"LIKE !";font-size:10px;position:relative;top:0px;margin:0 4px 0 0;} .ec-base-product .prdList .box .likeButton.selected button:after{content:"";position:absolute;top:-4px;left:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000;-webkit-transform: rotate(135deg);-khtml-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .ec-base-product .prdList .box .likeButton.selected button .likePrdCount{position:relative;top:1px;} .ec-base-product .prdList .box .likeButton .likePrdCount{font-size:10px;} .ec-base-paginate{margin:30px 0;text-align:center;font-size:0;line-height:0;} .ec-base-paginate ol{display:inline-block;font-size:0;line-height:0;vertical-align:middle;*display:inline;*zoom:1;margin:0 10px;} .ec-base-paginate li{display:inline-block;*display:inline;*zoom:1;margin:0 7px;color:#333;} .ec-base-paginate img{vertical-align:middle;} .ec-base-paginate li a{width:auto;padding:2px;color:#353535;background:none;font-size:12px;line-height:1.6;} .ec-base-paginate li a:hover{color:#aaa;} .ec-base-paginate li a.this{color:#333;text-decoration:underline;border:0;} .ec-base-paginate .first{margin-right:5px;} .ec-base-paginate .last{margin-left:5px;} .ec-base-paginate .first{background:url('/_d1/img/pagination_sub_first.png');background-size:cover;} .ec-base-paginate .prev{background:url('/_d1/img/pagination_sub_prev.png');background-size:cover;} .ec-base-paginate .next{background:url('/_d1/img/pagination_sub_next.png');background-size:cover;} .ec-base-paginate .last{background:url('/_d1/img/pagination_sub_last.png');background-size:cover;} .ec-base-paginate > a{display:inline-block;*display:inline;*zoom:1;width:18px;height:18px;vertical-align:middle;} .ec-base-paginate > a{opacity:0.4;filter:alpha(opacity=40);-ms-filter:alpha(opacity=40);} .ec-base-paginate > a:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);} .ec-base-paginate > a > img{display:none;} .ec-base-tab{position:relative;} .ec-base-tab .menu{margin:0 0 20px;border:1px solid #cbcdce;border-bottom-color:#202020;border-left:0;background:#f2f2f2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .ec-base-tab .menu:after{content:"";display:block;clear:both;} .ec-base-tab .menu li{float:left;border-left:1px solid #cbcdce;background:#f2f2f2;} .ec-base-tab .menu li a{display:block;min-width:187px;margin:0 0 0 -1px;padding:12px 5px 11px;border-right:1px solid #cbcdce;color:#707070;text-decoration:none;outline:0;text-align:center;background:#f2f2f2;} .ec-base-tab .menu li:first-child a{margin-left:0;} .ec-base-tab .menu li.selected a{position:relative;top:-1px;left:-1px;margin:0 0 -1px;border:1px solid #202020;border-bottom:0;color:#fff;font-weight:bold;background:#4a5164;} .ec-base-tab > .right{position:absolute;top:8px;right:10px;line-height:24px;color:#909090;} .ec-base-tab.typeLight .menu li.selected a{margin:0 0 -2px;border-bottom:1px solid #fff;color:#404040;background:#fff;} .ec-base-tab[class*="grid"] .menu{display:table;table-layout:fixed;width:100%;text-align:center;} .ec-base-tab[class*="grid"] .menu li{float:none;display:table-cell;vertical-align:middle;} .ec-base-tab[class*="grid"] .menu li a{display:inline-block;width:100%;min-width:0;margin:0;padding:11px 0;border:0;width:auto;padding:20px 25px;} .ec-base-tab[class*="grid"] .menu li.selected{position:relative;top:0;right:-1px;border:1px solid #292929;border-bottom:0;background:#4a5164;} .ec-base-tab[class*="grid"] .menu li:first-child.selected{right:0;} .ec-base-tab[class*="grid"] .menu li.selected a{position:static;background:none;} .ec-base-tab.grid2 .menu li{width:50.5%;} .ec-base-tab.grid3 .menu li{width:34%;} .ec-base-tab.grid4 .menu li{width:25.5%;} .ec-base-tab.grid5 .menu li{width:20.5%;} .ec-base-tab.grid6 .menu li{width:17%;} .ec-base-tab.grid7 .menu li{width:14.8%;width:15% \0/;} .ec-base-tab.grid7 .menu li:first-child{width:13% \0/;} .ec-base-button{padding:10px 0;text-align:center;} .ec-base-button.justify{position:relative;} .ec-base-button:after{display:block;content:"";clear:both;} .ec-base-button .gLeft{float:left;text-align:left;} .ec-base-button .gRight{float:right;text-align:right;} .ec-base-button.justify .gLeft{position:absolute;left:0;} .ec-base-button.justify .gRight{position:absolute;right:0;} .ec-base-button .text{margin:0 6px 0 10px;color:#353535;line-height:24px;} .ec-base-button.typeBorder{margin-top:-1px;padding:10px 20px;border:1px solid #d7d5d5;} .ec-base-button.typeBG{padding:10px 20px;border:1px solid #d7d5d5;background:#fbfafa;} .ec-base-box{padding:20px;margin-left:auto;margin-right:auto;border:5px solid #e8e8e8;color:#404040;} .ec-base-box.gHalf{position:relative;padding:20px 0;} .ec-base-box.gHalf:before{position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:#e6e6e6;} .ec-base-box.typeBg{background-color:#fbfafa;} .ec-base-box.typeThin{border-width:1px;border-color:#d7d5d5;} .ec-base-box.typeThinBg{border-width:1px;border-color:#d7d5d5;background-color:#fbfafa;} .ec-base-box.typeThinBg > .agree{padding:20px;border:1px solid #e6e6e6;background:#fff;} .ec-base-box.typeThinBg > .agree p{padding:0 0 17px;} .ec-base-box.typeMember{padding:0;} .ec-base-box.typeMember .information{display:table;table-layout:fixed;padding:10px 0;width:100%;box-sizing:border-box;} .ec-base-box.typeMember .information > .title,.ec-base-box.typeMember .information > .thumbnail{display:table-cell;padding:0 15px;width:70px;text-align:center;vertical-align:middle;} .ec-base-box.typeMember .information > .title{vertical-align:middle;} .ec-base-box.typeMember .information > .thumbnail img{max-width:70px;} .ec-base-box.typeMember .information .description{display:table-cell;padding:0 10px;width:auto;line-height:1.5em;border-left:1px solid #e8e8e8;vertical-align:middle;} .ec-base-box.typeMember.gMessage{border-width:1px;border-color:#d7d5d5;} .ec-base-box .message{display:block;padding:10px 0 10px 35px;border-bottom:1px solid #e8e7e7;background:#fbfbfb url("/design/elenaheim/pc/img/ico_info2.gif") no-repeat 10px center;} .ec-base-box.typeProduct{display:table;table-layout:fixed;padding:15px 0;width:100%;box-sizing:border-box;} .ec-base-box.typeProduct .thumbnail,.ec-base-box.typeProduct .information{display:table-cell;padding:0 20px;vertical-align:middle;} .ec-base-box.typeProduct .thumbnail{width:100px;} .ec-base-box.typeProduct .thumbnail img{max-width:90px;border:1px solid #d7d5d5;} .ec-base-box.typeProduct .information{padding-left:0;} .ec-base-table table{position:relative;margin:10px 0 0;border:1px solid #d7d5d5;border-left:0;border-right:0;border-top-color:#fff;color:#fff;line-height:1.5;} .ec-base-table.gLayoutFixed table{table-layout:fixed;} .ec-base-table.gLayoutFixed .gLayoutAuto table{table-layout:auto;} .ec-base-table table:before{position:absolute;top:1px;left:0;display:block;content:"";width:100%;height:1px;background:#d7d5d5;} .ec-base-table thead th{padding:11px 0 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#777;vertical-align:middle;font-weight:normal;background:#fff;} .ec-base-table tbody th{padding:11px 0 10px 18px;border:1px solid #dfdfdf;border-bottom-width:0;color:#353535;text-align:left;font-weight:normal;background-color:#fbfafa;} .ec-base-table th:first-child{border-left:0;} .ec-base-table td{padding:11px 10px 10px;border-top:1px solid #dfdfdf;color:#353535;vertical-align:middle;} .ec-base-table td.clear{padding:0 !important;border:0 !important;} .ec-base-table.typeWrite td{padding:8px 10px 7px;} .ec-base-table.typeList table{border-top-color:#d7d5d5;} .ec-base-table.typeList table:before{display:none;} .ec-base-table.typeList td{padding:14px 10px;} .ec-base-table.typeList .qnaNotice td {background: #fcfcfc;font-weight: bold;font-size: 13px;} .ec-base-table.typeList .qnaNotice td.txtInfo {color:#999; font-weight:normal; } .ec-base-table.typeList tfoot td{padding:15px 10px 17px;background:#fbfafa;} .ec-base-table .message{border-bottom:1px solid #d7d5d5;padding:50px 0;text-align:center;color:#757575;font-weight:normal;} .ec-base-table table + .message{margin:-1px 0 0;} .ec-base-table table td.message{padding:50px 0;} .ec-base-table .scroll .message{border:0;} .ec-base-table.typeList .head td{padding:11px 0 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#353535;vertical-align:middle;text-align:center;background:#fbfafa;} .ec-base-table.typeList .head td:first-child{border-left:0;} .ec-base-table.typeList .scroll{position:relative;overflow-x:hidden;overflow-y:scroll;max-height:185px;min-height:100px;border:1px solid #d7d5d5;border-top-width:0;margin-top:-1px;} .ec-base-table.typeList .scroll table{border:0;margin:0;} .ec-base-table.typeList .scroll table:before{display:none;} .ec-base-table.typeList .scroll .message{border:0;} .ec-base-table thead.blind,.ec-base-table thead.blind th{display:none;} .ec-base-table thead.blind + tbody tr:first-child th,.ec-base-table thead.blind + tbody tr:first-child td{border-top-width:0;} .ec-base-table.typeList.gLine table{border-width:0;border-bottom-width:1px;} .ec-base-table.typeClear table:before{display:none;} .ec-base-table.typeClear table,.ec-base-table.typeClear th,.ec-base-table.typeClear td{border:0 none;background:none;} .ec-base-table.typeClear th{font-weight:bold;} .ec-base-table.typeLeftClear th{border-left:0 none;} .ec-base-table.gBorder td{border-left:1px solid #dfdfdf;} .ec-base-table.gBorder td:first-child{border-left:0;} .ec-base-table.gBorder td.gClearLine{border-left:0;} .ec-base-table.typeList.gBorder tbody td{border-color:#eee;} .ec-base-table .left{text-align:left;} .ec-base-table .center{text-align:center;} .ec-base-table .right{text-align:right;} .ec-base-table.typeList .center td,.ec-base-table.typeList td.center{padding-left:0;padding-right:0;} .ec-base-table.typeList .center td.left{padding-left:10px;} .ec-base-table.typeList .center td.right{padding-right:10px;} .ec-base-table .top th,.ec-base-table th.top,.ec-base-table .top td,.ec-base-table td.top{vertical-align:top;} .ec-base-table .middle th,.ec-base-table th.middle,.ec-base-table .middle td,.ec-base-table td.middle{vertical-align:middle;} .ec-base-table img{vertical-align:middle;} @media print{.ec-base-table table:before{display:none;} } .ec-base-desc{overflow:hidden;text-align:left;} .ec-base-desc:after{content:"";display:block;claer:both;} .ec-base-desc dt,.ec-base-desc .term{float:left;width:100px;margin:0 0 2px;padding:0 4px 0 0;line-height:22px;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;font-weight:normal;} .ec-base-desc dd,.ec-base-desc .desc{display:block;margin:0 0 2px;padding:0 5px 0 100px;min-height:22px;line-height:22px;word-wrap:break-word;} .ec-base-desc dd:after,.ec-base-desc .desc:after{content:"";display:block;clear:left;} .ec-base-desc.gSmall dt,.ec-base-desc.gSmall .term{width:30%;} .ec-base-desc.gSmall dd,.ec-base-desc.gSmall .desc{padding-left:30%;} .ec-base-desc.gMedium dt,.ec-base-desc.gMedium .term{width:40%;} .ec-base-desc.gMedium dd,.ec-base-desc.gMedium .desc{padding-left:40%;} .ec-base-desc.gLarge dt,.ec-base-desc.gLarge .term{width:50%;} .ec-base-desc.gLarge dd,.ec-base-desc.gLarge .desc{padding:0 0 0 50%;} .ec-base-desc.centerDT dt,.ec-base-desc.centerDD dd,.ec-base-desc.centerDT .term,.ec-base-desc.centerDD .desc,.ec-base-desc.center,.ec-base-desc .center{text-align:center;} .ec-base-desc.rightDT dt,.ec-base-desc.rightDD dd,.ec-base-desc.rightDT .term,.ec-base-desc.rightDD .desc,.ec-base-desc.right,.ec-base-desc .right{text-align:right;} .ec-base-desc.rightDD dd,.ec-base-desc.rightDD .desc{padding-right:0;} .ec-base-desc.typeBullet dt,.ec-base-desc.typeBullet .term{padding:0 4px 0 10px;background:url("/design/elenaheim/pc/img/ico_arrow.png") no-repeat 0 7px;} .ec-base-desc.typeDot dt,.ec-base-desc.typeDot .term{padding:0 4px 0 6px;background: url("/design/elenaheim/pc/img/ico_square3.gif") no-repeat left 10px;} .sample_npay{display:none;clear:both;margin:10px 0 0;text-align:right;} [client]{display:none;} [client_p_link]{display:none;} [client_n_link]{display:none;} [client_c_link]{display:none;} html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;} body{font-size:12px;font-family:'나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;} .-f_ns,.titleArea h2,.-prdstitle{font-family:'Nanum Square','나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;} select:hover,select:focus,select:active,textarea:hover,textarea:focus,textarea:active,input[type='text']:hover,input[type='text']:focus,input[type='text']:active,input[type='password']:hover,input[type='password']:focus,input[type='password']:active{border:1px solid #aaa;} input[type='text'],input[type='password'],select{padding:0 10px;height:28px;line-height:28px;line-height:26px\0;border:1px solid #ddd;vertical-align:middle;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} select{padding:0 0 0 2px;} button,a{border:none;outline:none;} textarea{padding:10px;line-height:1.5;} select:hover,label:hover{cursor:pointer;} input[type="file"]{padding:3px;} th,td{vertical-align:middle;} input[type=radio],input[type=checkbox]{width:13px;height:13px;border:0;vertical-align: -2.5px;padding:0;cursor:pointer;} input[type=text],input:focus,select:focus,textarea:focus,button:focus{outline:none !important;} input,select,textarea,button{outline:none !important;} a,a:visited,a:focus,a:active{color:#333;text-decoration:none;} a:hover{color:#999;text-decoration:none;} .-box{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .-alg{background: rgba(170,170,170,0.8) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccaaaaaa,endColorstr=#ccaaaaaa);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccaaaaaa,endColorstr=#ccaaaaaa)";} .-alg:hover{background: rgba(170,170,170,1) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00aaaaaa,endColorstr=#00aaaaaa);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00aaaaaa,endColorstr=#00aaaaaa)";} .-alw{background: rgba(255,255,255,0.1) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1affffff,endColorstr=#1affffff);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)";} .-alw:hover{background: rgba(255,255,255,0.5) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80eeeeee,endColorstr=#80eeeeee);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";} .-opa{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);} .-opa:hover,.-opaa{opacity:0.7;filter:alpha(opacity=70);-ms-filter:alpha(opacity=70);} .-ropa{opacity:0.7;filter:alpha(opacity=70);-ms-filter:alpha(opacity=70);} .-ropa:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);} .-clear:after{content:"";display:block;clear:both;} .-rot{-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);} .-rot:hover{-webkit-transform:rotate(20deg);-khtml-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);} a:hover,.-smo{-webkit-transition:all 0.35s ease;-khtml-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;} .-smoM{-webkit-transition:all 0.7s ease;-khtml-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;} .-smoLong{text-decoration:none;cursor:pointer;-webkit-transition:all 1.0s ease;-khtml-transition:all 1.0s ease;-moz-transition:all 1.0s ease;-ms-transition:all 1.0s ease;-o-transition:all 1.0s ease;transition:all 1.0s ease;} .-nodrag{-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;} .-bar:hover:after{position:absolute;content:"";top:0;left:0;width:100%;height:2px;background:#333;} .-bar:after{position:absolute;content:"";top:0;left:50%;width:1px;height:2px;background:#fff;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .-inline{display:inline-block;*display:inline;*zoom:1;margin:0;padding:0;} .-zoom{-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;-webkit-transform:scale(1);transform:scale(1);backface-visibility:hidden;} .-zoom:hover{-webkit-transform: scale(1.05);transform: scale(1.05);backface-visibility: hidden;} .-slashbg{background:url('/_d1/img/slashbg.png') repeat;} .-fix{transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;-moz-perspective:1000;-o-perspective:1000;-webkit-perspective:1000;font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;-o-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;} .-fw_100{font-weight:100;} .-fw_200{font-weight:200;} .-fw_300{font-weight:300;} .-fw_400{font-weight:400;} .-fw_500{font-weight:500;} .-fw_600{font-weight:600;} .-tooltipdata{position:absolute;left:0;top:auto;bottom:auto;z-index:1;background:#333;color:#fff;border-radius:5px;font-size:11px;line-height:1.3;padding:5px 10px;white-space:nowrap;letter-spacing:-0.5px;} .-tooltipdata.up{bottom:105%;} .-tooltipdata.down{top:105%;} .-tooltipdata .arrowup{position:absolute;bottom:100%;left:30%;margin:0 0 0 -6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333;} .-tooltipdata .arrowdown{position:absolute;top:100%;left:30%;margin:0 0 0 -6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333;} .-prdstitle{position:relative;display:block;text-align:center;padding:0;font-weight:400;letter-spacing:0px;font-size:21px;color:#333;margin:0;} .-prdstitle:before{display:block;content:"";position:absolute;top:50%;left:0;z-index:0;width:100%;height:1px;background:#cfcfcf;} .-prdstitle span{position:relative;z-index:1;display:inline-block;*display:inline;*zoom:1;background:#fff;padding:0 30px;} .-prdstitle p{font-size:14px;margin:10px 0 0 0;color:#999;} .-ptab{width:100%;text-align:center;border-bottom:1px solid #555;} .-ptab > ul{font-size:0;line-height:0;} .-ptab > ul > li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;} .-ptab > ul > li a{position:relative;z-index:1;top:1px;margin:-1px 0 0 -1px;text-align:center;height:40px;line-height:40px;background:#fcfcfc;border:1px solid #ddd;border-bottom-color:#555;display:block;font-size:12px;padding:0px 40px;color:#555;white-space:nowrap;font-weight:normal;} .-ptab > ul > li:hover a{background:#f4f4f4;} .-ptab > ul > li.selected{} .-ptab > ul > li.selected a{z-index:2;border-color:#555;border-bottom-color:#fff;background:#fff;color:#333;font-weight:600;} .-chkbox{position:absolute;margin:0px;opacity:0;cursor:pointer;width:15px;height:15px;z-index:10;} .-chkbox + label{position:relative;} .-chkbox + label::before{position:absolute;left:0px;border-radius:12px;width:12px;height:12px;content:"";background-color:#fff;border:2px solid #4D9CF0;} .-chkbox:checked + label::before{border:2px solid transparent;background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjMDI4OGQxIiBkPSJNMTguOSA4LjhsLTguNyA4LjdjLS4xLjEtLjIuMS0uMyAwbC00LjktNC45Yy0uMS0uMS0uMS0uMiAwLS4zbDEuMi0xLjJjLjEtLjEuMi0uMS4zIDBsMy42IDMuNiA3LjMtNy4zYy4xLS4xLjItLjEuMyAwbDEuMiAxLjJjLjEgMCAuMS4xIDAgLjJ6IiAvPjwvc3ZnPg==") no-repeat scroll center center / 24px 24px;} #modalBackpanel{display:none;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;} #modalContainer{display:none;position:absolute;top:100px;left:100px;z-index:10001;width:975px;height:720px;border:1px solid #333;background:#fff;} #modalContainer #modalContent{width:100%;height:100%;} .-frame{position:relative;width:1300px;margin:0 auto;*zoom:1;} .-frame1000{position:relative;width:1000px;margin:0 auto;*zoom:1;} body{min-width:1300px;} body#popup{min-width:0;} #-wrap{width:100%;} #-main{position:relative;width:100%;*zoom:1;margin:0 0 100px;} #-common{position:relative;width:100%;margin:60px 0 100px;} .-listpage .path{margin:30px 0;border-bottom:1px solid #e1e1e1;} .path{height:30px;line-height:30px;*zoom:1;font-size:11px;letter-spacing:0px;} .path:after{content:"";display:block;clear:both;} .path span{overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;} .path ol{float:right;} .path ol:after{content:"";display:block;clear:both;} .path ol>li{float:left;margin:0 0 0 8px;padding:0 0 0 12px;color:#777;background:url("/design/elenaheim/pc/img/ico_path.gif") no-repeat 0 10px;} .path ol>li i{margin:0 5px 0 0;} .path ol>li:first-child{background:none;} .path ol>li a{color:#aaa;} .path ol>li a:hover{color:#555;} .path ol>li strong,.path ol>li strong a{color:#333;font-weight:normal;} .titleArea{position:relative;margin:50px 0px;text-align:center;} .titleArea h2{margin:0;padding:0;color:#333;font-size:19px;letter-spacing:1px;font-weight:normal;} .titleArea ul{padding:5px 0;color:#aaa;line-height:18px;} .titleArea ul li{padding:0 3px;} .titleArea p{display:inline-block;*display:inline;*zoom:1;margin:0 0 0 6px;padding:0 0 0 10px;color:#999;vertical-align:bottom;background:url("/design/elenaheim/pc/img/ico_bar.gif") no-repeat 0 0;} .titleArea p.banner{width:100%;padding:0;margin:0 0 20px;display:block;} .titleArea .likeButton{position:absolute;right:0;bottom:17px;z-index:1;font-size:12px;font-weight:normal;color:#888;cursor:pointer;} .titleArea .likeButton button{margin:0 0 0 10px;padding:0;height:16px;letter-spacing:-1px;background:none;} .titleArea .likeButton.selected button{color:#333;} .titleArea .likeButton button .count{background:#aaa;color:#fff;padding:2px 4px;border-radius:2px;margin:0 0 0 4px;} .titleArea .likeButton:hover b{color:#333;} .titleArea.sub{margin:20px 0;text-align:center;padding:0 0 15px;} .titleArea.sub h2{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:19px;line-height:1.0;} .titleArea.sub p{display:block;margin:20px 0 0 0;padding:0;color:#999;} .titleArea.listArea h2{font-weight:bold;margin:0;} .titleArea.listArea > ul > li{padding:0;margin:0 3px;} .wivorderstep{display:none;width:100%;} .wivorderstep>ul{width:50%;font-size:0;line-height:0;margin:0 auto;} .wivorderstep>ul:after{content:"";display:block;clear:both;} .wivorderstep>ul>li{float:left;display:inline-block;*display:inline;*zoom:1;width:80px;margin:0 35px;padding:15px 0;text-align:center;border-radius:50px;background:#f4f4f4;color:#999;border:4px double #fff;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .wivorderstep>ul>li.active{background:#333;color:#fff;} .wivorderstep>ul>li:hover a{color:#aaa;} .wivorderstep>ul>li p i{font-size:20px;margin:0px;} .wivorderstep>ul>li p span{font-size:11px;line-height:20px;} .-sort{width:100%;} .-sort > ul{font-size:0;line-height:0;} .-sort > ul:after{clear:both;display:block;content:"";} .-sort > ul > li{width:auto;display:inline-block;*display:inline;*zoom:1;text-align:center;vertical-align:top;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .-sort > ul > li img{max-width:100%;} .-sort > ul.grid1 > li{width:100%;margin:0;} .-sort > ul.grid2 > li{width:48%;margin:0 0 0 2%;} .-sort > ul.grid3 > li{width:31.333%;margin:0 0 0 2%;} .-sort > ul.grid4 > li{width:23%;margin:0 0 0 2%;} .-sort > ul.grid5 > li{width:18%;margin:0 0 0 2%;} .-sort > ul.grid6 > li{width:15.666%;margin:0 0 0 1%;} .-sort > ul.grid7 > li{width:13.285%;margin:0 0 0 1%;} .-sort > ul.grid1{margin:0 0 0 0;} .-sort > ul.grid2{margin:0 0 0 -2%;} .-sort > ul.grid3{margin:0 0 0 -2%;} .-sort > ul.grid4{margin:0 0 0 -2%;} .-sort > ul.grid5{margin:0 0 0 -2%;} .-sort > ul.grid6{margin:0 0 0 -1%;} .-sort > ul.grid7{margin:0 0 0 -1%;} .-sort > ul.grid1.-zero > li{width:100%;margin:0;} .-sort > ul.grid2.-zero > li{width:50%;margin:0;} .-sort > ul.grid3.-zero > li{width:33.333%;margin:0;} .-sort > ul.grid4.-zero > li{width:25%;margin:0;} .-sort > ul.grid5.-zero > li{width:20%;margin:0;} .-sort > ul.grid6.-zero > li{width:16.666%;margin:0;} .-sort > ul.grid7.-zero > li{width:14.285%;margin:0;} .-sort > ul[class*="grid"].-zero{margin:0;} .-sort > ul.grid2.typePixel > li{width:590px;margin:0 0 0 20px;} .-sort > ul.grid2.typePixel > li:first-child{margin:0;} .-sort > ul.grid2.typePixel{margin:0;} .-sort > ul.grid3.typePixel > li{width:390px;margin:0 0 0 15px;} .-sort > ul.grid3.typePixel > li:first-child{margin:0;} .-sort > ul.grid3.typePixel{margin:0;} .-sort > ul.grid4.typePixel > li{width:294px;margin:0 0 0 8px;} .-sort > ul.grid4.typePixel > li:first-child{margin:0;} .-sort > ul.grid4.typePixel{margin:0;} .-sort > ul.grid5.typePixel > li{width:236px;margin:0 0 0 4px;} .-sort > ul.grid5.typePixel > li:first-child{margin:0;} .-sort > ul.grid5.typePixel{margin:0;} .-sort.typeline{border-top:1px solid #ddd;border-left:1px solid #ddd;} .-sort.typeline > ul > li{border-right:1px solid #ddd;border-bottom:1px solid #ddd;} #boardSubCateList{width:80%;text-align:center;margin:30px auto;} #boardSubCateList > ul{text-align:left;font-size:0;line-height:0;} #boardSubCateList > ul > li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 3px;text-align:center;width:20%;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} #boardSubCateList > ul > li > a{display:block;padding:7px 2px;background:#fff;color:#333;border:1px solid #333;font-size:12px;line-height:16px;} #boardSubCateList > ul > li > a:hover{background:#111;color:#fff;} #boardSubCateList > ul > li > a.selected{background:#333;color:#fff;} #boardSubCateList > ul.grid1 > li{width:100%;} #boardSubCateList > ul.grid2 > li{width:50%;} #boardSubCateList > ul.grid3 > li{width:33.333%;} #boardSubCateList > ul.grid4 > li{width:25%;} #boardSubCateList > ul.grid5 > li{width:20%;} #boardSubCateList > ul.grid6 > li{width:16.666%;} #boardSubCateList > ul.grid7 > li{width:14.285%;} #boardSubCateList > ul.grid8 > li{width:12.5%;} #boardSubCateList > ul.grid9 > li{width:11.111%;} #boardSubCateList > ul.grid10 > li{width:10%;} .discountratebg{display:none;} .soldoutbgfunc{display:block;} .shoppingtip{display:block;} .topbanner{display:none;} .joinpoint{display:block;} .middlearea_left_banner{display:none;} .expandsearchfunc > .content{display:none;} .expandsearchfunc > .content .popular{display:block;} .expandsearchfunc > .content .colortype{display:block;} .allmenubtn{display:none;} .category .addmenu{display:block;} .mainslide{display:block;} .banner01{display:block;} .tabuiproduct{display:block;} .mainmiddle{display:block;} .banner02{display:block;} .instawidget{display:block;} .footer_slidebanner{display:block;} .sidelayer.recentview{display:block;} .sidelayer.cart{display:block;} .sidelayer.wishlist{display:block;} .sidelayer.likeit{display:block;} .sidebarslidebanner{display:block;} .snsarea{display:block;} .textlinkarea{display:block;} .s_csinfo{display:block;} .s_bankinfo{display:block;} .xans-product-detail .detailslidebanner{display:block;} .xans-product-detail .textbanner{display:block;} .maincs{display:block;} .-pbtn{display:inline-block;*display:inline;*zoom:1;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:1px;font-family:inherit;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease;-khtml-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;} .-pbtn:hover,.-pbtn:focus,.-pbtn:active{outline:0 none;} .-pbtn.-block{display:block;width:100%;} .-pbtn.-nospace{white-space:normal;} .-pbtn.-flat{-webkit-appearance:none;} .-pbtn.-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:1px;} .-pbtn.-sm{padding:4px 10px;font-size:12px;line-height:1.5;border-radius:1px;} .-pbtn.-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:1px;} .-pbtn.-buy{padding:12px 5px;font-size:20px;line-height:1.5;border-radius:1px;} .-pbtn.-buy > i{line-height:1.5;} .-pbtn.-w{padding-left:30px;padding-right:30px;} .-pbtn .icon{float:right;} .-pbtn .icon i{line-height:1.5;} .-pbtn.-sm .icon i{line-height:1.5;} .-pbtn.-xs .icon i{margin:0 0 0 5px;line-height:1.5;} .-pbtn.-black{background:#555;border-color:#444;color:#fff;} .-pbtn.-black:hover,.-pbtn.-black:focus,.-pbtn.-black:active{background-color:#111;} .-pbtn.-rail{background:#e29878;border-color:#e29878;color:#fff;} .-pbtn.-rail:hover,.-pbtn.-rail:focus,.-pbtn.-rail:active{background-color:#f4c4af;} .-pbtn.-midnight{background:#2c3e50;border-color:#25313c;color:#fff;} .-pbtn.-midnight:hover,.-pbtn.-midnight:focus,.-pbtn.-midnight:active{background:#213548;} .-pbtn.-concrete{background:#95a5a6;color:#fff;} .-pbtn.-concrete:hover,.-pbtn.-concrete:focus,.-pbtn.-concrete:active{background:#828d8e;border-color:#8b9191;color:#fff;} .-pbtn.-lightgray{background:#d3d3d3;border-color:#8b9191;color:#555;} .-pbtn.-lightgray:hover,.-pbtn.-lightgray:focus,.-pbtn.-lightgray:active{background:#828d8e;} .-pbtn.-gray{background:#bbb;border-color:#ccc;color:#fff;} .-pbtn.-grayf{background:#bbb;border-color:#bbb;color:#fff;} .-pbtn.-gray:hover,.-pbtn.-grayf:hover,.-pbtn.-gray:focus,.-pbtn.-grayf:focus,.-pbtn.-gray:active,.-pbtn.-grayf:active{background:#999;} .-pbtn.-whiteg{background:#fff;border-color:#ddd;color:#777;} .-pbtn.-whiteg:hover,.-pbtn.-whiteg:focus,.-pbtn.-whiteg:active{background:#f4f4f4;} .-pbtn.-white{background:#fff;border-color:#999;color:#333;} .-pbtn.-white:hover,.-pbtn.-white:focus,.-pbtn.-white:active{background:#f4f4f4;} .-pbtn.-whiteb{background:#fff;border-color:#999;color:#333;} .-pbtn.-whiteb:hover,.-pbtn.-whiteb:focus,.-pbtn.-whiteb:active{background:#333;color:#fff;} .-pbtn.-greensea{background:#16a085;border-color:#1c8d77;color:#fff;} .-pbtn.-greensea:hover,.-pbtn.-greensea:focus,.-pbtn.-greensea:active{background:#097e67;} .-pbtn.-blueriver{background:#3498db;border-color:#3f8cc0;color:#fff;} .-pbtn.-blueriver:hover,.-pbtn.-blueriver:focus,.-pbtn.-blueriver:active{background:#2481c0;} .-pbtn.-orange{background:#f39c12;border-color:#f9b03d;color:#fff;} .-pbtn.-orange:hover,.-pbtn.-orange:focus,.-pbtn.-orange:active{background:#da8703;} .-pbtn.-navertalk{background:#00c73c;color:#fff;} .-pbtn.-navertalk:hover{background:#04a434;} .-pbtn.-kakaotalk{background:#ffeb00;color:#3a201f;border-color::#ffeb00;} .-pbtn.-kakaotalk:hover{background:#f3e21e;} .-pbtn.-naverlogin{background:#00c73c;color:#fff;} .-pbtn.-naverlogin:hover{background:#04a434;} .-pbtn.-facebooklogin{background:#536fac;color:#fff;} .-pbtn.-facebooklogin:hover{background:#35549a;} .-pbtn.-googlelogin{background:#df4a32;color:#fff;} .-pbtn.-googlelogin:hover{background:#c6331b;} .-pbtn.-kakaologin{background:#ffeb00;color:#3a201f;border-color::#ffeb00;} .-pbtn.-kakaologin:hover{background:#f3e21e;} .-pbtn.-round{border-radius:2px;} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft,#cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;} .cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} #cboxOverlay{opacity:0.9;filter:alpha(opacity = 90);background:#fff;} #colorbox{outline:0;border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,0.2);} #cboxContent{background:#fff;overflow:hidden;padding:0 0 30px;} .cboxIframe{background:#fff;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{ padding:10px;margin-bottom:30px;} #cboxTitle{position:absolute;bottom:12px;left:0;text-align:center;width:100%;color:#949494;} #cboxCurrent{position:absolute;bottom:12px;left:64px;color:#949494;} #cboxLoadingOverlay{background:url(/_d1/img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/_d1/img/colorbox/loading.gif) no-repeat center center;} #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;} #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {outline:0;} #cboxSlideshow{position:absolute;bottom:4px;right:37px;color:#0092ef;} #cboxPrevious{position:absolute;bottom:7px;left:7px;background:url(/_d1/img/colorbox/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute;bottom:7px;left:34px;background:url(/_d1/img/colorbox/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute;bottom:7px;right:7px;background:url(/_d1/img/colorbox/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} .-hoverProduct{position:relative;cursor:pointer;} .-hoverProduct .thumbnail{position:relative;padding:0px;text-align:center;} .-hoverProduct .thumbnail a{display:block;position:relative;font-size:0;line-height:0;} .-hoverProduct .thumbnail a img{max-width:100%;} .-hoverProduct .thumbnail img.-hover{position:absolute;top:0;left:0;z-index:1;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .-hoverProduct:hover .thumbnail a img.-hover{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;} .-hoverProduct:hover > .overlayer{opacity:1;filter:alpha(opacity=1);-ms-filter:alpha(opacity=100);visibility:visible;} .-hoverProduct .overlayer{position:absolute;bottom:0;left:0;right:0;top:0;z-index:2;width:100%;height:100%;opacity:0;filter:alpha(opacity=00);-ms-filter:alpha(opacity=0);visibility:hidden;cursor:pointer;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);} .-hoverProduct .overlayer .overlayer_table{display:table;position:relative;width:100%;height:100%;} .-hoverProduct .overlayer .overlayer_table .overlayer_cell{display:table-cell;vertical-align:middle;text-align:left;width:100%;height:100%;padding:0 15px;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .-hoverProduct .spec {} .-hoverProduct .spec > li{display:none;} .-hoverProduct .spec > li span {} .-hoverProduct .spec > li strong{display:none;} .-hoverProduct .name,.-hoverProduct .spec > li{width:100%;margin:3px 0;font-size:11px;line-height:1.5;} .-hoverProduct .name span{font-size:12px !important;color:#fff !important;font-weight:bold !important;} .-hoverProduct .spec > li{display:none;} .-hoverProduct .spec > li[rel='소비자가'],.-hoverProduct .spec > li[rel='판매가'],.-hoverProduct .spec > li[rel='할인판매가']{ display:block;} .-hoverProduct .spec > li[rel='소비자가'] span{font-size:12px !important;color:#fff !important;font-weight:normal !important;} .-hoverProduct .spec > li[rel='판매가'] span{font-size:12px !important;color:#fff !important;font-weight:normal !important;} .-hoverProduct .spec > li[rel='할인판매가'] span{font-size:12px !important;color:#fff !important;font-weight:normal !important;} .-hoverProduct .color{display:block;margin:3px 0;} .-hoverProduct .color .colorChip{font-size:0;line-height:0;} .-hoverProduct .color .colorChip .chips{display:inline-block;*display:inline;*zoom:1;width:22px;height:4px;border-radius:1px;margin:0 4px 4px 0;font-size:0;line-height:0;} .-hoverProduct .discountrate{display:none;position:absolute;top:-1px;right:-1px;z-index:1;width:40px;height:40px;line-height:40px;text-align:center;margin:0px;font-size:13px;font-weight:400;background:#555;color:#eee;} .-hoverProduct .option{position:absolute;right:0px;bottom:5px;z-index:3;margin:0;padding:0;text-align:center;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .-hoverProduct:hover .option{right:5px;opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;*zoom:1;} .-hoverProduct .option>ul{} .-hoverProduct .option>ul>li{position:relative;z-index:10;margin:0px;padding:0;width:24px;height:24px;vertical-align:middle;cursor:pointer;} .-hoverProduct .option>ul>li:after{display:none;content:"";position:absolute;top:0px;left:100%;z-index:4;color:#f4f4f4;font-size:11px;height:24px;line-height:24px;padding:0 5px;white-space:nowrap;background:#aaa;background-color:rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff,endColorStr=#4dff00ff );-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff,endColorStr=#4dff00ff )";zoom:1;} .-hoverProduct .option>ul>li:hover:after{display:block;} .-hoverProduct .option>ul>li:hover{background:#f4f4f4;} .-hoverProduct .option>ul>li img{opacity:0.6;filter:alpha(opacity:'60');-ms-filter:alpha(opacity:'60');width:15px;height:17px;margin:3px 0 0 0;display:inline-block;*display:inline;*zoom:1;} .-hoverProduct .option>ul>li:hover img{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');} .-hoverProduct .option>ul>li.optionwish:after{content:"관심상품";} .-hoverProduct .option>ul>li.optioncart:after{content:"장바구니";} .-hoverProduct .option>ul>li.optionzoom:after{content:"확대보기";} .-hoverProduct .option>ul>li.optionpreview:after{content:"옵션보기";} .-hoverProduct .likeButton{position:absolute;left:5px;bottom:-5px;z-index:3;opacity:0;filter:alpha(opacity:'0');-ms-filter:alpha(opacity:'0');visibility:hidden;} .-hoverProduct:hover .likeButton{opacity:1;filter:alpha(opacity:'100');-ms-filter:alpha(opacity:'100');visibility:visible;bottom:5px;} .-hoverProduct .likeButton button{color:#333;letter-spacing:0px;padding:4px 4px;background:none;} .-hoverProduct .likeButton button .likePrdIcon{margin:0px 0 0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .-hoverProduct .likeButton button strong{margin:0 0 0 3px;} .-hoverProduct .likeButton.selected{position:absolute;left:-5px;bottom:10px;opacity:0.8;filter:alpha(opacity:'80');-ms-filter:alpha(opacity:'80');visibility:visible;padding-bottom:4px;} .-hoverProduct .likeButton.selected button{background:#373737;border-radius:0px;color:#fff;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .-hoverProduct .likeButton.selected button:before{content:"LIKE !";font-size:10px;position:relative;top:0px;margin:0 4px 0 0;} .-hoverProduct .likeButton.selected button:after{content:"";position:absolute;top:-4px;left:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000;-webkit-transform: rotate(135deg);-khtml-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .-hoverProduct .likeButton.selected button .likePrdCount{position:relative;top:1px;} .-hoverProduct .likeButton .likePrdCount{font-size:10px;} .sidebartype1{display:none;} .sidebartype1.left{position:fixed;z-index:1001;top:0;left:0;width:280px;height:100%;} .sidebartype1.right{position:fixed;z-index:1001;top:0;right:0;width:280px;height:100%;} .sidebartype1.top{position:fixed;z-index:1001;top:0;left:0;width:100%;height:200px;} .sidebartype1.bottom{position:fixed;z-index:1001;left:0;bottom:0;width:100%;height:200px;} .sidebartype1.left .togglebtn{position:absolute;right:-50px;top:50%;margin:-20px 0 0 0;} .sidebartype1.right .togglebtn{position:absolute;left:-19px;top:50%;margin:-20px 0 0 0;} .sidebartype1.top .togglebtn{position:absolute;left:50%;bottom:-50px;margin:0 0 0 -20px;} .sidebartype1.bottom .togglebtn{position:absolute;left:50%;top:-50px;margin:0 0 0 -20px;} .sidebartype1 .togglebtn{width:20px;height:41px;background:#fff;cursor:pointer;background-image:url('/_d1/img/sidebar_btn_open.png');background-repeat:no-repeat;background-position:center;} .sidebartype1.active .togglebtn{background-image:url('/_d1/img/sidebar_btn_close.png');} .bx-wrapper{position: relative;padding:0;*zoom:1;-ms-touch-action: pan-y;touch-action: pan-y;} .bx-wrapper img{max-width:100%;margin:0 auto;display:block;} .bxslider{margin:0;padding:0;} ul.bxslider{list-style: none;} .bx-viewport{-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} .bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff;} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom: -30px;width:100%;} .bx-wrapper .bx-loading{min-height:50px;background: url('/_d1/img/bx_loader.gif') center center no-repeat #ffffff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;} .bx-wrapper .bx-pager{text-align:center;font-size: .85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent: -9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000;} .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block;vertical-align:bottom;*zoom:1;*display: inline;} .bx-wrapper .bx-pager-item{font-size:0;line-height:0;} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top: -16px;outline:0;width:32px;height:32px;text-indent: -9999px;z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{display: none;} .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent: -9999px;width:10px;height:11px;outline:0;background: url('/_d1/img/controls.png') -86px -11px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent: -9999px;width:9px;height:11px;outline:0;background: url('/_d1/img/controls.png') -86px -44px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: -86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background: rgba(80,80,80,0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size: .85em;padding:10px;} #productDetail .page-body { margin-top:20px } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { *zoom:1 } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width:600px; text-align: center } #productDetail .thumb-info .thumb { margin:0 auto; width:600px } #productDetail .thumb-info .thumb img { } #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 .info { float:right; width:450px } #productDetail .thumb-info .info .prd-icon { padding-top:10px } #productDetail .thumb-info .info .prd-icon img { margin-right:3px } #productDetail .thumb-info .info .tit-prd { font-size:18px; color:#1c1c1c } #productDetail .thumb-info .info .table-opt { margin-top:20px } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { padding:7px 0 } #productDetail .thumb-info .info .table-opt th { color:#969696; font-weight: normal } #productDetail .thumb-info .info .table-opt th .tb-left, #productDetail .thumb-info .info .table-opt td .tb-left { padding:0 } #productDetail .thumb-info .info .table-opt td { color:#555 } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { } #productDetail .thumb-info .info .table-opt .sell_price { font-size:18px; color:#1c1c1c; font-weight:bold } /* 주문수량 */ #goods_amount { float:left; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #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: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .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%; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .prd-btns .soldout { margin-top:6px; width:448px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff } #productDetail .thumb-info .info .prd-btns a { margin-top:6px } #productDetail .thumb-info .info .prd-btns .btn_buy { display:block; width:448px; height:48px; font-size:13px; color:#fff; text-align:center; line-height:48px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .thumb-info .info .prd-btns .btn_buy:hover { color:#000; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_buy:active { position: relative; top: 1px } #productDetail .thumb-info .info .prd-btns .btn_cart { display:block; width:448px; height:48px; font-size:13px; color:#231f20; text-align:center; line-height:48px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .thumb-info .info .prd-btns .btn_cart:hover { color:#fff; background:#231f20 } #productDetail .thumb-info .info .prd-btns .btn_cart:active { position: relative; top: 1px } #productDetail .thumb-info .info .prd-btns .btn_barotalk { display:block; margin-top:10px } /* 통합옵션 */ .opt-wrap .tit{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; } .opt-wrap dl dt{ padding: 7px 0;} #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:#969696 } #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 .detailTab { padding-top:40px; position:relative } #productDetail .detailTab ul { padding-left:1px; *zoom:1 } #productDetail .detailTab ul:after { display:block; clear:both; content:'' } #productDetail .detailTab ul li { margin-left:-1px; float:left; width:274px; height:49px; border:1px solid #e4e4e5 } #productDetail .detailTab ul li.first { width:273px } #productDetail .detailTab ul li a { display:block; height:49px; font-size:13px; color:#303030; line-height:49px; text-align:center; font-family:Verdana } #productDetail .detailTab ul li a.active { height:47px; border-bottom:3px solid #231f20 } /* 타이틀 공통 */ #productDetail .tit-detail { position: relative; padding-top:30px; *zoom:1 } #productDetail .tit-detail:after { display:block; clear:both; content:'' } #productDetail .tit-detail h3 { float:left; font-size:16px; color:#303030; line-height:18px } #productDetail .tit-detail .more { float:right } #productDetail .tit-detail .more a { font-size:11px; color:#8c8b8b } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; border-spacing:0 !important; border-collapse:collapse !important } #productDetail .prd-detail table td { word-break:break-all } #productDetail .prd-detail { padding-top:10px; margin-top:30px; width: 100%; text-align:left; overflow: hidden } #productDetail .prd-detail img { max-width: 100%; } /* 관련상품 */ #productDetail .item-wrap { padding-top:40px } #productDetail .item-wrap .prd-opt { padding:5px 0; font-size:13px } #productDetail .item-wrap .prd-opt p { padding-bottom:5px } #productDetail .item-wrap .prd-opt select { height:auto } #productDetail .item-wrap .prd-opt .vo_value_list { height:16px; line-height:16px } #productDetail .item-wrap .prd-qty { padding:5px 0; margin:0 auto; position: relative; width:60px; height:18px } #productDetail .item-wrap .prd-qty .MS_related_quantity, #productDetail .item-wrap .prd-qty .btns { float:left } #productDetail .item-wrap .prd-qty .MS_related_quantity { width:34px; height:16px; line-height:18px; text-align:right; border:1px solid #acacac; font-size: 11px } #productDetail .item-wrap .prd-qty .btns { width:17px; height: 16px; border:1px solid #acacac; border-left:none } #productDetail .item-wrap .prd-qty .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .item-wrap .prd-qty .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 .item-wrap .prd-qty .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px } #productDetail .related-allbasket { padding-bottom:40px; text-align:center } #productDetail .related-allbasket a { display:inline-block; width:248px; height:58px; font-size:13px; color:#fff; font-family:Verdana; text-align:center; line-height:58px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .related-allbasket a:hover { color:#231f20; background:#fff } #productDetail .related-allbasket a:active { position: relative; top: 1px } /* review-write */ #productDetail .review-write { margin-top:30px; padding:20px; border:1px solid #e4e4e5 } #productDetail .review-write th, #productDetail .review-write td { padding:4px 0; } #productDetail .review-write th { font-weight: normal } #productDetail .review-write td input[name=hname] { padding-left:5px; width:210px; height:31px; line-height:31px; border:1px solid #ddd } #productDetail .review-write td label { margin-right:10px } #productDetail .review-write td textarea { padding:5px; width:840px; height:81px; border:1px solid #ddd } #productDetail .review-write td .btn_write { display:inline-block; width:109px; height:91px; font-size:14px; color:#fff; text-align:center; line-height:91px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .review-write td .btn_write:hover { color:#231f20; background:#fff } #productDetail .review-write td .btn_write:active { position: relative; top: 1px } /* 댓글리스트 공통 */ /* #productDetail .table-slide { border-top: 1px solid #ffc0c0; } #productDetail .table-slide thead th { font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide tbody td { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 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; } */ #productDetail .table-slide { border-top: 1px solid #000 } #productDetail .table-slide thead th { padding:15px 0; font-size:13px; border-bottom: 1px solid #e9e9e9; font-weight: normal; font-family:Verdana } #productDetail .table-slide td { padding: 15px 0; background: url(/design/elenaheim/pc/img/board_dot.gif) repeat-x 0 bottom; } #productDetail .table-slide td .paging a { font-family:Verdana } #productDetail .table-slide td .paging .first, #productDetail .table-slide td .paging .prev, #productDetail .table-slide td .paging .next, #productDetail .table-slide td .paging .last { } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { padding:20px; color:#999; cursor: default; } #productDetail .table-slide tr.cnt td p { word-break:break-all; white-space:normal } #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 .list-btm { position:relative; *zoom:1 } #productDetail .table-slide .list-btm:after { display:block; clear:both; content:'' } #productDetail .table-slide .btm_write { margin-top:10px; margin-right:-110px; position:relative; float:right; right:110px } #productDetail .table-slide .btm_write a { display:inline-block; width:108px; height:38px; font-size:13px; color:#000; text-align:center; line-height:38px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .table-slide .btm_write a:hover { color:#fff; background:#231f20 } #productDetail .table-slide .btm_write a:active { position: relative; top: 1px } #productDetail .table-slide .paging-wrap { margin:0 110px; position:relative; float:left; width:880px } /* review-list */ #productDetail .review-list { margin-top:10px } /* qna board */ #productDetail .qna-list { margin-top: 10px } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .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; } /* 옵션선택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; } .add select{ border-bottom: 0 !important;} /* 옵션 결과 리스트 */ .optarea_ td{padding:0px !important;} .optarea_ .MK_optAddWrap{ border-top:2px solid #535353; margin-bottom:-2px;} .xans-product-detail .detailArea .productInfoArea > .infoArea .fixed_infoarea.fixed .optarea_ .MK_optAddWrap{ border-top:0; margin-bottom:0px;} #MK_innerOptWrap { /*margin-top: 10px */} /*#MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child{padding-top:10px; padding-bottom: 15px !IMPORTANT;}*/ #MK_innerOptWrap .MK_inner-opt-cm li {position:relative; margin:4px 0 4px; *zoom: 1; position: relative;background-color:#f1f1f1; display:table; height:65px;font-family:'NanumSquare',sans-serif; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child{margin-top:10px;} #MK_innerOptWrap .MK_inner-opt-cm li:last-child{margin-bottom:10px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name{display:table-cell; width:285px; padding:0 10px; vertical-align:middle; height:100%; color:#272727; font-size:11px; line-height:15px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl{display:table-cell; width:100px; vertical-align:middle; height:100%; color:#272727; font-size:11px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input{border:0; width:67px; padding:0 20px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a{width:20px; margin-left:5px; display:inline-block; height:12px; border:1px solid #636363; margin-bottom:-1px; background-color:#f1f1f1; background-position: center; background-repeat:no-repeat;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img{display:none;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up {background-image:url(/design/elenaheim/makeshop/images/MK_btn-up.png);} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw {background-image:url(/design/elenaheim/makeshop/images/MK_btn-down.png);} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{display:table-cell; width:145px; padding-right:41px; vertical-align:middle; height:100%; color:#272727; font-size:14px; text-align:right; font-weight:800;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{position:absolute; top:50%; right:14px; margin-top:-9px; display:block; width:15px; height:15px; background:url(/design/elenaheim/makeshop/images/btn_comment_del.png) 0 0 no-repeat;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img{display:none;} /* #MK_innerOptWrap .MK_inner-opt-cm li:after { display:block; clear:both; content:'' } #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_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right:20px; bottom:18px; font-size:16px; color:#060606; font-weight:normal } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-weight:bold } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:0; top:5px; width:13px; height:13px; background:url(/design/elenaheim/pc/img/btn_comment_del.gif) 0 0 no-repeat } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { margin-top:10px; position:relative } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { width:42px; height:26px; line-height:26px; border: 1px solid #dfdfdf; text-align:center !important } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { display:inline-block; margin-left:3px; 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 } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background-position:0 0 } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px } */ /* 사용자 입력 인풋박스 (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:100px } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { margin-top:10px; position:relative } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width:42px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center !important } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { display:inline-block; margin-left:3px; 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 } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { background-position:0 0 } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px } /* 개별옵션 #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { margin-top:10px; position:relative } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width:42px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center !important } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { display:inline-block; margin-left:3px; 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 } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { background-position:0 0 } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px } */ /* 총합계 */ #MK_innerOptTotal {border-top:2px solid #535353; padding:15px 0; margin-bottom:50px; *zoom:1 } #MK_innerOptTotal:after { display:block; clear:both; content:'' } #MK_innerOptTotal .MK_total{text-align:right; font-family:'NanumSquare',sans-serif; font-weight:800; vertical-align:bottom; line-height:24px; color:#f06343; font-size:22px;} #MK_innerOptTotal .MK_total:before{content:"총 상품 금액"; display:inline-block; padding-right:23px; color:#272727; font-size:12px; font-weight:400;} #MK_innerOptTotal .MK_total:after{content:"원"; display:inline-block; padding-left:5px; color:#272727; font-size:16px; font-weight:400;} /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin:30px auto; width:800px } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 13px; border-collapse: collapse; border-width: 1px; border-color: #d6d6d6; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #5c5c5c; text-align: left; font-weight:normal; padding: 10px 0 10px 20px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e8e8e8; word-break: break-all; text-align: left; padding: 10px 0 10px 20px; } /* 사이즈 차트 */ td.area-btn-size-chart a.btn-size-chart { display:inline-block; width:84px; height:24px; font-size:11px; color:#231f20; text-align:center; line-height:24px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } td.area-btn-size-chart a.btn-size-chart:hover { color:#fff; background:#231f20 } td.area-btn-size-chart a.btn-size-chart:active { position: relative; top: 1px } #sizeChart { padding-bottom:10px; width:810px; position: absolute; display: none; background:#fff } #sizeChart .btn-close-box { width: 100%; position: relative; } #sizeChart .btn-close-layer { position: absolute; display: block; width: 15px; height: 14px; top: 10px; right: 10px; color: #FFFFFF; font-size: 15px; font-weight: bold; } /* 조르기 */ #importune_btn { margin-left:10px } #importune_btn a { vertical-align:top } /* 쿠폰정보 */ .couponWrap { text-align:center;} .couponBox { display:inline-block } .couponInfo { text-align:left; display:inline-block;} .couponInfo * { } .couponInfo a img { width:100%;} .size-chart-box { width: 100%; border: 2px solid #3F4045;} .size-chart-box h4 { width: 100%; margin:0; padding: 10px 0px; color: #FFFFFF; background: #3F4045; text-align: center; } .size-chart-cont { margin:10px auto 0; width:800px; background: #fff } .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 { padding:8px 0; font-size:13px; font-weight:normal; text-align:center } .size-chart-cont table th { border-bottom:1px solid #d6d6d6 } .size-chart-cont img.sc-img-chart, #sc_img_chart { width: 670px; height: 300px; } .size-chart-cont img.sc-img-guide, #sc_img_guide { width: 190px; height: 240px; } .size-chart-cont p { margin-top: 10px; text-align: left; font-size:13px; color:#a7a7a7 } #nhn_btn {padding-top:4px;} #payco_order_btn {padding-top:30px;} #payco_order_btn .payco_checkout.ta .payco_checkout_btn { margin-top:0 !important } .ocb-area { width:323px } .ocb-area a { margin-top:0 !important } /*MakeShop 201908 */ .-pbtn{display:inline-block; font-family: 'Noto Sans KR', sans-serif; min-width:135px;} .detailArea .reference_info{padding:20px 40px;margin-top:67px;background-color: #efefef;position:relative;} .detailArea .reference_info .btn_more{position:absolute; bottom:20px; right:23px; line-height:20px; color:#636363; font-size:12px; font-family: 'NanumSquare',sans-serif;} .detailArea .reference_info .btn_event{position:absolute; bottom:179px; right:23px; line-height:20px; color:#636363; font-size:12px; font-family: 'NanumSquare',sans-serif;} .detailArea .reference_info dl{font-family: 'Noto Sans KR', sans-serif; color:#272727;} .detailArea .reference_info dl dt{font-weight:700; font-size:16px; line-height:24px; margin-bottom:8px;} .detailArea .reference_info dl dd{line-height:24px; font-size:14px;} .detailArea .event_info img{width:660px;} .badding_notice{margin-top:14px;} .badding_notice p{line-height:32px;font-size:12px;color:#f06343;padding-left:17px;background:url(/design/elenaheim/makeshop/images/ic_rnd_red_check.png) 0 center no-repeat;letter-spacing: -0.2px;} .table_st2{} .table_st2 th, .table_st2 td{font-size:14px;} .table_st2 a{font-size: inherit;} .table_st3 th, .table_st3 td{line-height:1.75;} .xans-product-detail .infoArea .xans-product-action.bottom_area{padding:0; margin:0; border:none;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button{padding:0;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn{float:left;box-sizing:border-box;padding: 12px 5px;/* font-family: 'Noto Sans KR', sans-serif; */} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.-buy {font-size:20px;font-weight: 400;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn:last-child{margin-left:6px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w1{width:468px;height: 55px;padding: 14px 5px;font-size: 16px;line-height: 1.5;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w2{width:530px;background: #ffefe6;border:1px solid #ffefe6;margin-bottom: 6px;color:#000;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w2:hover{background: #ffdbd0;border:1px solid #ffdbd0;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w3{width:262px;background:#fff; border: 1px solid #b7b7b7;color:#000;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w4{width:262px;background:#fff; border: 1px solid #b7b7b7;color:#000;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w3:hover, .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w4:hover {background:#f9f9f9; border: 1px solid #ccc;} .xans-product-detail .infoArea .xans-product-action.bottom_area .ec-base-button.btn_wrap .-pbtn.w5 {width:59px; min-width:59px; border:1px solid #b7b7b7; background:url(/design/elenaheim/makeshop/images/ic_wishlist.png) center no-repeat; font-size:0; overflow:hidden; text-indent:-100px; background-size:auto 19px; margin-left:3px; height:55px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_nhn_wrap{float:right; margin-bottom:36px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap{margin-bottom:6px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap:before, .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap:after{clear:both; content:""; display:block; } .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn{float:left; display:block; height:55px; margin-left:3px; border:1px solid #b7b7b7; background-color:#f1f1f1; color:#454545; font-size:14px; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box; text-align:center; line-height:55px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn:first-child{margin-left:0;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.camp2{padding:13px 0; font-size:12px; line-height:14px; } .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.type1{width:100%;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.type2{width:264px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.type2:first-child{width:263px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.type3{width:175px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.type3:first-child{width:174px;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.stEx{background: #ffefe6;border:1px solid #b7b7b7} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.btn_katalk{background-color:#ffe100;border-color:#ffe100;} .xans-product-detail .infoArea .xans-product-action.bottom_area .btn_wrap .btn.btn_katalk:before{display:inline-block; width:47px; height:53px; content:""; vertical-align:middle; background:url(http://www.elenaheim.com/design/elenaheim/makeshop/images/btn_katalk_ic_32.png) 0 center no-repeat;} .extraName {margin: 5px 0 0 0;} /*커스터마이징*/ #customSection { width:100%; max-width:1300px; margin:0 auto; } #customSection .color-chip { width:26px; height:26px; border-radius:38px; border:2px solid #fff; } #customSection .color-chip.on { outline:2px solid #444; /*box-shadow:0 0 0 2px #333;*/ } #customSection .default { background-color:#fcfcfc; } /*더코튼 커스터마이징 컬러칩(컬러칩 추가 영역)*/ #customSection .ivory { background-color:#f3ece2; } #customSection .butteryellow { background-color:#efe1c4; } #customSection .beige { background-color:#decdb9; } #customSection .beanbeige { background-color:#dacfbb; } #customSection .popcorn{ background-color:#fbefbd; } #customSection .springyellow{ background-color:#fbd489; } #customSection .mangoorange{ background-color:#ffbe6e; } #customSection .clay{ background-color:#c67560; } #customSection .rosewood{ background-color:#72403f; } #customSection .indiancoffee{ background-color:#ad896f; } #customSection .blossompink { background-color:#eed5d0; } #customSection .peachcrema { background-color:#e8cbb9; } #customSection .lachelpink{ background-color:#e0bcb0; } #customSection .lavenderforest{ background-color:#aea4bf; } #customSection .avocado { background-color:#cbcab5; } #customSection .mint{ background-color:#b1bcac; } #customSection .jade { background-color:#9ba99a; } #customSection .olive{ background-color:#747458; } #customSection .oilgreen{ background-color:#969672; } #customSection .forestgreen { background-color:#4a6f57; } #customSection .viridian { background-color:#44584c; } #customSection .turkeyblue { background-color:#3f6f79; } #customSection .cirruscloud { background-color:#d2d6d5; } #customSection .lakeblue{ background-color:#b7c9cd; } #customSection .vintageblue{ background-color:#909a99; } #customSection .tenderblue { background-color:#78a5b8; } #customSection .bluecoral { background-color:#4d6f7b; } #customSection .supersonic{ background-color:#4b6f9f; } #customSection .palegray { background-color:#c8bfb8; } #customSection .gray{ background-color:#a9a69f; } #customSection .irongray { background-color:#6e6d68; } #customSection .charcoal{ background-color:#4e4d48; } #customSection .navy{ background-color:#464a61; } #customSection .apricot { background-color:#ead9cf; } #customSection .beige-c{ background-color:#d0c1ac; } #customSection .lightkhaki { background-color:#bfc0a1; } #customSection .brown { background-color:#6f5346; } #customSection .olivemustard { background-color:#b99446; } #customSection .brick { background-color:#b6673e; } #customSection .teal { background-color:#526667; } #customSection .softmint { background-color:#c7cdc3; } #customSection .navy-c { background-color:#424d61; } /*에브리데이 소파커버&쿠션커버 컬러칩(컬러칩 추가 영역)*/ #customSection .ed-lightbeige { background-color:#d3cab9; } #customSection .ed-beige { background-color:#bfa789; } #customSection .ed-beigebrown { background-color:#b9a596; } #customSection .ed-chocolate { background-color:#97847e; } #customSection .ed-brown { background-color:#6c5c4f; } #customSection .ed-apricot { background-color:#eed4c1; } #customSection .ed-pinkbeige { background-color:#e2bcb2; } #customSection .ed-gray { background-color:#9f9d98; } #customSection .ed-deepgray { background-color:#7a7473; } #customSection .ed-charcoal { background-color:#3c3b3b; } #customSection .ed-softmint { background-color:#c9d6c6; } #customSection .ed-mint { background-color:#869c97; } #customSection .ed-lilac { background-color:#c8bbc8; } #customSection .ed-olivemt { background-color:#ae8847; } #customSection .ed-lightkhaki { background-color:#7f7c53; } #customSection .ed-deepkhaki { background-color:#5a5d41; } #customSection .ed-teal { background-color:#4c5e58; } #customSection .ed-brick { background-color:#ba6947; } #customSection .ed-burgundy { background-color:#6d3f3b; } /*알루미늄 블라인드 컬러칩(컬러칩 추가 영역)*/ #customSection .ab-white { background-color:#ffffff; } #customSection .ab-ivory { background-color:#faf7ed; } #customSection .ab-milktea { background-color:#f6e9e2; } #customSection .ab-beige { background-color:#f4eada; } #customSection .ab-creambutter { background-color:#f8eedc; } #customSection .ab-pistachiobeige { background-color:#e0dcc5; } #customSection .ab-almondbeige { background-color:#daccb2; } #customSection .ab-mushroom { background-color:#d2bea5; } #customSection .ab-peach { background-color:#fde1c2; } #customSection .ab-palepink { background-color:#f2cdd1; } #customSection .ab-fionipink { background-color:#f2909b; } #customSection .ab-pastellilac { background-color:#e5d8e6; } #customSection .ab-lavenderpurple { background-color:#c4bbd5; } #customSection .ab-custard { background-color:#fdeea7; } #customSection .ab-deepyellow { background-color:#fec248; } #customSection .ab-bluemint { background-color:#cfeceb; } #customSection .ab-bluetopaz { background-color:#90d1ef; } #customSection .ab-malibublue { background-color:#3393d9; } #customSection .ab-imperialblue { background-color:#1a549d; } #customSection .ab-limecream { background-color:#f1f9bf; } #customSection .ab-applegreen { background-color:#dbf5ab; } #customSection .ab-greenery { background-color:#7baf1d; } #customSection .ab-viridian { background-color:#094f41; } #customSection .ab-greenmint { background-color:#d4eddb; } #customSection .ab-emerald { background-color:#94e1d5; } #customSection .ab-orange { background-color:#f76300; } #customSection .ab-red { background-color:#d30c22; } #customSection .ab-yellowbean { background-color:#f3d39c; } #customSection .ab-sugarbrown { background-color:#c8996f; } #customSection .ab-coffeebrown { background-color:#8a6951; } #customSection .ab-lightgray { background-color:#e8e6dc; } #customSection .ab-gray { background-color:#cccccc; } #customSection .ab-stonegray { background-color:#b6bcb4; } #customSection .ab-elephantgray { background-color:#8e8e8e; } #customSection .ab-sharkgray { background-color:#757d7e; } #customSection .ab-black { background-color:#1f1f1f; } #customSection .mock-up-img { position:relative; } #customSection .mock-up-img img { width:100%; max-width:1000px; } #customSection .mock-up-img .layer-img { position:absolute; top:0; left:50%; transform:translateX(-50%); } #customSection #customList { padding:10px 10px; background-color:#f6f6f6; text-align:left; flex-basis:32% } #customSection #customList ul { margin-bottom:5px; } #customSection #customList li { display:inline-block; margin: 0 2px; cursor:pointer; } #customSection #customList h1 { font-weight:bold; font-size:15px; padding:16px 0 10px; } #customSection #customList .result-box { background-color:#fff; margin:20px 0; padding: 20px; display:none; } #customSection #customList .result-box h1 { padding:0 0 10px; } #customSection #customResult { font-size:12px; } #customSection.flexBox { display:flex; } /*하이브리드 옵션*/ #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; } .text-info {display: flex; justify-content: center;} .text-box {font-family:'Pretendard'; background:#f8f8f8; margin: 300px 0 0 0; padding: 300px 0px 300px 100px;} /* BASIC css end */