퍼블 최신화

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

@@ -1945,7 +1945,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 
 /* Notch  */
-@media only screen and (min-width: 375px) and (max-width: 415px) and (min-height: 722px) and (max-height: 897px){/* footer{padding-bottom: 8rem;}  *//* footer .f1 {padding: 0 0 8.5rem;}  *//* footer .btn_top {bottom: 20.5%;} */.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.shopping_bag .od_calc_wrap{padding-bottom: 88px; background-color: #f5f5f5; background-color: #aa2020;}.cs_contactUs_my_footer,.product_floormenu,.product_floormenu.fixed{height: calc(env(safe-area-inset-bottom) + 8.8rem);height: calc(constant(safe-area-inset-bottom) + 8.8rem);background: #38c056; padding-bottom: 88px;}}footer, footer .f1 {padding-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);padding-bottom: clac(constant(safe-area-inset-bottom) + 3.5rem);}footer .btn_top {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.cs_contactUs_my_footer,.shopping_bag .od_calc_wrap,.product_floormenu,.product_floormenu.fixed{	/* background: #f5f5f5; height: 5.8rem; height: calc() + 5.8rem); height: calc() + 5.8rem); */ 	padding-bottom: constant(safe-area-inset-bottom); 	padding-bottom: env(safe-area-inset-bottom); background: #f5f5f5; background: #000000;}
+@media only screen and (min-width: 375px) and (max-width: 415px) and (min-height: 722px) and (max-height: 897px){/* footer{padding-bottom: 8rem;}  *//* footer .f1 {padding: 0 0 8.5rem;}  *//* footer .btn_top {bottom: 20.5%;} */.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.shopping_bag .od_calc_wrap{padding-bottom: 88px; background-color: #f5f5f5; background-color: #aa2020;}.cs_contactUs_my_footer,.product_floormenu,.product_floormenu.fixed{/*height: calc(env(safe-area-inset-bottom) + 8.8rem);height: calc(constant(safe-area-inset-bottom) + 8.8rem);*/background: #38c056; padding-bottom: 88px;}}footer, footer .f1 {padding-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);padding-bottom: clac(constant(safe-area-inset-bottom) + 3.5rem);}footer .btn_top {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}.my .my_delivery .inner > .btn_group,.adrsAdd_pop .modal-footer .btn,.cs_contactUs_my_footer,.shopping_bag .od_calc_wrap,.product_floormenu,.product_floormenu.fixed{	/* background: #f5f5f5; height: 5.8rem; height: calc() + 5.8rem); height: calc() + 5.8rem); */ 	padding-bottom: constant(safe-area-inset-bottom); 	padding-bottom: env(safe-area-inset-bottom); background: #f5f5f5; background: #000000;}
 
 
 /* APP ONLY */

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

@@ -11,7 +11,7 @@
 .cs .inner > p{margin-top:1rem;}
 .cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
 .cs .inner.none p{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
-.cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:bold; position:relative; margin:2rem 0 0 0;}
+.cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:600; position:relative; margin:2rem 0 0 0;}
 .cs .see_more > span{background:url(/images/mo/cs_qna_btn.png) no-repeat; text-indent:-9999px; display:block; width:2rem; position:absolute;}
 .cs .ui_row.nodata .foldGroup { display: none; }
 .cs .ui_row.nodata + .ui_foot { display: none; }
@@ -59,7 +59,7 @@
 .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 > p{text-align:center;}
-.cs ul.inquiry_box > li > p:nth-of-type(1){color:#000000; font-size:1.4rem; font-weight:bold;}
+.cs ul.inquiry_box > li > p:nth-of-type(1){color:#000000; font-size:1.4rem; font-weight:600;}
 .cs ul.inquiry_box > li > p:nth-of-type(2){margin-top:0.5rem; color:#696969; font-size:1.3rem; font-weight:500;}
 
 /* cs_faq_1 */
@@ -128,7 +128,7 @@
 
 /* cs_contactUs_my */
 .cs_contactUs_my {}
-.cs_contactUs_my .header { height: 2rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: bold; margin: 1.6rem 0;}
+.cs_contactUs_my .header { height: 2rem; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: 600; margin: 1.6rem 0;}
 .cs_contactUs_my .header .close{position: relative; height:5.2rem;}
 .cs_contactUs_my .header .close span{position:absolute; left:50%; margin-left:-0.5px; display:inline-block; width:1px; height:1.8rem; background-color:#000; transform:rotate(45deg);}
 .cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
@@ -681,7 +681,7 @@
 [class*="pd_descrp"] .view_outfit_box {}
 [class*="pd_descrp"] .view_detail_box {}
 [class*="pd_descrp"] .brand_box {padding:3rem 2rem !important; margin:6rem -2rem 0; width:auto!important; border-top:0.1rem solid #ddd; border-bottom:0.1rem solid #ddd; text-align:center; box-sizing:border-box;}
-[class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:bold;}
+[class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:600;}
 [class*="pd_descrp"] .brand_box a {display:inline-block; border:0.1rem solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 92%;}
 [class*="pd_descrp"] .required_box {margin-bottom:4.0rem;}
 [class*="pd_descrp"] .required_box .area_detail {text-align:center;} 
@@ -993,7 +993,7 @@
 .modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:1.6rem; font-weight:500;}
 .modal.pd_pop.epcoupon_pop .info_txt {margin-top:1.5rem; font-size:1.2rem;}
 .modal.pd_pop.epcoupon_pop .info_txt ul li{position:relative; padding-left:1rem;}
-.modal.pd_pop.epcoupon_pop .info_txt ul li:before{content:'·'; display:inline-block; position:absolute; left:0; top:0; font-weight:bold;}
+.modal.pd_pop.epcoupon_pop .info_txt ul li:before{content:'·'; display:inline-block; position:absolute; left:0; top:0; font-weight:600;}
 .modal.pd_pop.epcoupon_pop button span:nth-child(1){display:inline-block;}
 .modal.pd_pop.epcoupon_pop button span:nth-child(2){display:none;}
 .modal.pd_pop.epcoupon_pop button:disabled span:nth-child(1){display:none;}
@@ -1683,7 +1683,7 @@
 .dp .count_wrap:after{display:block; content:''; clear:both;}
 .dp .count_wrap div:nth-child(1) {float:left;}
 .dp .count_wrap div:nth-child(1) p {font-size:1.2rem; color:#888;}
-.dp .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
+.dp .count_wrap div:nth-child(1) p span {color:#fd4802; font-weight:600;}
 .dp .count_wrap div::nth-child(2) {float: right; }
 .dp .count_wrap div::nth-child(2) ul {display: flex;}
 .dp .count_wrap div::nth-child(2) ul li {margin-left:2rem;}
@@ -1717,10 +1717,10 @@
 .dp .dp_outlets .outlets_visual img {width: 100%;}
 .dp .dp_outlets .outlets_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 .dp_outlets .outlets_visual .swiper-pagination-current {font-weight: 600;}
-.dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: #222;}
+.dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #222;}
 .dp .dp_outlets .outlets_visual .txtWrap.w {color: #fff;}
-.dp .dp_outlets .outlets_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2;}
-.dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
+.dp .dp_outlets .outlets_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 .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .dp_outlets .dp_cate_list {margin:-1.2rem 0;}
 .dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
 .dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:1px solid #ddd; box-sizing:border-box; }
@@ -1759,7 +1759,7 @@
 .dp .dp_lookbook .event_con li .ev_img {position: relative; padding-bottom:100%; margin-bottom:2rem; }
 .dp .dp_lookbook .event_con li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
 .dp .dp_lookbook .event_con li .ev_txt .brand {margin-bottom:0.5rem; font-size:1.1rem; color: #888; font-weight: 300;}
-.dp .dp_lookbook .event_con li .ev_txt .tit {font-size:1.4rem; color: #000; font-weight: 500;}
+.dp .dp_lookbook .event_con li .ev_txt .tit {font-size:1.4rem; color: #000; font-weight: 500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .dp .dp_lookbook_item{}
 .dp .dp_lookbook_item img{width:100%;}
 .dp .dp_lookbook_item .txt .tit{    display: -webkit-box;
@@ -1812,14 +1812,14 @@
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape:after{display:none;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 7;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 8;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size:1.4rem; color:#fff; font-weight:bold; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height:23.4rem;; z-index: 99; text-align: center;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size:1.4rem; color:#fff; font-weight:600; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height:23.4rem;; z-index: 99; text-align: center;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape{position:relative;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {margin:1.5rem 0 0.5rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {position: relative; top:-6rem; margin:0;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {margin:0 0 4rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice {margin:0;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice_original {margin:0 0 0.7rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPercent {margin:0; font-size:1.8rem; font-weight:bold;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPercent {margin:0; font-size:1.8rem; font-weight:600;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
@@ -2277,7 +2277,7 @@
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:7rem; height:10.5rem;}
 /* 룩북픽커 공통 */
 .br .br_main .br_lookbook .recommendedArea{margin-top:0;}
-.br .br_lookbook .recommendedArea{margin-top:-3rem;}
+.br .br_lookbook .recommendedArea{margin-top:-1.2rem;}
 .br .recommendedArea .area_slider {position:relative;}
 .br .recommendedArea .area_slider.pic_img .page {position:relative; box-sizing: border-box;}
 .br .recommendedArea .area_slider.pic_img .page::after {content:''; clear:both; display:block;}
@@ -2291,6 +2291,7 @@
 /* br 공통*/
 .br .br_main .inner{padding-bottom:4rem;}
 .br .br_main .inner:last-child{padding-bottom:6rem;}
+.br .br_main .inner .swiper-container {margin-bottom: -2rem;}
 .br .br_subtitle{margin-bottom: 2.4rem; font-size: 2.1rem; font-weight: 500; text-align: center;}
 .br .br_main .item_prod {width:100%;}
 .br .br_main .itemsGrp{font-size:0;}
@@ -2310,15 +2311,15 @@
 /* br_main *
 /* br_main - 메인배너&info */
 .br .br_main .submain_visual img {width: 100%;}
-.br .br_main .submain_visual .swiper-pagination-fraction {position:absolute; 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;}
+.br .br_main .submain_visual .swiper-pagination-fraction {position:absolute; 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;}.br .br_main .br_top_info > p:nth-of-type(1)
 .br .br_main .submain_visual .swiper-pagination-current {font-weight: 600;}
-.br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: #222;}
+.br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; right: 2rem; bottom: 9rem; color: #222;}
 .br .br_main .submain_visual .txtWrap.w {color: #fff;}
-.br .br_main .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2;}
-.br .br_main .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
-.br .br_main .br_top_info{position:relative; margin-top:-1rem;}
+.br .br_main .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;}
+.br .br_main .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
+.br .br_main .br_top_info{position:relative; margin-top:-1rem; padding-top: 2rem;}
 .br .br_main .br_top_info .br_subtitle{text-align:left;}
-.br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:bold;}
+.br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
 .br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
 .br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
 /* br_main - new_item */
@@ -2378,7 +2379,7 @@
 .br_lookbook .collection {margin-bottom:4rem;}
 .br_lookbook .collection figure {position:relative; display:block; margin: 0 auto; width: 100%; padding-bottom:100%; margin: 0 0 2rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
 .br_lookbook .collection figure img {position:absolute; left:0; top:0; width: 100%; height: auto; }
-.br_lookbook .collection p {font-size: 1.4rem;}
+.br_lookbook .collection p {font-size: 1.4rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
 .br .last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 0.1rem solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
 .br .last_page.mt50{padding-top:2rem;}
 .br_lookbook .inner:last-child {padding-bottom: 0;}
@@ -2386,24 +2387,25 @@
 .br_lookbook .no_lb_wrap p { text-align: center; font-size: 1.2rem; color: #a7a7a7; margin: 0 0 2.4rem;}
 .br_lookbook .no_lb_wrap .btn { font-size: 1.2rem; height: 3rem; }
 /* 브랜드 - 룩북 detail */
-.br .br_lookbook .br_subtitle {font-size:1.6rem;}
+/* .br .br_lookbook .br_subtitle {font-size:1.6rem;} */
 .br .br_lookbook{background-color:#f5f5f5;}
 .br .br_lookbook .inner{background-color:#fff;}
-.br .br_lookbook .collection_title{padding-bottom:2rem; font-size: 1.4rem; font-weight: 500; color:#222;}
+/* .br .br_lookbook .inner:first-child {padding-top: 0;} */
+.br .br_lookbook .collection_title{ font-size: 1.4rem; font-weight: 500; color:#222; padding-top: 1.6rem; margin-top: -3rem;}
 .br .br_lookbook .title { font-size: 1.3rem; font-weight: 300; color:#888; margin-bottom:2rem;}
-.br .br_lookbook .title em{color:#222; font-weight:500;}
+.br .br_lookbook .title em{color:#222; font-weight:500; margin-right: 0.4rem;}
 .br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
-.br .br_lookbook .inner .lb_text {padding:2rem 2rem;min-height: 11.2rem;}
+.br .br_lookbook .inner .lb_text {padding:2rem 2rem 1rem;}
 .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: auto;overflow: hidden; 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: auto;overflow: hidden; overflow: hidden; margin: 0 0 2rem; 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; margin-bottom: -2rem; 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; margin-bottom: 0; font-size: 1.2rem; border:0px none;}
 .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_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
 .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 .ioTit{display:none;}
+.br .br_inlookbook .ioTit{display:none; font-size: 1.4rem;}
 .br .br_inlookbook .ioTit.active{display:block;}
 .br .br_inlookbook .ioBtn{display:none;}
 .br .br_inlookbook .ioBtn.active{display:block;}
@@ -2411,6 +2413,7 @@
 .br .br_inlookbook .itemsOut.active{display:block;}
 .br .br_otherbrand .swiper-container{overflow:visible;}
 .br .br_otherbrand {margin-top:1.2rem;}
+.br .br_otherbrand .br_subtitle {font-size: 1.6rem;}
 .br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
 .br .br_otherbrand .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
 .br .br_otherbrand .txt {margin-top:1rem; padding:0px 0.5rem 0px;}
@@ -2498,7 +2501,7 @@
 .sch .sch_result .store_product > h3{padding:4rem 0 2rem; font-size:1.5rem;}
 
 .sch .sch_result .store_product.no-slide .filter-list{margin:4rem 0 0}
-.sch .sch_result .store_product.no-slide > h1{font-size:1.8rem; margin-bottom:2.3rem; font-weight:bold;}
+.sch .sch_result .store_product.no-slide > h1{font-size:1.8rem; margin-bottom:2.3rem; font-weight:600;}
 .sch .sch_result .store_product.no-slide .item_prod{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
 .sch .sch_result .store_product.no-slide .item_prod:nth-of-type(even){float:right;}
 .sch .sch_result .store_product.no-slide .item_prod .s-text{margin-top:1.5rem}
@@ -2516,7 +2519,7 @@
 
 .filter-list{display:flex; justify-content:space-between; font-size:1.2rem; margin-top: 1.8rem;}
 .filter-list .f_left h3 {font-size: 1.6rem; font-weight: 500;}
-.filter-list .f_left > span{color:#fd4802; font-weight:bold;}
+.filter-list .f_left > span{color:#fd4802; font-weight:600;}
 .filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888; font-weight: 300;}
 .filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url(/images/mo/ico_btn_detail.png) no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
 .filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
@@ -2690,7 +2693,7 @@
 .sch .count_wrap:after{display:block; content:''; clear:both;}
 .sch .count_wrap > div:nth-child(1) {float:left;}
 .sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
-.sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
+.sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:600;}
 .sch .count_wrap > div:nth-child(2) {float: right; }
 
 .sch .sch_util{display:block; float:right; text-align:right; font-size: 0;}

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

@@ -306,20 +306,20 @@
 .post-visual .swiper-slide img::after{content: '';position: absolute;width: 150px;height: 150px;bottom: 30px;right: 30px;background: #fff;border: 0px;box-sizing: border-box;transform: rotate(135deg);box-shadow: 0 -25px 10px -7px rgba(0,0,0,0.20);background: linear-gradient(135deg, #fff 106px, transparent 0);}
 .post-visual .swiper-slide::after {content: '';position: absolute;top: 0;bottom: 15px;left: 10px;width: 100%;height: 100%;z-index: -1;}  
 
-.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 7.0rem;left: 2.0rem;right: auto;z-index: 1;} 
+.post-visual .txtWrap{position: absolute;padding-left: 0.0rem;top: auto;bottom: 9.0rem;left: 2.0rem;right: 2rem;z-index: 1;} 
 .post-visual .txtWrap dl {color: #222;}
 .post-visual .txtWrap dl.w {color: #fff;}
 .post-visual .txtWrap dt {font-size: 1.5rem;font-weight: 200;line-height: 3.6rem;}
-.post-visual .txtWrap dd {padding-bottom: 5px;font-size: 2.9rem;line-height: 3.6rem;}
-.post-visual .txtWrap dd.txt_xs {font-size: 1.5rem;margin-top: 0.6rem;}
+.post-visual .txtWrap dd {margin-bottom: 0.5rem;font-size: 2.9rem;line-height: 3.6rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
+.post-visual .txtWrap dd.txt_xs {font-size: 1.4rem;margin-top: 1.6rem; -webkit-line-clamp: 1;}
 
 .main_stylereport {padding: 0rem 0 8.0rem 0;}
 .main_stylereport .titWrap{padding:4rem 0 2rem 0}
 .main_stylereport a {display:block;text-align: left;color: #222222;}
 .main_stylereport img {width: 100%;height: auto;object-fit: cover;}
 .main_stylereport dl {padding:0 1.0rem;}
-.main_stylereport dt {font-size: 1.6rem;font-weight:400;padding: 1.4rem 0 0.4rem 0;}
-.main_stylereport dd {font-size: 1.3rem;font-weight:200;line-height: 2.0rem;display: inline-block;}
+.main_stylereport dt {font-size: 1.6rem;font-weight:400;margin: 1.4rem 0 0.4rem 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
+.main_stylereport dd {font-size: 1.3rem;font-weight:200;line-height: 2.0rem;display: inline-block; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
 .post-stylereport {overflow: visible;display: block;height: auto;}
 .post-stylereport .swiper-pagination{bottom: -5.5rem;}
 
@@ -1703,9 +1703,9 @@ main.dp .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; bottom: 9rem; color: fff;}
-.dp .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
-.dp .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
+.dp .submain_visual .txtWrap {position: absolute; left: 2rem; right:2rem; bottom: 9rem; color: #fff;}
+.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 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;}
 .dp .sub_category .cate_wrap.on {max-height:100% !important;}
@@ -2596,7 +2596,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 #daumZipcodePop .modal-content {margin-top:5rem;}
 
 /* popup_메인공지 FULL */
-.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:90000; width: 100%; height: 100%; overflow-y:auto; background: #222;}
+.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:90000; width: 100%; height: 100%; overflow-y:auto; background: #222; z-index: 100;}
 .popup_main_notice .swiper-button-prev,
 .popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:6.0rem; height:6.0rem; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
 .popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;}
@@ -2608,20 +2608,16 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .popup_main_notice .popup_content .popup_body .swiper-container {height: 100%;}
 .popup_main_notice .popup_content .popup_body .swiper-slide {position: relative;}
 .popup_main_notice .popup_content .popup_body .swiper-slide img {width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); height: auto;}
-.popup_main_notice .popup_content .popup_footer {position: fixed; left:0; bottom:0; width: 100%; background:#222; height: 6rem; padding: 2.2rem;}
-.popup_main_notice .popup_content .popup_footer::after {content:''; clear:both; display:block;}
-.popup_main_notice .popup_content .popup_footer a.btn_underline {float:left; color:#888; font-size:1.3rem; font-weight:200; border-color:#888;}
-.popup_main_notice .popup_content .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}
+.popup_main_notice .popup_footer {position: fixed; left:0; bottom:0; z-index: 10; width: 100%; background:#222; height: 6rem; padding: 2.2rem;}
+.popup_main_notice .popup_footer::after {content:''; clear:both; display:block;}
+.popup_main_notice .popup_footer a.btn_underline {float:left; color:#888; font-size:1.3rem; font-weight:200; border-color:#888;}
+.popup_main_notice .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}
 
 .popup_main_notice .popup_body.onlyNotice .swiper-button-prev,
 .popup_main_notice .popup_body.onlyNotice .swiper-button-next {display:none;}
 
 .popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: 43%; bottom:auto; width:auto; left: 5.55%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current {font-weight: 600;}
-.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current:before {content:'0';}
-.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current.on:before {content:'';}
-.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-total:before {content:'0';}
-.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-total.on:before {content:'';}
 
 /* popup_메인공지 HALF */
 .popup_main_notice.half {background: rgba(0,0,0,.9); height: auto;}

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

@@ -1060,10 +1060,9 @@ input[type="file"] {
   display: inline !important;float: left;margin: 0 10px 0 0;width: 150px;height:150px;
   border: 1px solid #dddddd;box-sizing: border-box;position: relative;
 }
-
 .pics.mov {position: relative;}
 .pics.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(221,221,221,1) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:1;}
-
+.imgUpload .pics{float: right;}
 .picsThumbs {
   width: auto;height: auto;max-height: 148px;max-width: 148px;margin: auto 0;
   position: absolute;top: 50%;bottom: auto;left: 50%;right: 0;

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

@@ -566,7 +566,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort {display:none; position: relative; padding: 40px 35px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
 .filter_content .sort.on {display:block;}
 .filter_content .sort .tap_close {position: absolute; bottom: 30px; right: 40px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(/images/pc/ico_pop_cls.png);  background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 98;}
-.filter_content .sort > ul {max-height: 350px; /*overflow-y: auto;*/}
+.filter_content .sort > ul {max-height: 350px;overflow-y: auto;}
 .filter_content .sort label span {color:#666; font-size:14px; font-weight:300;}
 .filter_content .sort label input:checked + span {color:#fd4802; font-weight:500;}
 .filter_content .sort.tap01 > ul {position: relative;}
@@ -578,15 +578,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort.tap01 ul li a:hover {color:#fd4802;}
 .filter_content .sort.tap01 ul li.noDepth.on > a {color:#fd4802;}
 .filter_content .sort.tap01 ul li.noDepth.on > a::after {content:''; position:absolute; top:0; right:-18px; border-style:solid; border-width:5px; border-color:transparent transparent transparent #fd4802;}
-.filter_content .sort.tap02 {padding-left:0; padding-right:0;}
+.filter_content .sort.tap02 { padding-right:0;}
 .filter_content .sort.tap02 ul::after {content:''; display: block; clear:both;}
-.filter_content .sort.tap02 ul li {float:left; padding-left:40px; padding-right:40px; margin-bottom:20px;}
-.filter_content .sort.tap03 ul li {position: relative; border-bottom: 1px solid #ccc; padding-left: 100px;}
+.filter_content .sort.tap02 ul li {float:left; /*padding-left:40px;*/ padding-right:40px; margin-bottom:20px;}
+.filter_content .sort.tap03 {padding-right:0;}
+.filter_content .sort.tap03 ul li {position: relative; border-bottom: 1px solid #ccc; padding-left: 100px;padding-top: 30px;padding-bottom: 30px;}
 .filter_content .sort.tap03 ul li::after {content: ''; display: block; clear: both;}
-.filter_content .sort.tap03 ul li:first-child {padding-bottom: 30px;}
+.filter_content .sort.tap03 ul li:first-child {padding-top: 0px;padding-bottom: 30px;}
 .filter_content .sort.tap03 ul li:first-child strong {top: 2px;}
-.filter_content .sort.tap03 ul li:nth-child(2) {padding-top: 30px;padding-bottom: 30px;}
-.filter_content .sort.tap03 ul li:last-child {padding-top: 30px; border: none;}
+.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}
@@ -660,7 +660,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort.tap09 ul::after {content:''; display: block; clear: both;}
 .filter_content .sort.tap06 ul li,
 .filter_content .sort.tap07 ul li,
-.filter_content .sort.tap09 ul li {float: left; margin-right: 48px;}
+.filter_content .sort.tap09 ul li {float: left; margin-right: 48px;margin-bottom: 20px;}
 .filter_content .sort.tap06 ul li:last-child,
 .filter_content .sort.tap07 ul li:last-child,
 .filter_content .sort.tap09 ul li:last-child {margin-right: 0;}

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

@@ -312,8 +312,8 @@
 .main_stylereport .cont_body a {text-align:center;color:#222222;}
 .main_stylereport .cont_body img {width:100%; height:auto; object-fit:cover;}
 .main_stylereport .cont_body dl {}
-.main_stylereport .cont_body dt {font-size:24px; font-weight:300; padding:25px 0 17px 0;}
-.main_stylereport .cont_body dd {font-size:16px; font-weight:200; line-height:26px;}
+.main_stylereport .cont_body dt {font-size:24px; font-weight:300; margin:25px 0 17px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
+.main_stylereport .cont_body dd {font-size:16px; font-weight:200; line-height:26px; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
 @media screen and (max-width:1460px) {
 	
 }

src/main/webapp/ux/pc/js/common-ui.js

@@ -560,30 +560,30 @@ $(document).ready( function() {
 
 	// 210611_ 개발 사용 불가, 스크립트 제거
 	//팝업 - 상품썸네일 크게보기
-	// $(document).on('click','.pd_detail .area_pic .thumb_list_wrap ul li a',function(e){
-	// 	$('body').addClass('lock');
-	// 	$("#pdItemThumbPop .full_pop_container").empty();
-	// 	var thumbIndex = $(this).index() + 1;
-	// 	var thumbImglength = $('.pd_detail .area_pic .thumb_list_wrap ul li').length;
-	// 	var popThumbImgHtml = "";
-	// 	for (i = 1; i <= thumbImglength; i++) {
-	// 		//var thumbImg = $(this).find('img');
-	// 		var thumbContentHtml = $('.pd_detail .area_pic .thumb_list_wrap ul li:nth-child('+i+') a .thumb').html();
-	// 		popThumbImgHtml += "<div id=popThumb"+i+" class='scaleview'>" + thumbContentHtml + "</div>";
-	// 	}
-	// 	$("#pdItemThumbPop .full_pop_container").append(popThumbImgHtml);
-	// 	$("#pdItemThumbPop").show(); 
+	$(document).on('click','.pd_detail .area_pic .thumb_list_wrap ul li a',function(e){
+		$('body').addClass('lock');
+		// $("#pdItemThumbPop .full_pop_container").empty();
+		var thumbIndex = $(this).index() + 1;
+		var thumbImglength = $('.pd_detail .area_pic .thumb_list_wrap ul li').length;
+		var popThumbImgHtml = "";
+		// for (i = 1; i <= thumbImglength; i++) {
+		// 	//var thumbImg = $(this).find('img');
+		// 	var thumbContentHtml = $('.pd_detail .area_pic .thumb_list_wrap ul li:nth-child('+i+') a .thumb').html();
+		// 	popThumbImgHtml += "<div id=popThumb"+i+" class='scaleview'>" + thumbContentHtml + "</div>";
+		// }
+		// $("#pdItemThumbPop .full_pop_container").append(popThumbImgHtml);
+		$("#pdItemThumbPop").show(); 
 	
-	// 	var scrollThumbPop = $('#popThumb'+thumbIndex).offset().top;
-	// 	var currentTop = $(window).scrollTop();
-	// 	$('#pdItemThumbPop').animate({scrollTop : scrollThumbPop - currentTop}, 1000);
-	// 	return false;
-	// }).on('click','#btn_close_itemThumbPop, .pd_itemthumb_pop .scaleview img',function(e){
-	// 	$("#pdItemThumbPop").scrollTop(0);
-	// 	$("#pdItemThumbPop").hide(); 
-	// 	$('body').removeClass('lock');
-	// 	return false;
-	// });			                
+		var scrollThumbPop = $('#popThumb'+thumbIndex).offset().top;
+		var currentTop = $(window).scrollTop();
+		$('#pdItemThumbPop').animate({scrollTop : scrollThumbPop - currentTop}, 1000);
+		return false;
+	}).on('click','#btn_close_itemThumbPop, .pd_itemthumb_pop .scaleview img',function(e){
+		$("#pdItemThumbPop").scrollTop(0);
+		$("#pdItemThumbPop").hide(); 
+		$('body').removeClass('lock');
+		return false;
+	});			                
 
 	// 상품 대표설명 > 좌측 상품썸네일 navi, 우측 상품정보 고정 
 	$(window).scroll(function(){