퍼블 최신화

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

@@ -887,6 +887,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
 .tabbar .tabbar-inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; padding: 0.6rem 2.0rem;}
 .tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url(/images/mo/ico_tabbar.png) no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
+.tabbar .tabbar-inner [class*=btn-]:after{content: ''; display: block;padding: 3.5rem;margin: -0.5rem -2.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-menu{background-position: 0.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-my{background-position: -3.2rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-home{background-position: -6.7rem;}
@@ -899,8 +900,8 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴 */
 #menuFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
 #menuFull.on{ height: 100%; visibility: visible; top: 0;}
-.menu_cls {position: absolute;top: 2.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_pop_cls.png);}
-.appSett {position: absolute;top: 2.4rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_app_setting.png);}
+.menu_cls {position: absolute;top: 1.8rem;right: 2.0rem;display: block;width: 1.6rem;height: 1.6rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_pop_cls.png);}
+.appSett {position: absolute;top: 1.6rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(/images/mo/ico_app_setting.png);}
 .fullHead {height: 5.2rem;}
 .fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
 .fullHead a {display: inline-block;}
@@ -910,6 +911,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .fullBody .inner .flow{display: inline-block;width: 100%;height: 100%;vertical-align: top;padding:2.5rem 0;}
 .fullBody .fullCate::after{content: '';display: block;width: 100%;height: 1.2rem;background-color: #f5f5f5;}
 .fullBody .inner .flow li{width:49.0%;height:3.1333rem;line-height:3.1333rem;padding:0 0 0 2rem;border: 0;box-sizing: border-box;text-align: left;display: inline-block;}
+.fullBody .inner .flow li a{width: 100%; height:auto; display:block;}
 .fullBody .inner .flow span{font-size: 1.333rem;color: #666666;}
 .fullBody .inner:last-child .btn_group{position: fixed;bottom: 0;left: auto; right: auto;}
 .fullBody .btn_group {margin: 0;}
@@ -1316,9 +1318,10 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .container.btPop_open .btPop .btPop_close{
   opacity: 1;position: absolute;z-index: 98;
   top:-3.8rem;left:50%;transform: translate(-50%);display:block;border: 0;
-  width:2.7rem;height:2.7rem;text-indent:-999.9rem;background-size:contain;
+  width:2.7rem;height:2.7rem;text-indent:-999.9rem;background-size:1.6rem;
   background-repeat:no-repeat;background-position:center center;
   background-image: url('/images/mo/ico_pop_cls.png');background-color: transparent;
+  padding: 2rem;
 }
 .container.btPop_open .btPop {top: 0;/* top: auto; top: 55%;*/}
 .container.btPop_full_open::after,

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

@@ -45,12 +45,12 @@
 .cs .fold_nav {width:100%;}
 .cs .fold_nav ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; /*margin-top:-1.2rem*/}
 .cs .fold_nav ul li {margin:0.4rem 0.4rem 0 0;}
-.cs .fold_nav ul li a {display:inline-block;padding:1rem 1.6rem;border: 0.1rem solid #ddd;font-size:1.2rem;font-weight: 300;line-height: 1; letter-spacing:-0.025em; border-radius:2rem;}
+.cs .fold_nav ul li a {display:inline-block;padding:1rem 1.6rem;border: 0.1rem solid #ddd;font-size:1.2rem;font-weight: 300;line-height: 1; letter-spacing:-0.025em; border-radius:5rem;}
 .cs .fold_nav ul li a.on {position: relative; background: #222; color:#fff; border: 0.1rem solid #222;}
 .cs .foldGroup .fold_head {font-family:'Noto Sans kr', sans-serif;}
 .cs .foldGroup .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
 .cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
-.cs .foldGroup .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1rem;}
+.cs .foldGroup .fold_head .fold_tit .lap1 span{font-weight:200; font-size:1.1rem;}
 .cs .foldGroup .fold_head .fold_tit .lap2 span{font-weight:500;}
 .cs .foldGroup .fold_head .fold_state{padding:0.2rem 0.3rem;}
 .cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd}
@@ -208,6 +208,7 @@
 
 /* ============================================ 회원가입 ============================================ */
 /* mb공통*/
+.mb+footer {display: none;}
 .mb .form_control {height: 4.5rem;}
 .mb h2.title {text-align: center; padding-bottom: 1.7rem; font-size: 2rem; font-weight: 500;}
 .mb .close{position: relative; height:5.2rem; margin-bottom: -1.2rem;}
@@ -235,8 +236,9 @@
 .mb .help_block{margin-top:1rem; font-size:1.2rem;}
 .mb .help_block .t_err {}
 .mb .btn_nonMb {display: inline-block; color: #888; font-size:1.2rem; font-weight: 200; border-bottom: 0.1rem solid #888;}
-.mb .tab_btn{margin-bottom:4rem; overflow:hidden;}
+.mb .tab_btn{margin:0 -2.0rem 4rem -2.0rem; overflow:hidden;}
 .mb .tab_btn > li{position:relative; float:left; width:50%; height:4.5rem; line-height:4.5rem; background-color:#f5f5f5; color:#888; text-align:center;}
+.mb .tab_btn > li a{width: 100%; height:auto; display:block;}
 .mb .tab_btn > li.active{background-color:#fff; color:#fd4802; font-weight:600;}
 .mb .tab_btn > li:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:0.2rem; background:#fd4802}
 .mb .tab_btn > li.active:after{width:100%;}
@@ -548,7 +550,7 @@
 .pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:0.1rem;}
 .pd_detail .option_box .opt_color ul li {margin-right:0.5rem; display:inline-block; width:5rem;height: 7.5rem;}
 .pd_detail .option_box .opt_color ul li:last-child {margin-right:0;}
-.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.4rem;}
+.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.4rem;background: #f5f5f5;;}
 .pd_detail .option_box .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%); }
 .pd_detail .option_box .opt_color ul li a.on:after{display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:0.1rem solid #fd4802; box-sizing:border-box;}
 .pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}
@@ -1512,11 +1514,11 @@
 .pd.deal .pd_detail .area_desc .desc_wrap .descript_box .desc_info {margin-top:20px}
 .pd.deal .pd_detail .foldGroup > ul > li{border-bottom:0 none;}
 .pd.deal .tab_detail_nav {position:absolute; width:100%; top:0; left:0; border-bottom:0.1rem solid #eee; z-index:1;}
-.pd.deal .tab_detail_nav.fix{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
+.pd.deal .tab_detail_nav.fix{position:fixed; top:5.5rem; left:0; width:100%; background-color:#fff; z-index:100; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
 .pd.deal .tab_detail_nav ul::after {content:''; clear:both; display:block;}
 .pd.deal .tab_detail_nav ul li {float:left; width:25%; text-align:center; background:#fff; box-sizing:border-box;}
 .pd.deal .tab_detail_nav ul li.active {background:#fff;}
-.pd.deal .tab_detail_nav ul li a {position:relative; display:block; color:#888; font-size:1.2rem; font-weight:300; padding:1.4rem 0;color: rgb(31, 31, 31);}
+.pd.deal .tab_detail_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.4rem 0;color: rgb(31, 31, 31);}
 .pd.deal .tab_detail_nav ul li a em{font-size:1rem; color: rgb(137, 137, 137);}
 .pd.deal .tab_detail_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fd4802;}
 .pd.deal .tab_detail_nav ul li.active a {color:#fd4802; font-weight:500;}
@@ -1649,7 +1651,7 @@
 .select_custom .item_prod .item_state .itemLink .itemBrand {display:block; padding-right: 4rem; font-size:1rem; color:#888888; font-weight:300;}
 .select_custom .item_prod .item_state .itemLink .itemName {max-height:none; margin:0; font-weight: 300;}
 .select_custom .item_prod .item_state .itemLink .itemName .tit_option{font-weight:500;}
-.select_custom .item_prod .item_state .itemLink .itemPrice{margin:0; margin-top:0.5rem;}
+.select_custom .item_prod .item_state .itemLink .itemPrice{margin:0; margin-top:1.16rem;}
 .select_custom .item_prod .item_state .itemLink .itemPrice .itemPrice_original{margin-bottom:0; display:inline-block;}
 .select_custom.active .combo .list{display:block;}
 .select_custom.deal_opt_item .combo .list>li{border-bottom:0.1rem solid #eee;}
@@ -2280,7 +2282,11 @@
 /* 상품아이콘*/
 .itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0; overflow:hidden;}
 .itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.2rem 0 0; padding:0 0.5rem; background: #fff; color:#888888; font-size: 0.9rem; font-weight: 300; line-height: 2.2rem;}
+.itemBadge [class*="badge"] {display:none;}
 .itemBadge [class*="badge"]:first-child {margin-left:0;}
+.itemBadge [class*="badge"]:nth-child(1) {display:inline-block;}
+.itemBadge [class*="badge"]:nth-child(2) {display:inline-block;}
+.itemBadge [class*="badge"]:nth-child(3) {display:inline-block;}
 .itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
 
 /* 상품코멘트*/
@@ -2477,8 +2483,8 @@
 .br_search_wrap .inner .result {padding-bottom:3rem; margin: 1.5rem 0 1rem; border-bottom:0.1rem solid #dddddd;}
 .br_search_wrap .inner:last-child .result {border:0 none;}
 .br_search_wrap .inner .result .title_abbr { font-size: 1.6rem; font-weight: 700; margin-bottom:0.6rem;}
-.br_search_wrap .brand a {display:block; padding: 2rem 0 0; font-size: 1.2rem;}
-.br_search_wrap .brand a span { display: block; font-size: 0.8rem; color: #888;}
+.br_search_wrap .brand a {display:block; padding: 2rem 0 0; font-size: 1.3rem;}
+.br_search_wrap .brand a span { display: block; font-size: 1.2rem; color: #888;}
 /* 브랜드 - br_search_nodata */
 .br_search_wrap .nodata { width: 100%; height: 100%; margin: 14rem 0; padding: 0;}
 .br_search_wrap .inner.nodata:last-child {margin-bottom: 14rem;}
@@ -2808,9 +2814,14 @@ header .htop .btn_back span i.gl1, header .htop .btn_back span i.gl2, header .ht
 .item_prod .itemComment {margin: 0rem 0.4rem 0.4rem;}
 
 .pd .tit {font-size: 1.7rem;}
+.pd_qnalist .info_txt .btn_group_flex button {font-size:1.4rem;}
 
 .filter_top .tt {font-size: 1.8rem; font-weight: 500;}
 .filter_list .form_field input[type="checkbox"] + label {font-size: 1.25rem;}
 
 .mb .close a {background: url('/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
-.mb .close span {display: none;}
+.mb .close span {display: none;}
+
+.br_search_wrap .inner .result .title_abbr {font-size: 3.0rem;font-weight: 600;}
+.br_search_wrap .brand a {font-size: 1.4rem;}
+.br_search_wrap .brand a span {font-size: 1.2rem;}

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

@@ -456,7 +456,7 @@
 		
 .main_foryou {width: 100%;height:auto; padding: 0 0 4rem 0; position: relative;}
 .main_foryou::after {content: '';display: block;clear: both;}
-.main_foryou .titWrap{padding: 1.4rem 0 2rem 0;}
+.main_foryou .titWrap{padding: 4rem 0 2rem 0;}
 .post-sug .list_cate {margin:0;padding: 0rem 2.5rem 0 2.5rem;position: relative;}
 .post-sug .list_cate > li dl > dt button {padding: 1.5rem 0;}
 .post-sug .list_cate > li dl > dd {background-color: #ffffff;}
@@ -1039,15 +1039,16 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 .my .part_goods .goods_btn_wrap {margin: 1.8rem 0;}
 .my .part_goods .goods_txt {background: #f5f5f5; text-align: center; padding:1.5rem 0; margin: 1.8rem 0 0;}
-.my .part_goods .goods_txt p {font-size: 1.1rem; font-weight: 300;}
+.my .part_goods .goods_txt p {font-size: 1.4rem;font-weight: 300;color: #666666;}
 .my .part_goods .goods_txt .period {color: #fd4802; margin-top: 0.5rem;}
 .my .part_goods .goods_alert {text-align: center; margin-bottom: 1.8rem;}
 .my .part_goods .goods_alert p {display: inline-block; text-align: left; font-size: 1.1rem; font-weight: 200; color: #fd4802; padding-left: 2rem; background: url(/images/mo/ico_err02.png) no-repeat left top; background-size: 1.5rem;}
 
 .part_goods .goods_detail.soldout .thumb_box:after {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%, -50%); color:#fff; z-index: 30; text-align: center;}
-.part_goods .goods_detail.soldout .thumb_box:before {content:''; position: absolute; top: 50%; left: 50%;  background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;}
+.part_goods .goods_detail.soldout .thumb_box:before {content:''; position: absolute; top: 50%; left: 50%;  background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); z-index: 20; text-align: center;opacity:1;}
 .part_goods .goods_detail {position: relative; padding:0 0 0 11rem;}
-.part_goods .goods_detail .thumb_box {background: #f5f5f5; width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
+.part_goods .goods_detail .thumb_box {background: #ffffff; width:9rem; height:13.5rem; position: absolute; left: 0; top: 0;}
+.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%;}
@@ -2696,6 +2697,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 /* Other Requests */
 .btn_group_flex > div > .btn {padding:1.5rem;}
 .goods_btn_wrap > div > .btn {padding:1.3rem;}
+.goods_btn_wrap > div > .btn {font-size:1.4rem;}
 
 .part_goods .od_calc .price .selling_price em {font-size: 1.7rem;}
 .my .mem_rank button.cou_btn {padding: 0.9rem;}