|
|
@@ -34,14 +34,14 @@
|
|
|
.cs .faq .quick_list ul li:nth-child(10) {border-bottom: none;}
|
|
|
.cs .quick_list ul li a {display: flex; display: -ms-flexbox; justify-content: center; width:100%; height: 100%; line-height:2.6rem; font-size:1.6rem; font-weight: 200; align-items: center; color:#222; letter-spacing:-0.025em;}
|
|
|
.cs .search_wrap .faq_search {height:19rem; background:#f5f5f5; padding:5rem; box-sizing:border-box; text-align:center;}
|
|
|
-.cs .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:600px; padding-right:5rem; border-bottom:0.2rem solid #222; box-sizing: border-box; text-align:left;}
|
|
|
+.cs .search_wrap .faq_search .search_box {display:inline-block; position:relative; width:60.0rem; padding-right:5rem; border-bottom:0.2rem solid #222; box-sizing: border-box; text-align:left;}
|
|
|
.cs .search_wrap .faq_search .search_box input[type='text'] {display:inline-block; width:100%; height:5rem; padding-left:0; border:none; background:none; color:#222; font-size:3rem; font-weight:200; letter-spacing:-0.025em; line-height:1;}
|
|
|
.cs .search_wrap .faq_search .search_box input[type='text']::placeholder {color:#888;}
|
|
|
.cs .search_wrap .faq_search .search_box .btn_search {display:inline-block; position:absolute; right:0; top:1.1rem; width:2.8rem; height:2.8rem; overflow:hidden; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; font-size:0.1rem; text-indent:-9999px; z-index:2}
|
|
|
.cs .search_wrap .faq_search .t_info {width:60rem; margin:1.5rem auto 0; font-weight:200; text-align:left;}
|
|
|
.cs .search_wrap p{margin-top:0.8rem; font-size:1.2rem; color:#666666;}
|
|
|
.cs .fold_nav {width:100%;}
|
|
|
-.cs .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; /*margin-top:-12px*/}
|
|
|
+.cs .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; /*margin-top:-1.2rem*/}
|
|
|
.cs .fold_nav ul li {margin:0.4rem 0.4rem 0 0;}
|
|
|
.cs .fold_nav ul li a {display:inline-block;padding:1rem 1.6rem;border: 0.1rem solid #ddd;font-size:1.2rem;font-weight: 300;line-height: 1; letter-spacing:-0.025em; border-radius:2rem;}
|
|
|
.cs .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 0.1rem solid #222;}
|
|
|
@@ -82,7 +82,7 @@
|
|
|
.cs .cs_contactUs_1{background-color:#f5f5f5}
|
|
|
.cs .cs_contactUs_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
|
|
|
.cs .cs_contactUs_1 .inner:last-child{padding-top:0; margin-bottom:0;}
|
|
|
-.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:45px;}
|
|
|
+.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:4.5rem;}
|
|
|
.cs .cs_contactUs_1 .qna_list{transition:0.4s;}
|
|
|
.cs .cs_contactUs_1 .qna_list > li{display:flex; justify-content:space-between; padding:2.6rem 2.0rem; border-bottom:1px solid #e1e1e1; position:relative; margin:0 -2.0rem;}
|
|
|
.cs .cs_contactUs_1 .qna_list > li > div.title{width:90%; overflow:hidden;}
|
|
|
@@ -121,7 +121,7 @@
|
|
|
.cs_contactUs_my {}
|
|
|
.cs_contactUs_my .header { height: 2rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: bold; margin: 1.6rem 0;}
|
|
|
.cs_contactUs_my .header .close{position: relative; height:5.2rem;}
|
|
|
-.cs_contactUs_my .header .close span{position:absolute; left:50%; margin-left:-0.5px; display:inline-block; width:1px; height:18px; background-color:#000; transform:rotate(45deg);}
|
|
|
+.cs_contactUs_my .header .close span{position:absolute; left:50%; margin-left:-0.5px; display:inline-block; width:1px; height:1.8rem; background-color:#000; transform:rotate(45deg);}
|
|
|
.cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
|
|
|
.cs_contactUs_my .header .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
|
|
|
.cs_contactUs_my .inner { padding-bottom: 0;}
|
|
|
@@ -150,7 +150,7 @@
|
|
|
.cs_contactUs_my .contactus_cnt {color:#888}
|
|
|
.cs_contactUs_my .select {height:4.2rem; font-size:1.2rem;}
|
|
|
.cs_contactUs_my .select .select_dress {color:#222; font-weight:200;}
|
|
|
-.cs_contactUs_my .select .select_dress:after {top:16px; right:1.5rem; border-color:#888 transparent transparent transparent;}
|
|
|
+.cs_contactUs_my .select .select_dress:after {top:1.6rem; right:1.5rem; border-color:#888 transparent transparent transparent;}
|
|
|
.cs_contactUs_my .select .select_dress.active:after {top:1rem; border-color: transparent transparent #888 transparent;}
|
|
|
.cs_contactUs_my .select .select_options {color:#666}
|
|
|
.cs_contactUs_my .help_block {margin-top:1rem; text-indent:0;}
|
|
|
@@ -228,7 +228,7 @@
|
|
|
.mb .form_wrap .form_info {text-align:center;}
|
|
|
.mb .form_wrap .form_info p {font-size:1.4rem; font-weight:300; letter-spacing:-0.025em; line-height:1.6;}
|
|
|
.mb .form_wrap .form_info p.t_info {font-size:1.2rem; color:#888; font-weight:300; line-height:1.625;}
|
|
|
-.mb .find_result {padding:0px 0px 40px; font-weight:200;}
|
|
|
+.mb .find_result {padding:0px 0px 4.0rem; font-weight:200;}
|
|
|
.mb .find_result .help_block {text-align:left}
|
|
|
.mb .find_result input {font-size:1.2rem;}
|
|
|
.mb .find_result .form_print_bar {padding:3.4rem 0; margin-top:2.5rem; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; background: #f5f5f5; text-align: left; color:#222; font-size:1.2rem;}
|
|
|
@@ -261,7 +261,7 @@
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button:first-child {margin-bottom:0.6rem;}
|
|
|
.mb .mb_login .captcha .captcha_btn_dual button:last-child {background-position:center -3.1rem;}
|
|
|
.mb .mb_login .captcha .captcha_area {margin-top:0.6rem;}
|
|
|
-.mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 15px 1.3rem;}
|
|
|
+.mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 1.5rem 1.3rem;}
|
|
|
.mb .mb_login .captcha .captcha_area label { display: block; width: 100%; margin:-0.8rem 0 0.4rem 0;}
|
|
|
.mb .mb_login .btn{width:100%; height:4.5rem;}
|
|
|
|
|
|
@@ -312,7 +312,7 @@
|
|
|
|
|
|
/* mb_join_2 */
|
|
|
.mb .mb_join_2 .form_field{display:block;}
|
|
|
-.mb .mb_join_2 .form_wrap .desc_wrap p {font-size:12px; line-height:1.75; font-weight:200; color:#888;}
|
|
|
+.mb .mb_join_2 .form_wrap .desc_wrap p {font-size:1.2rem; line-height:1.75; font-weight:200; color:#888;}
|
|
|
.mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
|
|
|
.mb .mb_join_2 .help_block::after {clear:both; display:block; width:100%;}
|
|
|
.mb .mb_join_2 .help_block .btn.btn_sm {float:left; margin-right:0.4rem; border-color:#222; font-size:1.2rem;}
|
|
|
@@ -329,7 +329,7 @@
|
|
|
/* common으로 이사갈것들 */
|
|
|
.pb0{padding-bottom:0!important;}
|
|
|
.ico_besttag{height:1.5rem; vertical-align:middle;}
|
|
|
-.ico_besttag::before {content: ""; width: 31px; height: 15px; background: url(/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
|
|
|
+.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url(/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
|
|
|
|
|
|
/* button*/
|
|
|
.pd_detail .btn_coupon,
|
|
|
@@ -339,7 +339,7 @@
|
|
|
.pd_detail .btn_brandHome{border-color:#a7a7a7;}
|
|
|
|
|
|
/* 슬라이드아이템*/
|
|
|
-.item_prod {display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.2px;}
|
|
|
+.item_prod {display: inline-block;font-size: 0px;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.025em;}
|
|
|
.item_prod .item_state {position: relative; padding:0; box-sizing: border-box;}
|
|
|
.item_prod .itemLike {position: absolute;top:1rem;right:1rem;font-size: 0px;z-index: 2;width: 1.7rem;height: 1.7rem; background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:0px 0px;background-repeat: no-repeat;}
|
|
|
.item_prod .itemLike::before,
|
|
|
@@ -351,10 +351,10 @@
|
|
|
/* .item_prod .itemLike.active::before {opacity: 1;} */
|
|
|
.itemLike.likeit::before {opacity: 1;}
|
|
|
.item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
|
|
|
-.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 15px;padding-top: 150%;font-size: 0px;overflow: hidden;}
|
|
|
+.item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0px;overflow: hidden;}
|
|
|
.item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
|
|
|
.item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
|
|
|
-.item_prod .itemBrand {display: inline-block; margin: 0px 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137);}
|
|
|
+.item_prod .itemBrand {display: inline-block; margin: 0px 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:10rem;overflow:hidden;}
|
|
|
.item_prod .itemComment{margin: 0.8rem 0.5rem 0px;line-height: 1; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
|
|
|
.item_prod .itemName {margin: 0px 0.5rem 0.8rem; font-size: 1.1rem; font-weight:300; color: rgb(31, 31, 31); max-height: 3rem; position: relative; overflow: hidden; white-space: normal; overflow-wrap: break-word; display: block;}
|
|
|
.item_prod .itemName {display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
@@ -363,13 +363,13 @@
|
|
|
.item_prod .itemPrice_original {position: relative; margin-bottom:0.5rem; display:block; line-height:1; font-size: 1rem; font-weight: 300; color: rgb(204, 204, 204); text-decoration:line-through;}
|
|
|
.item_prod .itemText{margin-top:0.5rem; font-size:1.1rem; color:#888888; font-weight:300;}
|
|
|
/* .item_prod .itemPrice_original::after{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; bottom:auto; right:auto; width: 100%; height: 1px; background: rgb(204, 204, 204) ; transform: translateY(-50%);} */
|
|
|
-.item_prod .itemPercent {position: absolute;top: auto;right: 0px;bottom: 0;left: auto;margin-left: 15px;line-height:1;font-size: 1.5rem;font-weight: 300;color: #fd4802;}
|
|
|
-.rank {position: absolute; z-index: 1; font-size: 14px; color: #ffffff; top: 0; left: 0; width: auto; height: auto; min-width: 40px; max-height: 40px; text-align: center; line-height: 0.9; padding: 14px 0px;}
|
|
|
+.item_prod .itemPercent {position: absolute;top: auto;right: 0px;bottom: 0;left: auto;margin-left: 1.5rem;line-height:1;font-size: 1.5rem;font-weight: 300;color: #fd4802;}
|
|
|
+.rank {position: absolute; z-index: 1; font-size: 1.4rem; color: #ffffff; top: 0; left: 0; width: auto; height: auto; min-width: 4.0rem; max-height: 4.0rem; text-align: center; line-height: 0.9; padding: 1.4rem 0px;}
|
|
|
.rank::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background: #222222; clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
|
|
|
|
|
|
/* pd 상품상세 공통 */
|
|
|
.pd .swiper-container{overflow:visible;}
|
|
|
-.pd .tit{margin-bottom:1.5rem; font-size:1.4rem; font-weight:500; color:#222}
|
|
|
+.pd .tit{margin-bottom:1.5rem; font-size:1.5rem; font-weight:500; color:#222}
|
|
|
.pd .ptok{padding-top:3rem!important;}
|
|
|
.pd .ptok2{padding-top:4rem!important; padding-bottom:4rem!important;}
|
|
|
.pd .area_slider{text-align:left;}
|
|
|
@@ -419,14 +419,14 @@
|
|
|
/* 2 */
|
|
|
.pd_detail .desc_status{padding:1.5rem 2rem; margin-bottom:-1.2rem; color: #fd4802; border-bottom:1px solid #dddddd;}
|
|
|
.pd_detail .timer_box{position: absolute; height:3.6rem; line-height:3.6rem; font-size:1.2rem; color:#fff; text-align:center; background-color: #000; left: 2rem; right: 2rem; top: -5.5rem; z-index: 10;}
|
|
|
-/* .pd_detail .timer_box::after{content:''; position:absolute; right:-12px; bottom:-18px; border:12px solid transparent; border-top:12px solid #fff; transform:rotate(-45deg);} */
|
|
|
+/* .pd_detail .timer_box::after{content:''; position:absolute; right:-1.2rem; bottom:-1.8rem; border:1.2rem solid transparent; border-top:1.2rem solid #fff; transform:rotate(-45deg);} */
|
|
|
.pd_detail .timer_box::after{content:''; position:absolute; right:0; bottom:0; display:block; width:0px; border:0.5rem solid transparent; border-bottom-color:#fff; border-right-color:#fff;}
|
|
|
.pd_detail .timer_box p::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .timer_box p span {display:inline-block; position:relative; }
|
|
|
-.pd_detail .timer_box p .tt {position:relative; padding-left:28px; color:#fff; font-size:1.3rem;}
|
|
|
-.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/images/mo/ico_timer2.png') no-repeat 0 50%;}
|
|
|
+.pd_detail .timer_box p .tt {position:relative; padding-left:2.8rem; color:#fff; font-size:1.3rem;}
|
|
|
+.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.8rem; height:1.8rem; background:url('/images/mo/ico_timer2.png') no-repeat 0 50%;}
|
|
|
.pd_detail .timer_box p .timer {color:#fff; font-size:1.4rem; font-weight:300;}
|
|
|
-.pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:6px;}
|
|
|
+.pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:0.6rem;}
|
|
|
.pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
|
|
|
.pd_detail .timer_box p .timer em:first-of-type {padding-left:0.8rem;}
|
|
|
.pd_detail .timer_box p .timer em:first-of-type::before {display:none;}
|
|
|
@@ -441,13 +441,13 @@
|
|
|
.pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}
|
|
|
.pd_detail .option_box > [class^="opt_"] .opt_header .title {margin-right:1rem; font-weight:500; color:#222;}
|
|
|
.pd_detail .option_box > [class^="opt_"] .opt_header .color {color:#666666; font-weight:300;}
|
|
|
-.pd_detail .option_box .opt_size .form_field {display:block;}
|
|
|
+.pd_detail .option_box .opt_size .form_field {display:block; margin-left: -0.8rem !important;}
|
|
|
.pd_detail .option_box .opt_size .form_field .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
|
|
|
.pd_detail .option_box .opt_size .form_field .lap > div {margin:0.25rem; float:left; width:auto;}
|
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
|
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"] + label::before,
|
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
-.pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
|
|
|
+.pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
|
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
.pd_detail .option_box .opt_count {padding-bottom:0;}
|
|
|
.pd_detail .option_box .opt_result {}
|
|
|
@@ -458,7 +458,7 @@
|
|
|
.pd_detail .option_box .opt_result .result_item .opt_header .bundle{margin-bottom:1.5rem;}
|
|
|
.pd_detail .option_box .opt_result .result_item .opt_header .bundle:last-child{margin-bottom:0;}
|
|
|
.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_name {margin-bottom:0.5rem; color:#222; font-size:1.3rem; font-weight:300;}
|
|
|
-.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_option {font-size:1.1rem; color:#666;}
|
|
|
+.pd_detail .option_box .opt_result .result_item .opt_header .bundle .item_option {font-size:1.1rem; color:#666; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:30rem;overflow:hidden;}
|
|
|
.pd_detail .option_box .opt_result .result_item .item_price {position:absolute; right:2rem; bottom:3.2rem; color:#222; font-size:1.5rem; font-weight:500;}
|
|
|
.pd_detail .option_box .opt_result .result_item .item_price em{font-weight:600;}
|
|
|
.pd_detail .option_box .opt_result .result_item .btn_delete_item {position:absolute; right:2rem; top:2rem; width:1.3rem; height:1.3rem; font-size:0; overflow:hidden; background:url('/images/mo/btn_delete_item.png') no-repeat 50% 50%;}
|
|
|
@@ -467,10 +467,10 @@
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count span,
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count input[type='text']{float:left;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
|
|
|
-.pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
+.pd_detail .option_box .opt_result .result_item .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .option_box .opt_result .result_item .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
-.pd_detail .option_box .opt_result .result_item .number_count input[type='text'] {width:32px; height:32px; padding:0; text-align:center; color:#222; font-size:1.3rem; font-weight:300; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif;}
|
|
|
+.pd_detail .option_box .opt_result .result_item .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.3rem; font-weight:300; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif;}
|
|
|
.option_box .opt_size .form_field2 {display:block;}
|
|
|
.option_box .opt_size .form_field2 .lap{margin:-0.25rem -0.25rem 0; overflow:hidden;}
|
|
|
.option_box .opt_size .form_field2 .lap > div {margin:0.25rem; float:left; width:auto;}
|
|
|
@@ -481,20 +481,20 @@
|
|
|
.pd_detail .option_box .info_restock{margin-top:1rem;}
|
|
|
.pd_detail .option_box .info_restock a.btn_popup {position:relative; padding-left:1.9rem; padding-right:1.2rem; color:#666; font-size:1.3rem; font-weight:300; border:none;}
|
|
|
.pd_detail .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; transform:translateY(-50%); width:1.3rem; height:1.3rem; background:url('/images/mo/ico_bell.png') no-repeat 0 0;}
|
|
|
-.pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; margin-top:-1px; transform:translateY(-50%); width:5px; height:9px; background:url('/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
+.pd_detail .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; margin-top:-1px; transform:translateY(-50%); width:0.5rem; height:0.9rem; background:url('/images/mo/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
.pd_detail .option_box .opt_count {padding-bottom:0; margin-top:2.8rem; overflow:hidden;}
|
|
|
.pd_detail .option_box .opt_count .number_count {display:inline-block; border:1px solid #ddd}
|
|
|
.pd_detail .option_box .opt_count .number_count::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .option_box .opt_count .number_count span,
|
|
|
.pd_detail .option_box .opt_count .number_count input[type='text']{float:left;}
|
|
|
.pd_detail .option_box .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:3.2rem; height:3.2rem; text-align:center;}
|
|
|
-.pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
+.pd_detail .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
.pd_detail .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
-.pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif;}
|
|
|
+.pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif;}
|
|
|
.pd_detail .price_box {padding:1rem 2rem; border-top:1px solid #222;}
|
|
|
.pd_detail .price_box::after {content:''; clear:both; display:block;}
|
|
|
-.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:3px}
|
|
|
+.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:0.3rem}
|
|
|
.pd_detail .price_box .price {float:right; color:#222; font-size:1.5rem; font-weight:500;}
|
|
|
.pd_detail .price_box .price em {font-size:1.5rem;}
|
|
|
/* 3 */
|
|
|
@@ -521,7 +521,7 @@
|
|
|
.pd_detail .content.pd_descrp{padding-top:3rem;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background: #fff;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
|
|
|
-[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
|
|
|
+[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
|
|
|
[class*="pd_descrp"] {width:100%;}
|
|
|
[class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
|
|
|
@@ -541,8 +541,9 @@
|
|
|
[class*="pd_descrp"] [class^="view_"]:first-of-type {margin-top:0;}
|
|
|
[class*="pd_descrp"] [class^="view_"] .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center;}
|
|
|
[class*="pd_descrp"] [class^="view_"] .model_info {display:block; margin-top:1rem; color:#666; font-size:1.2rem; font-weight:200; text-align:center;}
|
|
|
-[class*="pd_descrp"] [class^="view_"] .view {margin-top:2rem}
|
|
|
-[class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:5px auto 0}
|
|
|
+[class*="pd_descrp"] [class^="view_"] .view {margin-top:2rem; margin:0 -2rem;}
|
|
|
+[class*="pd_descrp"] .view_label_box .view{margin:0;}
|
|
|
+[class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:0.5rem auto 0}
|
|
|
[class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0}
|
|
|
[class*="pd_descrp"] .view_label_box .view span {display:block; margin:0 -0.5rem; overflow:hidden;}
|
|
|
[class*="pd_descrp"] .view_label_box .view span img {float:left; width:50%; margin-top:0; padding:0 0.5rem; box-sizing:border-box;}
|
|
|
@@ -552,7 +553,7 @@
|
|
|
[class*="pd_descrp"] .brand_box {padding:3rem 2rem; margin:6rem -2rem 0; width:auto!important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box;}
|
|
|
[class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:bold;}
|
|
|
[class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 100%;}
|
|
|
-[class*="pd_descrp"] .required_box {margin-bottom:40px}
|
|
|
+[class*="pd_descrp"] .required_box {margin-bottom:4.0rem;}
|
|
|
[class*="pd_descrp"] .required_box .area_detail {text-align:center;}
|
|
|
[class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
|
|
|
[class*="pd_descrp"] .required_box .area_infotbl {margin-top:4rem;}
|
|
|
@@ -564,13 +565,14 @@
|
|
|
[class*="pd_descrp"] .required_box .area_kcl p a{position:relative; color:#666; cursor: pointer;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:1px; background:#666666;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem;}
|
|
|
-[class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
|
|
|
+[class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:2.0rem; color:#888; font-weight:200; text-decoration:none !important;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:relative;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table th,
|
|
|
-[class*="pd_descrp"] .required_box .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
|
|
|
+[class*="pd_descrp"] .required_box .tbl.type1 table td {position:relative; padding:0.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table th {font-weight:400;}
|
|
|
+[class*="pd_descrp"] .required_box .tbl.type1 table td {color:#666666}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 {padding:0; border-top:1px solid #000;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 table {width:100%; word-break:keep-all;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 table th,
|
|
|
@@ -581,26 +583,26 @@
|
|
|
[class*="pd_descrp"] .btn_more_box {position:relative; width:100%; background:#fff; text-align:center; z-index:2;}
|
|
|
[class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-8rem; width:100%; height:8rem; background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,1) 50%, rgba(255, 255, 255, 0) 100%); z-index:2; }
|
|
|
[class*="pd_descrp"] .btn_more_box .btnL {border:1px solid #fd4802; color:#fd4802;}
|
|
|
-[class*="pd_descrp"] .btn_more_box .btnL span {position:relative; padding-right:35px;}
|
|
|
-[class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:20px; margin-right:0;}
|
|
|
+[class*="pd_descrp"] .btn_more_box .btnL span {position:relative; padding-right:3.5rem;}
|
|
|
+[class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:2.0rem; margin-right:0;}
|
|
|
/* 6 */
|
|
|
.riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
|
|
|
-.riview_box .area_slider{margin-bottom:3rem; text-align:center;}
|
|
|
+.riview_box .area_slider{margin-bottom:1.5rem; text-align:center;}
|
|
|
.riview_box .ex_review {padding:1.8rem 0;}
|
|
|
.riview_box .ex_review a:after{content:''; clear:both; display:block;}
|
|
|
.riview_box .ex_review .tit{float:left; margin-bottom:0;}
|
|
|
.riview_box .ex_review .tit .number{color:#888; font-weight:300;}
|
|
|
-.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:14px; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
-.riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#ddd;}
|
|
|
-.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
-.riview_box .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
|
|
|
+.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:1.4rem; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
+.riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:9.5rem; height:1.4rem; background:#ddd;}
|
|
|
+.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.riview_box .ex_review .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802}
|
|
|
.riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:500;}
|
|
|
.riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
|
|
|
.riview_box .best_review a {display:block; position:relative; padding:2rem; border:1px solid #eee;}
|
|
|
-.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
|
|
|
-.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
-.riview_box .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
|
|
|
-.riview_box .best_review a .star_score .ico {margin-left:10px}
|
|
|
+.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:8.3rem; height:1.4rem; background:#ddd;}
|
|
|
+.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+.riview_box .best_review a .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
|
|
|
+.riview_box .best_review a .star_score .ico {margin-left:1.0rem}
|
|
|
.riview_box .best_review a .star_score .ico::before {vertical-align:inherit;}
|
|
|
.riview_box .best_review a .lap{display:table; width:100%;}
|
|
|
.riview_box .best_review a .lap > div{display:table-cell; vertical-align:middle;}
|
|
|
@@ -617,11 +619,11 @@
|
|
|
.pd_detail .exinfo_box ul {border-top:1px solid #ddd}
|
|
|
.pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:1px solid #ddd}
|
|
|
.pd_detail .exinfo_box ul li:last-child {border-bottom:0}
|
|
|
-.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
+.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
|
|
|
-.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:14px; font-weight:300;}
|
|
|
-.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
|
|
|
-.pd_detail .exinfo_box ul li .ex_shipping {color:#666; font-size:14px; font-weight:200;}
|
|
|
+.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
+.pd_detail .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
|
|
|
+.pd_detail .exinfo_box ul li .ex_shipping {color:#666; font-size:1.4rem; font-weight:200;}
|
|
|
.pd_detail .exinfo_box ul li .ex_shipping span {display:block;}
|
|
|
.pd_detail .exinfo_box ul li .ex_shipping .a{margin-bottom:0.9rem;}
|
|
|
/* 7 */
|
|
|
@@ -631,7 +633,7 @@
|
|
|
.pd_detail .recommendedArea > div[class*="pd_"] .tit{text-align:center;}
|
|
|
.pd_detail .pd_clickother {}
|
|
|
.pd_detail .pd_clickother .area_slider {}
|
|
|
-.pd_detail .pd_clickother .area_slider .itemName {height:32px}
|
|
|
+.pd_detail .pd_clickother .area_slider .itemName {height:3.2rem;}
|
|
|
.pd_detail .pd_recommend {}
|
|
|
.pd_detail .pd_recommend .area_slider {}
|
|
|
.pd_detail .pd_recommend .area_slider .swiper-pagination {display:inline-block; width:auto; margin:0; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);position:absolute; left:50%; bottom:2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
@@ -640,21 +642,21 @@
|
|
|
.pd_detail .pd_recommend .area_slider .page .pic {position:relative;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap {}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:10px; box-sizing:border-box; vertical-align:middle;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 30px;color:#222;font-size:20px;font-weight:500;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:1.0rem; box-sizing:border-box; vertical-align:middle;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 3.0rem;color:#222;font-size:2.0rem;font-weight:500;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 140px); overflow-y:auto;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 2px;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 14.0rem); overflow-y:auto;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 0.2rem;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0px; background-clip: padding-box;border: 0px solid transparent;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:150px; margin-top:20px}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:15.0rem; margin-top:2.0rem;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state {display:table; width:100%;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:150px; padding-left:130px; box-sizing:border-box; vertical-align:middle;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:100px; height:0; padding-top:150px; margin-bottom:0}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:15.0rem; padding-left:13.0rem; box-sizing:border-box; vertical-align:middle;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:10.0rem; height:0; padding-top:15.0rem; margin-bottom:0}
|
|
|
.pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:30px; border-color:#fd4802; color:#fd4802;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:3.0rem; border-color:#fd4802; color:#fd4802;}
|
|
|
.pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;}
|
|
|
.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
|
|
|
.pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
|
|
@@ -664,7 +666,29 @@
|
|
|
.pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background-color:#fff;}
|
|
|
.pd_detail .pd_samebrand{}
|
|
|
.pd_detail .pd_relate{}
|
|
|
-.pd_detail .pd_relate .area_slider .itemName {height:32px}
|
|
|
+.pd_detail .pd_relate .area_slider .itemName {height:3.2rem}
|
|
|
+/* 210405 */
|
|
|
+header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
+.pd_qnalist_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
+/* 210406 */
|
|
|
+.push_restock_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
+.pd_review_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
+.modal.pd_pop.pd_qnawrite_pop .modal-footer button{height:5.3rem;}
|
|
|
+.modal.pd_pop.pd_qnawrite_pop .modal-header{border-bottom:0px none;}
|
|
|
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:30rem;overflow:hidden;}
|
|
|
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:30rem;}
|
|
|
+.select_custom .combo .list>li[aria-disabled="true"]{background:#fff;}
|
|
|
+.Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc}
|
|
|
+.pd_qnalist_pop .foldGroup > ul > li{border-bottom:0px none;}
|
|
|
+.pd_qnalist_pop .fold_cont .fold_answer{border-top:0px none;}
|
|
|
+.pd_qnalist_pop .fold_cont > div:first-of-type{border-bottom:1px solid #dcdcdc}
|
|
|
+.pd [class*="pd_descrp"] .cont_body.on{overflow: visible;}
|
|
|
+.pd .mdhtml_box a{margin:0 -2rem; display:block;}
|
|
|
+
|
|
|
+.option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
|
|
|
+/*.option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}*/
|
|
|
+.option_box .opt_size .form_field > div {float:left; width:auto;}
|
|
|
+
|
|
|
|
|
|
/* 플롯팅 메뉴 > 구매하기 */
|
|
|
.product_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
|
@@ -694,8 +718,8 @@
|
|
|
.pd_pop.Purchase_pop .option_box .opt_color{padding-top:0}
|
|
|
.pd_pop.Purchase_pop .btn_box{}
|
|
|
.pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
|
|
|
-.pd_pop.Purchase_pop .btn_box button {display: block; width: 100%; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:33.33%; color:#fff; border-top:1px solid #ddd; box-sizing:border-box;}
|
|
|
-.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0;}
|
|
|
+.pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:43%; color:#fff; border-top:1px solid #ddd; box-sizing:border-box;}
|
|
|
+.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:14%;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span{
|
|
|
@@ -737,10 +761,10 @@
|
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
|
|
|
|
|
|
/* pd_popup 공통 */
|
|
|
-.modal.pd_pop .opt_select .form_field {margin-top:5px;}
|
|
|
-.modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:3px;}
|
|
|
+.modal.pd_pop .opt_select .form_field {margin-top:0.5rem;}
|
|
|
+.modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.3rem;}
|
|
|
.modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
|
|
|
-.modal.pd_pop .info_txt ul li:after {content:''; position: absolute; display:inline-block; top:6px; left:0; background:#858585; width:2px; height:2px;}
|
|
|
+.modal.pd_pop .info_txt ul li:after {content:''; position: absolute; display:inline-block; top:0.6rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
|
|
|
|
|
|
/* 테이블 type1 수평 행,열별 구분선 없음*/
|
|
|
/* .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;}
|
|
|
@@ -769,18 +793,18 @@
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative; padding:3rem 0;}
|
|
|
-.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
-.modal.pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
|
|
|
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 2.0rem;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:0.7rem;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:1.8rem; font-weight:500;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:1.8rem; font-weight:600;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:1rem; color:#888; font-size:1.2rem; font-weight:300; line-height:1.3;}
|
|
|
-.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
|
|
|
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:0.5rem;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex{margin-top:0; padding:0;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex::after{display:none;}
|
|
|
-.modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:24px;}
|
|
|
-.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/mo/ico_cp_down.png') no-repeat 0 0;}
|
|
|
+.modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:2.4rem;}
|
|
|
+.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1.4rem; height:1.5rem; margin-left:1.0rem; background:url('/images/mo/ico_cp_down.png') no-repeat 0 0;}
|
|
|
.modal.pd_pop.salecoupon_pop button span:nth-child(1){display:inline-block;}
|
|
|
.modal.pd_pop.salecoupon_pop button span:nth-child(2){display:none;}
|
|
|
.modal.pd_pop.salecoupon_pop button:disabled span:nth-child(1){display:none;}
|
|
|
@@ -792,14 +816,14 @@
|
|
|
.modal.pd_pop.epcoupon_pop .modal-body{padding:0rem 2rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon {position:relative; max-width:60rem; margin:auto; border:1px solid #222; background:#fff; padding:4rem 0; text-align:center; line-height:1;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
|
|
|
-.modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #222; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
-.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:1.2rem; font-weight:600; letter-spacing:4px;}
|
|
|
+.modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:1px solid #222; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:1.2rem; font-weight:600; letter-spacing:0.4rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:1rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {font-size:3rem; font-weight:600;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:2.4rem; font-weight:500;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_won {}
|
|
|
-.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
|
|
|
+.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:1.6rem; font-weight:500;}
|
|
|
.modal.pd_pop.epcoupon_pop .info_txt {margin-top:1.5rem; font-size:1.2rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .info_txt ul li{position:relative; padding-left:1rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .info_txt ul li:before{content:'·'; display:inline-block; position:absolute; left:0; top:0; font-weight:bold;}
|
|
|
@@ -838,7 +862,7 @@
|
|
|
.modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
|
|
|
.modal.pd_pop.bnf_card_pop table tr td {color:#666;}
|
|
|
.modal.pd_pop.bnf_card_pop table a.link {display:inline-block; position:relative; margin-top:1rem; padding-right:1.2rem; color:#888;}
|
|
|
-.modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:6px; right:0; width:5px; height:5px; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+.modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:0.6rem; right:0; width:0.5rem; height:0.5rem; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
.modal.pd_pop.bnf_card_pop .info_txt {margin-top:2rem;}
|
|
|
|
|
|
/* pd_popup > 사이즈정보 */
|
|
|
@@ -850,7 +874,7 @@
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li {float:left; width:33.33%; text-align:center; background:#fff; box-sizing:border-box;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li.active {background:#fff;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.2rem 0;}
|
|
|
-.modal.pd_pop.info_size_pop .tab_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fd4802;}
|
|
|
+.modal.pd_pop.info_size_pop .tab_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:0.3rem; background-color:#fd4802;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li.active a {color:#fd4802; font-weight:500;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li.active a:after {width:100%;}
|
|
|
.modal.pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:3rem}
|
|
|
@@ -860,7 +884,7 @@
|
|
|
.modal.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:300;}
|
|
|
.modal.pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:1.4rem; font-weight:500;}
|
|
|
.modal.pd_pop.info_size_pop .size_cont {}
|
|
|
-.modal.pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:40px; position:relative;}
|
|
|
+.modal.pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:4.0rem; position:relative;}
|
|
|
.modal.pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
|
|
|
.modal.pd_pop.info_size_pop .size_cont .size_tbl_box h6 {margin-bottom:1.6rem; font-size:1.4rem; color:#222; font-weight:500;}
|
|
|
.modal.pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; color:#888; font-size:1.1rem; -webkit-transform: translateY(-2.5rem); transform: translateY(-2.5rem);}
|
|
|
@@ -880,7 +904,7 @@
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
|
|
|
.modal.pd_pop.info_size_pop .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
|
|
|
-.modal.pd_pop.info_size_pop .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
|
|
|
+.modal.pd_pop.info_size_pop .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
|
|
|
.modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
|
|
|
@@ -901,6 +925,7 @@
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table th,
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table th {font-weight:300; color:#222;}
|
|
|
+.modal.pd_pop.info_size_pop .tbl.type2 table thead tr{background:#f5f5f5;}
|
|
|
|
|
|
/* pd_popup > 재입고 알림 신청 */
|
|
|
.modal.pd_pop.push_restock_pop {max-width:none;}
|
|
|
@@ -909,8 +934,8 @@
|
|
|
.modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:1px solid #dddddd;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block; line-height: 1.4;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
|
|
|
-.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:105px; padding-left:90px; vertical-align:middle;}
|
|
|
-.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:70px; height:105px; padding:0; margin-bottom:0; z-index:2;}
|
|
|
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle;}
|
|
|
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:7.0rem; height:10.5rem; padding:0; margin-bottom:0; z-index:2;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-left:0;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
|
|
|
@@ -918,16 +943,16 @@
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap .itemPercent {position:relative;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk {margin-top:3rem;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk h6 {margin-bottom:1rem; font-size:1.4rem; font-weight:500;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-0.8rem;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:0.8rem; margin-top:0.8rem;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:6.6rem; height:4.2rem; padding:0; line-height:4.2rem; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:1.4rem;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:30.0rem; overflow-y:scroll;}
|
|
|
.modal.pd_pop.push_restock_pop .modal-footer {position:fixed; width:100%; bottom:0; margin-top:0;}
|
|
|
|
|
|
/* pd_pop > 상품문의 페이지 */
|
|
|
@@ -940,10 +965,10 @@
|
|
|
.pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
|
|
|
.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:before,
|
|
|
.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
|
|
|
-.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem;}
|
|
|
+.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem; border-bottom:0.1rem solid #E5E5E5;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
|
|
|
-.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:11px; text-align:center; box-sizing:border-box; line-height:20px;}
|
|
|
-.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:12px; height:12px; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
|
|
|
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
|
|
|
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:1.2rem; height:1.2rem; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
|
|
|
.pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
|
|
|
@@ -953,9 +978,9 @@
|
|
|
.pd_qnalist .qna_list .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300; color:#888;}
|
|
|
.pd_qnalist .info_txt{padding:0 1.33rem; margin-top:3rem;}
|
|
|
.pd_qnalist .info_txt::after {content:''; clear:both; display:block;}
|
|
|
-.pd_qnalist .info_txt ul li {position:relative; font-size:11px; color:#888; padding-left:0.8rem; margin-bottom:0.5rem;}
|
|
|
+.pd_qnalist .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.5rem;}
|
|
|
.pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
|
|
|
-.pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:2px; height:2px;}
|
|
|
+.pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:0.5rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
|
|
|
.pd_qnalist .info_txt .btn_group_flex{margin-top:2rem;}
|
|
|
.pd_qnalist .info_txt .btn_group_flex button{font-size:1.3rem; color:#222; border:1px solid #a7a7a7;}
|
|
|
.pd_qnalist > .btn_group_flex{margin-top:0;}
|
|
|
@@ -1027,8 +1052,8 @@
|
|
|
.pd_review .area_rv_empty .txt_box div dl {margin-left:5vw;}
|
|
|
}
|
|
|
.pd_review .area_rv_empty .txt_box div dl:first-child {margin-left:0}
|
|
|
-.pd_review .area_rv_empty .txt_box div dl dt {color:#666; font-weight:200; line-height:1.4;}
|
|
|
-.pd_review .area_rv_empty .txt_box div dl dd {color:#fd4802; font-weight:300;}
|
|
|
+.pd_review .area_rv_empty .txt_box div dl dt {color:#666; font-weight:200; line-height:1.4; font-size:1.3rem;}
|
|
|
+.pd_review .area_rv_empty .txt_box div dl dd {color:#000; font-weight:300;font-size:1.7rem;}
|
|
|
.pd_review .area_rv_empty .btn_box .review_go{margin-top:3rem;}
|
|
|
.pd_review .area_rv_average {margin-bottom:0!important; padding-bottom:0!important; text-align:center;}
|
|
|
.pd_review .area_rv_average .star_score {margin-bottom:2rem;}
|
|
|
@@ -1044,31 +1069,31 @@
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head .tit{position:absolute; left:0; display:block; padding-top:0.5rem; width:6rem; height:2.4rem; border:1px solid #fd4802; font-size: 1.3rem; color:#fd4802; font-weight:300; line-height:1; border-radius:2.2rem; text-align:center;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head dl dt {padding-left:0; width:5.2rem; font-size:1.5rem; font-weight:300; color:#222;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head dl dd {width:calc(100% - 5.2rem);}
|
|
|
-.pd_review .area_rv_average .average .part_average .pa_head dl dd .percent{font-size:1.4rem; font-weight:500; color:#222;}
|
|
|
+.pd_review .area_rv_average .average .part_average .pa_head dl dd .percent{font-size:1.5rem; font-weight:500; color:#222;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button{border:1px solid #a7a7a7; color:#222;}
|
|
|
-.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:10px; height:7px; background: url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
+.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기'; }
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button.active span:after{transform:rotate(180deg);}
|
|
|
-.pd_review .area_rv_average .average .part_average dl{margin-bottom:0.1rem;}
|
|
|
+.pd_review .area_rv_average .average .part_average dl{margin-bottom:0.5rem;}
|
|
|
.pd_review .area_rv_average .average .part_average dl:last-child{margin-bottom:1rem;}
|
|
|
.pd_review .area_rv_average .average .part_average:last-child dl:last-child{margin-bottom:0;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dt {float:left; padding-left:0.7rem; width:7.2rem; font-size:1.2rem; box-sizing:border-box;}
|
|
|
-.pd_review .area_rv_average .average .part_average dl dd {position:relative; float:left; width:calc(100% - 7.2rem); padding-right:4.2rem; box-sizing:border-box;}
|
|
|
+.pd_review .area_rv_average .average .part_average dl dd {position:relative; float:left; width:calc(100% - 7.2rem); padding-right:4.7rem; box-sizing:border-box;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio {width:100%; height:5px; margin-top:6px; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .percent {position:absolute; right:0; font-size:1.4rem;}
|
|
|
-.pd_review .area_rv_average .average .part_average dl dd .line {width:100%; height:0px; margin-top:10px; border-top:2px dashed #ddd;}
|
|
|
+.pd_review .area_rv_average .average .part_average dl dd .line {width:100%; height:0px; margin-top:1.0rem; border-top:2px dashed #ddd;}
|
|
|
.pd_review .area_rv_average .average .part_average dl.on dt,
|
|
|
.pd_review .area_rv_average .average .part_average dl.on dd {color:#222; font-weight:300;}
|
|
|
.pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar {background:#222;}
|
|
|
.pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
-.pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle;}
|
|
|
+.pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle; margin: 0 -1.4rem;}
|
|
|
.pd_review .area_rv_average .info_review p {position:relative; text-align:left; padding-left:2rem; font-weight:300; display: inline-block;}
|
|
|
.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/mo/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
.pd_review .area_rv_average .info_review p span {font-weight:500;}
|
|
|
@@ -1085,9 +1110,9 @@
|
|
|
.pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; padding:0.4rem; width:25%; box-sizing:border-box;}
|
|
|
.pd_review .area_rv_photo .photo_list > div{position:absolute; right:0; bottom:0; width:25%; padding:0.4rem; box-sizing:border-box }
|
|
|
.pd_review .area_rv_photo .photo_list > div > div{position:relative; width:100%; padding-bottom:100%;}
|
|
|
-.pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
|
|
|
+.pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:1.4rem; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
|
|
|
.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('/images/mo/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
|
|
|
-.pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1rem;}
|
|
|
+.pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1.2rem; position:relative; top:0.6rem}
|
|
|
.pd_review .area_rv_all {}
|
|
|
.pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
|
|
|
.pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
|
|
|
@@ -1095,7 +1120,7 @@
|
|
|
.pd_review .area_rv_all .review_list > ul > li .review {}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box {}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
|
|
|
-.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:13px; background:#ddd;}
|
|
|
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
|
|
|
@@ -1107,35 +1132,35 @@
|
|
|
.pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
|
|
|
-.pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#fd4802}
|
|
|
+.pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box2 {margin-top:1.4rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dt:before{content:''; position:absolute; left:0; top:0.6rem; display:block; width:2px; height:2px; background-color:#888;}
|
|
|
-.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dd {margin-left:12px; color:#222}
|
|
|
+.pd_review .area_rv_all .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box{line-height:1;}
|
|
|
.pd_review .area_rv_all .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
|
|
|
.pd_review .area_rv_all .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
|
|
|
.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
|
|
|
-.pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.3rem; overflow:hidden;}
|
|
|
+.pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
|
|
|
-.pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
+.pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-1.5rem; width:0px; height:0px; border:1.5rem solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
|
|
|
-.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
|
|
|
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:1.2rem; width:1px; background:#ddd;}
|
|
|
.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
|
|
|
.pd_review .area_rv_all .review_last{padding:2.5rem 0; font-size:1.1rem; color:#888888; font-weight:300; text-align:center;}
|
|
|
.pd_review .area_rv_all .nodata {padding:10rem 0; border-top:1px solid #ddd; text-align:center;}
|
|
|
.pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:1.3rem; font-weight:300;}
|
|
|
.pd_review .area_rv_all .nodata .btn_box {margin-top:1.5rem;}
|
|
|
-.pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
|
|
|
+.pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.pd_review .category_open {position:relative; margin:-1.2rem -1.33rem -1px; border-bottom: 1px solid #ddd; overflow-x:auto;}
|
|
|
.pd_review .category_open {font-size:0; white-space:nowrap;}
|
|
|
.pd_review .category_open > li {position:relative; display:inline-block; padding:0 2rem; font-size:1.1rem; color:#222; line-height: 4.5rem;}
|
|
|
@@ -1154,7 +1179,7 @@
|
|
|
.pd_review .category_box .category_list .category ul.n1 li{width:100%;}
|
|
|
.pd_review .category_box .category_list .category ul.n2 li{float:left; width:50%;}
|
|
|
.pd_review .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(/images/mo/ico_pop_cls_w.png); background-color: transparent;}
|
|
|
-.pd_review .area_rv_all .nodata .btn_group_flex button{margin:0 auto; padding:0; width:10.8rem; height:3rem; line-height:3rem!important; font-size:11px; border:1px solid #ddd;}
|
|
|
+.pd_review .area_rv_all .nodata .btn_group_flex button{margin:0 auto; padding:0; width:10.8rem; height:3rem; line-height:3rem!important; font-size:1.1rem; border:1px solid #ddd;}
|
|
|
|
|
|
/* pd_popup > 포토영상 리뷰 리스트 */
|
|
|
.modal.pd_pop.pd_photoreviewlist_pop {}
|
|
|
@@ -1237,24 +1262,24 @@
|
|
|
|
|
|
/* 옵션셀렉트 */
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item,
|
|
|
-.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:110px; background:transparent;}
|
|
|
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .select {height:11.0rem; background:transparent;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod {width:100%; z-index:-1;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state {display:table; width:100%; height:70px; padding:0; margin:0}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a {display:table-cell; position:relative; width:100%; height:70px; padding-left:70px; padding-right:40px; vertical-align:middle;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0; margin:0}
|
|
|
-.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:14px; -webkit-line-clamp:1;}
|
|
|
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName {max-width:100%; height:20px; margin-bottom:0px; line-height:20px; font-size:1.4rem; -webkit-line-clamp:1;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemName .tit_option {font-weight:500;}
|
|
|
-.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:13px}
|
|
|
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice {margin-top:1.3rem}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {position:relative;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPrice_original {margin-right:0;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a .itemPercent {margin-right:0;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .item_prod .item_state a > [class^="item"] {margin-left:0; margin-right:0;}
|
|
|
-.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:110px}
|
|
|
+.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list {top:11.0rem}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li {border-bottom:1px solid #eee;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a [class^="item"] {color:#bbb; text-decoration:line-through;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
|
|
|
.pd.deal .tab_detail_cont .select_custom.deal_opt_item,
|
|
|
-.pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:110px}
|
|
|
+.pd.deal .tab_detail_cont .select_custom.deal_opt_item .select {height:11.0rem}
|
|
|
.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod {width:100%;}
|
|
|
.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state {padding:0; margin:0}
|
|
|
.pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px}
|
|
|
@@ -1271,7 +1296,7 @@
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content{top:0; background-color:#646464;}
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content:after{}
|
|
|
-.deal_list_select .select {cursor: pointer;display: inline-block; position: relative;font-size: 16px;color: #333333;width: 100%; height:66px;}
|
|
|
+.deal_list_select .select {cursor: pointer;display: inline-block; position: relative;font-size: 1.6rem;color: #333333;width: 100%; height:66px;}
|
|
|
.deal_list_select .list{background-color:#fff;}
|
|
|
.deal_list_select .list li{position: relative; border-bottom:1px solid #eeeeee;}
|
|
|
.deal_list_select .list li:first-child{margin-top:0;}
|
|
|
@@ -1310,8 +1335,8 @@
|
|
|
.item_blk .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
|
|
|
.item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
|
|
|
.item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
|
|
|
-.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
|
|
|
-.item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
|
|
|
+.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:30rem;overflow:hidden;}
|
|
|
+.item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:30rem;}
|
|
|
.item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
|
|
|
/*select_custom > item_prod*/
|
|
|
.select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;}
|
|
|
@@ -1320,7 +1345,7 @@
|
|
|
.select_custom .select .item_prod .item_state .itemLink .itemPic{display:none;}
|
|
|
.select_custom .select .item_prod .item_state .itemLink .itemPrice{display:none;}
|
|
|
.select_custom .select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; font-size:1.3rem; padding-right:1rem;}
|
|
|
-.select_custom .item_prod {margin:15px 0; padding-right:4rem; line-height: 1.4;}
|
|
|
+.select_custom .item_prod {margin:1.5rem 0; padding-right:4rem; line-height: 1.4;}
|
|
|
.select_custom .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
|
|
|
.select_custom .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:59px; vertical-align: middle;}
|
|
|
.select_custom .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; margin-bottom:0; width:44px; height:66px; z-index:2;}
|
|
|
@@ -1342,10 +1367,10 @@
|
|
|
.deal_list_select .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
|
|
|
.deal_list_select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}
|
|
|
|
|
|
-.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
|
|
|
+.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:1.4rem; line-height:26px; overflow-y:scroll;}
|
|
|
.odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 40px;}
|
|
|
-.odPayment .area_paymentinfo .agree_payment {margin:40px 0 30px; color:#666; font-size:16px; font-weight:200;}
|
|
|
-.odPayment .area_paybtn .btn {height:80px; font-size:18px; font-weight:300;}
|
|
|
+.odPayment .area_paymentinfo .agree_payment {margin:40px 0 30px; color:#666; font-size:1.6rem; font-weight:200;}
|
|
|
+.odPayment .area_paybtn .btn {height:80px; font-size:1.8rem; font-weight:300;}
|
|
|
|
|
|
|
|
|
/* ============================================ 전시 ============================================ */
|
|
|
@@ -1574,8 +1599,8 @@
|
|
|
.dp .coupon_list li .cp_detail .sale_t.won_t {font-size:2.1rem; line-height: 1;}
|
|
|
.dp .coupon_list li .cp_detail .sale_t.won_t span {font-size: 30px;}
|
|
|
.dp .coupon_list li .cp_detail .cp_cont {margin-bottom: 0; font-weight: 300; color: #888; font-size:1.2rem; line-height: 1.5; min-height: 36px; word-break: keep-all;}
|
|
|
-.dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; margin-top:0.5rem; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
|
|
|
-.dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -13px; z-index: 101; width: 26px; height: 26px; margin-top: -13px; border:1px solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
|
|
|
+.dp .coupon_list li .cp_detail .cp_cnt {display: none; background: #fff5f3; margin-top:0.5rem; padding:5px 8px; border:1px solid #fd4802; font-size: 1.0rem; color: #fd4802 !important; font-weight: 500;}
|
|
|
+.dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -1.3rem; z-index: 101; width: 26px; height: 26px; margin-top: -1.3rem; border:1px solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
|
|
|
.dp .coupon_list li .cp_date {border:1px solid #222; background: #222; font-weight: 300; text-align: center;}
|
|
|
.dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
|
|
|
.dp .coupon_list li .cp_date button span {background: url(/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
|
|
|
@@ -1588,7 +1613,7 @@
|
|
|
.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:36px; height: 46px; margin: 0 auto; background: url(/images/pc/ico_null.png)no-repeat;}
|
|
|
.dp .dp_coupon_wrap .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 20px; color:#888;}
|
|
|
.dp .dp_coupon_wrap .dp_coupon_tip ul {margin-left: 90px;}
|
|
|
-.dp .dp_coupon_wrap .dp_coupon_tip ul li {position: relative; padding-left: 12px; margin-bottom: 12px; color:#888;}
|
|
|
+.dp .dp_coupon_wrap .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
|
|
|
.dp .dp_coupon_wrap .dp_coupon_tip ul li:last-child {margin-bottom: 0;}
|
|
|
.dp .dp_coupon_wrap .dp_coupon_tip ul li::before {content:''; position: absolute; width:2px; height: 2px; top:46%; left:0; transform: scaleY(-50%); background: #888;}
|
|
|
.dp .dp_coupon_wrap .announce_txt {position: relative; margin: 0 auto; padding-top: 30px; border-top:1px solid #dddddd;}
|
|
|
@@ -1607,10 +1632,10 @@
|
|
|
.dp .dp_exhibition .review .best_review {position:relative; text-align:center;}
|
|
|
.dp .dp_exhibition .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
|
|
|
.dp .dp_exhibition .review .best_review a {display:block; position:relative; background-color:#fff;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
|
|
|
+.dp .dp_exhibition .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:83px; height:1.4rem; background:#ddd;}
|
|
|
.dp .dp_exhibition .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
|
|
|
-.dp .dp_exhibition .review .best_review a .info .star_score .ico {margin-left:10px}
|
|
|
+.dp .dp_exhibition .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
|
|
|
+.dp .dp_exhibition .review .best_review a .info .star_score .ico {margin-left:1.0rem}
|
|
|
.dp .dp_exhibition .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
|
|
|
.dp .dp_exhibition .review .best_review a .info .star_score{margin-bottom:1rem;}
|
|
|
.dp .dp_exhibition .review .best_review a .info .star_score .star{vertical-align:middle;}
|
|
|
@@ -1634,16 +1659,16 @@
|
|
|
.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
|
|
|
.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
|
|
|
.dp .dp_exhibition .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
|
|
|
-.dp .dp_exhibition .review .swiper-container .swiper-slide{box-shadow:0 0 10px rgba(0,0,0,0.2);}
|
|
|
+.dp .dp_exhibition .review .swiper-container .swiper-slide{box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
|
|
|
.dp .dp_exhibition .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
.dp .dp_exhibition .review .swiper-container .swiper-pagination-current {font-weight: 600;}
|
|
|
|
|
|
/* .dp > .dp_util > select 커스텀 (전시공통) */
|
|
|
.dp .dp_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
|
|
|
-.dp .dp_util .select+.select{margin-left: 10px;}
|
|
|
-.dp .dp_util .select_hidden {display: none;visibility: hidden;padding-right: 10px;}
|
|
|
+.dp .dp_util .select+.select{margin-left: 1.0rem;}
|
|
|
+.dp .dp_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}
|
|
|
.dp .dp_util .select_dress {
|
|
|
- position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 15px 0 3px;
|
|
|
+ position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 1.5rem 0 3px;
|
|
|
background-color: #ffffff;border: 1px solid #fff;box-sizing: border-box;
|
|
|
-moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
|
|
|
-webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
|
|
|
@@ -1671,6 +1696,7 @@
|
|
|
|
|
|
|
|
|
/* 전시제품메뉴 공통 */
|
|
|
+/* 제거예정/ 공통 헤더로 교체 */
|
|
|
.dp .nav_box{position:fixed; width:100%; height:100%; top:5.5rem; left:0; background:rgba(0,0,0,.5); z-index:600;}
|
|
|
.dp .nav_box.active{visibility:visible;}
|
|
|
.dp .nav_box .lap{position:absolute; top:0; left:0; padding:0 2rem 0; width:100%; background:#fff;}
|
|
|
@@ -1721,7 +1747,7 @@
|
|
|
.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
|
|
|
.filter_list::after{content:''; display: block; clear:both;}
|
|
|
.filter_list .form_field{display:block;}
|
|
|
-.filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 12px; line-height: 1.4; font-weight: 300; letter-spacing: 0;}
|
|
|
+.filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0;}
|
|
|
.filter_list .form_field div label span{color:#222!important;}
|
|
|
.filter_list .form_field input[type="checkbox"] + label:before{left:auto; right:0}
|
|
|
.filter_list .form_field input[type="checkbox"]:checked + label:after{left:auto; right:0}
|
|
|
@@ -1730,7 +1756,7 @@
|
|
|
.filter_top > div:nth-child(1){float:left;}
|
|
|
.filter_top > div:nth-child(2){float:right;}
|
|
|
.filter_top .fillter_reset {position:relative; padding-left:1.5rem; vertical-align:middle;}
|
|
|
-.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:12px; height:12px; background: url(/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
|
|
|
+.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url(/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
|
|
|
.filter_top .tt{font-size:1.6rem; font-weight:500; color:#222;}
|
|
|
.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url(/images/mo/ico_pop_cls.png) center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
|
|
|
.filter_con{position:absolute; top:5rem; left:0; width:100%; height:calc(100% - 5rem); overflow-y:auto;}
|
|
|
@@ -1872,7 +1898,7 @@
|
|
|
|
|
|
/*===================== item_prod쪽으로 이동 예정===================*/
|
|
|
/* 아이템컬러칩 */
|
|
|
-.itemcolorchip {margin:1.5rem 5px 0px;}
|
|
|
+.itemcolorchip {margin:1.5rem 0.5rem 0;}
|
|
|
.itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width:1rem; height:1rem; font-size: 0; vertical-align: middle; margin:0 0 0 2px;}
|
|
|
.itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
|
|
|
.itemcolorchip [class*="chip_"]:first-child {margin-left:0}
|
|
|
@@ -1881,8 +1907,8 @@
|
|
|
.chip_color35::before {background-color: #cbaf6f;}
|
|
|
|
|
|
/* 상품아이콘*/
|
|
|
-.itemBadge {margin:20px 5px 0; margin-top:1rem; font-size: 0px; overflow:hidden;}
|
|
|
-.itemBadge [class*="badge"] {display:inline-block; height:22px; margin:0 0 0 5px; padding:0 8px; border:1px solid #888888; background: #fff; color:#888888; font-size: 11px; font-weight: 300; line-height: 21px;}
|
|
|
+.itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0px; overflow:hidden;}
|
|
|
+.itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0 0 0 0.5rem; padding:0 0.8rem; border:1px solid #888888; background: #fff; color:#888888; font-size: 1.1rem; font-weight: 300; line-height: 21px;}
|
|
|
.itemBadge [class*="badge"]:first-child {margin-left:0}
|
|
|
.itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
|
|
|
|
|
|
@@ -1999,7 +2025,7 @@
|
|
|
/* br_main - brand_product */
|
|
|
.br .br_main .brand_product{margin-top:2rem;}
|
|
|
.br .br_main .brand_product .swiper-container{overflow:visible;}
|
|
|
-.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 8px; width: 11px; height: 11px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(/images/mo/ico_more_lg.png);}
|
|
|
+.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 8px; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(/images/mo/ico_more_lg.png);}
|
|
|
/* 브랜드 - 룩북 */
|
|
|
.htop.br_lookbook { overflow: hidden; border: none !important;}
|
|
|
.htop.br_lookbook .btn_back span i { background: #fff;}
|
|
|
@@ -2044,7 +2070,7 @@
|
|
|
.br .br_otherbrand .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
|
|
|
.br .br_otherbrand .txt {margin-top:1rem; padding:0px 0.5rem 0px}
|
|
|
.br .br_otherbrand .txt .tt {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#222; font-weight:500; font-size:1.3rem; word-break:keep-all; white-space:normal;}
|
|
|
-.br .br_otherbrand .txt .date {display:block; margin-top:15px; color:#888; font-size:14px; font-weight:300;}
|
|
|
+.br .br_otherbrand .txt .date {display:block; margin-top:1.5rem; color:#888; font-size:1.4rem; font-weight:300;}
|
|
|
/* 브랜드 - br_search */
|
|
|
.br_search_wrap .swiper-pagination{margin:0;}
|
|
|
.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
|
|
|
@@ -2075,9 +2101,10 @@
|
|
|
.br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
|
|
|
/* 브랜드 - br_search */
|
|
|
.htop.br { overflow: hidden;}
|
|
|
+/* 제거 예정/ 공통으로 교체 */
|
|
|
.htop.br .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
|
|
|
.htop.br .button_wrap .br_search { margin: 0 2.5rem 0 0; }
|
|
|
-.htop.br .button_wrap .br_store img:nth-child(1) { width: 1.6rem; height: 2rem; }
|
|
|
+.htop.br .button_wrap .br_store img:nth-child(1) { height: 2rem; }
|
|
|
.htop.br .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
|
|
|
|
|
|
|
|
|
@@ -2268,25 +2295,25 @@
|
|
|
|
|
|
/* select 커스텀 (필터용) */
|
|
|
.sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
|
|
|
-.sch .sch_util .select+.select{margin-left: 10px;}
|
|
|
-.sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 10px;}
|
|
|
+.sch .sch_util .select+.select{margin-left: 1.0rem;}
|
|
|
+.sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 1.0rem;}
|
|
|
.sch .sch_util .select_dress {
|
|
|
- position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 15px 0 3px;
|
|
|
+ position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 1.5rem 0 0.3rem;
|
|
|
background-color: #ffffff;border: 1px solid #fff;box-sizing: border-box;
|
|
|
-moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
|
|
|
-webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
|
|
|
}
|
|
|
.sch .sch_util .select_dress:after {
|
|
|
- content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:5px;right:0;
|
|
|
- border: 5px solid transparent; border-color: #222222 transparent transparent transparent;
|
|
|
+ content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:0.5rem;right:0;
|
|
|
+ border: 0.5rem solid transparent; border-color: #222222 transparent transparent transparent;
|
|
|
}
|
|
|
.sch .sch_util .select_options {
|
|
|
display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
|
|
|
margin: 0;padding: 0;list-style: none;background-color: #ffffff;
|
|
|
- box-sizing: border-box;border:0;border-top: 0px solid #222222;
|
|
|
+ box-sizing: border-box;border:0;border-top: 0 solid #222222;
|
|
|
}
|
|
|
.sch .sch_util .select_options li {
|
|
|
- margin: 0;padding:3px 3px;text-indent:0; display:block; text-align:left;
|
|
|
+ margin: 0;padding:0.3rem 0.3rem;text-indent:0; display:block; text-align:left;
|
|
|
-moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
|
|
|
-webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
|
|
|
}
|
|
|
@@ -2299,7 +2326,7 @@
|
|
|
|
|
|
/* 전시 카테고리 공통 */
|
|
|
.sch .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
|
|
|
-.sch .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
|
|
|
+.sch .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
|
|
|
.sch .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
|
|
|
.sch .category_box.active{visibility:visible;}
|
|
|
.sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
|
eskim