퍼블최신화

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

@@ -685,7 +685,7 @@ header .htop h1 {display: inline-block;position: relative;width:auto;max-width:
 header .htop h1#htopTitle {display: inline-block;position: relative;max-width: 18rem;width: auto;height: 100%;line-height: 4.5rem;vertical-align: middle;padding: 0 1.5rem 0 0rem;font-size: 1.8rem;color: #222;}
 header .htop h1 a {height: 100%;width: 100%;display: block;}
 header .htop h1 img {margin: 0;width: 11.5rem;height: auto;line-height: 1.6rem;vertical-align: middle;}
-header .htop h1 a p{color: #fff;line-height: 5.5rem;font-size: 2.0rem;height: 5.5rem;display: inline;vertical-align: middle;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
+header .htop h1 a p{color: #222;line-height: 5.5rem;font-size: 2.0rem;height: 5.5rem;display: inline;vertical-align: middle;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
 header .htop .btn_back {margin: 1.0rem 0 0 1.5rem;width: 3.5rem;height: 3.5rem;}
 header .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 header .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
@@ -890,6 +890,8 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 .tabbar .tabbar-inner [class*=btn-].btn-wish{background-position: -10.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-history{background-position: -14rem;}
 
+.tabbar + footer .btn_top,.tabbar + footer .btn_back { bottom:1.4rem;}
+.tabbar.fixed + footer .btn_top,.tabbar.fixed + footer .btn_back {bottom: calc(env(safe-area-inset-bottom) + 6.5rem);bottom: clac(constant(safe-area-inset-bottom) + 6.5rem);}
 
 /* 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;}

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

@@ -399,7 +399,8 @@
 /* 슬라이드아이템*/
 .item_prod {display: inline-block;width: 100%;font-size: 0;vertical-align: top;color: rgb(31, 31, 31);position: relative;letter-spacing: -0.025em;}
 .item_prod .item_state {position: relative; padding:0; box-sizing: border-box;}
-.item_prod .item_state.soldout .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 2.0rem; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 12; z-index: 20; text-align: center;}
+.item_prod .item_state.soldout::before {content: 'SOLD OUT';position: absolute;top: 25%;left: 50%;transform: translate(-50%, 0%);width:100%;height: auto;font-size: 1.5rem;font-weight: 500;color: #fff;z-index: 30;text-align: center;}
+.item_prod .item_state.soldout .itemPic: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;}
 .item_prod .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 0.666rem; right: 0.666rem; font-size: 1rem; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 1rem; z-index: 21; text-align: right;}
 
 .item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 99;width: 2.0rem;height: 2.0rem; background: url('/images/mo/ico_like.png');background-size: 3.65rem;background-position:1.18rem 1rem;background-repeat: no-repeat;margin: 0;margin-right: 1rem;padding: 2rem 0.0rem 2rem 3rem;}
@@ -417,7 +418,7 @@
 .item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
 .item_prod .itemPic .pd_mov {position: absolute;width: 100%;height: 100%;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
 .item_prod .itemBrand {display: inline-block; margin: 0 0.5rem 0.3rem; font-size: 1rem;font-weight: 300;color: rgb(137, 137, 137); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:10rem;overflow:hidden;}
-.item_prod .itemComment{margin: 0.8rem 0.5rem 0;line-height: 1; height: 1.2rem; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+.item_prod .itemComment{margin: 0.8rem 0.5rem 0.4rem;line-height: 1; height: 1.2rem; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .item_prod .itemName {margin: 0 0.5rem 0.8rem; font-size: 1.1rem; font-weight:300; color: rgb(31, 31, 31); height: 3rem; max-height: 3rem; position: relative; overflow: hidden; white-space: normal; overflow-wrap: break-word; display: block; letter-spacing: -0.025rem;}
 /*.item_prod .itemName {display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}*/
 .item_prod .itemName .tit_option{font-weight:500;}
@@ -1229,17 +1230,12 @@
 .modal.pd_pop.pd_review_pop {overflow-x: hidden;overflow-y: auto;}
 .modal.pd_pop.pd_review_pop .modal-header{border-bottom:0.1rem solid #eee !important;}
 .modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0}
-.modal.pd_pop.pd_review_pop  .modal-header{height:auto;}
+.modal.pd_pop.pd_review_pop .modal-header{height:auto;}
 .modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
 .modal.pd_pop.pd_review_pop .riview_box .area_slider{margin-bottom:0;}
 .modal.pd_pop.pd_review_pop .btn_group_flex > div > .btn{height:5.3rem;}
-.modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:10;}
-.modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{
-  padding-bottom: env(safe-area-inset-bottom);
-  -webkit-backface-visibility:hidden;
-  -webkit-transform:translateZ(0); 
-  -webkit-transform:translate3d(0, 0, 0);
-}
+/* .modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:98;-webkit-transform: translateZ(0);} */
+/* .modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex{padding-bottom: env(safe-area-inset-bottom);-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0); -webkit-transform:translate3d(0, 0, 0);} */
 .pd_review{background:#f5f5f5;overflow-x: hidden;}
 .pd_review.best,
 .pd_review.photo{background:#fff; position:relative; bottom:0; z-index:999; max-height:35rem;}
@@ -1252,6 +1248,9 @@
 .pd_review ul::after {content:''; clear:both; display:block;}
 .pd_review h6 {margin-bottom:2rem; color:#222; font-size:1.6rem; font-weight:500;}
 .pd_review [class^="area_"] {display:block; position:relative;}
+.pd_review .rv_empty {display: none;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
+.tab_detail_cont .area_rv_empty + .rv_empty {display:block;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
+.pd_review .area_rv_empty + .rv_empty {display:block;position: fixed;width: 100%;bottom: 0;margin-top: 0;}
 .pd_review .area_rv_empty {margin-bottom:0!important; text-align:center;}
 .pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
 .pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
@@ -1811,7 +1810,7 @@
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .item_state {display: table;  padding-bottom: 0; height:23.4rem; width: 100%;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: top; padding-top: 1.8rem; padding-left:17.6rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {left:11.7rem; z-index: 99;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:15.6rem; height:23.4rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape {padding:0.3rem 1rem; width:auto; height:auto; max-width:4rem; min-height:auto; border-radius:2rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape span{position:relative; width:auto; left:0; top:0; text-indent:0; transform:translate(0);}
@@ -2135,13 +2134,14 @@
 .filter_body > ul > li .sizebox > li label span{position:absolute; top:0; bottom:0; left:0; right:0; color:#222; border:0.1rem solid #dddddd; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis;}
 .filter_body > ul > li .sizebox > li label input:checked + span{border-color:#222;}
 .filter_body > ul > li .sizebox > li label:nth-of-type(3n+1){margin-left:0;}
-.filter_body > ul > li .sizebox strong{display:block;}
+.filter_body > ul > li .sizebox strong{display:block; font-weight: 300;}
 /* 필터세부사항(컬러) */
 .filter_body > ul > li .colorbox{padding:2rem 1rem; display:flex; flex-wrap: wrap;}
 .filter_body > ul > li .colorbox li {margin:0.5rem 0.5rem; position:relative;}
 .filter_body > ul > li .colorbox li .color-check input {position: absolute; display: block;overflow: hidden; height: 0.1rem; width: 0.1rem; clip: rect(1px, 1px, 1px, 1px);}
 .filter_body > ul > li .colorbox li .color-check [class*="pdColor"], 
-.filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:2.4rem; height: 2.4rem; cursor: pointer;}
+/* .filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:2.4rem; height: 2.4rem; cursor: pointer;} */
+.filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block;width: 2.4rem;height: 2.4rem;font-size: 0;vertical-align: middle;margin: 0 0 0 2px;border-radius: 50%;box-sizing: border-box;}
 .filter_body > ul > li .colorbox li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
 .filter_body > ul > li.color .daps1 span [class*="pdColor"]{position:relative; display:inline-block; margin-left:0.5rem; width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden;}
 .filter_body > ul > li.color .daps1 span [class*="pdColor"]:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor: pointer;}
@@ -2286,6 +2286,7 @@
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state.soldout::before {font-size: 1.0rem;line-height: 12rem;width: 7rem;top: 20%;left: 3.5rem;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
 .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;}
@@ -2593,7 +2594,7 @@
 .sch .sch_result .search-list.nodata {margin: 0;}
 .sch .sch_result .search-list.nodata > ul {display: none;}
 .sch .sch_result .search-list.nodata .nodata_txt {display: block;}
-.sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:14rem 0;}
+.sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:9rem 0;}
 .sch .sch_result .search-list > ul{margin-top:1rem; margin-bottom:5rem;}
 .sch .sch_result .search-list > ul > li {position: relative;}
 .sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
@@ -2769,6 +2770,22 @@
 .sch .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;}
 .sch .last_page.mt50{padding-top:2rem;}
 
+/* Other Requests */
+header .htop .btn_back span i.gl1, header .htop .btn_back span i.gl2, header .htop .btn_back span i.gl3 {height: 0.13rem;}
+
+.btn_group_flex > div > .btn {padding:1.5rem;}
+
+.itemBadge {padding: 0.4rem; font-size: 1rem;}
+.item_prod .itemPic {padding-top: 135%;}
+.item_prod .itemName {font-size: 1.2rem;}
+.item_prod .itemPrice, .item_prod .itemPercent {font-weight: 400;}
+.itemcolorchip {margin: 1.0rem 0.5rem 0;}
+.item_prod .itemComment {margin: 0rem 0.4rem 0.4rem;}
 
+.pd .tit {font-size: 1.7rem;}
 
+.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;}

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

@@ -1030,6 +1030,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .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 {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 a {display:block; height: 100%;}
@@ -2462,6 +2464,7 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 
 /* popup_장바구니 옵션변경 */
 .popup_box.optModifyPop .popup_con {padding: 0;}
+.optModifyPop .popup_head h2 {font-size: 1.6rem;}
 .optModifyPop .area_order {padding:0 2rem 2rem;}
 .optModifyPop .area_order > div {margin-top:3rem}
 .optModifyPop .area_order > div:first-child {margin-top:0}
@@ -2667,4 +2670,18 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .bnrtype_banner a {display: block; padding:1.3rem 2rem; padding-right:4rem;}
 .bnrtype_banner a > div {color:#fff; font-size:1.3rem; font-weight:300;}
 .bnrtype_banner a > div span {font-weight: 500;}
-.bnrtype_banner .bnrtype_close {position: absolute; top: 50%; right: 0; width: 4rem; height: 4.4rem; transform:translateY(-50%); background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center/1.3rem; z-index: 10;}
+.bnrtype_banner .bnrtype_close {position: absolute; top: 50%; right: 0; width: 4rem; height: 4.4rem; transform:translateY(-50%); background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center/1.3rem; z-index: 10;}
+
+/* Other Requests */
+.btn_group_flex > div > .btn {padding:1.5rem;}
+.goods_btn_wrap > div > .btn {padding:1.3rem;}
+
+.part_goods .od_calc .price .selling_price em {font-size: 1.7rem;}
+.my .mem_rank button.cou_btn {padding: 0.9rem;}
+.my .mem_rank .mem_name {font-size: 1.6rem;}
+.my .part_goods .goods_status .dlvr_staus {font-size: 1.4rem;}
+
+.dp .sub_category .cate_wrap a {padding:1.3rem 1.4rem; font-size: 1.4rem;}
+
+.pay_wrap .tbl .btn {padding: 0.8rem 1.3rem;}
+.shopping_bag .od_calc_wrap button.btn {height: 6rem; font-size: 1.6rem;}

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

@@ -1004,6 +1004,10 @@ $( document ).ready( function() {
         //210604_하단 고정버튼 있을 시 tabbar 제거
         if($('div').hasClass('product_floormenu') || $('div').hasClass('cs_contactUs_my_footer') || $('div').hasClass('od_calc_wrap')){
             $('.tabbar').css('display', 'none');
+            $('footer .btn_back').css('bottom', 'clac(constant(safe-area-inset-bottom) + 6.5rem)');
+            $('footer .btn_back').css('bottom', 'calc(env(safe-area-inset-bottom) + 6.5rem)');
+            $('footer .btn_top').css('bottom', 'clac(constant(safe-area-inset-bottom) + 6.5rem);');
+            $('footer .btn_top').css('bottom', 'calc(env(safe-area-inset-bottom) + 6.5rem)');
         }
           
 });

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

@@ -830,7 +830,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemOpt ul li:first-child{margin-left: 0px;}
 .itemOpt .exc{font-size: 14px;line-height: 1.2;display: inline-block;margin-left: 10px;}
 .itemBrand {margin: 0px 5px 12px;line-height: 12px;font-size: 12px;font-weight: 300;color: rgb(137, 137, 137);height:12px;}
-.itemComment{margin:0px 5px 20px;line-height: 1; font-size: 14px;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+.itemComment{margin:0px 5px 12px;line-height: 1; font-size: 14px;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .itemName {	margin: 0px 5px 15px;line-height:20px;font-size: 14px;font-weight: 200;color:#222; height:40px;}
 .itemPrice * {margin-right: 7px;}
 .itemPrice {position: relative;line-height: 16px;font-size:16px;font-weight: 300;color: rgb(31, 31, 31);margin: 0px 5px;}

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

@@ -1734,6 +1734,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.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}
+	.dp .dp_submain .swiper-scrollbar-lock {display: block !important;}
 
 	/* dp_new_item 신상품 슬라이드 */
 	.dp .new_item {margin-top: 120px;}	
@@ -2354,7 +2355,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.odPayment .fold_cont .area_mbinfo > dl > div dd {width:auto;}
 	.odPayment .fold_cont .area_mbinfo > dl > div dd .btn {margin-top:-9px; margin-left:10px; vertical-align:top;}
 	.odPayment .fold_cont .area_receiveinfo {}
-	.odPayment .fold_cont .area_receiveinfo + .area_receiveinfo.none {padding-top: 25px;}
 	.odPayment .fold_cont .area_receiveinfo.none {padding:0 0 30px;}
 	.odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; min-height:16px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div:first-child {margin-top:0}
@@ -2362,6 +2362,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.odPayment .fold_cont .area_receiveinfo > dl > div:nth-child(3) {line-height: 1.4;}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dt {position:relative; padding-right:10px; margin-right:10px; font-weight:200;}
 	.odPayment .fold_cont .area_receiveinfo > dl > div:last-child dt::after {content:':'; position:absolute; right:-2px; top:-1px;}
+	.odPayment .fold_cont .area_receiveinfo.none > dl > div:last-child dt::after {content:'';}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dd {min-height:16px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dd .btn {margin-left:15px}
 	.odPayment .fold_cont .area_receiveinfo > dl > div dd .btn_underline {margin-left:12px}
@@ -4365,10 +4366,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.survey .survey_wrap .survey_con .survey_row .answer textarea {height:220px; padding:20px;}
 	.survey .survey_wrap .survey_con .survey_row .answer ul {/*margin-top:-30px;*/ margin-right:-60px}
 	.survey .survey_wrap .survey_con .survey_row .answer ul li {float:left; position:relative; margin-bottom:42px; margin-right:48px;}
+	.survey .survey_wrap .survey_con .survey_row .answer ul li.etc {width: auto;display: inline-block;margin-bottom: 0;}
 	.survey .survey_wrap .survey_con .survey_row .answer ul li:last-child {} 
 	
-	.survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {visibility:hidden;margin-left:20px; width:300px !important; max-width:300px !important; height:52px; margin-top: -33px;}
-	.survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio:checked + label + .etc_input {margin-top: -20px;margin-bottom: -13px;}
+	.survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input { /* visibility:hidden; width:300px !important; */width:calc(100% - 83px); max-width:300px !important; height:52px; opacity:0.5; background: #f9f9f9; margin-top: -20px;margin-bottom: -22px;margin-left:20px;padding-right: 10px;}
+	.survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio + label + .etc_input {pointer-events: none;}
+	.survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio:checked + label + .etc_input {pointer-events:auto;opacity: 1;background: #fff;}
 	.survey .survey_wrap .survey_con .btn_wrap {margin-top:20px} 
 
 	/* ev_rank 회원등급 혜택 */
@@ -4451,8 +4454,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ps.ptn table th {font-size: 14px; font-weight: 500; line-height:14px;border-bottom: 1px solid #ddd;}
 	.ps.ptn table td {font-size: 14px; font-weight: 200; line-height: 14px;border-right: 0px solid #ddd;}
 	.ps.ptn .pager {padding-top: 20px;}
-	.hookGrp{margin-top: 40px;}
-	.hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;}
+	.hookGrp{margin-top: 0px;}
+	p + .hookGrp{margin-top: 40px;}
+	.hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;margin-bottom: 62px;}
 	.hookGrp .hook_list ul{flex-direction: column;list-style: none;flex-wrap: wrap;height: 288px;display: flex;padding: 0;margin: 0;}
 	.hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
 	.hookGrp .hook_list ul li{float: left; /*width: 33.333%;*/ }
@@ -4464,7 +4468,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.hookGrp .hook_list ul li a:hover span:after,
 	.hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
 	.hookGrp .hook_cont {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
-	.hookGrp .hook_cont div{margin-top: 62px;}
+	.hookGrp .hook_cont div{margin-top: 0px;}
 	
 	.hookGrp .hook_cont h4 {font-size:24px;font-weight:500;color:#222222;line-height:26px;letter-spacing:-0.025em;}
 	.hookGrp .hook_cont p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
@@ -4530,7 +4534,10 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	*/
 	.modal.trustPrivacy_pop .hookGrp .hook_list,
 	.modal.policiesTerms_pop .hookGrp .hook_list,
-	.modal.policiesPrivacy_pop .hookGrp .hook_list {padding: 20px;}
+	.modal.policiesPrivacy_pop .hookGrp .hook_list {padding: 20px;margin-bottom: 62px;}
+	.modal.trustPrivacy_pop .hookGrp .hook_list ul,
+	.modal.policiesTerms_pop .hookGrp .hook_list ul,
+	.modal.policiesPrivacy_pop .hookGrp .hook_list ul {width: 426px; height: auto;display: block;}
 	.modal.trustPrivacy_pop .hookGrp .hook_list ul li,
 	.modal.policiesTerms_pop .hookGrp .hook_list ul li,
 	.modal.policiesPrivacy_pop .hookGrp .hook_list ul li {width: 100%;}
@@ -4905,6 +4912,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.thumb_img_pop .modal-body .pop_cont {max-height:none;}
 	.modal.thumb_img_pop .swiper-slide {}
 	.modal.thumb_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
+	.modal.thumb_img_pop .swiper-slide .pop_img iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
+	.modal.thumb_img_pop .swiper-slide .pop_img .picsThumbs {max-width:none; max-height:none; width: 100%; height: 100%;}
 	.modal.thumb_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
 	.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
 	.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}

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

@@ -344,7 +344,7 @@ $.datepicker.setDefaults($.datepicker.regional['kr']);
 5. Content (컨텐츠)
 
 * * * * * * * * * * * * * * * * * * * * * */
-
+$(document).ready(function() {$(".modal .text_wrap style").remove();$(".modal .text_wrap").removeAttr("style");});// rmv = rmv.replace(/<style>(.*?)<(\/?)style>/gi,"");
 $(document).ready( function() {
 
 	$(function(){