|
|
@@ -7,14 +7,13 @@ body {min-width:1360px; overflow-x:auto;}
|
|
|
/* header */
|
|
|
header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
|
|
|
header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; background:inherit;}
|
|
|
-header .common_header {}
|
|
|
.common_header{position:relative; background:#222222;color:#ffffff;min-width:1360px; box-sizing:border-box;}
|
|
|
.common_header > * {color:#ffffff;}
|
|
|
/*.common_header::before {content:''; position:absolute; left:0; right:0; bottom:-100px; width:100%; height:100px; background:inherit; z-index:1;}*/
|
|
|
.common_header .hd_top_banner {position: relative; z-index: 101; text-align:center;}
|
|
|
.common_header .hd_top_banner .close_bnr_area {position:absolute; right:50px; top:15px; z-index:9;}
|
|
|
.common_header .hd_top_banner .close_bnr_area::after {content:''; clear:both; display:block;}
|
|
|
-.common_header .hd_top_banner .close_bnr_area .form_wrap {float:left; display:inline-block;}
|
|
|
+.common_header .hd_top_banner .close_bnr_area .form_wrap {display:inline-block;}
|
|
|
.common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label:before {top:50%; transform:translateY(-50%); background:url('/images/pc/chk_top_banner.png'); background-position:0 0;}
|
|
|
.common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%); background:url('/images/pc/chk_top_banner.png'); background-position:100% 0;}
|
|
|
.common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label {margin-top:4px; color:#fff; font-size:15px; font-weight:200; line-height:1; vertical-align:top;}
|
|
|
@@ -25,7 +24,6 @@ header .common_header {}
|
|
|
.common_header .hd_top_banner > div a > img {display:inline-block; text-align:center; max-width:1120px;}
|
|
|
.common_header .hd_top_banner .bnrtype_text {min-height:50px;}
|
|
|
.common_header .hd_top_banner .bnrtype_text a {padding-top:15px; padding-bottom:15px;}
|
|
|
-.common_header .hd_top_banner .bnrtype_img {}
|
|
|
.common_header .hd_top_banner .bnrtype_open {z-index:1;}
|
|
|
.common_header .hd_top_banner .bnrtype_open .btn_toggle_bnr {position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); width:40px; height:40px; background:url('/images/pc/btn_open_bnr.png') no-repeat; background-position:50% 100%; font-size:1px; text-indent:-999px; overflow:hidden; z-index:10;}
|
|
|
.common_header .hd_top_banner .bnrtype_open a .open_bnr_area {display:none; width:100%; max-width:2000px;}
|
|
|
@@ -37,11 +35,9 @@ header .common_header {}
|
|
|
.common_header .hd_top_banner .bnrtype_open.fixed .btn_toggle_bnr {background-position:50% 0%;}
|
|
|
.common_header > .area{/*max-width: 1780px; margin:0 auto;*/ background:#222; height: 98px;padding:0 70px;position: relative; z-index: 99;}
|
|
|
.common_header > .area:after{content: ''; display: block; clear: both;}
|
|
|
-.common_header > .area .logo {}
|
|
|
.common_header .logo {float:left; margin-top:35px;}
|
|
|
.common_header .logo h1 {margin:0; font-size:0;}
|
|
|
.common_header .logo .ico_logo:before {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
|
|
|
-.common_header > .area .util_group{}
|
|
|
.common_header .util_group{overflow:hidden; float:right; margin-top:42px}
|
|
|
.common_header .util_group span{float:left; position:relative; padding:0px 5px;}
|
|
|
.common_header .util_group span::after{content:''; display:block; width:1px; height:8px; background:#4e4e4e; position:absolute; top:50%; right:0; left:auto; transform:translateY(-50%);}
|
|
|
@@ -52,8 +48,7 @@ header .common_header {}
|
|
|
.gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative; z-index:100; min-width: 1360px;box-sizing:border-box;}
|
|
|
.gnb::after {content: ''; display: block; clear: both;}
|
|
|
.gnb .nav {float:left; margin-left:-24px;}
|
|
|
-.gnb .nav .bundle {float:left; display:inline-block; padding:0 10px;}
|
|
|
-.gnb .nav .bundle.btn_home {}
|
|
|
+.gnb .nav .bundle {float:left; padding:0 10px;}
|
|
|
.gnb .nav .bundle > li {float:left; padding:0px 14px;}
|
|
|
.gnb .nav .bundle > li > a {display:block; color:#ffffff; font-size:19px; font-weight: 300; letter-spacing: -.025em; box-sizing:border-box;padding:0px; line-height:1; -webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
|
|
|
.gnb .nav .bundle > li > a:hover,
|
|
|
@@ -63,7 +58,6 @@ header .common_header {}
|
|
|
.gnb .nav .bundle > li > a {position: relative;}
|
|
|
.gnb .nav .bundle > li:last-child > a::after{content: ''; display: block; width: 1px; height: 18px; background: #4e4e4e; position: absolute; top:50%; bottom:auto; right: -20px; left:auto; transform: translateY(-50%);}
|
|
|
.gnb .nav .bundle:last-child > li > a::after{content: ''; display: none;}
|
|
|
-.gnb .nav .bundle > li > .depth_menu {}
|
|
|
.depth_menu {position:absolute; top:80px; left:0; width:100%; background:#fff; color:#222; z-index:150; display:none;}
|
|
|
.depth_menu::after {content:''; display: block; clear:both;}
|
|
|
.depth_menu .head_category {position:relative; float:left; width: 68.75%;padding:50px 70px;padding: 50px 70px 50px 240px;}
|
|
|
@@ -71,7 +65,6 @@ header .common_header {}
|
|
|
.depth_menu .head_category .tit p {font-size: 24px; font-weight:500; margin-bottom:20px;}
|
|
|
.depth_menu .head_category .tit a {font-size: 16px; color: #888; padding-right: 14px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 2px;}
|
|
|
.depth_menu .head_category .tit a:after {display:none;}
|
|
|
-.depth_menu .head_category .menu {}
|
|
|
.depth_menu .head_category .menu ul.maintabs {position:relative; width:25%; border-left: 1px solid #ddd;min-height: 320px;}
|
|
|
ul.maintabs li {padding-left:40px; padding-top:20px;}
|
|
|
ul.maintabs li:first-child {padding-top:0}
|
|
|
@@ -107,7 +100,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.depth_menu.brand .head_category .menu .row {width: 100%; border-bottom: 1px solid #ddd; padding:30px 0;}
|
|
|
.depth_menu.brand .head_category .menu .row:first-child {padding-top: 0;}
|
|
|
.depth_menu.brand .head_category .menu .row p {font-size: 18px; font-weight: 500; margin-bottom: 25px;}
|
|
|
-.depth_menu.brand .head_category .menu .row ul {}
|
|
|
.depth_menu.brand .head_category .menu .row ul:after {content:''; display: block; clear:both;}
|
|
|
.depth_menu.brand .head_category .menu .row ul li {margin-left:4px; width:182px;}
|
|
|
.depth_menu.brand .head_category .menu .row ul li:first-child {margin-left:0}
|
|
|
@@ -154,7 +146,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
}
|
|
|
|
|
|
/* 상단비쥬얼 페이지경로 겹칠때*/
|
|
|
-.omitt {}
|
|
|
.omitt .breadcrumb{position: relative;z-index: 10; max-width:1920px;}
|
|
|
.omitt .breadcrumb ul li,.omitt .breadcrumb ul li a{color: #ffffff !important;}
|
|
|
.omitt .breadcrumb ul li::before{background: url(/images/pc/ico_bread_root_w.png)no-repeat center center;}
|
|
|
@@ -193,7 +184,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_search .cont_search .area_input {border-bottom:2px solid #222;}
|
|
|
.common_search .cont_search .area_input input[type='text'] {width:calc(100% - 30px); height:54px; border:none; color:#222; font-size:30px; padding-left:0;}
|
|
|
.common_search .cont_search .area_input .ico_search:before {width:26px; height:26px; background-image:url('/images/pc/ico_search_faq.png');}
|
|
|
-.common_search .cont_search .area_result {}
|
|
|
.common_search .cont_search .area_result .empty_box {display: block; margin-top:80px;}
|
|
|
.common_search .empty_box .nodata {color:#666; font-size:16px; font-weight:300; line-height:26px; text-align:center;}
|
|
|
.common_search .empty_box .nodata::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
|
|
|
@@ -296,7 +286,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_footer .service_support .connect .cs_box span.tel {font-size:18px;font-weight: 300;}
|
|
|
.common_footer .service_support .connect .cs_box span.fax,
|
|
|
.common_footer .service_support .connect .cs_box span.mail {color:#888; font-size:14px;font-weight: 200;}
|
|
|
-.common_footer .service_support .connect .sns_box {}
|
|
|
.common_footer .service_support .connect .sns_box a {display:inline-block; width:20px; height:20px; background:no-repeat url('/images/pc/ico_ft_sns.png');}
|
|
|
.common_footer .service_support .connect .sns_box a.fbook {background-position:0 0;}
|
|
|
.common_footer .service_support .connect .sns_box a.insta {background-position:-20px 0;}
|
|
|
@@ -304,7 +293,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_footer .service_support .connect .isms_box p {padding:5px 0 5px 60px; background:no-repeat url('/images/pc/ico_ft_isms.png') 5px 3px;}
|
|
|
.common_footer .corporation_info {position:relative; min-height:30px; color:#888; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
|
|
|
.common_footer .corporation_info .ft_cpinfo {margin-top:27px;}
|
|
|
-.common_footer .corporation_info .ft_cpinfo dl {}
|
|
|
.common_footer .corporation_info .ft_cpinfo dl dt {font-weight:500;}
|
|
|
.common_footer .corporation_info .ft_cpinfo dl dd {font-weight:200;}
|
|
|
.common_footer .corporation_info .ft_cpinfo dl dd span {margin-right:10px;}
|
|
|
@@ -468,8 +456,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
|
|
|
-#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
|
|
|
-#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down {}
|
|
|
+#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px;}
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
|
|
|
#quick_menu .coupon #coupon_type01 .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
|
|
|
@@ -525,7 +512,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.container .count_wrap div:nth-child(1) p {color:#888;}
|
|
|
.container .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:300;}
|
|
|
.container .count_wrap div:nth-child(2) {float:right;}
|
|
|
-.container .count_wrap div:nth-child(2) ul {}
|
|
|
.container .count_wrap div:nth-child(2) ul::after {content:''; clear:both; display:block;}
|
|
|
.container .count_wrap div:nth-child(2) ul li {float:left; position:relative; padding-left:32px;}
|
|
|
.container .count_wrap div:nth-child(2) ul li a {color:#888; font-size:14px; font-weight:200;}
|
|
|
@@ -591,8 +577,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.filter_content .sort.tap03 ul li:last-child {padding-top: 30px;padding-bottom: 0px; border: none;}
|
|
|
.filter_content .sort.tap03 ul li strong {/*margin-right:40px;*/width:100px;color:#222; font-weight:300; height: 21px;float: left; position: absolute; top: 32px; left: 0;}
|
|
|
.filter_content .sort.tap03 ul li label {color:#666; margin-right:40px; margin-bottom: 3px; line-height: 1.4; display: inline-block; word-break:keep-all;position:relative;}
|
|
|
-.filter_content .sort.tap03 ul li label:last-child {margin-right:0}
|
|
|
-.filter_content .sort.tap03 ul li label span {}
|
|
|
+.filter_content .sort.tap03 ul li label:last-child {margin-right:0;}
|
|
|
.filter_content .sort.tap03 ul li .size_btn,
|
|
|
.filter_content .sort.tap02 ul li .brand_btn,
|
|
|
.filter_content .sort.tap06 ul li .Age_btn,
|
|
|
@@ -622,7 +607,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.filter_content .sort.tap04 ul li input:checked + label span:first-child::before {content:''; position: absolute; width: 208px; height: 2px; top:2px; right:100%; background: #fd4802; z-index: -1; }
|
|
|
.filter_content .sort.tap04 .range {width:1000px; margin: 0 auto;}
|
|
|
.filter_content .irs {font-family: 'LATO', 'Noto Sans kr', sans-serif;}
|
|
|
-.range .irs--round.irs-with-grid {}
|
|
|
.range .irs--round .irs-from,
|
|
|
.range .irs--round .irs-to,
|
|
|
.range .irs--round .irs-single {background-color: #fff; color:#222; display: none;}
|
|
|
@@ -677,7 +661,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.fillter {display: none; position: relative; padding: 25px 20px; padding-bottom: 10px; padding-right: 115px; background: #f5f5f5; border:1px solid #ddd; border-top: 0;}
|
|
|
.fillter::after,
|
|
|
.fillter .fillter_box::after {content:''; display: block; clear:both;}
|
|
|
-.fillter .fillter_box > span {float:left; display:inline-block; position:relative; padding-right:20px; margin-right:30px; margin-bottom:10px; vertical-align:middle; color:#666; font-size:14px; font-weight:500; line-height:1;}
|
|
|
+.fillter .fillter_box > span {float:left; position:relative; padding-right:20px; margin-right:30px; margin-bottom:10px; vertical-align:middle; color:#666; font-size:14px; font-weight:500; line-height:1;}
|
|
|
.fillter .fillter_box [class*="pdColor"] {position: relative; display: inline-block; width:13px; height: 13px; /*cursor: pointer;*/ margin-right: 0; margin-bottom: 0; padding-right: 0;}
|
|
|
.fillter .fillter_box [class*="pdColor"]:before { content: ""; display: inline-block; width: 13px; height: 13px; border-radius: 50%; box-sizing: border-box; }
|
|
|
.fillter .fillter_box [class*="pdColor"] + .filter_delete {top:1px}
|
|
|
@@ -737,17 +721,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.area_top_list_info .total_count {font-size:16px; color:#888; font-weight:200;}
|
|
|
.area_top_list_info .total_count span {color:#fd4802; font-weight:300;}
|
|
|
.area_top_list_info .ui_right {position:absolute; right:0; top:50%; transform:translateY(-50%);}
|
|
|
-.area_thumb_list {}
|
|
|
-.area_thumb_list .thumb_list {}
|
|
|
-.area_thumb_list .thumb_list ul {}
|
|
|
-.area_thumb_list .thumb_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:70px}
|
|
|
-.area_thumb_list .thumb_list ul li:nth-child(4n-3){margin-left:0}
|
|
|
-.area_thumb_list .thumb_list ul li:nth-child(-n+4) {margin-top:0}
|
|
|
+.area_thumb_list .thumb_list ul li {float:left; width:calc((100% - 60px)/4); margin-left:20px; margin-top:70px;}
|
|
|
+.area_thumb_list .thumb_list ul li:nth-child(4n-3){margin-left:0;}
|
|
|
+.area_thumb_list .thumb_list ul li:nth-child(-n+4) {margin-top:0;}
|
|
|
.area_thumb_list .thumb_list ul li a {display:block; position:relative;}
|
|
|
.area_thumb_list .thumb_list ul li a .rank {z-index:2;}
|
|
|
.area_thumb_list .thumb_list ul li a .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
|
|
|
-.area_thumb_list .thumb_list ul li a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
|
|
|
-.area_thumb_list .thumb_list ul li a .txt {margin-top:15px; padding:0px 5px 0px}
|
|
|
+.area_thumb_list .thumb_list ul li a .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1;}
|
|
|
+.area_thumb_list .thumb_list ul li a .txt {margin-top:15px; padding:0px 5px 0px;}
|
|
|
.area_thumb_list .thumb_list ul li a .txt .title {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:68px; line-height:34px; color:#222; font-weight:500; font-size:24px; word-break:keep-all; white-space:normal;}
|
|
|
.area_thumb_list .thumb_list ul li a .txt .date {display:block; margin-top:15px; color:#888; font-size:14px; font-weight:300;}
|
|
|
.area_thumb_list .nodata {padding:80px 0 100px; text-align:center;}
|
|
|
@@ -788,7 +769,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
#br_header.minify .common_header > .area,
|
|
|
#br_header.minify .common_header > .gnb {padding-left:70px; padding-right:70px;}
|
|
|
/*.container.dp .wrap {padding-left:70px; padding-right:70px;}*/
|
|
|
- .container .wrap {}
|
|
|
.container.dp.omitt .wrap {padding: 0;}
|
|
|
.container.dp.omitt .list_content {padding: 0 70px;}
|
|
|
}
|
|
|
@@ -866,7 +846,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.lnb_foot {padding-top:30px; line-height:1;}
|
|
|
.lnb_foot ul li {margin-bottom:20px;}
|
|
|
.lnb_foot ul li p {color:#222; font-weight:300; font-size:14px; line-height:1;}
|
|
|
-.lnb_foot ul li:nth-child(1) p {}
|
|
|
.lnb_foot ul li:nth-child(2) p {font-size:28px; font-weight:800;}
|
|
|
.lnb_foot ul li:nth-child(3) p {color:#888; line-height:20px;}
|
|
|
|
|
|
@@ -877,7 +856,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
|
|
|
|
|
|
/* 상품리스트 > 상품 form */
|
|
|
-.item_gd {}
|
|
|
.item_gd figure {padding:0; margin:0}
|
|
|
.item_gd figure a {display:block; position:relative;}
|
|
|
.item_gd figure::after {clear:both; display:block; content:'';}
|
|
|
@@ -895,7 +873,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.item_gd span.thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); bottom:0; width:100%; z-index:2;}
|
|
|
|
|
|
/* 상품리스트 slide */
|
|
|
-.item_slide {}
|
|
|
.item_slide .item_gd {padding:0 10px}
|
|
|
.item_slide .item_gd figcaption {padding:0 5px}
|
|
|
.item_slide .item_gd a .brand {margin-top:20px;}
|
|
|
@@ -974,14 +951,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.tbl.type6 table td dl dd .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
|
|
|
.tbl.type6 table td dl .price {font-size:22px; font-weight:700;}
|
|
|
.tbl.type6 table td dl .price em {font-size:24px;}
|
|
|
-.tbl.type6 table td dl .price .oder_total_price {color:#222}
|
|
|
-.tbl.type6 table td dl .price .pay_total_price {color:#fd4802}
|
|
|
-.tbl.type6 table td dl .price .return_total_price {color:#fd4802}
|
|
|
+.tbl.type6 table td dl .price .oder_total_price {color:#222;}
|
|
|
+.tbl.type6 table td dl .price .pay_total_price {color:#fd4802;}
|
|
|
+.tbl.type6 table td dl .price .return_total_price {color:#fd4802;}
|
|
|
.tbl.type6 table td dl .save_point {position:relative; padding-left:22px;}
|
|
|
.tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
|
|
|
.tbl.type6 table td dl > div {margin-top:20px;}
|
|
|
.tbl.type6 table td dl > div:first-child {margin-top:0px}
|
|
|
-.tbl.type6 table td dl > div.include_item {}
|
|
|
.tbl.type6 table td dl > div.include_item dt {padding-left:15px; background:url('/images/pc/ico_bracket2.png') no-repeat 0 50%;}
|
|
|
|
|
|
/* 테이블 내용 나열 폼 */
|
|
|
@@ -1009,13 +985,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.tbl.scroll_tbl .head_t td {font-weight: 400;}
|
|
|
.tbl.scroll_tbl .head_t + .body_t {width: 75% !important;}
|
|
|
.tbl.scroll_tbl .body_t {float:left; width: 100% !important; display: block; white-space: nowrap; overflow-x: auto;}
|
|
|
-.tbl.scroll_tbl .body_t td {}
|
|
|
|
|
|
/* 별점노출 */
|
|
|
.star_score {position:relative; height:14px;}
|
|
|
.star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
|
|
|
.star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
-.star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
|
|
|
+.star_score .star .progbar {display:inline-block; height:14px; background:#fd4802;}
|
|
|
.star_score .score {color:#222; font-size:16px; font-weight:200; line-height:1;}
|
|
|
.star_score .score em {font-weight:500;}
|
|
|
|
|
|
@@ -1075,7 +1050,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.part_deliver table .info_item .thumb_box a {display:block; background:#f5f5f5;}
|
|
|
.part_deliver table .info_item .info_box {padding-left:30px; padding-right:30px;}
|
|
|
.part_deliver table .info_item .info_box > * {line-height:1;}
|
|
|
-.part_deliver table .info_item .info_box .od_name {}
|
|
|
.part_deliver table .info_item .info_box .od_name a {display:block;}
|
|
|
.part_deliver table .info_item .info_box .od_name span {display:inline-block; line-height:1;}
|
|
|
.part_deliver table .info_item .info_box .od_name .brand {color:#888; font-size:14px; font-weight:200;}
|
|
|
@@ -1112,18 +1086,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.part_deliver table .info_calc .point {margin-top:10px; margin-bottom:15px; color:#888; font-size:14px; font-weight:200;}
|
|
|
.part_deliver table .info_calc .util {display:inline-block; margin-top:10px}
|
|
|
.part_deliver table .info_calc .util::after {content:''; clear:both; display:block;}
|
|
|
-.part_deliver table .info_calc .util > span {float:left; display:inline-block; position:relative; margin-left:24px;}
|
|
|
+.part_deliver table .info_calc .util > span {float:left; position:relative; margin-left:24px;}
|
|
|
.part_deliver table .info_calc .util > span::before {content:''; position:absolute; left:-13px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
|
|
|
.part_deliver table .info_calc .util > span:first-child {margin-left:0;}
|
|
|
.part_deliver table .info_calc .util > span:first-child::before {display:none;}
|
|
|
.part_deliver table .info_calc .util button {position:relative; display:inline-block;}
|
|
|
-.part_deliver table .info_calc .util button.btn_favorite {}
|
|
|
-.part_deliver table .info_calc .util button.btn_delete {}
|
|
|
-.part_deliver table .info_dlvr {}
|
|
|
.part_deliver table .info_dlvr .dlvr_fee {display:block; color:#222; font-size:18px; font-weight:300;}
|
|
|
.part_deliver table .info_dlvr .dlvr_shop {display:block; margin-top:12px; color:#666; font-size:14px; font-weight:200;}
|
|
|
.part_deliver table .info_dlvr a {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
|
|
|
-.part_deliver table .info_item.unable {}
|
|
|
.part_deliver table .info_item.unable .info_unable {display:block; padding:20px 0 0 0; color:#fd4802; font-size:14px;}
|
|
|
.part_deliver table .info_item.unable .info_calc .btn {opacity:1; background-color:#aaa; color:#fff; border-color:#aaa;}
|
|
|
|
|
|
@@ -1149,7 +1119,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.goods_foot .order_delivery [class^="dlvr_"] {position:relative; display:inline-block; padding:0px 18px;}
|
|
|
.goods_foot .order_delivery [class^="dlvr_"]::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#ddd;}
|
|
|
.goods_foot .order_delivery [class^="dlvr_"]:first-child::before {display:none;}
|
|
|
-.goods_foot .order_delivery .dlvr_fee {}
|
|
|
.goods_foot .order_delivery .dlvr_shop {color:#666;}
|
|
|
.goods_foot .order_delivery a.btn_popup_save {position:absolute; right:40px; top:25px; display:inline-block; padding-right:20px; color:#fd4802; font-size:12px; font-weight:200; line-height:14px; text-decoration:underline; background:url('/images/pc/ico_go_save.png') no-repeat 98% 50%;}
|
|
|
|
|
|
@@ -1173,7 +1142,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.goods_info .order_desc .goods_box .gd_item .thumb img {position:relative; width:100%; top:50%; transform:translateY(-50%);}
|
|
|
.goods_info .order_desc .goods_box .gd_item .buy_date {display:block; margin-bottom:16px; color:#222; font-size:16px; font-weight:300;}
|
|
|
.goods_info .order_desc .goods_box .gd_item .name {float:none; display:block; display:-webkit-box; width:100%; height:auto; max-height:40px; margin-top:15px; color:#222; font-size:16px; font-weight:300; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
|
|
|
-.goods_info .order_desc .goods_box .gd_item .brand {float:left; display:inline-block; margin-right:10px; color:#888; font-size:14px; font-weight:200;}
|
|
|
+.goods_info .order_desc .goods_box .gd_item .brand {float:left;margin-right:10px; color:#888; font-size:14px; font-weight:200;}
|
|
|
.goods_info .order_desc .goods_box .gd_item .tag {float:left; margin-right:6px; margin-top:-5px;}
|
|
|
.goods_info .order_desc .goods_box .gd_item.soldout .thumb:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 14px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 142px; z-index: 20; text-align: center;}
|
|
|
.goods_info .order_desc .goods_box .gd_opt {margin-top:15px;}
|
|
|
@@ -1451,7 +1420,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.login .help_block .captcha .captcha_area label { display: block; width: 100%; margin:-8px 0 4px 0;}
|
|
|
.login .login_check {margin:15px 0 0;}
|
|
|
.login .login_check::after {content:''; display: block; clear:both;}
|
|
|
- .login .login_check .form_field {float:left; display:inline-block; width:59%; text-align:left}
|
|
|
+ .login .login_check .form_field {float:left; width:59%; text-align:left}
|
|
|
.login .login_check .form_field input[type="checkbox"] + label {font-size:16px; font-weight:200; line-height:1;}
|
|
|
.login .login_check .form_field input[type="checkbox"] + label:before,
|
|
|
.login .login_check .form_field input[type="checkbox"] + label::after {top:50%; transform:translateY(-50%);}
|
|
|
@@ -1726,7 +1695,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .dp_category .cont_body {text-align:center;}
|
|
|
.dp .dp_category .dp_cate_list {width:1370px; display:inline-block; margin-top:-10px}
|
|
|
.dp .dp_category .dp_cate_list:after {content:''; display: block; clear: both;}
|
|
|
- .dp .dp_category .dp_cate_list a {float:left; display:inline-block; width:calc((100% - 50px) / 6); height:60px; margin-left:10px; margin-top:10px; padding:21px 25px 0; border:1px solid #ddd; border-radius:30px; color:#666; font-size:18px; font-weight:500; text-align:left; background:#fff url('/images/pc/ico_more_lg.png') no-repeat 90% 50%; line-height:1;}
|
|
|
+ .dp .dp_category .dp_cate_list a {float:left; width:calc((100% - 50px) / 6); height:60px; margin-left:10px; margin-top:10px; padding:21px 25px 0; border:1px solid #ddd; border-radius:30px; color:#666; font-size:18px; font-weight:500; text-align:left; background:#fff url('/images/pc/ico_more_lg.png') no-repeat 90% 50%; line-height:1;}
|
|
|
.dp .dp_category .dp_cate_list a:nth-child(6n-5) {margin-left:0;}
|
|
|
|
|
|
/* dp_submain 상단배너 스크롤바 슬라이드 */
|
|
|
@@ -1746,9 +1715,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .new_item .item_state {padding:0;}
|
|
|
.dp .new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;}
|
|
|
.dp .new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
|
|
|
- .dp .new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12)}
|
|
|
+ .dp .new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
|
|
|
.dp .new_item .swiper-button-next,
|
|
|
- .dp .new_item .swiper-button-prev {margin-top:-150px}
|
|
|
+ .dp .new_item .swiper-button-prev {margin-top:-150px;}
|
|
|
.dp .new_item .swiper-button-next {right:0px;}
|
|
|
.dp .new_item .swiper-button-prev {left:0px;}
|
|
|
.dp .new_item .swiper-pagination {position:relative; margin-top:60px;}
|
|
|
@@ -1778,7 +1747,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp_best .dp_best_live::after {content: ''; display: block;clear: both;}
|
|
|
.dp_best .dp_best_live .sec_head {float:left; position:relative; width:260px; line-height: 1.2;}
|
|
|
.dp_best .dp_best_live .sec_head .displayH {margin-top:20px; text-align:left; font-size:30px; line-height:40px; font-weight:500;}
|
|
|
- .dp_best .dp_best_live .sec_head .displayH span {color:#fd4800}
|
|
|
+ .dp_best .dp_best_live .sec_head .displayH span {color:#fd4800;}
|
|
|
.dp_best .dp_best_live .sec_head button {margin-top:20px; color:#888; font-weight: 300; padding-right: 20px; position: relative;}
|
|
|
.dp_best .dp_best_live .sec_head button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
|
|
|
.dp_best .dp_best_live .sec_body{float: left; width:calc(100% - 260px);}
|
|
|
@@ -1916,16 +1885,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
/* dp_기획전상세 : 리얼후기 */
|
|
|
.dp .dp_review {margin-top:60px; margin-bottom:60px; padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
|
|
|
.dp_review .cont_body {padding-left:70px; padding-right:70px;}
|
|
|
- .dp_review .review_list {}
|
|
|
.dp_review .review_list::after {content:''; display:block; clear:both;}
|
|
|
- .dp_review .review_list .reviw_box {float:left; width:calc((100% - 80px)/5); margin-right:20px; margin-bottom: 20px; background:#fff; }
|
|
|
- .dp_review .review_list .reviw_box:nth-child(5n) {margin-right:0}
|
|
|
- .dp_review .review_list .reviw_box .best_review {}
|
|
|
+ .dp_review .review_list .reviw_box {float:left; width:calc((100% - 80px)/5); margin-right:20px; margin-bottom: 20px; background:#fff;}
|
|
|
+ .dp_review .review_list .reviw_box:nth-child(5n) {margin-right:0;}
|
|
|
.dp_review .review_list .reviw_box .best_review .pic .thumb {display:block; position:relative; width:100%; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
.dp_review .review_list .reviw_box .best_review .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;}
|
|
|
.dp_review .review_list .reviw_box .best_review .star_score {height:auto; padding:30px 30px 0;}
|
|
|
- .dp_review .review_list .reviw_box .best_review .star_score .star {}
|
|
|
- .dp_review .review_list .reviw_box .best_review .star_score .ico {}
|
|
|
.dp_review .review_list .reviw_box .best_review .txt_best_review {padding:15px 30px 0;}
|
|
|
.dp_review .review_list .reviw_box .best_review .txt_best_review p {height:72px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
|
|
|
.dp_review .review_list .reviw_box .best_review .info_writer {padding:15px 30px 30px;}
|
|
|
@@ -2024,7 +1989,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .other_promotion_slide .txt .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0; min-height:50px; max-height:50px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 1.5; color: #222; font-weight: 300; word-break: keep-all;}
|
|
|
|
|
|
/* dp_hotdeal 타임딜 리스트 */
|
|
|
- .dp .dp_hotdeal {}
|
|
|
.dp_hotdeal .hotdeal {position: relative; width:100%; margin-bottom: 120px; overflow:hidden; /*height: 378px; background: url(/images/pc/thumb/hotdeal_bg2.jpg)no-repeat center center;*/}
|
|
|
.dp_hotdeal .hotdeal > img {display:block; position:relative; left:50%; top:0; transform:translateX(-50%);}
|
|
|
.dp_hotdeal .hotdeal #countdown{text-align: center; margin: auto; position: absolute; font-size: 0; width:auto; top:256px; left:50%; margin-left: 75px; transform: translateX(-50%);}
|
|
|
@@ -2038,12 +2002,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp_hotdeal .itemsGrp.rowtype {width:100%; margin:-20px 0 0 0;}
|
|
|
.dp_hotdeal .itemsGrp.rowtype .itemSpecialPrice {display:block; margin-bottom:20px;}
|
|
|
.dp_hotdeal .itemsGrp.rowtype .itemSpecialPrice span {display:inline-block; height:34px; padding:10px 18px; background:#fd4802; color:#fff; font-size:16px; font-weight:300; line-height:1; overflow:hidden; border-radius:20px;}
|
|
|
- .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {}
|
|
|
- .dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {}
|
|
|
- .dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {}
|
|
|
|
|
|
/* dp_event_list 룩북 리스트 */
|
|
|
- .dp .event_list {}
|
|
|
.dp .event_list .event_top {position: relative; margin-bottom: 30px; height: 40px;}
|
|
|
.dp .event_list .event_top:after {content:''; clear:both; display: block;}
|
|
|
.dp .event_list .event_top .count {width: 130px; font-size: 16px; font-weight: 200; color: #888; display: inline-block; padding-top: 20px;}
|
|
|
@@ -2087,8 +2047,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .event_list .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
|
|
|
|
|
|
/* dp_bulletship 총알배송 */
|
|
|
- .dp .dp_Bulletship {}
|
|
|
- .dp_Bulletship .bulletship {}
|
|
|
.bulletship {width:100%;}
|
|
|
.bulletship .bulletship_head {width:100%; overflow:hidden;}
|
|
|
.bulletship .bulletship_head img {position:relative; left:50%; transform:translateX(-50%);}
|
|
|
@@ -2100,10 +2058,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.bulletship .bulletship_body .txt_result > p:nth-child(2) span {color:#fd4802;}
|
|
|
.bulletship .bulletship_body .bullet_able,
|
|
|
.bulletship .bulletship_body .normal_able {display:block; margin-top:40px; padding:20px 110px; background:#f5f5f5; color:#666; font-size:20px; font-weight:200; line-height:30px; word-break:keep-all;}
|
|
|
- .bulletship .bulletship_body .bulletshop_btn {}
|
|
|
- .bulletship .bulletship_body .txt_result > p:nth-child(2) + .bulletshop_btn {margin-top:50px}
|
|
|
+ .bulletship .bulletship_body .txt_result > p:nth-child(2) + .bulletshop_btn {margin-top:50px;}
|
|
|
.bulletship .bulletship_body .bullet_able + .bulletshop_btn,
|
|
|
- .bulletship .bulletship_body .normal_able + .bulletshop_btn {margin-top:30px}
|
|
|
+ .bulletship .bulletship_body .normal_able + .bulletshop_btn {margin-top:30px;}
|
|
|
.bulletship .bulletship_body .bulletshop_btn .btn {height:80px; border:1px solid #a7a7a7; color:#222; font-size:22px; font-weight:500;}
|
|
|
.bulletship .bulletship_body .bulletshop_btn + P {margin-top:30px; padding-bottom:10px; color:#666; font-size:20px; font-weight:200;}
|
|
|
.bulletship .bulletship_foot {margin-left:70px; margin-right:70px; overflow:hidden;}
|
|
|
@@ -2210,7 +2167,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
|
|
|
.od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
|
|
|
.od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
|
|
|
- .od .od_side .area_order .tit_box span {float:right; display:inline-block; margin-top:6px; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:top}
|
|
|
+ .od .od_side .area_order .tit_box span {float:right; display:inline; margin-top:6px; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:top}
|
|
|
.od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
|
|
|
.od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
|
|
|
.od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
|
|
|
@@ -2669,7 +2626,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_detail .thumb img,
|
|
|
.pd_detail .thumb video {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
|
|
|
.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
|
|
|
- .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none;}
|
|
|
+ .pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none;left: -83.45%;width: 185%;}
|
|
|
.pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
|
|
|
.pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
|
|
|
|
|
|
@@ -3024,7 +2981,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
|
|
|
.pd_recommend .area_slider .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
.pd_recommend .area_slider .page .item_wrap {position:absolute; right:0; top:0; width:50%; height:100%;}
|
|
|
- .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:65px 80px; box-sizing:border-box; vertical-align:middle;}
|
|
|
+ .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:65px 80px; box-sizing:border-box;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 30px;color:#222;font-size:20px;font-weight:500;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 140px); overflow-y:auto;}
|
|
|
@@ -3412,7 +3369,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
|
|
|
.modal[class*="reviewdetail_pop"] .detail .review .thumblist {}
|
|
|
.modal[class*="reviewdetail_pop"] .detail .review .thumblist ul {height:50px; width:max-content;}
|
|
|
- .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:;}
|
|
|
+ .modal[class*="reviewdetail_pop"] .detail .review .thumblist ul::after {content:''; clear:both; display:block;}
|
|
|
.modal[class*="reviewdetail_pop"] .detail .review .thumblist li {float:left; margin-right:8px;}
|
|
|
.modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
|
|
|
.modal[class*="reviewdetail_pop"] .detail .review .thumblist li .pic .thumb img,
|
|
|
@@ -3551,14 +3508,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.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"]:checked + label:after {top:50%; transform:translateY(-50%);}
|
|
|
- .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline-block; position:relative; width:auto; max-width:600px;}
|
|
|
+ .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline; position:relative; width:auto; max-width:600px;}
|
|
|
.pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
|
|
|
.pd_qnalist .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
|
|
|
.pd_qnalist .qna_list .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
|
|
|
.pd_qnalist .qna_list .case1 .my_qna .fold_head,
|
|
|
.pd_qnalist .qna_list .case1 .my_qna .fold_head.on,
|
|
|
.pd_qnalist .qna_list .case1 .my_qna .fold_detail {background:#fff6f2;}
|
|
|
- .pd_qnalist .qna_list .fold_head .fold_tit .ico {float:left; display:inline-block; width:auto; height:auto; margin-left:12px;}
|
|
|
+ .pd_qnalist .qna_list .fold_head .fold_tit .ico {float:left; display:inline; width:auto; height:auto; margin-left:12px;}
|
|
|
.pd_qnalist .qna_list .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; width:47px; height:22px; border:1px solid #fd4802; color:#fd4802; font-size:12px; text-align:center; box-sizing:border-box; line-height:20px; margin-top:-3px}
|
|
|
.pd_qnalist .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%;}
|
|
|
@media screen and (max-width:1459px) {
|
|
|
@@ -3622,7 +3579,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
|
|
|
- .pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio {width:calc(100% - 40px); height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
@@ -3635,7 +3592,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_review .area_rv_average .info_review p {float:left; position:relative; padding-left:60px; font-weight:300;}
|
|
|
.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:40px; height:40px; margin-right:20px; background:url('/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
.pd_review .area_rv_average .info_review p span {font-weight:500;}
|
|
|
- .pd_review .area_rv_average .info_review dl {float:right; display:inline-block;}
|
|
|
+ .pd_review .area_rv_average .info_review dl {float:right; display:inline;}
|
|
|
.pd_review .area_rv_average .info_review dl::after {content:''; clear:both; display:block;}
|
|
|
.pd_review .area_rv_average .info_review dl div {margin-left:60px}
|
|
|
.pd_review .area_rv_average .info_review dl div:first-child {margin-left:0}
|
|
|
@@ -4123,7 +4080,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.my .myReviewList {}
|
|
|
.my .myReviewList .check_notice {}
|
|
|
.my .myReviewList .check_notice p::after {content:''; display:block; clear:both;}
|
|
|
- .my .myReviewList .check_notice a {float:right; display:inline-block; padding-right:14px; color:#222; font-size:14px; background:url('/images/pc/ico_ft_arrow.png') no-repeat 98% 0px;}
|
|
|
+ .my .myReviewList .check_notice a {float:right; display:inline; padding-right:14px; color:#222; font-size:14px; background:url('/images/pc/ico_ft_arrow.png') no-repeat 98% 0px;}
|
|
|
.my .myReviewList .taps {margin-top:60px; margin-bottom:40px}
|
|
|
.my .myReviewList .area_list {margin-top:60px}
|
|
|
.my .myReviewList .area_list .part_goods {border:none; border-bottom:1px solid #ddd}
|
|
|
@@ -4345,7 +4302,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.ev_list .area_top_list_info .ui_right .btn {height:40px; padding:12px 20px; font-size:14px; font-weight:300; border:1px solid #a7a7a7;}
|
|
|
.ev_list .area_top_list_info .ui_right .btn span {display:inline-block; padding-right:17px; vertical-align:top; line-height:1; background:url('/images/pc/ico_more_sm.png') no-repeat 100% 50%;}
|
|
|
.ev_list .ev_mem_rank {position:relative; background:#f5f5f5; padding:60px 100px; margin-top:60px; margin-bottom:100px;}
|
|
|
- .ev_list .ev_mem_rank .txt {float:left; display:inline-block;}
|
|
|
+ .ev_list .ev_mem_rank .txt {float:left; display:inline;}
|
|
|
.ev_list .ev_mem_rank .txt strong {display:block; font-size: 20px; font-weight: 700;}
|
|
|
.ev_list .ev_mem_rank .txt p {font-size:30px; line-height:40px; color:#666; margin:10px 0 25px;}
|
|
|
.ev_list .ev_mem_rank .txt .btn {width:152px; height:42px; font-size:14px; font-weight:300; padding:14px 10px 0; line-height:1;}
|
|
|
@@ -4578,7 +4535,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
/* popup_비밀번호 변경 팝업 */
|
|
|
.modal.pswordModify_pop {width:600px; max-width:none; height:auto;}
|
|
|
.modal.pswordModify_pop input {color:#222;}
|
|
|
- .modal.pswordModify_pop .input_label {float:left; display:inline-block; width:150px; margin-top:14px; line-height:1; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
|
|
|
+ .modal.pswordModify_pop .input_label {float:left; display:inline; width:150px; margin-top:14px; line-height:1; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
|
|
|
.modal.pswordModify_pop .input_wrap {float:left; width:calc(100% - 150px);}
|
|
|
.modal.pswordModify_pop .form_field {display:block; margin-top:10px}
|
|
|
.modal.pswordModify_pop .form_field:first-child {margin-top:0;}
|
|
|
@@ -4707,7 +4664,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.optModify_pop .form_field,
|
|
|
.modal.optModify_pop .form_field > div {display:block; width:100%;}
|
|
|
.modal.optModify_pop .opt_header {margin-bottom:18px; font-size:14px;}
|
|
|
- .modal.optModify_pop .opt_header > span {float:left; display:inline-block;}
|
|
|
+ .modal.optModify_pop .opt_header > span {float:left; display:inline;}
|
|
|
.modal.optModify_pop .opt_header .title {color:#222; font-weight:500}
|
|
|
.modal.optModify_pop .opt_header .color {margin-left:20px; color:#666; font-weight:200;}
|
|
|
.modal.optModify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
|
|
|
@@ -4906,7 +4863,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.contact_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
.modal.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
|
|
|
.modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
- .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
+ .modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
|
|
|
.modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
.modal.contact_img_pop .swiper-button-prev::after,
|
|
|
.modal.contact_img_pop .swiper-button-next::after {content: '';}
|
|
|
@@ -4927,7 +4884,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.thumb_img_pop .swiper-slide .pop_img .picsThumbs {max-width:none; max-height:none; width: 100%; height: 100%;}
|
|
|
.modal.thumb_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
|
|
|
.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
- .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
+ .modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802;}
|
|
|
.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
.modal.thumb_img_pop .swiper-button-prev::after,
|
|
|
.modal.thumb_img_pop .swiper-button-next::after {content: '';}
|
|
|
@@ -4947,7 +4904,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .item_state {display: table; padding-left: 310px; padding-right: 55px; padding-bottom: 0; width: 100%; min-height:390px;}
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; width: 260px; height:390px; padding:0; background: #f9f9f9;}
|
|
|
- .modal.lookbook_item_pop .itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; text-align: center;}
|
|
|
+ /* .modal.lookbook_item_pop .itemsGrp .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; text-align: center;} */
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size: 14px; font-weight: 300;}
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size: 18px; font-weight: 300; line-height: 28px; height:56px;}
|
|
|
.modal.lookbook_item_pop .itemsGrp .item_prod .itemPrice {font-size: 26px; line-height: 1; font-weight: 500; margin:0;}
|
card007