mo css 최신화

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

@@ -282,12 +282,14 @@ input[type="reset"], input[type="button"], input[type="submit"], button {line-he
   content: ''; position:absolute; top:50%; margin-top:-10px; left:0; width:20px; height:20px; background-color: #fd4800; 
   background: url('/images/mo/ico_chk_rdi.png') no-repeat;
   background-position: -80px 0px;
+  border-radius: 100%;
 }
 
 .form_field input[type="radio"]:Disabled + label:after{ 
   content: ''; position:absolute; top:50%; margin-top:-10px; left:0; width:20px; height:20px; background-color: #fd4800; 
   background: url('/images/mo/ico_chk_rdi.png') no-repeat;
   background-position: -100px 0px;
+  border-radius: 100%;
 }
 /* 이미지 체크박스 */
 .chk_img+label span {border: 2px solid transparent; padding: 10px; box-sizing: border-box;}
@@ -1135,9 +1137,9 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tbl.type5 {padding:0; border-top:1px solid #000;} 
 .tbl.type5 table {word-break:keep-all;}
 .tbl.type5 table th,
-.tbl.type5 table td {position:relative; padding:2.0rem 0; font-size:1.6rem; letter-spacing:-0.025em; text-align:center;}
-.tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:200;}
-.tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;}
+.tbl.type5 table td {position:relative; padding:2.0rem 0; font-size:1.3rem; letter-spacing:0; text-align:center;}
+.tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:300;font-size:1.2rem;}
+.tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;font-size:1.3rem;}
 
 /* 테이블 type6 - 결제정보 (신 버전) */
 .tbl.type6 {padding:35px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;} 

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

@@ -465,9 +465,12 @@
 .pd .pd_detail .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
 .pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
+
 .pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888;}
 .pd .pd_detail .Purchase_pop .deal_opt_item .select{padding-bottom:0}
+
 .pd .pd_detail .Purchase_pop .deal_opt_item .select .item_prod{top:-0.2rem}
+
 .pd .pd_detail .Purchase_pop .btn_box{display:flex;}
 .pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
 .pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
@@ -836,8 +839,11 @@
 /* 재확인 할 것 */
 .pd_pop.Purchase_pop .btPop_body{height:calc(100% - 10rem);}
 .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
-.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
-.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
+
+
+
+.container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
 /* 재확인 할 것 */
 
 .pd_pop.Purchase_pop{}
@@ -856,30 +862,21 @@
 .pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:2px solid #222; height:7.4rem;}
 .pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
 
