퍼블 최신화

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

@@ -212,22 +212,22 @@ select,
 .form_full {} 
 
 .form_col_w {width: 100%;}
-.form_col_c {width: 530px; margin: 0 auto;}
+.form_col_c {width: 53.0rem; margin: 0 auto;}
 .form_field {width: 100%;margin-left: 0px !important;margin-right: 0px !important;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
 .input_wrap{position: relative;display: table;border-collapse: separate;}
 .input_wrap, 
 .input_label {vertical-align: top;text-align: left;}
-.input_label { line-height: 3.0; font-size: 16px; font-weight: 300;}
-.input_label span[class*="t_"]{display: inline !important;text-indent: -10px;margin-left: -10px;}
+.input_label { line-height: 3.0; font-size: 1.6rem; font-weight: 300;}
+.input_label span[class*="t_"]{display: inline !important;text-indent: -1.0rem;margin-left: -1.0rem;}
 .input_wrap .form_control, 
 .input_group_addon, 
 .input_group_btn {display: table-cell;float: left;}
-.form_control{height: 45px;font-size: 12px;line-height: 43px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;border: 1px solid #D5D5D5;position: relative;}
-.form_control.err {border: 1px solid #fd4802 !important; background: #fff6f2;}
+.form_control{height: 4.5rem;font-size: 1.2rem;line-height: 4.3rem;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;border: 0.1rem solid #D5D5D5;position: relative;}
+.form_control.err {border: 0.1rem solid #fd4802 !important; background: #fff6f2;}
 
 .usable {display: none;}
-.form_control.usable + .usable:before {content:'사용가능';  position:absolute; top:50%; bottom: auto; right: 20px; left: auto; transform: translateY(-50%); padding-left:15px; background: url('/images/mo/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:12px; font-weight:200; line-height:1;}
-.sr-only {position: absolute!important;width: 1px;height: 1px;padding: 0!important;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
+.form_control.usable + .usable:before {content:'사용가능';  position:absolute; top:50%; bottom: auto; right: 2.0rem; left: auto; transform: translateY(-50%); padding-left:1.5rem; background: url('/images/mo/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:1.2rem; font-weight:200; line-height:1;}
+.sr-only {position: absolute!important;width: 0.1rem;height: 0.1rem;padding: 0!important;margin: -0.1rem;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
 
 /* form style (hyangah_0223_수정중 - input[type="text"] padding 수정) */
 input,  textarea {font-size:12px; font-family:'Noto Sans KR', 'LATO', sans-serif; color:#666666; vertical-align:middle;}

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

@@ -4,7 +4,7 @@
 /* cs 공통 */
 .cs .pnb ul{padding-left:1rem;}
 .cs .search_wrap{position: relative;}
-.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:100%; border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
+.cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 4.0rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 !important;}
 .cs .search_wrap button.btn_sch {position:absolute; top:0; right:0; background:url(/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem;}
 .cs .search_wrap button.btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.2rem; background:#aaa url(/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .cs .inner{background:#fff;}
@@ -546,10 +546,10 @@
 .pd_detail .option_box .opt_color{padding:3rem 0;}
 .pd_detail .option_box .opt_color ul {margin:0 -2rem; padding-left:2rem; overflow-x:auto; font-size:0; white-space:nowrap;}
 .pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:1px;}
-.pd_detail .option_box .opt_color ul li {margin-right:0.5rem; display:inline-block; width:5rem;}
+.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;}
-.pd_detail .option_box .opt_color ul li a img {width:100%; }
+.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.5rem;}
+.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:1px solid #fd4802; box-sizing:border-box;}
 .pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}
 .pd_detail .option_box > [class^="opt_"] .opt_header .title {margin-right:1rem; font-weight:500; color:#222;}
@@ -1565,6 +1565,7 @@
 .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a {position:relative; padding-left:70px}
 .pd.deal .tab_detail_cont .select_custom.deal_opt_item .item_prod .item_state a .itemPic {position:absolute; left:0; top:0; width:50px; height:70px; padding:0;}
 .pd.deal .tab_detail_cont .select_custom.deal_opt_item .combo .list {top:109px}
+.pd.deal .select_custom.deal_opt_item .item_prod .itemPercent{left:9.6rem;}
 /* 리스트팝업 */
 .pd_pop.list_pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(34,34,34,.7); z-index:1000;}
 
@@ -1663,8 +1664,8 @@
 .dp .dp_subtitle{margin-bottom: 2.4rem; font-size:2rem; font-weight:500; text-align:center;}
 .dp .dp_subtitle > a{position:relative; padding-right:2rem;}
 .dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-1px; width:0.7rem; height:1.3rem; background:url(/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
-.dp .category_nav {margin:0 -2rem -1.2rem; padding:0 2rem; justify-content: center; border-bottom:1px solid #eeeeee;}
-.dp .category_nav ul{padding:0 2rem; display:flex;}
+.dp .category_nav {margin:0 0 -1.2rem; justify-content: center; border-bottom:1px solid #eeeeee;}
+.dp .category_nav ul{padding:0 2rem; display:flex; white-space: nowrap; overflow-x:auto;}
 .dp .category_nav ul::after {content:''; display: block; clear: both;}
 .dp .category_nav ul li {margin-right:2rem; }
 .dp .category_nav ul li button {position: relative; padding:1.5rem 0; font-size:1.4rem; font-weight:300; color:#222;}
@@ -2089,7 +2090,7 @@
 .filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
 .filter_list::after{content:''; display: block; clear:both;}
 .filter_list .form_field{display:block;}
-.filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0;}
+.filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0; text-align: left;}
 .filter_list .form_field div label span{color:#222!important;}
 .filter_list .form_field input[type="checkbox"] + label:before{left:auto; right:0}
 .filter_list .form_field input[type="checkbox"]:checked + label:after{left:auto; right:0}
@@ -2106,7 +2107,7 @@
 .filter_header .form_field{padding:0 2rem; border-bottom:1px solid #eeeeee;}
 .filter_header .form_field > div label{padding:1.2rem 0;}
 /* 메뉴부분 */
-.filter_body > ul li a{position:relative; padding:1rem 2rem; display:block; color:#222; font-size:1.4rem; font-weight: 300;}
+.filter_body > ul li a{position:relative; padding:1.4rem 2rem; display:block; color:#222; font-size:1.4rem; font-weight: 300;}
 .filter_body > ul > li{border-bottom:1px solid #eeeeee;}
 .filter_body > ul > li > a{display:block; padding:2rem 2rem;}
 .filter_body > ul > li .daps1{position:relative; background-color:#fff}
@@ -2119,6 +2120,7 @@
 .filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .filter_body > ul > li .daps5 a{background:url(/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
 .filter_body > ul > li a.on{color:#fd4801;}
+.filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 1px solid #ddd;}
 .filter_body > ul > li.categori .daps2 > li > a.on:after,
 .filter_body > ul > li.categori .daps3 > li > a.on:after,
 .filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url(/images/mo/ico_cate_close.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
@@ -2323,12 +2325,6 @@
 .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(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 - 이미지배너 */
-.br .br_main .br_second_slide{position:relative;}
-.br .br_main .br_second_slide .swiper-slide img{width:100%;}
-.br .br_main .br_second_slide .swiper-slide .s-text{position:absolute; top:50%; left:0; padding:2rem; width:100%; box-sizing:border-box; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
-.br .br_main .br_second_slide .swiper-slide .s-text p{font-size:1.6rem; font-weight:500;}
-.br .br_main .br_second_slide .swiper-pagination{position: relative; bottom:auto; margin-top:1rem;}
 /* br_main - new_item */
 .br .br_main .new_item .swiper-slide{font-size:0;}
 .br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
@@ -2442,7 +2438,7 @@
 .br_search_wrap .hmenu .brand_si .swiper-pagination-bullet{margin-right:0.8rem;}
 .br_search_wrap .hmenu .brand_si .swiper-pagination-bullet:last-child{margin-right:0;}
 .br_search_wrap .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
-.br_search_wrap .brand_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #000; border-bottom:2px solid #000; margin-bottom:1.6rem;}
+.br_search_wrap .brand_title input { width: calc(100% - 4.0rem); height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #000; border-bottom:2px solid #000; margin-bottom:1.6rem;}
 .br_search_wrap .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5rem; }
 .br_search_wrap .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2.2rem;}
 .br_search_wrap .inner .result {padding-bottom:3rem; margin: 1.5rem 0 1rem; border-bottom:0.1rem solid #dddddd;}

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

@@ -426,7 +426,7 @@
 
 .post-bnnWide {position: relative;top:0rem;display: block;margin: 0 0 3.4rem;}
 .post-bnnWide .swiper-wrapper {width: 100%;height: 100%;height: auto;margin: 0px auto;padding: 0 0 2.5rem;}
-.post-bnnWide .swiper-pagination {bottom: 0rem;}
+.post-bnnWide .swiper-pagination {bottom: 0rem !important;}
 
 .main_recomm {margin: 0px auto;}
 .main_recomm .titWrap{padding: 4rem 0 2rem 0;}
@@ -691,7 +691,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics {float:none; display: inline-block !important; margin:0 0.1.11%; width: 20.55%; padding-top: 20%;}
 .dp .cmt_group .cmt_list li .cmt_cont .img_wrap .pics .picsThumbs {}
 .dp .cmt_group .cmt_list li .cmt_cont .img_wrap img {max-width:100%; max-height:100%;}
-.dp .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7; font-size: 1.3rem; font-weight: 300;}
+.dp .cmt_group .cmt_list li .cmt_cont p {color: #666; line-height: 1.7; font-size: 1.3rem; font-weight: 300; word-break: break-all;}
 .dp .cmt_group .cmt_list li .btn_del {display: block; font-size: 1.1rem; color: #666; font-weight: 300; position: absolute; top: 0; right: 0; height:auto; padding:0; border-color:transparent; border-bottom: 1px solid #666;}
 
 /* ev_comment_1 포토댓글 */
@@ -1473,7 +1473,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my_delivery .blocker:before {display: none;}
 .my_delivery .modal .modal-body {margin-bottom: 5rem;}
 .my_delivery .modal .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%;}
-.my .my_delivery .inner {padding: 0;}
+.my .my_delivery .inner {margin:0; padding: 0;}
 .my .my_delivery .inner > .btn_group {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; transition:all 0.3s;}
 .my .my_delivery .inner > .btn_group.active {transform: translate(0, -4.3rem);}
 .my .my_delivery .inner:last-child {padding-bottom: 0;}

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

@@ -808,33 +808,6 @@ $(document).ready(function () {
             return false;
         });
 
-        // 210407_스크롤감지 헤더 그림자
-        $('.pd_delivery_pop').scroll(function(){
-            $(".pd_delivery_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
-            $(".pd_delivery_pop .modal-header").css("border-bottom", "0px none");
-            if($(".pd_delivery_pop").scrollTop() === 0){
-                $(".pd_delivery_pop .modal-header").css("box-shadow", "none");
-                $(".pd_delivery_pop .modal-header").css("border-bottom", "1px solid #eee");
-            }
-        });
-        $('.pd_review_pop').scroll(function(){
-            $(".pd_review_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
-            $(".pd_review_pop .modal-header").css("border-bottom", "0px none");
-            if($(".pd_review_pop").scrollTop() === 0){
-                $(".pd_review_pop .modal-header").css("box-shadow", "none");
-                $(".pd_review_pop .modal-header").css("border-bottom", "1px solid #eee");
-            }
-        });
-        $('.pd_qnalist_pop').scroll(function(){
-            $(".pd_qnalist_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
-            $(".pd_qnalist_pop .modal-header").css("border-bottom", "0px none");
-            if($(".pd_qnalist_pop").scrollTop() === 0){
-                $(".pd_qnalist_pop .modal-header").css("box-shadow", "none");
-                $(".pd_qnalist_pop .modal-header").css("border-bottom", "1px solid #eee");
-            }
-        });
-
-
 });
         
 

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

@@ -177,7 +177,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_header.br_header .depth_menu .head_banner li img{top: 50%;left: 0px;}
 .common_header.br_header .depth_menu .head_banner li:first-child {margin-right:0;}
 .common_header.br_header .depth_menu .item_prod {width: 100%;}
-.common_header.br_header > .area {height:90px;}
+.common_header.br_header > .area {height:90px;background: inherit;}
+.common_header.br_header > .gnb {background: inherit;}
 .common_header.br_header .nav > ul > li.home {display:none;}
 .minify .common_header.br_header .nav > ul > li.home{display:block;}
 
@@ -1665,6 +1666,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .itemsGrp.cut4 .item_prod {width: calc((100% - 0px)/4);}
 	.dp .wrap {padding-bottom:160px;}
 	.dp .cont_body {position:relative;}
+	.container.dp {background: #ffffff;}
 	.container.dp .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;}
 	.container.dp .content {}
 	.container.dp .content.wide {}

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

@@ -456,8 +456,8 @@
 /* main_1stage */
 .main .wrap .content.main_1stage {}
 .main_1stage .bnnbox{position:relative;}
-.main_1stage .txtWrap{margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);z-index:1; text-align:center;}
-.main_1stage .txtWrap p{color:#222222; font-size:40px; font-weight:500; text-align:center; line-height:1.25;}
+.main_1stage .txtWrap{margin:0 auto; position:absolute; top:50%; left:30%; transform:translate(-70%, -50%);z-index:1; text-align:left;}
+.main_1stage .txtWrap p{color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
 .main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300; }
 .main_1stage img {margin:0 auto;width:100%;}
 .post-bnnWide .swiper-button-next {right:70px;}

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

@@ -37,6 +37,13 @@ $(document).ready(function(){
 		history.back()
 	});
 
+	// main css 호출 제거
+	var uifn_DISCR = $('#container').attr('class');
+	var uifn_DISCRCLASS = "main";
+	if (uifn_DISCR.indexOf(uifn_DISCRCLASS) == -1) {
+		jQuery("link[rel=stylesheet][href*='css/main.css']").remove();
+	};
+
 	// header minify
 	$(function(){
 		$(window).scroll(function(){