모바일 css,js 최신화

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

@@ -924,12 +924,8 @@ main.container .inner:last-child{padding-bottom: 6.0rem; margin-bottom: 0;}
 
 /* footer */
 footer{background-color: #f1f1f1;}
-footer .btn_top{position: fixed; bottom: 30px; right: 25px; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 41px; height: 40px; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
-footer .btn_top span{display: block; width: 24px; height: 24px; margin: 0 auto; position: relative; opacity:0;}
-footer .btn_top span i{display: block; position: absolute; background: #fff;}
-footer .btn_top span i.gl1{left: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
-footer .btn_top span i.gl2{left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2px; height: 20px;}
-footer .btn_top span i.gl3{right: 4px; top: 2px; width: 10px; height: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
+footer .btn_top{position: fixed; bottom: 3.0rem; right: 2.5rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 50; background:url(/images/mo/mo_btn_top.png) no-repeat;}
+footer .btn_top span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
 footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
 footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
 footer .f1 .link{padding-top: 20px;}

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

@@ -181,6 +181,7 @@
 .cs_contactUs_my .img_group .thumb_pic {position:relative; display:inline-block; width:7.4rem; height:7.4rem; border:0.1rem solid #ddd; margin-right:0.4rem; box-sizing:border-box; overflow:hidden;} 
 .cs_contactUs_my .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
 .cs_contactUs_1 .ui_foot .btn{width:100%; height: 4rem;}
+.modal#myQuestion .modal-body {padding:0 2rem 5.7rem;}
 
 /* cs_product_1 */
 .cs .cs_product_1{background-color:#f5f5f5}
@@ -435,6 +436,7 @@
 .pd .itemBrand{width:calc(100% - 10%);}
 .pd .area_slider{text-align:left;}
 .pd .swiper-container{overflow:visible;}
+.pd .thumb_box .thumb_list .swiper-slide span{display: block;width: 100%;height: 5.5rem;background-color: #ffffff;opacity: 0.5;position: absolute;top: 0;left: 0;z-index: 1;}
 .pd .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
 .pd .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
 .pd .select_custom .combo .list{border:1px solid #000; border-top:0;max-height:100%;}
@@ -680,6 +682,7 @@
 [class*="pd_descrp"] .required_box .area_infotbl .tbl table th {width:auto; font-weight:300;}
 [class*="pd_descrp"] .required_box .area_kcl {position:relative; display:table; width:100%; min-height:8rem; margin-top:4rem; padding:2.5rem; box-sizing:border-box; background:#f5f5f5;}
 [class*="pd_descrp"] .required_box .area_kcl > div{display:table-cell; vertical-align:middle;}
+[class*="pd_descrp"] .required_box .area_kcl > div:first-child{width:4.5rem;}
 [class*="pd_descrp"] .required_box .area_kcl p {color:#222; font-size:1.3rem; letter-spacing:-0.025em;}
 [class*="pd_descrp"] .required_box .area_kcl p a{position:relative; color:#666; cursor: pointer;}
 [class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:1px; background:#666666;}
@@ -803,7 +806,14 @@
 .product_floormenu .share_like{overflow:hidden;}
 .product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-999999px;}
 .product_floormenu .share_like > button.share{background:#000 url(/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
-.product_floormenu .share_like > button.like{background:#000 url(/images/mo/ico_floorbtn_like.png) center center no-repeat; background-size:2rem;}
+/* .product_floormenu .share_like > button.like{background:#000 url(/images/mo/ico_floorbtn_like.png) center center no-repeat; background-size:2rem;} */
+.product_floormenu .share_like > button.itemLike {background:#000 url('/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
+.product_floormenu .share_like > button.itemLike:hover,
+.product_floormenu .share_like > button.itemLike.likeit {background:#000 url('/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
+.product_floormenu .share_like > button.itemLike::before,
+.product_floormenu .share_like > button.itemLike::after {display:none}
+
+
 .product_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
 .product_floormenu .prd_buy > .cantbuying{display:none;}
 .product_floormenu.soldout .prd_buy > .buying{display:none;}
@@ -847,7 +857,7 @@
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
 .pd_pop.Purchase_pop .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
-.pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto;}
+.pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem; height:auto; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
 .pd_pop.Purchase_pop .pop_option_select .setOption{}
 .pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
 .pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
@@ -984,9 +994,10 @@
 .modal.pd_pop.info_size_pop {}
 .modal.pd_pop.info_size_pop .modal-header{border-bottom:0;}
 .modal.pd_pop.info_size_pop .modal-body .pop_cont {max-height:none; overflow: visible; overflow-x:visible!important; padding-bottom:2rem;}
-.modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:1px solid #eee;}
+.modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:1px solid #eee;box-sizing: border-box;}
+.modal.pd_pop.info_size_pop .tab_nav ul{display: flex;flex-direction: row;align-content: space-around;justify-content: space-between;}
 .modal.pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
-.modal.pd_pop.info_size_pop .tab_nav ul li {float:left; width:33.33%; text-align:center; background:#fff; box-sizing:border-box;}
+.modal.pd_pop.info_size_pop .tab_nav ul li {/* float:left; width:33.33%; */ flex: 1; text-align:center; background:#fff; box-sizing:border-box;}
 .modal.pd_pop.info_size_pop .tab_nav ul li.active {background:#fff;}
 .modal.pd_pop.info_size_pop .tab_nav ul li a {position:relative; display:block; color:#888; font-size:1.4rem; font-weight:300; padding:1.2rem 0;}
 .modal.pd_pop.info_size_pop .tab_nav ul li a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:0.3rem; background-color:#fd4802;}

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

@@ -713,7 +713,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .modal.photo_comment_popup .pop_detail.active .comment_wrap { max-height: 34rem;}
 .modal.photo_comment_popup .modal-footer {margin-top: 0;}
 
-.paging_wrap {text-align: center; margin-top: 3.6rem;}
+.paging_wrap {text-align: center; margin-top: 3.6rem; padding-bottom: 3.6rem;}
 .paging_wrap .pageNav {display: inline-block;}
 .paging_wrap .pageNav li {display: inline-block; vertical-align: middle; color: #888; font-weight: 300; font-size: 1.4rem; line-height: 3rem;}
 .paging_wrap .pageNav li.active {color: #222; font-weight: 600;}
@@ -1181,8 +1181,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 .my .review .tbl_wrap .tbl th.ver_top {vertical-align: top; padding-top: 25px;}
 .my .review .tbl_wrap .tbl th.ver_top02 {vertical-align: top;}
-.my .review .tbl_wrap .tbl td textarea {width: 100%; resize:none; height: 15rem; padding: 1.5rem; padding-bottom: 2.5rem; font-size: 1.2rem; color: #222;}
-.my .review .tbl_wrap .tbl td textarea .txt_cnt {display:block; position:absolute; margin-top:0; right: 1rem; bottom: 0.1rem; text-align: right; font-size: 1.2rem; z-index:1; width:95%; background-color:#fff;}
+.my .review .tbl_wrap .tbl td .textarea_wrap {padding: 1.5rem; padding-bottom: 2.5rem; border:1px solid #d7d7d7;}
+.my .review .tbl_wrap .tbl td textarea {width: 100%; resize:none; outline:none; height: 10rem; font-size: 1.2rem; color: #222; border:none;}
 .my .review .tbl_wrap .tbl.review_tbl td {padding-left: 0;}
 .my .review .tbl_wrap .tbl.review_tbl td textarea {height: 200px;}
 .my .review .tbl_wrap .tbl td .select {width: 400px;}
@@ -1379,9 +1379,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* my_return_3 */
 .my .my_return .tbl_tarea td {font-weight: 300;}
-.my .my_return .tbl_tarea .textarea_wrap {position: relative;}
+.my .my_return .tbl_tarea .textarea_wrap, .my .my_exchange .tbl_tarea .textarea_wrap {position: relative; padding:1.7rem 1.5rem 2.8rem; border:1px solid #d7d7d7;}
 .my .my_return .tbl_tarea .textarea_wrap .txt_cnt, .my .my_exchange .tbl_tarea .textarea_wrap .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 0.1rem; right: 1.5rem; margin-top: 0; padding:0.5rem 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
-.my .my_return .tbl_tarea .textarea_wrap textarea, .my .my_exchange .tbl_tarea .textarea_wrap textarea {resize:none; height: 15rem; width: 100%; padding:1.7rem 1.5rem 2.8rem;}
+.my .my_return .tbl_tarea .textarea_wrap textarea, .my .my_exchange .tbl_tarea .textarea_wrap textarea {resize:none; height: 10rem; width: 100%; border:none; outline:none;}
 .my .my_return .retrieve_box.direct input[type="tel"] {width: 100%; padding:0 1rem;}
 .my .my_return .retrieve_box.direct .ship_info dt {font-weight: 500;}
 .my .my_return .retrieve_box.direct .ship_info dt, .my .my_return .retrieve_box.direct .ship_info dd {width: 100%; margin-bottom: 0.5rem;}

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

@@ -944,6 +944,7 @@ $( document ).ready( function() {
         $('.htop h1').css({"display": "none"});
         $('.htop .home').css({"display": "inline-block"});
     };
+
     
     /* 마이페이지_Header Style */
     let container = document.getElementsByClassName('container');
@@ -986,14 +987,18 @@ $( document ).ready( function() {
         /* 210428_수정 : 아코디언 */
 
         /* 상품문의_accordion */
-        $(document).on('click','.pd_qnalist .fold_head .fold_tit',function(e){	
-            $('.fold_head').removeClass('on');
-            $('.fold_cont').slideUp(100);
-            //$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
-            //$(this).parents('.fold_head').toggleClass('on');
-            if(!$(this).parents('.foldGroup li').find('.fold_cont').is(":visible")){
-                $(this).parents('.foldGroup li').find('.fold_cont').slideDown(100);
-                $(this).parents('.fold_head').toggleClass('on');
+        $(document).on('click','.pd_qnalist .foldGroup .fold_head',function(e){	
+            if($(this).parent().hasClass('secret_qna')){
+                mcxDialog.alert("비밀글은 열람하실 수 없습니다.", {
+                    sureBtnText: "확인",
+                });
+            } else {
+                $('.fold_head').removeClass('on');
+                $('.fold_cont').slideUp(100);
+                if(!$(this).parents('.foldGroup li').find('.fold_cont').is(":visible")){
+                    $(this).parents('.foldGroup li').find('.fold_cont').slideDown(100);
+                    $(this).parents('.fold_head').toggleClass('on');
+                }
             }
             return false;
         });