+
 /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
 .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select{min-height: 4.5rem;}
 .pd .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 100%;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd_pop.Purchase_pop .pop_option_select{display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #fff; height:84%;}
-.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd_pop.Purchase_pop .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header{margin-bottom:2rem;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
-.pd_pop.Purchase_pop .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
-.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; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; padding-right: 4rem;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .option_box .select_custom .combo .select{padding-left:1.5rem; color: #333333;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom .combo .select::before{content: '상품';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333;}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(2) .select_custom .combo .select::before{content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .pd_pop.Purchase_pop .form_field:nth-child(3) .select_custom .combo .select::before{content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
-.pd.deal .pd_detail .select_custom .select .item_prod .item_state .itemLink .itemName{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; color:#777;}
-.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;}
-.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
+
+.pd.deal .pd_detail .option_box .select_custom .combo .select{padding-left:1.5rem; color: #333333;}
+.pd.deal .pd_detail .form_field:nth-child(1) .select_custom .combo .select::before{content: '상품';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333;}
+.pd.deal .pd_detail .form_field:nth-child(1) .select_custom.option_open .combo .select::before{content: '';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .form_field:nth-child(2) .select_custom .combo .select::before{content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .form_field:nth-child(3) .select_custom .combo .select::before{content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem; color:#333333}
+.pd.deal .pd_detail .select_custom .select .item_prod .item_state .itemLink .itemName{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; color:#777; height:auto;}
+
+
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select{color:#777777; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; padding-right:4rem;padding-left: 5rem;}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select:before{color:#333333}
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field .select .opt_name{pointer-events: none;}
@@ -888,6 +885,7 @@
 .pd_pop.Purchase_pop div[class$="Option"] .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
 
 
+
 /* pd_popup 공통 */
 .modal.pd_pop .opt_select .form_field {margin-top:0.5rem;}
 .modal.pd_pop .info_txt ul li {position:relative; font-size:1.1rem; color:#888; padding-left:0.8rem; margin-bottom:0.3rem;}
@@ -907,6 +905,31 @@
 .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
 .tbl.type2 table th {font-weight:300; color:#222;} */
 
+/* 상품상세 및 상품상세딜_옵션선택팝업 */
+.pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
+.pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
+.pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
+.pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
+.pd .pd_detail .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
+.pd .pd_detail .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
+.pd .pd_detail .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
+
+.pd .pd_detail .pop_option_select .form_wrap .form_field{display: block; margin-bottom:1rem;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select:before{color:#333333}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_name{pointer-events: none;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_price{pointer-events: none;display: none;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(1) .select:before {content: '옵션1';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
+.pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
+
+.pd .pd_detail .pop_option_select .select_custom .deal_opt_item .select .item_prod {top:-0.1rem;}
+.pd .pd_detail .pop_option_select .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem; padding-bottom:0}
+.pd .pd_detail .pop_option_select .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
+.pd .pd_detail .pop_option_select .select_custom .combo .list>li .item_prod {padding-right: 0;}
+
 /* 쇼핑백담음 팝업 */
 #shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
 #shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}

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

@@ -1087,11 +1087,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .tip2 .tip_contents:before,
 .my .review .tip2 .tip_contents:after{left: 64.5%;}
 .my .review .titWrap {margin-top: 1.2rem;}
-.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-weight: 200;}
-.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 3px;height: 3px;}
+.my .review .tip_wrap ul li{position: relative;padding-left: 1.0rem;font-size: 1.3rem;font-weight: 200;}
+.my .review .tip_wrap ul li::before{content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
 .my .review .tab_cont .inner:first-child {margin-top: 0;}
 .my .review .tab_cont .inner {margin-top: 1.2rem;}
 .my .review .tab_cont .inner .reviewMy {padding: 2.4rem 0 6rem; font-weight: 200;}
+.my .review .tab_cont .inner .reviewMy::before {content: ''; width: 100%; height: 0.1rem; display: block; background: #eeeeee; position: relative; top: -2.45rem; left: 0; }
 .my .review .part_goods {padding-top: 2.4rem;}
 .my .review .part_goods:first-child {margin-top: 0;}
 .my .review .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
@@ -1488,26 +1489,27 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 
 /* my_Leave */
+.my .myMbLeave .titWrap {font-size: 1.4rem;}
 .my .myMbLeave .inner {background: #fff;margin-bottom: 1.2rem;}
 .my .myMbLeave .inner:nth-last-child(2) {background: #fff;margin-bottom: 0;}
 .my .myMbLeave .mb_leave_complete {text-align: center;padding: 10rem 0 4rem 0;color: #222;font-size: 2.4rem;font-weight: 500;}
 .my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
 .my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #fd4802;}
-.my .myMbLeave .tbl.type5 table{width: 100%;}
 .my .myMbLeave .tblWrap table {padding: 0;border-top: 0px;}
 .my .myMbLeave .tblWrap table tr td {padding-top:0;}
 .my .myMbLeave .tblWrap table tr td:first-child {border-bottom: 0;}
 .my .myMbLeave .tblWrap .tbl td input {width: 100%;}
-.my .myMbLeave .tbl.type5 {border-top: 0;padding-top: 2.0rem;padding-bottom: 4rem;}
-.my .myMbLeave .tbl.type5 table th {background: #f5f5f5;border-top: 2px solid #222;}
-.my .myMbLeave .tbl.type5 th p {font-size: 1.3rem; color: #888888;}
-.my .myMbLeave .tbl.type5 th p {font-size: 1.3rem; color: #888888;}
+.my .myMbLeave .tbl.type5 {border-top: 0;padding-top: 2.0rem;padding-bottom: 3rem;}
+.my .myMbLeave .tbl.type5 table{width: 100%;}
+.my .myMbLeave .tbl.type5 table th {padding: 1.6rem 0; background: #f5f5f5;border-top: 0.1rem solid #222;}
+.my .myMbLeave .tbl.type5 th p {font-size: 1.1rem; font-weight: 200; color: #888888;}
 .my .myMbLeave .announce_txt .announce_list{padding: 1.0rem 0 3rem;}
-.my .myMbLeave .announce_txt + .check_box {padding: 3.0rem 0;border-top: 1px dashed #dcdcdc;}
-.my .myMbLeave .message { width: 100%; display: inline-table;position: relative; border:1px solid #ffe4d9; padding:0 1.5rem; margin-top: 1.2rem;background: #fff6f2;}
+.my .myMbLeave .announce_txt + .check_box {padding: 3.0rem 0;border-top: 0.1rem dashed #dcdcdc;}
+.my .myMbLeave .message { width: 100%; display: inline-table;position: relative; border:0.1rem solid #ffe4d9; padding:0 1.5rem; margin-top: 1.2rem;background: #fff6f2;}
 .my .myMbLeave .message .msg_tit {font-size: 1.3rem; color: #fd4802; margin-bottom: 1rem; font-weight: 500; padding-top: 1.5rem;   padding-left: 2rem;}
 .my .myMbLeave .message .msg_tit.t_err {text-indent: -2rem;}
 .my .myMbLeave .message .content {font-size: 1.3rem; padding-bottom: 1.5rem;padding-left: 2rem;color: #888888;}
+.my .myMbLeave .form_field input[type="checkbox"] + label {text-align: left;line-height: 1.4rem;}
 .my .myMbLeave .btn_group_flex {margin-top: 0;}