퍼블 css

src/main/webapp/ux/mo/css/layout_m.css

@@ -475,6 +475,10 @@
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
 .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
+.pd_detail .thumb_box .swiper-button-next {right: 2rem;}
+.pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+.pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
 .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
@@ -622,6 +626,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 > 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 .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
 [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
 [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;}
@@ -828,7 +833,7 @@
 /* 상품상세 및 상품상세딜_옵션선택팝업 */
 .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
 .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
 .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}

src/main/webapp/ux/mo/css/style24_m.css

@@ -185,6 +185,7 @@
 .main_trendy .item_prod:nth-child(even) {padding-right: 0;}
 .main_it {position: relative;padding-bottom: 4rem;}
 .main_it::after {content: '';display: block;clear: both;}
+.main_it .titWrap {padding:4rem 0 2rem;}
 .main_it .it_nav {display: flex;padding: 0 0.8rem; margin-bottom: 0.8rem; height: 5rem;line-height: 5rem;justify-content: center;}
 .main_it .swiper-scrollbar {margin: 0; background: #ddd !important; height: 0.2rem;}
 .main_it .swiper-scrollbar-drag {background:#222222 !important;}
@@ -226,6 +227,7 @@
 .main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
 .main_deal .item_prod .itemPrice {color: #ffffff;}
 /* slide nav */
+.main_pick .titWrap {padding:4rem 0 2rem 0;}
 .main_pick .inner_head {padding: 0 0 0.9rem 0;position: relative;}
 .main_pick .inner_head .pick-head{padding: 0; box-sizing: border-box;overflow: visible;}
 .main_pick .inner_head .pick-head .swiper-wrapper{transform: translate3d(0, 0, 0);}
@@ -796,7 +798,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .part_goods .goods_detail .thumb_box::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 2;}
 .part_goods .goods_detail .thumb_box a {display:block; height: 100%;}
 .part_goods .goods_detail .thumb_box a::after { content: "";display: block; position: absolute; top:0; left: 0; width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
-.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
+.part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3;}
 .part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
 .part_goods .goods_detail .info_box .od_name a {display:block;}
 .part_goods .goods_detail .info_box .od_name .name {display:inline-block; font-size: 1.3rem; line-height:1.4; margin:0.3rem 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
@@ -1382,8 +1384,9 @@ main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
 .dp .submain_visual img {width: 100%;}
 .dp .submain_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .dp .submain_visual .swiper-pagination-current {font-weight: 600;}
-.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #fff; z-index: 1;}
-.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
+.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #222; z-index: 1;}
+.dp .submain_visual .txtWrap.w {color: #fff;}
+.dp .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .sub_category {padding:2.4rem 0; position: relative;}
 .dp .sub_category .cate_wrap {margin:0 -0.4rem; height: auto; overflow:hidden;}

src/main/webapp/ux/pc/css/layout.css

@@ -213,7 +213,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
 .common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px;}
 .common_search .default_box .realtime_blk .modify_timer 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;}
-.common_search .realtime_wrap {margin:0 -10px;}
+.common_search .realtime_wrap {margin:0 -10px; padding-bottom:20px; white-space: nowrap; overflow-x:auto;}
 .common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
 .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
 .common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}
@@ -1621,7 +1621,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
 	.dp .sticky_nav ul li:last-child::after {display: none;}
 	.dp .sticky_nav ul li::after {content:''; position: absolute; top:50%; right: 0; transform: translateY(-50%); width:1px; height: 14px; background: #ddd;}
-	.dp .sticky_nav ul li a {font-weight: 500;}
+	.dp .sticky_nav ul li a {font-size: 16px; font-weight: 500;}
 	.dp .sticky_nav ul li a.active {color:#fd4800;}
 	.dp .sticky_nav_list .list_content .item_header {padding-top:50px;}
 	.dp .sticky_nav_list .list_content .item_header h4 {margin-bottom:60px;}
@@ -1638,7 +1638,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* dp_submain 상단배너 스크롤바 슬라이드 */
 	.dp .dp_submain {position:relative;}
 	.dp .dp_submain .swiper-container .img {position: relative;width: 100%;margin-bottom: 0;padding-top: 100%;font-size: 0px;overflow: hidden;}
-	.dp .dp_submain .swiper-container .img img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
+	.dp .dp_submain .swiper-container .img img {position: absolute;width: 100%;height: auto; max-width:430px; top: 50%;left: 0px;transform: translateY(-50%);}
 	.dp .dp_submain .swiper-container .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
 	.dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
 	.dp .dp_submain .swiper-controls {margin-top:60px;}
@@ -2792,6 +2792,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	[class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em;}
 	[class*="pd_descrp"] .descrp_box > div > p {font-size:16px; font-weight:200; line-height:1.5; word-break:keep-all;}
 	[class*="pd_descrp"] .mdhtml_box {margin-top:80px;text-align: center;}
+	[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:32px; font-weight:300; text-align:center; margin-top: 40px;}
 	[class*="pd_descrp"] .mdhtml_box p{text-align: center;}
 	[class*="pd_descrp"] .mdhtml_box img {max-width:100%;}
 	[class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}