|
@@ -2,6 +2,7 @@
|
|
|
|
|
|
|
|
/* ============================================ 고객센터 ============================================ */
|
|
/* ============================================ 고객센터 ============================================ */
|
|
|
/* cs 공통 */
|
|
/* cs 공통 */
|
|
|
|
|
+.cs .pnb ul{padding-left:1rem;}
|
|
|
.cs .search_wrap{position: relative;}
|
|
.cs .search_wrap{position: relative;}
|
|
|
.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:100%; border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
|
|
.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:100%; border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
|
|
|
.cs .cs_search_input + button{position:absolute; top:0; right:0; background:url(/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
|
|
.cs .cs_search_input + button{position:absolute; top:0; right:0; background:url(/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
|
|
@@ -45,9 +46,14 @@
|
|
|
.cs .fold_nav ul li {margin:0.4rem 0.4rem 0 0;}
|
|
.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 {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;}
|
|
.cs .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 0.1rem solid #222;}
|
|
|
|
|
+.cs .foldGroup .fold_head {font-family:'Noto Sans kr', sans-serif;}
|
|
|
|
|
+.cs .foldGroup .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
|
|
|
.cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
|
|
.cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
|
|
|
-.cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem}
|
|
|
|
|
|
|
+.cs .foldGroup .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1rem;}
|
|
|
|
|
+.cs .foldGroup .fold_head .fold_tit .lap2 span{font-weight:500;}
|
|
|
|
|
+.cs .foldGroup .fold_head .fold_state{padding:0.2rem 0.3rem;}
|
|
|
.cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd}
|
|
.cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd}
|
|
|
|
|
+.cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem}
|
|
|
.cs ul.inquiry_box{display:flex; margin:-0.6rem 0;}
|
|
.cs ul.inquiry_box{display:flex; margin:-0.6rem 0;}
|
|
|
.cs ul.inquiry_box > li{width:33.3%; border-right:0.2rem solid #e4e4e4;}
|
|
.cs ul.inquiry_box > li{width:33.3%; border-right:0.2rem solid #e4e4e4;}
|
|
|
.cs ul.inquiry_box > li:nth-last-child(1){border-right:0px none;}
|
|
.cs ul.inquiry_box > li:nth-last-child(1){border-right:0px none;}
|
|
@@ -82,7 +88,9 @@
|
|
|
.cs .cs_contactUs_1{background-color:#f5f5f5}
|
|
.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{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:last-child{padding-top:0; margin-bottom:0;}
|
|
|
-.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:4.5rem;}
|
|
|
|
|
|
|
+
|
|
|
|
|
+.cs .cs_contactUs_1 .fold_head::after{transform: translateY(120%);}
|
|
|
|
|
+.cs .cs_contactUs_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
.cs .cs_contactUs_1 .qna_list{transition:0.4s;}
|
|
.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{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;}
|
|
.cs .cs_contactUs_1 .qna_list > li > div.title{width:90%; overflow:hidden;}
|
|
@@ -128,7 +136,18 @@
|
|
|
.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
|
|
.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
|
|
|
.cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
|
|
.cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
|
|
|
.cs_contactUs_my textarea { width: 100%; height: 15rem; box-sizing: border-box; padding: 1.5rem; font-size: 1.4rem;}
|
|
.cs_contactUs_my textarea { width: 100%; height: 15rem; box-sizing: border-box; padding: 1.5rem; font-size: 1.4rem;}
|
|
|
|
|
+.cs_contactUs_my textarea {height:20rem; padding:1.5rem;}
|
|
|
|
|
+.cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
|
|
|
.cs_contactUs_my .form_field { margin: 0 0 1.2rem; }
|
|
.cs_contactUs_my .form_field { margin: 0 0 1.2rem; }
|
|
|
|
|
+.cs_contactUs_my .form_field {margin-top:1rem}
|
|
|
|
|
+.cs_contactUs_my .form_field:first-of-type {margin-top:0; margin-bottom:-0.5rem;}
|
|
|
|
|
+.cs_contactUs_my .form_field:first-of-type{margin:0;} /* 재확인 */
|
|
|
|
|
+.cs_contactUs_my .form_field .cellphone {display:block;}
|
|
|
|
|
+.cs_contactUs_my .form_field .cellphone input[type="text"]{width:40rem;}
|
|
|
|
|
+.cs_contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
|
|
|
|
|
+.cs_contactUs_my .form_field .pics{position:absolute; top:0; left:0; z-index:2;}
|
|
|
|
|
+.cs_contactUs_my .imgUpload{margin-left:0.6rem;}
|
|
|
|
|
+.cs_contactUs_my .imgUpload:first-child{margin: 0;}
|
|
|
.cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
|
|
.cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
|
|
|
.cs_contactUs_my_footer { width: 100%; height: 5.7rem; background: #222; color: #fff; text-align: center; font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 100;}
|
|
.cs_contactUs_my_footer { width: 100%; height: 5.7rem; background: #222; color: #fff; text-align: center; font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 100;}
|
|
|
.cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
|
|
.cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
|
|
@@ -138,15 +157,8 @@
|
|
|
.cs_contactUs_my .select,
|
|
.cs_contactUs_my .select,
|
|
|
.cs_contactUs_my input[type="text"] {width:100%; font-weight:200; box-sizing:border-box; color:#222; font-size:1.2rem; font-weight:300;}
|
|
.cs_contactUs_my input[type="text"] {width:100%; font-weight:200; box-sizing:border-box; color:#222; font-size:1.2rem; font-weight:300;}
|
|
|
.cs_contactUs_my input[type="text"]::placeholder,
|
|
.cs_contactUs_my input[type="text"]::placeholder,
|
|
|
-.cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
|
|
|
|
|
.cs_contactUs_my .form_control {height:4.2rem; color:#222; font-size:1.4rem;}
|
|
.cs_contactUs_my .form_control {height:4.2rem; color:#222; font-size:1.4rem;}
|
|
|
-.cs_contactUs_my textarea {height:20rem; padding:1.5rem;}
|
|
|
|
|
.cs_contactUs_my .input_label {line-height:4.2rem;}
|
|
.cs_contactUs_my .input_label {line-height:4.2rem;}
|
|
|
-.cs_contactUs_my .form_field {margin-top:1rem}
|
|
|
|
|
-.cs_contactUs_my .form_field:first-of-type {margin-top:0; margin-bottom:-0.5rem;}
|
|
|
|
|
-.cs_contactUs_my .form_field .cellphone {display:block;}
|
|
|
|
|
-.cs_contactUs_my .form_field .cellphone input[type="text"]{width:40rem;}
|
|
|
|
|
-.cs_contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
|
|
|
|
|
.cs_contactUs_my .contactus_cnt {color:#888}
|
|
.cs_contactUs_my .contactus_cnt {color:#888}
|
|
|
.cs_contactUs_my .select {height:4.2rem; font-size:1.2rem;}
|
|
.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 {color:#222; font-weight:200;}
|
|
@@ -175,6 +187,7 @@
|
|
|
.cs .cs_product_1{background-color:#f5f5f5}
|
|
.cs .cs_product_1{background-color:#f5f5f5}
|
|
|
.cs .cs_product_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
|
|
.cs .cs_product_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
|
|
|
.cs .cs_product_1 .inner:last-child{padding-top:0; margin-bottom:0;}
|
|
.cs .cs_product_1 .inner:last-child{padding-top:0; margin-bottom:0;}
|
|
|
|
|
+.cs .cs_product_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
.cs .cs_product_1 .ui_row.nodata::after {
|
|
.cs .cs_product_1 .ui_row.nodata::after {
|
|
|
content: '등록된 문의가 없습니다.';
|
|
content: '등록된 문의가 없습니다.';
|
|
|
}
|
|
}
|
|
@@ -184,6 +197,7 @@
|
|
|
.cs .cs_notice_1{background-color:#f5f5f5}
|
|
.cs .cs_notice_1{background-color:#f5f5f5}
|
|
|
.cs .cs_notice_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
|
|
.cs .cs_notice_1 .inner{margin-bottom:1.2rem; padding-top:2.5rem; padding-bottom:2.5rem; background-color:#fff;}
|
|
|
.cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:0;}
|
|
.cs .cs_notice_1 .inner:last-child{padding-top:0; margin-bottom:0;}
|
|
|
|
|
+.cs .cs_notice_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
.cs .cs_notice_1 .blockLyout > .block:first-child{padding-top:0;}
|
|
.cs .cs_notice_1 .blockLyout > .block:first-child{padding-top:0;}
|
|
|
.cs .cs_notice_1 .ui_row.nodata::after {
|
|
.cs .cs_notice_1 .ui_row.nodata::after {
|
|
|
content: '등록된 공지가 없습니다.';
|
|
content: '등록된 공지가 없습니다.';
|
|
@@ -415,13 +429,17 @@
|
|
|
.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);}
|
|
.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 상품상세 공통 */
|
|
|
-.pd .swiper-container{overflow:visible;}
|
|
|
|
|
.pd .tit{margin-bottom:1.5rem; font-size:1.5rem; 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 .ptok{padding-top:3rem!important;}
|
|
|
.pd .ptok2{padding-top:4rem!important; padding-bottom:4rem!important;}
|
|
.pd .ptok2{padding-top:4rem!important; padding-bottom:4rem!important;}
|
|
|
|
|
+.pd .item_prod{display:block;}
|
|
|
|
|
+.pd .itemBrand{width:calc(100% - 10%);}
|
|
|
.pd .area_slider{text-align:left;}
|
|
.pd .area_slider{text-align:left;}
|
|
|
|
|
+.pd .swiper-container{overflow:visible;}
|
|
|
.pd .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
|
|
.pd .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
|
|
|
.pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
|
|
.pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
|
|
|
|
|
+.pd .select_custom .combo .list{border:1px solid #000; border-top:0;max-height:100%;}
|
|
|
|
|
+.pd .select_custom.on .combo .select{border:1px solid #000;}
|
|
|
|
|
|
|
|
/* pd_detail */
|
|
/* pd_detail */
|
|
|
.pd .pd_detail {}
|
|
.pd .pd_detail {}
|
|
@@ -429,6 +447,8 @@
|
|
|
.pd .pd_detail .pd_info:before {content: "";display: block;width: 100%;height: 142vw;}
|
|
.pd .pd_detail .pd_info:before {content: "";display: block;width: 100%;height: 142vw;}
|
|
|
.pd .pd_detail .pd_info .pd_info1{position: absolute;position: fixed;top: 0;left: 0;right: 0;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
|
|
.pd .pd_detail .pd_info .pd_info1{position: absolute;position: fixed;top: 0;left: 0;right: 0;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
|
|
|
.pd .pd_detail .inner{background: #ffffff;}
|
|
.pd .pd_detail .inner{background: #ffffff;}
|
|
|
|
|
+.pd .pd_detail .size{color:#666666}
|
|
|
|
|
+.pd .pd_detail .pd_info .inner:nth-of-type(2){background:linear-gradient(to bottom,rgba(255, 255, 255, 0.93) 1%,rgba(255, 255, 255, 1) 25%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%)}
|
|
|
.pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
|
|
.pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
|
|
|
.pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
|
|
.pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
|
|
|
.pd_detail .pd_info > .inner:last-child {margin-bottom: 1.2rem;padding-bottom: 3rem;}
|
|
.pd_detail .pd_info > .inner:last-child {margin-bottom: 1.2rem;padding-bottom: 3rem;}
|
|
@@ -511,11 +531,20 @@
|
|
|
.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{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 .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 {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.on{border:1px solid #fd4802}
|
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label{border: 1px solid red;}
|
|
.pd_detail .option_box .opt_size .form_field input[type="radio"]:checked + label{border: 1px solid red;}
|
|
|
.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::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"] + label::after {display:none;}
|
|
|
.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"]: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_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
|
|
+.option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px; float:left; width:auto;}
|
|
|
|
|
+.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;}
|
|
|
|
|
+.option_box .opt_size .form_field2 label > span{position:relative; display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; color:#222; font-weight:200; font-size:1.2rem; border:1px solid #ddd; cursor: pointer;}
|
|
|
|
|
+.option_box .opt_size .form_field2 label input[type="radio"]{position:absolute; width:0; height:0; visibility:hidden;}
|
|
|
|
|
+.option_box .opt_size .form_field2 label input[type="radio"]:checked + span{border:1px solid #fd4802;}
|
|
|
|
|
+.option_box .opt_size .form_field2 label input[type="radio"]:disabled + span{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_count {padding-bottom:0;}
|
|
|
.pd_detail .option_box .opt_result {}
|
|
.pd_detail .option_box .opt_result {}
|
|
|
.pd_detail .option_box .opt_result .result_item {position:relative; margin-bottom:1rem; padding:2rem; background-color:#f5f5f5;}
|
|
.pd_detail .option_box .opt_result .result_item {position:relative; margin-bottom:1rem; padding:2rem; background-color:#f5f5f5;}
|
|
@@ -538,13 +567,6 @@
|
|
|
.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 .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 .minus::after {content:''; background-position:0 0;}
|
|
|
.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; background:#fff;}
|
|
.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; background:#fff;}
|
|
|
-.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;}
|
|
|
|
|
-.option_box .opt_size .form_field2 label > span{position:relative; display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; color:#222; font-weight:200; font-size:1.2rem; border:1px solid #ddd; cursor: pointer;}
|
|
|
|
|
-.option_box .opt_size .form_field2 label input[type="radio"]{position:absolute; width:0; height:0; visibility:hidden;}
|
|
|
|
|
-.option_box .opt_size .form_field2 label input[type="radio"]:checked + span{border:1px solid #fd4802;}
|
|
|
|
|
-.option_box .opt_size .form_field2 label input[type="radio"]:disabled + span{text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
|
|
.pd_detail .option_box .info_restock{margin-top:1rem;}
|
|
.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 {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::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;}
|
|
@@ -564,6 +586,26 @@
|
|
|
.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:0.3rem}
|
|
.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 {float:right; color:#222; font-size:1.5rem; font-weight:500;}
|
|
|
.pd_detail .price_box .price em {font-size:1.5rem;}
|
|
.pd_detail .price_box .price em {font-size:1.5rem;}
|
|
|
|
|
+
|
|
|
|
|
+/* 재확인할 것 */
|
|
|
|
|
+.form_field.mb20{margin-bottom:2rem !important}
|
|
|
|
|
+.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:4.5rem;}
|
|
|
|
|
+.btPopAuto_body .opt_count .number_count span.min_val,
|
|
|
|
|
+.btPopAuto_body .opt_count .number_count span.max_val {opacity:0.2;}
|
|
|
|
|
+.btPopAuto_body .opt_result .number_count span.min_val,
|
|
|
|
|
+.btPopAuto_body .opt_result .number_count span.max_val {opacity:0.2;}
|
|
|
|
|
+.btPopAuto_body .size{color:#666666}
|
|
|
|
|
+.opt_name {margin-bottom:0.4rem;}
|
|
|
|
|
+.pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
|
|
|
|
|
+.select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
|
|
|
|
|
+.dp .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
|
|
|
|
|
+.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
|
|
|
|
|
+/* popup_box알수없음 */
|
|
|
|
|
+.dp .popup_box .button_list.clear button{width:100% !important;}
|
|
|
|
|
+.dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem}
|
|
|
|
|
+.dp .dp_lookbook ~ .popup_box.nodata .popup_con{margin-bottom:0;}
|
|
|
|
|
+/* 재확인할 것 */
|
|
|
|
|
+
|
|
|
/* 3 */
|
|
/* 3 */
|
|
|
.pd_detail .benefit_box {font-size:1.4rem; font-weight:300;}
|
|
.pd_detail .benefit_box {font-size:1.4rem; font-weight:300;}
|
|
|
.pd_detail .benefit_box dl.bnf_shopping {}
|
|
.pd_detail .benefit_box dl.bnf_shopping {}
|
|
@@ -581,18 +623,20 @@
|
|
|
.pd_detail .benefit_box{padding-top:3rem;}
|
|
.pd_detail .benefit_box{padding-top:3rem;}
|
|
|
/* 5 */
|
|
/* 5 */
|
|
|
.pd_detail .pd_together{padding-top:3rem;}
|
|
.pd_detail .pd_together{padding-top:3rem;}
|
|
|
|
|
+.pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
.pd_detail .brand_home{margin-bottom:-1.2rem;}
|
|
.pd_detail .brand_home{margin-bottom:-1.2rem;}
|
|
|
.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:1px solid #eee;}
|
|
.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:1px solid #eee;}
|
|
|
.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
|
|
.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
|
|
|
.pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
.pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_detail .content.pd_descrp{padding-top:3rem;}
|
|
.pd_detail .content.pd_descrp{padding-top:3rem;}
|
|
|
|
|
+.pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background: #fff;}
|
|
[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{position:relative; padding-right:2rem;}
|
|
|
[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 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"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
|
|
|
[class*="pd_descrp"] {width:100%;}
|
|
[class*="pd_descrp"] {width:100%;}
|
|
|
[class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
|
|
[class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
|
|
|
-[class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;}
|
|
|
|
|
|
|
+[class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;overflow: visible;}
|
|
|
[class*="pd_descrp"] .cont_body > div {position:relative; width:100%; padding:0 2.0rem 1.3rem 2.0rem;}
|
|
[class*="pd_descrp"] .cont_body > div {position:relative; width:100%; padding:0 2.0rem 1.3rem 2.0rem;}
|
|
|
[class*="pd_descrp"] .descrp_box {}
|
|
[class*="pd_descrp"] .descrp_box {}
|
|
|
[class*="pd_descrp"] .descrp_box > div {margin-top:2.4rem;}
|
|
[class*="pd_descrp"] .descrp_box > div {margin-top:2.4rem;}
|
|
@@ -600,6 +644,7 @@
|
|
|
[class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
|
|
[class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
|
|
|
[class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
|
|
[class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
|
|
|
[class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
|
|
[class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
|
|
|
|
|
+[class*="pd_descrp"] .mdhtml_box a{margin:0 -2rem; display:block;}
|
|
|
[class*="pd_descrp"] .mdhtml_box img {width:100%;}
|
|
[class*="pd_descrp"] .mdhtml_box img {width:100%;}
|
|
|
[class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
|
|
[class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto}
|
|
|
[class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee}
|
|
[class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee}
|
|
@@ -684,6 +729,8 @@
|
|
|
.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
|
|
.riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
|
|
|
.riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
|
|
.riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
|
|
|
|
|
+.pd_detail .riview_box [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
|
|
+.pd_detail .riview_box [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
|
|
|
.pd_detail .exinfo_box {margin:0 -2rem 0;}
|
|
.pd_detail .exinfo_box {margin:0 -2rem 0;}
|
|
|
.pd_detail .exinfo_box ul {border-top:1px solid #ddd}
|
|
.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 {padding:1.8rem 2rem; border-bottom:1px solid #ddd}
|
|
@@ -701,6 +748,7 @@
|
|
|
.pd_detail .recommendedArea > div[class*="pd_"]:first-child{margin-top:0;}
|
|
.pd_detail .recommendedArea > div[class*="pd_"]:first-child{margin-top:0;}
|
|
|
.pd_detail .recommendedArea > div[class*="pd_"] .tit{text-align:center;}
|
|
.pd_detail .recommendedArea > div[class*="pd_"] .tit{text-align:center;}
|
|
|
.pd_detail .pd_clickother {}
|
|
.pd_detail .pd_clickother {}
|
|
|
|
|
+.pd_detail .pd_clickother .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
|
|
|
.pd_detail .pd_clickother .area_slider {}
|
|
.pd_detail .pd_clickother .area_slider {}
|
|
|
.pd_detail .pd_clickother .area_slider .itemName {height:3.2rem;}
|
|
.pd_detail .pd_clickother .area_slider .itemName {height:3.2rem;}
|
|
|
.pd_detail .pd_recommend {}
|
|
.pd_detail .pd_recommend {}
|
|
@@ -731,246 +779,13 @@
|
|
|
.pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
|
.pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
|
|
|
.pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
|
|
.pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
|
|
|
.pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
|
|
.pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
|
|
|
|
|
+.pd_detail .pd_recommend .pic_list .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
|
|
|
.pd_detail .pd_recommend .pic_list .btn_group_flex{margin-top:3rem;}
|
|
.pd_detail .pd_recommend .pic_list .btn_group_flex{margin-top:3rem;}
|
|
|
.pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background-color:#fff;}
|
|
.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_samebrand{}
|
|
|
.pd_detail .pd_relate{}
|
|
.pd_detail .pd_relate{}
|
|
|
.pd_detail .pd_relate .area_slider .itemName {height:3.2rem}
|
|
.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 .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 : calc(100% - 5%)}
|
|
|
|
|
-.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 .fold_cont .fold_answer{border-top:0px none;}
|
|
|
|
|
-.pd_qnalist_pop .fold_cont > div:first-of-type{border-bottom:0px none}
|
|
|
|
|
-.pd [class*="pd_descrp"] .cont_body.on{overflow: visible;}
|
|
|
|
|
-.pd .mdhtml_box a{margin:0 -2rem; display:block;}
|
|
|
|
|
-.pd_descrp_pop .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 {float:left; width:auto;}
|
|
|
|
|
-/* 210407 */
|
|
|
|
|
-.pd.deal .pd_detail .foldGroup > ul > li{border-bottom:0px none;}
|
|
|
|
|
-.pd_listDescrp_pop .deal_list_select .list li{border-bottom:0px none;}
|
|
|
|
|
-.pd_descrp_pop .item_prod .itemPrice_original{margin-left:0.6rem; margin-right:-0.6rem;}
|
|
|
|
|
-.Purchase_pop .item_prod .itemPrice_original{margin-left:0.5rem;}
|
|
|
|
|
-.Purchase_pop .item_prod .itemPercent{left:10.2rem}
|
|
|
|
|
-/* 210408 */
|
|
|
|
|
-.btPopAuto_body .opt_count .number_count span.min_val,
|
|
|
|
|
-.btPopAuto_body .opt_count .number_count span.max_val {opacity:0.2;}
|
|
|
|
|
-.btPopAuto_body .opt_result .number_count span.min_val,
|
|
|
|
|
-.btPopAuto_body .opt_result .number_count span.max_val {opacity:0.2;}
|
|
|
|
|
-.pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
|
|
|
|
|
-.btPopAuto_body .size{color:#666666}
|
|
|
|
|
-.pd_photoreviewlist_pop .ui_foot .btn{width:100%; height:4rem; margin-top:2rem;}
|
|
|
|
|
-.pd.deal .pd_review .item_prod::after{content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.6rem;right: 0rem;border: 0.6rem solid transparent;border-color: #888888 transparent transparent transparent;}
|
|
|
|
|
-.pd.deal .pd_qnalist .item_prod::after{content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.6rem;right: 0rem;border: 0.6rem solid transparent;border-color: #888888 transparent transparent transparent;}
|
|
|
|
|
-.pd.deal .pd_delivery .item_prod::after{content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.6rem;right: 0rem;border: 0.6rem solid transparent;border-color: #888888 transparent transparent transparent;}
|
|
|
|
|
-.pd .select_custom .combo .list{border:1px solid #000; border-top:0;}
|
|
|
|
|
-.pd .select_custom.on .combo .select{border:1px solid #000;}
|
|
|
|
|
-.pd .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc}
|
|
|
|
|
-.salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0}
|
|
|
|
|
-.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
|
|
-#pd_review_close{z-index:1000;}
|
|
|
|
|
-#pd_photoreview_close{z-index:1000;}
|
|
|
|
|
-#pd_bestreview_close{z-index:1000;}
|
|
|
|
|
-#pd_photoreviewlist_close{z-index:1000;}
|
|
|
|
|
-/* 210409 */
|
|
|
|
|
-/* pd_pop > 상품썸네일 크게보기 */
|
|
|
|
|
-.pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
|
|
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
|
|
|
|
|
-.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
|
|
-.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
|
|
|
|
|
-.pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
|
|
-.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(/images/mo/ico_pop_cls_w.png) !important;}
|
|
|
|
|
-.pd_detail .size{color:#666666}
|
|
|
|
|
-.pd_clickother .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
|
|
|
|
|
-.pic_list .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
|
|
|
|
|
-.foldGroup.case2 .fold_answer{padding-top:1.8rem;}
|
|
|
|
|
-.pd .item_prod{display:block;}
|
|
|
|
|
-.pd .itemBrand{width:calc(100% - 10%);}
|
|
|
|
|
-.pd .select_custom .combo .list{max-height:100%;}
|
|
|
|
|
-.opt_name {margin-bottom:0.4rem;}
|
|
|
|
|
-.form_field.mb20{margin-bottom:2rem !important}
|
|
|
|
|
-/* 210412 */
|
|
|
|
|
-.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;}
|
|
|
|
|
-.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
|
|
|
|
|
-.pd_dealitem .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
|
|
-.pd_together .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
|
|
-.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 1px solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
|
|
-.push_restock_pop .select::-ms-expand{display:none;}
|
|
|
|
|
-.pd_detail .option_box .opt_size .form_field input[type="radio"] + label.on{border:1px solid #fd4802}
|
|
|
|
|
-.pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
|
|
|
|
|
-/* 210413 */
|
|
|
|
|
-.cs .cs_contactUs_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
|
|
-.cs .cs_notice_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
|
|
-.cs .cs_product_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
|
|
|
|
|
-.pd .Purchase_pop .btPop_foot{position: absolute;width: 100%;bottom: 0; background: #fff;}
|
|
|
|
|
-.cs .pnb ul{padding-left:1rem}
|
|
|
|
|
-.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
|
|
|
|
|
-/* 210414 */
|
|
|
|
|
-.pd .Purchase_pop{transition:none;}
|
|
|
|
|
-.cs_contactUs_my .imgUpload{margin-left:0.6rem;}
|
|
|
|
|
-.cs_contactUs_my .imgUpload:first-child{margin: 0;}
|
|
|
|
|
-.cs .fold_head {font-family:'Noto Sans kr', sans-serif;}
|
|
|
|
|
-.cs .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1rem;}
|
|
|
|
|
-.cs .fold_head .fold_tit .lap2 span{font-weight:500;}
|
|
|
|
|
-.cs .fold_head .fold_state{padding:0.2rem 0.3rem;}
|
|
|
|
|
-.cs .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
|
|
|
|
|
-.Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
|
|
|
|
|
-/* 210415 */
|
|
|
|
|
-.dp .popup_box .button_list.clear button{width:100% !important;}
|
|
|
|
|
-.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
|
|
|
|
|
-.dp .Bulletship_foot .clear{background:#f5f5f5; margin:4rem -2rem; padding:4rem 0 0rem 2rem;}
|
|
|
|
|
-.dp .items_option{margin:0 -2.1rem;}
|
|
|
|
|
-.dp .items_option #filter{height:4.5rem; border:0.1rem solid #dddddd; font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
|
|
-.dp .items_option.fix{position:fixed; top:0; z-index:999; width:100%; left:0; margin:0; box-shadow:rgb(0 0 0 / 30%) 0px 3px 15px 0px;}
|
|
|
|
|
-.dp .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
|
|
-.Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
|
|
|
|
|
-/* 210416 */
|
|
|
|
|
-.dp .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
|
|
|
|
|
-.deal_list_select .list>li[aria-disabled="true"] {text-decoration: line-through;background: #fff;color: #bbb;pointer-events: none;}
|
|
|
|
|
-.deal_list_select .list>li[data-soldout="true"] {pointer-events: none;}
|
|
|
|
|
-.deal_list_select .list>li[data-soldout="true"]::after {content: '품절';display: inline-block;font-size: 12px;color: #bbbbbb;position: absolute;right: 15px;top: 0;bottom: 0;}
|
|
|
|
|
-.dp .mid_banner{margin-top:-6rem}
|
|
|
|
|
-/* 210419 */
|
|
|
|
|
-.pd_qnalist_pop .ui_foot{padding:0 2rem}
|
|
|
|
|
-.pd_qnalist .ui_foot{padding:0 2rem}
|
|
|
|
|
-.pd_qnalist_pop .ui_foot .btn{width:100%; height:4rem;}
|
|
|
|
|
-.pd_qnalist .ui_foot .btn{width:100%; height:4rem;}
|
|
|
|
|
-.dp .Bulletship_body{padding:0 2rem;}
|
|
|
|
|
-.dp .Bulletship_foot{padding:0 2rem;}
|
|
|
|
|
-/* 210420 */
|
|
|
|
|
-.app .gnb{background-color:#222222; position:relative; z-index:79;}
|
|
|
|
|
-.app .gnb .btn-expand::before{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #222222 100%);}
|
|
|
|
|
-/* 210421 */
|
|
|
|
|
-header .subs .dp_list_btn_gnbs {position: absolute;top: 0px;right: -2.0rem;width: 3.5rem;height: 4.5rem;z-index: 10;}
|
|
|
|
|
-header .subs .dp_list_btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
|
|
|
|
|
-header .subs .dp_list_btn_gnbs span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
|
|
|
|
|
-header .subs .dp_list_btn_gnbs span i {background: url(/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
|
|
|
|
|
-header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
|
|
|
|
|
-/* 210422 */
|
|
|
|
|
-/* 플롯팅 메뉴 > 구매하기 */
|
|
|
|
|
-.brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
|
|
|
-.brand_floormenu > div{float:left; color:#fff; text-align:center;}
|
|
|
|
|
-.brand_floormenu > div:nth-child(1){width:37%;}
|
|
|
|
|
-.brand_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
|
|
|
|
|
-.brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
|
|
-.brand_floormenu .share_like{overflow:hidden;}
|
|
|
|
|
-.brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
|
|
|
|
|
-.brand_floormenu .share_like > button.refresh{background:#000 url(/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
|
|
|
|
|
-.brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
|
|
|
|
|
-.brand_floormenu .prd_buy > .cantbuying{display:none;}
|
|
|
|
|
-.brand_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
|
|
|
-.brand_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
|
|
|
|
|
-.dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem}
|
|
|
|
|
-.dp .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
|
|
|
|
|
-/* 210423 */
|
|
|
|
|
-.br .brand_si{margin-top:0.1rem}
|
|
|
|
|
-.br .brand_si .swiper-wrapper{height:0;}
|
|
|
|
|
-.br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
|
|
|
|
|
-.Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
|
|
|
|
|
-.select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
|
|
|
|
|
-/* 210428 */
|
|
|
|
|
-.cs_contactUs_my .form_field:first-of-type{margin:0;}
|
|
|
|
|
-.cs_contactUs_my .form_field .pics{position:absolute; top:0; left:0; z-index:2}
|
|
|
|
|
-.pop_detail .review_list {border-top:1px solid #ddd;}
|
|
|
|
|
-.pop_detail .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
|
|
|
|
|
-.pop_detail .review_list > ul > li .review {}
|
|
|
|
|
-.pop_detail .review_list .review .info_box {}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .star_score {float:left}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .writer {float:right;}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
|
|
-.pop_detail .review_list .review .info_box .writer span:first-child::after {display:none;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box {margin-top:1.4rem;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box > div:first-child {margin-top:0}
|
|
|
|
|
-.pop_detail .review_list .review .response_box > div dl{padding-top:2.3rem}
|
|
|
|
|
-.pop_detail .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem; width:100%;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
|
|
|
|
|
-.pop_detail .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802}
|
|
|
|
|
-.pop_detail .review_list .review .response_box2 {margin-top:1.4rem;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
|
|
|
|
|
-.pop_detail .review_list .review .info_box{line-height:1;}
|
|
|
|
|
-.pop_detail .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
|
|
|
|
|
-.pop_detail .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
|
|
|
|
|
-.pop_detail .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
|
|
|
|
|
-.pop_detail .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
|
|
|
|
|
-.pop_detail .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
|
|
|
|
|
-.pop_detail .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box .reply .reply_writer {}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .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;}
|
|
|
|
|
-.pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
|
|
|
|
|
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{padding-top:0 !important;}
|
|
|
|
|
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0px none;}
|
|
|
|
|
-.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
|
|
|
|
|
-/* 210503 */
|
|
|
|
|
-.br .br_lookbook .inner .lb_text .text_cont{display:none; height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
|
|
-.br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
|
|
|
|
|
-.br .br_inlookbook .ioTit{display:none}
|
|
|
|
|
-.br .br_inlookbook .ioTit.active{display:block}
|
|
|
|
|
-.br .br_inlookbook .ioBtn{display:none}
|
|
|
|
|
-.br .br_inlookbook .ioBtn.active{display:block}
|
|
|
|
|
-.br .br_inlookbook .itemsOut{display:none}
|
|
|
|
|
-.br .br_inlookbook .itemsOut.active{display:block}
|
|
|
|
|
-/* 210510 */
|
|
|
|
|
-.pd_detail .pd_info .inner:nth-of-type(2){background:linear-gradient(to bottom,rgba(255, 255, 255, 0.93) 1%,rgba(255, 255, 255, 1) 25%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255, 1) 100%)}
|
|
|
|
|
-/* 210511 */
|
|
|
|
|
-.dp .promotion_visual.type2{padding-bottom:3.8rem}
|
|
|
|
|
-.dp .dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
|
|
|
|
|
-.dp .dp_review_cont{padding-bottom:4rem;}
|
|
|
|
|
-.dp .mid_banner{padding-bottom:3rem;}
|
|
|
|
|
-.dp .dp_listItems_cont.type1{padding-bottom:3rem;}
|
|
|
|
|
-.dp .dp_listItems_cont.type2{padding-bottom:3rem;}
|
|
|
|
|
-.dp .dp_listItems_wrap{padding-bottom:3rem;}
|
|
|
|
|
-.dp .dp_listItems_wrap.typeSelector{padding-bottom:3rem;margin-bottom: -1.2rem;}
|
|
|
|
|
-.dp .dp_listItems_wrap.type1 .dp_subtitle{margin-top: -4rem;}
|
|
|
|
|
-.dp .other_promotion_slide{padding-top:0}
|
|
|
|
|
-.dp .dp_lookbook ~ .popup_box.nodata .popup_con{margin-bottom:0;}
|
|
|
|
|
-/* 210512 */
|
|
|
|
|
-.pd_qnalist .fold_head::after{transform: translateY(60%);}
|
|
|
|
|
-.pd_qnalist_pop .fold_head::after{transform: translateY(90%);}
|
|
|
|
|
-.cs_contactUs_1 .fold_head::after{transform: translateY(120%);}
|
|
|
|
|
-.pd_detail .riview_box [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
|
|
-.pd_detail .riview_box [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
|
|
|
|
|
-.dp .dp_detail_visual .fileAdd{margin-right:1rem}
|
|
|
|
|
-.dp .dp_detail_visual .pics{margin-bottom:1rem}
|
|
|
|
|
-.my .review .fileAdd{margin-right:1rem}
|
|
|
|
|
-.my .review .pics{margin-bottom:1rem}
|
|
|
|
|
-.dp .dp_listItems_cont.type2 .swiper-container{overflow: initial;}
|
|
|
|
|
-.dp .dp_listItems_cont.type2 .swiper-wrapper{width:43%}
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
/* 플롯팅 메뉴 > 구매하기 */
|
|
/* 플롯팅 메뉴 > 구매하기 */
|
|
|
.product_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
.product_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
@@ -987,16 +802,26 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.product_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
.product_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
|
.product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
|
|
.product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
|
|
|
|
|
|
|
|
-.dp_listItems_wrap .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
|
|
|
|
|
/* 토스트팝업 > 구매하기 */
|
|
/* 토스트팝업 > 구매하기 */
|
|
|
-
|
|
|
|
|
.container.btPop_full.pd_open::after,
|
|
.container.btPop_full.pd_open::after,
|
|
|
.container.btPop_open.pd::after{position:fixed; z-index: 100;}
|
|
.container.btPop_open.pd::after{position:fixed; z-index: 100;}
|
|
|
/* .pd_pop.Purchase_pop .btPop_body{max-height:70rem;} */
|
|
/* .pd_pop.Purchase_pop .btPop_body{max-height:70rem;} */
|
|
|
|
|
+
|
|
|
|
|
+/* 재확인 할 것 */
|
|
|
.pd_pop.Purchase_pop .btPop_body{max-height:calc(100% - 14%);}
|
|
.pd_pop.Purchase_pop .btPop_body{max-height:calc(100% - 14%);}
|
|
|
|
|
+.pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
|
|
|
|
|
+.Purchase_pop{transition:none;}
|
|
|
|
|
+.Purchase_pop .btPop_foot{position: absolute;width: 100%;bottom: 0; background: #fff;}
|
|
|
|
|
+.Purchase_pop .item_prod .itemPercent{left:10.2rem;}
|
|
|
|
|
+.Purchase_pop .item_prod .itemPrice_original{margin-left:0.5rem;}
|
|
|
|
|
+.Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc;}
|
|
|
|
|
+.Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
|
|
|
|
|
+.Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
|
|
|
|
|
+.Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
|
|
|
.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
|
|
.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
|
|
|
.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
|
|
.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
|
|
|
-.pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
|
|
|
|
|
|
|
+/* 재확인 할 것 */
|
|
|
|
|
+
|
|
|
.pd_pop.Purchase_pop{}
|
|
.pd_pop.Purchase_pop{}
|
|
|
.pd_pop.Purchase_pop .header{padding:0; font-size:0;}
|
|
.pd_pop.Purchase_pop .header{padding:0; font-size:0;}
|
|
|
.pd_pop.Purchase_pop .option_box .opt_color{padding-top:0}
|
|
.pd_pop.Purchase_pop .option_box .opt_color{padding-top:0}
|
|
@@ -1034,8 +859,8 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
|
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
|
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
|
|
.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
|
|
|
-
|
|
|
|
|
-.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select {padding-left: 5rem;}
|
|
|
|
|
|
|
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;padding-left: 5rem;}
|
|
|
|
|
+.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
|
|
|
.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
|
|
.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
|
|
|
.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
|
|
.pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
|
|
|
|
|
|
|
@@ -1063,11 +888,25 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
#shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
|
|
#shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
|
|
|
#shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}
|
|
#shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}
|
|
|
#shoppingBagModal .shoppingBag_box::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background:rgba(34,34,34,.9); 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);}
|
|
#shoppingBagModal .shoppingBag_box::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background:rgba(34,34,34,.9); 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);}
|
|
|
-
|
|
|
|
|
#shoppingBagModal .shoppingBag_box p{font-size:1.3rem; color:#fff;}
|
|
#shoppingBagModal .shoppingBag_box p{font-size:1.3rem; color:#fff;}
|
|
|
#shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:1px solid #656565; font-size:1.1rem; color:#fff;}
|
|
#shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:1px solid #656565; font-size:1.1rem; color:#fff;}
|
|
|
|
|
|
|
|
|
|
+/* pd_pop > 상품썸네일 크게보기 */
|
|
|
|
|
+.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
|
|
+.pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
|
|
|
|
|
+.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
|
|
|
|
|
+.pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
|
|
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview img {max-width:100%; cursor:url('/images/pc/cursor_zoomout.png') 0 0, zoom-out;}
|
|
|
|
|
+
|
|
|
/* pd_popup > 할인쿠폰 */
|
|
/* pd_popup > 할인쿠폰 */
|
|
|
|
|
+.salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0}
|
|
|
|
|
+.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
|
|
+.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(/images/mo/ico_pop_cls_w.png) !important;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
|
|
.modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem}
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
|
|
@@ -1212,9 +1051,15 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table thead tr{background:#f5f5f5;}
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table thead tr{background:#f5f5f5;}
|
|
|
|
|
|
|
|
/* pd_popup > 재입고 알림 신청 */
|
|
/* pd_popup > 재입고 알림 신청 */
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
.modal.pd_pop.push_restock_pop {max-width:none;}
|
|
.modal.pd_pop.push_restock_pop {max-width:none;}
|
|
|
.modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
|
|
.modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
|
|
|
.modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
|
|
.modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
|
|
|
|
|
+.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 1px solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
|
|
+.modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
|
|
|
|
|
+.modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:1px solid #dddddd;}
|
|
.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 {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 {padding:0;}
|
|
@@ -1222,6 +1067,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.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 .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; width : calc(100% - 10%)}
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0; width : calc(100% - 10%)}
|
|
|
/*.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 .itemName {display:block; margin-left:0;}*/
|
|
|
|
|
+.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 : calc(100% - 5%)}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap{position: relative;}
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap{position: relative;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap .itemPercent {position:relative;}
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap .itemPercent {position:relative;}
|
|
@@ -1238,19 +1084,31 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.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_size .form_field > div {float:left; width:auto;}
|
|
|
.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 .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;}
|
|
.modal.pd_pop.push_restock_pop .modal-footer {position:fixed; width:100%; bottom:0; margin-top:0;}
|
|
|
|
|
+.modal.pd_pop.push_restock_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
|
|
|
|
|
/* pd_pop > 상품문의 페이지 */
|
|
/* pd_pop > 상품문의 페이지 */
|
|
|
.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
|
|
.modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important; width:auto;}
|
|
.modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important; width:auto;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
.modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
|
|
|
+.modal.pd_pop.pd_qnalist_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
|
|
+.pd_qnalist_pop .foldGroup > ul > li{border-bottom:0px none;}
|
|
|
|
|
+.pd_qnalist_pop .fold_head::after{transform: translateY(90%);}
|
|
|
|
|
+.pd_qnalist_pop .fold_cont .fold_answer{border-top:0px none;}
|
|
|
|
|
+.pd_qnalist_pop .fold_cont > div:first-of-type{border-bottom:0px none}
|
|
|
|
|
+.pd_qnalist_pop .ui_foot{padding:0 2rem}
|
|
|
|
|
+.pd_qnalist_pop .ui_foot .btn{width:100%; height:4rem;}
|
|
|
|
|
+.pd_qnalist .fold_head::after{transform: translateY(60%);}
|
|
|
|
|
+.pd_qnalist .fold_cont .fold_answer{border-top:0px none;}
|
|
|
|
|
+.pd_qnalist .ui_foot{padding:0 2rem}
|
|
|
|
|
+.pd_qnalist .ui_foot .btn{width:100%; height:4rem;}
|
|
|
.pd_qnalist .qna_list .foldGroup {margin-bottom:2rem;}
|
|
.pd_qnalist .qna_list .foldGroup {margin-bottom:2rem;}
|
|
|
.pd_qnalist .qna_list {margin-top:3rem;}
|
|
.pd_qnalist .qna_list {margin-top:3rem;}
|
|
|
.pd_qnalist .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
|
|
.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:before,
|
|
|
.pd_qnalist .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%); margin-top:0;}
|
|
.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 3rem; border-bottom:0.1rem solid #E5E5E5;}
|
|
.pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 3rem; border-bottom:0.1rem solid #E5E5E5;}
|
|
|
-.pd_qnalist .pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.6rem; border-bottom:0.1rem solid #E5E5E5;}
|
|
|
|
|
|
|
+.pd_qnalist .pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.6rem; 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 {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:1.1rem; text-align:center; box-sizing:border-box; line-height:20px;}
|
|
.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 .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;}
|
|
@@ -1273,6 +1131,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_qnalist > .btn_group_flex{margin-top:0;}
|
|
.pd_qnalist > .btn_group_flex{margin-top:0;}
|
|
|
|
|
|
|
|
/* pd_pop > 상품문의 작성 */
|
|
/* pd_pop > 상품문의 작성 */
|
|
|
|
|
+.modal.pd_pop.pd_qnawrite_pop .modal-header{border-bottom:0px none;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
|
|
.modal.pd_pop.pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .form_field {display:block;}
|
|
.modal.pd_pop.pd_qnawrite_pop .form_field {display:block;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .form_field .lap{position:relative;}
|
|
.modal.pd_pop.pd_qnawrite_pop .form_field .lap{position:relative;}
|
|
@@ -1286,7 +1145,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div {display:inline-block; margin-right:2rem;}
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div {display:inline-block; margin-right:2rem;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div:last-child {margin-right:0;}
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box dl dd .form_field > div:last-child {margin-right:0;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .modal-footer {position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
.modal.pd_pop.pd_qnawrite_pop .modal-footer {position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
|
-.modal.pd_pop.pd_qnawrite_pop .modal-footer button{color: #ffffff; background-color: #222222; border-color: #222222;}
|
|
|
|
|
|
|
+.modal.pd_pop.pd_qnawrite_pop .modal-footer button{height:5.3rem; color: #ffffff; background-color: #222222; border-color: #222222;}
|
|
|
|
|
|
|
|
/* pd_popup > 배송/반품/교환 */
|
|
/* pd_popup > 배송/반품/교환 */
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
.modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
@@ -1316,7 +1175,8 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.pd_pop.pd_review_pop .modal-header{height:auto;}
|
|
.modal.pd_pop.pd_review_pop .modal-header{height:auto;}
|
|
|
.modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
|
|
.modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
|
|
|
.modal.pd_pop.pd_review_pop .riview_box .area_slider{margin-bottom:0;}
|
|
.modal.pd_pop.pd_review_pop .riview_box .area_slider{margin-bottom:0;}
|
|
|
-.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:10;}
|
|
|
|
|
|
|
+.modal.pd_pop.pd_review_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
|
|
+.modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:10;}
|
|
|
.pd_review{background:#f5f5f5;}
|
|
.pd_review{background:#f5f5f5;}
|
|
|
.pd_review.best,
|
|
.pd_review.best,
|
|
|
.pd_review.photo{background:#fff; position:relative; bottom:0; z-index:999; max-height:35rem;}
|
|
.pd_review.photo{background:#fff; position:relative; bottom:0; z-index:999; max-height:35rem;}
|
|
@@ -1447,6 +1307,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_review .area_rv_all .nodata {padding:10rem 0; border-top:1px solid #ddd; 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 .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 {margin-top:1.5rem;}
|
|
|
|
|
+.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_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:1.4rem; 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 {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 {font-size:0; white-space:nowrap;}
|
|
@@ -1466,11 +1327,12 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_review .category_box .category_list .category ul.n1 li{width:100%;}
|
|
.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_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 .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:1.1rem; border:1px solid #ddd;}
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
/* pd_popup > 포토영상 리뷰 리스트 */
|
|
/* pd_popup > 포토영상 리뷰 리스트 */
|
|
|
.modal.pd_pop.pd_photoreviewlist_pop {}
|
|
.modal.pd_pop.pd_photoreviewlist_pop {}
|
|
|
.modal.pd_pop.pd_photoreviewlist_pop .modal-header {border-bottom:0;}
|
|
.modal.pd_pop.pd_photoreviewlist_pop .modal-header {border-bottom:0;}
|
|
|
|
|
+.pd_photoreviewlist_pop .ui_foot .btn{width:100%; height:4rem; margin-top:2rem;}
|
|
|
.pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
.pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
.pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
.pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
.pd_photoreviewlist_pop .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
@@ -1506,6 +1368,55 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
|
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
|
|
.modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
|
|
|
.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
|
|
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .modal-body .pop_cont{padding-top:0 !important;}
|
|
|
|
|
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list{border:0px none;}
|
|
|
|
|
+.modal.photo_comment_popup.pd_bestreviewdetail_pop .pop_detail .review_list ul li{padding:0;}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+/* 리뷰 리스트 */
|
|
|
|
|
+.pop_detail .review_list {border-top:1px solid #ddd;}
|
|
|
|
|
+.pop_detail .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
|
|
|
|
|
+.pop_detail .review_list > ul > li .review {}
|
|
|
|
|
+.pop_detail .review_list .review .info_box {}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .star_score {float:left}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:1.3rem; background:#ddd;}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .writer {float:right;}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
|
|
+.pop_detail .review_list .review .info_box .writer span:first-child::after {display:none;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box {margin-top:1.4rem;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box > div:first-child {margin-top:0}
|
|
|
|
|
+.pop_detail .review_list .review .response_box > div dl{padding-top:2.3rem}
|
|
|
|
|
+.pop_detail .review_list .review .response_box > div dl div {display:flex; font-size:1.1rem; width:100%;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box > div dl div dt {width:4.5rem; color:#888}
|
|
|
|
|
+.pop_detail .review_list .review .response_box > div dl div dd {margin-left:1.2rem; color:#fd4802}
|
|
|
|
|
+.pop_detail .review_list .review .response_box2 {margin-top:1.4rem;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box2 > div:first-child {margin-top:0; overflow:hidden;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box2 > div dl div {float:left; width:50%; max-width:400px; display:flex; font-size:1.1rem;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box2 > div dl div dt {position:relative; padding-left:0.8rem; color:#888}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .review_list .review .response_box2 > div dl div dd {margin-left:1.2rem; color:#222}
|
|
|
|
|
+.pop_detail .review_list .review .info_box{line-height:1;}
|
|
|
|
|
+.pop_detail .review_list .review .photo_box {margin: 1rem -1.33rem 0;}
|
|
|
|
|
+.pop_detail .review_list .review .photo_box .photo_list {font-size:0; white-space:nowrap; overflow-x:auto;}
|
|
|
|
|
+.pop_detail .review_list .review .photo_box .photo_list > ul li {display:inline-block; margin-left:0.8rem; width:7.5rem; height:7.5rem;}
|
|
|
|
|
+.pop_detail .review_list .review .photo_box .photo_list > ul li:first-child{margin-left:1.33rem;}
|
|
|
|
|
+.pop_detail .review_list .review .photo_box .photo_list > ul li:last-child{margin-right:1.33rem;}
|
|
|
|
|
+.pop_detail .review_list .review .txt_review_box {margin-top:1.6rem; font-size:1.4rem; overflow:hidden; color:#000}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box .reply {position:relative; padding:2rem; background:#f5f5f5;}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box .reply .reply_writer {}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .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;}
|
|
|
|
|
+.pop_detail .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ============================================ 딜상세 ============================================ */
|
|
/* ============================================ 딜상세 ============================================ */
|
|
@@ -1515,6 +1426,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd.deal dl::after,
|
|
.pd.deal dl::after,
|
|
|
.pd.deal ul::after {content:''; clear:both; display:block;}
|
|
.pd.deal ul::after {content:''; clear:both; display:block;}
|
|
|
.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
|
|
.pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
|
|
|
|
|
+.pd.deal .pd_detail .foldGroup > ul > li{border-bottom:0px none;}
|
|
|
.pd.deal .tab_detail_nav {position:absolute; width:100%; top:0; left:0; border-bottom:1px solid #eee;}
|
|
.pd.deal .tab_detail_nav {position:absolute; width:100%; top:0; left:0; border-bottom:1px solid #eee;}
|
|
|
.pd.deal .tab_detail_nav.fix{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
|
|
.pd.deal .tab_detail_nav.fix{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
|
|
|
.pd.deal .tab_detail_nav ul::after {content:''; clear:both; display:block;}
|
|
.pd.deal .tab_detail_nav ul::after {content:''; clear:both; display:block;}
|
|
@@ -1533,8 +1445,10 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd.deal .pd_dealitem .itemsGrp {position:relative; display:block; margin:0 -0.4rem; overflow:hidden;}
|
|
.pd.deal .pd_dealitem .itemsGrp {position:relative; display:block; margin:0 -0.4rem; overflow:hidden;}
|
|
|
.pd.deal .pd_dealitem .itemsGrp .item_prod {float:left; width:50%; padding:2rem 0.4rem 0; box-sizing:border-box;}
|
|
.pd.deal .pd_dealitem .itemsGrp .item_prod {float:left; width:50%; padding:2rem 0.4rem 0; box-sizing:border-box;}
|
|
|
.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
|
|
.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state {padding:0;}
|
|
|
-.pd.deal .pd_dealitem .itemLink {}
|
|
|
|
|
|
|
+.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state .btn{margin-top:1.5rem; width:100%; font-size:1.1rem; height:3rem; font-weight:300;}
|
|
|
|
|
+.pd.deal .pd_dealitem .item_prod .itemName{max-height: 3.3rem;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
/*.pd.deal .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/images/mo/btn_deal_item_more.png') no-repeat 50% 50%; background-size:5rem; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}*/
|
|
/*.pd.deal .pd_dealitem .itemLink .itemPic::after {content:''; background:none; background:rgba(34,34,34,0.8) url('/images/mo/btn_deal_item_more.png') no-repeat 50% 50%; background-size:5rem; opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:2;}*/
|
|
|
|
|
+.pd.deal .pd_dealitem .itemLink {}
|
|
|
.pd.deal .pd_dealitem .itemLink:hover .itemPic::after,
|
|
.pd.deal .pd_dealitem .itemLink:hover .itemPic::after,
|
|
|
.pd.deal .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
|
|
.pd.deal .pd_dealitem .itemLink:active .itemPic::after {content:''; opacity:1;}
|
|
|
.pd.deal .pd_dealitem .rank {max-height:none; padding:1rem 0 1rem; z-index:3;}
|
|
.pd.deal .pd_dealitem .rank {max-height:none; padding:1rem 0 1rem; z-index:3;}
|
|
@@ -1542,13 +1456,16 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd.deal .pd_dealitem .rank.detail span {display:block; font-size:1.1rem; font-weight:500;}
|
|
.pd.deal .pd_dealitem .rank.detail span {display:block; font-size:1.1rem; font-weight:500;}
|
|
|
.pd.deal .pd_dealitem .rank.detail span em {display:block; margin-top:6px;}
|
|
.pd.deal .pd_dealitem .rank.detail span em {display:block; margin-top:6px;}
|
|
|
.pd.deal .pd_dealitem .rank.detail::after {background: #fd4802;}
|
|
.pd.deal .pd_dealitem .rank.detail::after {background: #fd4802;}
|
|
|
-.pd.deal .pd_dealitem .itemsGrp .item_prod .item_state .btn{margin-top:1.5rem; width:100%; font-size:1.1rem; height:3rem; font-weight:300;}
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 상품문의 */
|
|
/* 상품문의 */
|
|
|
.pd.deal .pd_qnalist .info_txt,
|
|
.pd.deal .pd_qnalist .info_txt,
|
|
|
.pd.deal .pd_qnalist .qna_list .check_secret{padding: 0 2rem;}
|
|
.pd.deal .pd_qnalist .qna_list .check_secret{padding: 0 2rem;}
|
|
|
|
|
|
|
|
|
|
+.pd.deal .pd_review .item_prod::after,
|
|
|
|
|
+.pd.deal .pd_qnalist .item_prod::after,
|
|
|
|
|
+.pd.deal .pd_delivery .item_prod::after{content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.6rem;right: 0rem;border: 0.6rem solid transparent;border-color: #888888 transparent transparent transparent;}
|
|
|
|
|
|
|
|
/* 옵션셀렉트 */
|
|
/* 옵션셀렉트 */
|
|
|
.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,
|
|
@@ -1586,13 +1503,17 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
|
|
.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{top:0; background-color:#646464;}
|
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content:after{}
|
|
.pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content:after{}
|
|
|
|
|
+.pd_listDescrp_pop .deal_list_select .list li{border-bottom:0 none;}
|
|
|
.deal_list_select .select {cursor: pointer;display: inline-block; position: relative;font-size: 1.6rem;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{background-color:#fff;}
|
|
|
.deal_list_select .list li{position: relative; border-bottom:1px solid #eeeeee;}
|
|
.deal_list_select .list li{position: relative; border-bottom:1px solid #eeeeee;}
|
|
|
|
|
+.deal_list_select .list li {position: relative; display:table; width:100%; box-sizing: border-box; z-index:1;} /* 재확인 할 것 */
|
|
|
|
|
+.deal_list_select .list li:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box; z-index:2;}
|
|
|
.deal_list_select .list li:first-child{margin-top:0;}
|
|
.deal_list_select .list li:first-child{margin-top:0;}
|
|
|
.deal_list_select .list li.selected:after{border:1px solid #fd4802;}
|
|
.deal_list_select .list li.selected:after{border:1px solid #fd4802;}
|
|
|
-.deal_list_select .list li {position: relative; display:table; width:100%; box-sizing: border-box; z-index:1;}
|
|
|
|
|
-.deal_list_select .list li:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box; z-index:2;}
|
|
|
|
|
|
|
+.deal_list_select .list>li[aria-disabled="true"] {text-decoration: line-through;background: #fff;color: #bbb;pointer-events: none;}
|
|
|
|
|
+.deal_list_select .list>li[data-soldout="true"] {pointer-events: none;}
|
|
|
|
|
+.deal_list_select .list>li[data-soldout="true"]::after {content: '품절';display: inline-block;font-size: 12px;color: #bbbbbb;position: absolute;right: 15px;top: 0;bottom: 0;}
|
|
|
.deal_list_select .list .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:102px; padding-left:88px; padding-right:1rem; box-sizing:border-box; vertical-align: middle;}
|
|
.deal_list_select .list .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:102px; padding-left:88px; padding-right:1rem; box-sizing:border-box; vertical-align: middle;}
|
|
|
.deal_list_select .list .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding:0; margin-bottom:0; width:68px; height:102px; z-index:2;}
|
|
.deal_list_select .list .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding:0; margin-bottom:0; width:68px; height:102px; z-index:2;}
|
|
|
.deal_list_select .list .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
|
|
.deal_list_select .list .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
|
|
@@ -1610,10 +1531,11 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.pd_descrp_pop .modal-body .item_blk{margin:0 -1.33rem; padding:0 1.33rem 1.33rem; border-bottom: 1px solid #eeeeee;}
|
|
.modal.pd_descrp_pop .modal-body .item_blk{margin:0 -1.33rem; padding:0 1.33rem 1.33rem; border-bottom: 1px solid #eeeeee;}
|
|
|
.modal.pd_descrp_pop .modal-body .item_blk .item_prod{border-bottom:0;}
|
|
.modal.pd_descrp_pop .modal-body .item_blk .item_prod{border-bottom:0;}
|
|
|
.modal.pd_descrp_pop .modal-body{padding-bottom:5rem;}
|
|
.modal.pd_descrp_pop .modal-body{padding-bottom:5rem;}
|
|
|
|
|
+.modal.pd_descrp_pop .mdhtml_box a{margin:0 -2rem; display:block;}
|
|
|
.modal.pd_descrp_pop .item_prod{padding-right:1.5rem; border-top:0; padding-right:0; border-bottom: 1px solid #eeeeee;}
|
|
.modal.pd_descrp_pop .item_prod{padding-right:1.5rem; border-top:0; padding-right:0; border-bottom: 1px solid #eeeeee;}
|
|
|
.modal.pd_descrp_pop .item_blk .item_prod .item_state .itemLink .itemPic {width:68px; height:102px}
|
|
.modal.pd_descrp_pop .item_blk .item_prod .item_state .itemLink .itemPic {width:68px; height:102px}
|
|
|
.modal.pd_descrp_pop .item_prod .itemLink{height: 102px; padding-left: 88px; padding-right: 1rem;}
|
|
.modal.pd_descrp_pop .item_prod .itemLink{height: 102px; padding-left: 88px; padding-right: 1rem;}
|
|
|
-.modal.pd_descrp_pop .item_prod .itemPrice_original{display:inline-block;}
|
|
|
|
|
|
|
+.modal.pd_descrp_pop .item_prod .itemPrice_original{display:inline-block;margin-left:0.6rem; margin-right:-0.6rem;}
|
|
|
.modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
|
|
.modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
|
|
|
.modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
|
|
.modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
|
|
|
.modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
|
|
.modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
|
|
@@ -1802,6 +1724,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
|
|
|
|
|
/* 핫딜 - dp_hotdeal */
|
|
/* 핫딜 - dp_hotdeal */
|
|
|
.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
|
|
.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
|
|
|
|
|
+.dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
|
|
|
.dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:1px solid #fff; white-space:nowrap; display:inline-block; text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
|
|
.dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:1px solid #fff; white-space:nowrap; display:inline-block; text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
|
|
|
.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
|
|
.dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
|
|
@@ -1854,24 +1777,38 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
|
|
|
|
|
/* 기획전 - dp_detail-case */
|
|
/* 기획전 - dp_detail-case */
|
|
|
.dp .dp_subtitle{padding-top:4rem;}
|
|
.dp .dp_subtitle{padding-top:4rem;}
|
|
|
|
|
+.dp .mid_banner{margin-top:-6rem;padding-bottom:3rem;}
|
|
|
|
|
+.dp .mid_banner .swiper-container.dp_lookbook_case1{margin-top:6rem;}
|
|
|
|
|
+.dp .dp_detail_visual .fileAdd{margin-right:1rem}
|
|
|
|
|
+.dp .dp_detail_visual .pics{margin-bottom:1rem}
|
|
|
/*.dp .dp_exhibition{background-color:#f5f5f5;}
|
|
/*.dp .dp_exhibition{background-color:#f5f5f5;}
|
|
|
.dp .dp_exhibition .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff;}
|
|
.dp .dp_exhibition .inner{padding-bottom: 4rem; margin-bottom: 1.3rem; background-color:#fff;}
|
|
|
.dp .dp_exhibition .inner:first-child{padding-bottom:0; margin-bottom:0;}
|
|
.dp .dp_exhibition .inner:first-child{padding-bottom:0; margin-bottom:0;}
|
|
|
.dp .dp_exhibition .inner:last-child{padding-bottom: 4rem;}
|
|
.dp .dp_exhibition .inner:last-child{padding-bottom: 4rem;}
|
|
|
.dp .dp_exhibition .inner.bg_gray{background-color:#f5f5f5;}*/
|
|
.dp .dp_exhibition .inner.bg_gray{background-color:#f5f5f5;}*/
|
|
|
|
|
+
|
|
|
|
|
+.dp .items_option{margin:0 -2.1rem;}
|
|
|
|
|
+.dp .items_option.fix{position:fixed; top:0; z-index:999; width:100%; left:0; margin:0; box-shadow:rgb(0 0 0 / 30%) 0px 3px 15px 0px;}
|
|
|
|
|
+.dp .items_option #filter{height:4.5rem; border:0.1rem solid #dddddd; font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
|
|
+.dp .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;} /* 재확인 */
|
|
|
|
|
+
|
|
|
|
|
+.dp .dp_listItems_wrap{padding-bottom:3rem;}
|
|
|
|
|
+.dp .dp_listItems_wrap.typeSelector{padding-bottom:3rem;margin-bottom: -1.2rem;}
|
|
|
|
|
+.dp .dp_listItems_wrap.type1 .dp_subtitle{margin-top: -4rem;}
|
|
|
.dp .dp_listItems_wrap .items_option{padding-top:0;}
|
|
.dp .dp_listItems_wrap .items_option{padding-top:0;}
|
|
|
.dp .dp_listItems_wrap .items_option .select{display:block;}
|
|
.dp .dp_listItems_wrap .items_option .select{display:block;}
|
|
|
-/*.dp .promotion_visual.type1{margin-bottom:-5.3rem;}*/
|
|
|
|
|
-.dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
|
|
|
|
|
-.dp .dp_listItems_cont .item_prod {width: 100%;}
|
|
|
|
|
-.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%}
|
|
|
|
|
-.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
|
|
|
|
|
-.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
|
|
|
|
|
|
|
+/* .dp .dp_listItems_wrap .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;} */
|
|
|
|
|
+.dp .dp_listItems_wrap .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
|
|
|
.dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:-4rem;}
|
|
.dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:-4rem;}
|
|
|
.dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
|
|
.dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
|
|
|
-.dp .mid_banner .swiper-container.dp_lookbook_case1{margin-top:6rem;}
|
|
|
|
|
.dp .dp_listItems_wrap .btn_default{margin-top:4rem;}
|
|
.dp .dp_listItems_wrap .btn_default{margin-top:4rem;}
|
|
|
.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
|
|
.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
|
|
|
|
|
+.dp .dp_listItems_cont .item_prod {width: 100%;}
|
|
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%}
|
|
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
|
|
|
|
|
+.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
|
|
|
|
|
+/*.dp .promotion_visual.type1{margin-bottom:-5.3rem;}*/
|
|
|
|
|
+.dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
|
|
|
.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
|
|
.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
|
|
@@ -1879,9 +1816,11 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
|
|
|
|
|
+.dp .promotion_visual.type2{padding-bottom:3.8rem}
|
|
|
.dp .big_banner_slide .swiper-slide img{width:100%;}
|
|
.dp .big_banner_slide .swiper-slide img{width:100%;}
|
|
|
.dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
.dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
.dp .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
.dp .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
|
|
+.dp .other_promotion_slide{padding-top:0}
|
|
|
.dp .other_promotion_slide .swiper-container{overflow:initial;}
|
|
.dp .other_promotion_slide .swiper-container{overflow:initial;}
|
|
|
/* dp_detail-case - 쿠폰 */
|
|
/* dp_detail-case - 쿠폰 */
|
|
|
.dp .coupon_list {margin-bottom:3rem;}
|
|
.dp .coupon_list {margin-bottom:3rem;}
|
|
@@ -1916,8 +1855,13 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.dp .dp_coupon .announce_txt .note_txt p{color:#666;}
|
|
.dp .dp_coupon .announce_txt .note_txt p{color:#666;}
|
|
|
.dp .dp_coupon .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
|
|
.dp .dp_coupon .announce_txt .announce_list{padding-bottom:2.7rem; padding-top:1rem;}
|
|
|
/* dp_detail-case - 리뷰 */
|
|
/* dp_detail-case - 리뷰 */
|
|
|
|
|
+.dp .dp_review_cont{padding-bottom:4rem;}
|
|
|
.dp .dp_review_cont .dp_review{text-align:center;}
|
|
.dp .dp_review_cont .dp_review{text-align:center;}
|
|
|
.dp .dp_listItems_wrap .btn{width:100%;}
|
|
.dp .dp_listItems_wrap .btn{width:100%;}
|
|
|
|
|
+.dp .dp_listItems_cont.type1{padding-bottom:3rem;}
|
|
|
|
|
+.dp .dp_listItems_cont.type2{padding-bottom:3rem;}
|
|
|
|
|
+.dp .dp_listItems_cont.type2 .swiper-container{overflow: initial;}
|
|
|
|
|
+.dp .dp_listItems_cont.type2 .swiper-wrapper{width:43%}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
|
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item02{overflow: initial;}
|
|
.dp .dp_listItems_cont.type1 .swiper-container.item02{overflow: initial;}
|
|
@@ -2035,11 +1979,24 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.dp .category_floormenu > div:nth-child(1){overflow:hidden; }
|
|
.dp .category_floormenu > div:nth-child(1){overflow:hidden; }
|
|
|
.dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
|
|
.dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
|
|
|
.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
|
|
.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
|
|
|
-
|
|
|
|
|
|
|
+/* 플롯팅 메뉴 > 구매하기 */
|
|
|
|
|
+.brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
|
|
|
+.brand_floormenu > div{float:left; color:#fff; text-align:center;}
|
|
|
|
|
+.brand_floormenu > div:nth-child(1){width:37%;}
|
|
|
|
|
+.brand_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
|
|
|
|
|
+.brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
|
|
+.brand_floormenu .share_like{overflow:hidden;}
|
|
|
|
|
+.brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
|
|
|
|
|
+.brand_floormenu .share_like > button.refresh{background:#000 url(/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
|
|
|
|
|
+.brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
|
|
|
|
|
+.brand_floormenu .prd_buy > .cantbuying{display:none;}
|
|
|
|
|
+.brand_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
|
|
|
+.brand_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
|
|
|
/* 필터기능 네비(전시공통) */
|
|
/* 필터기능 네비(전시공통) */
|
|
|
.filter_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 100; visibility:hidden;}
|
|
.filter_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 100; visibility:hidden;}
|
|
|
.filter_box.active{visibility:visible;}
|
|
.filter_box.active{visibility:visible;}
|
|
|
.filter_box.active .filter_list{right:0;}
|
|
.filter_box.active .filter_list{right:0;}
|
|
|
|
|
+.filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
|
|
|
.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
|
|
.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::after{content:''; display: block; clear:both;}
|
|
|
.filter_list .form_field{display:block;}
|
|
.filter_list .form_field{display:block;}
|
|
@@ -2127,6 +2084,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
|
|
.modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
|
|
|
/* dp_Bulletship .Bulletship_body */
|
|
/* dp_Bulletship .Bulletship_body */
|
|
|
.Bulletship_head img{width:100%;}
|
|
.Bulletship_head img{width:100%;}
|
|
|
|
|
+.Bulletship_body{padding:0 2rem;}
|
|
|
.bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
|
|
.bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
|
|
|
.bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
|
|
.bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
|
|
|
.bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
|
|
.bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
|
|
@@ -2158,7 +2116,8 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.mo-list-btn:checked,
|
|
.mo-list-btn:checked,
|
|
|
.mo-list-btn:hover {border-color:#fd4802; color:#fd4802;}
|
|
.mo-list-btn:hover {border-color:#fd4802; color:#fd4802;}
|
|
|
/* dp_Bulletship .Bulletship_foot */
|
|
/* dp_Bulletship .Bulletship_foot */
|
|
|
-.bulletship .Bulletship_foot {background-color:#f5f5f5;}
|
|
|
|
|
|
|
+.bulletship .Bulletship_foot {background-color:#f5f5f5;padding:0 2rem;}
|
|
|
|
|
+.bulletship .Bulletship_foot .clear{background:#f5f5f5; margin:4rem -2rem; padding:4rem 0 0rem 2rem;}
|
|
|
.bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
|
|
.bulletship .Bulletship_foot .inner.custom-inner {padding-bottom:0;}
|
|
|
.bulletship .Bulletship_foot ul li {display:flex;}
|
|
.bulletship .Bulletship_foot ul li {display:flex;}
|
|
|
.bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
|
|
.bulletship .Bulletship_foot ul li + li {margin:1.5rem 0;}
|
|
@@ -2354,12 +2313,20 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
|
|
.br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
|
|
|
.br .br_lookbook .inner .lb_text {padding:2rem 2rem 0}
|
|
.br .br_lookbook .inner .lb_text {padding:2rem 2rem 0}
|
|
|
.br .br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
.br .br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
|
|
+.br .br_lookbook .inner .lb_text .text_cont{display:none; height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
|
|
+.br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
|
|
|
.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; font-size: 1.2rem; border:0px none;}
|
|
.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; font-size: 1.2rem; border:0px none;}
|
|
|
.br .br_lookbook .inner .lb_text .btn > p{display:inline}
|
|
.br .br_lookbook .inner .lb_text .btn > p{display:inline}
|
|
|
.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
|
|
.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
|
|
|
.br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
|
|
.br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
|
|
|
.br .br_inlookbook .swiper-container{overflow:visible;}
|
|
.br .br_inlookbook .swiper-container{overflow:visible;}
|
|
|
.br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
|
|
.br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
|
|
|
|
|
+.br .br_inlookbook .ioTit{display:none;}
|
|
|
|
|
+.br .br_inlookbook .ioTit.active{display:block;}
|
|
|
|
|
+.br .br_inlookbook .ioBtn{display:none;}
|
|
|
|
|
+.br .br_inlookbook .ioBtn.active{display:block;}
|
|
|
|
|
+.br .br_inlookbook .itemsOut{display:none;}
|
|
|
|
|
+.br .br_inlookbook .itemsOut.active{display:block;}
|
|
|
.br .br_otherbrand .swiper-container{overflow:visible;}
|
|
.br .br_otherbrand .swiper-container{overflow:visible;}
|
|
|
.br .br_otherbrand {margin-top:1.2rem;}
|
|
.br .br_otherbrand {margin-top:1.2rem;}
|
|
|
.br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
|
|
.br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
|
|
@@ -2368,6 +2335,9 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.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 .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:1.5rem; color:#888; font-size:1.4rem; 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 */
|
|
|
|
|
+.br .brand_si{margin-top:0.1rem;}
|
|
|
|
|
+.br .brand_si .swiper-wrapper{height:0;}
|
|
|
|
|
+.br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
|
|
|
.br_search_wrap .swiper-pagination{margin:0;}
|
|
.br_search_wrap .swiper-pagination{margin:0;}
|
|
|
.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
|
|
.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
|
|
|
.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
|
|
.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
|
|
@@ -2397,6 +2367,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
|
|
.br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
|
|
|
/* 브랜드 - br_search */
|
|
/* 브랜드 - br_search */
|
|
|
.htop.br { overflow: hidden;}
|
|
.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 {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_search { margin: 0 2.5rem 0 0; }
|