퍼블 최신화

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

@@ -938,7 +938,7 @@ footer{background-color: #f1f1f1;}
 footer .btn_top{position: fixed; bottom: 9%; right: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 500; 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 .btn_back{position: fixed; bottom: 9%; left: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 500; background:url(/images/mo/mo_btn_back.png) no-repeat; bottom: calc(env(safe-area-inset-bottom) + 6.5rem);}
-footer .btn_back span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 0.6rem;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
+footer .btn_back span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 0.6rem;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em; text-indent:-999rem;}
 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

@@ -485,7 +485,7 @@
 
 .pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
 .pd_detail .movbox #prodMovBtn{background: rgb(246 55 55 / 0%);  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 1px;z-index: 2;}
-.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none;}
+.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
 
 
 .pd_detail .thumb_box{position: relative;}
@@ -545,7 +545,7 @@
 .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;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.5rem;}
+.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 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;}

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

@@ -419,8 +419,8 @@
 
 .main_1stage {padding: 2rem 0 0rem 0;}
 .main_1stage .bnnbox{position: relative; /*height:11.3rem;*/ overflow:hidden; padding-top: 35%;}
-.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
-.main_1stage .txtWrap p{font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1;color: #222222;padding-bottom:1.0rem;}
+.main_1stage .txtWrap{width: 18.5rem; margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
+.main_1stage .txtWrap p{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1.2;color: #222222;padding-bottom:1.0rem;}
 .main_1stage .txtWrap p:last-child {padding-bottom:0px;}
 .main_1stage img {position: absolute; top: 50%; left:50%; transform:translate(-60%, -50%); max-width:none; width:auto; height:100%;}
 
@@ -607,7 +607,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .dp .dp_btn_area .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -1.3rem; transform:translateY(-50%); background:url(/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 0.9rem; display: none;}
 .dp .dp_btn_area .btn_wrap a.btn.go_next span:after {display: block;}
 .dp .dp_btn_area .btn_wrap button.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
-.dp .announce_txt {margin-top:-1.2rem; padding:2.4rem 0;}
+.dp .announce_txt {margin-top:-3.2rem; padding:2.4rem 0;}
 .dp .announce_txt .announce_list {padding-bottom: 0;}
 
 /* 다른 이벤트 보기 슬라이드 */
@@ -738,6 +738,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* ev_check */
 /* .ev .check {background: #f5f5f5;} */
+.stamp_event {padding-bottom: 2.0rem;}
 .stamp_event .event_calander {position: relative; background-color: #f4f3ef; padding:4.3rem 2rem 3rem; overflow:hidden;}
 .stamp_event .event_calander:after {content:''; position: absolute; top: 12rem; left: -3rem; background:url('/images/mo/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
 .stamp_event .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/mo/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
@@ -1236,11 +1237,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 
 /* my_order_1 */
-.my .order_sort {padding-top: 2rem; text-align: right;}
+.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;margin-bottom: -2.4rem; text-align: right;}
 .my .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
 .my .order_sort a:first-child {margin-right: 2rem;}
-.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;}
+.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;margin-top: 1.2rem;}
 .my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
+/* .my .my_order .inner:first-child .part_goods {margin-top: -1.2rem;} */
+/* .my .my_order .inner .part_goods:last-child {margin-bottom: 0;margin-top: -1.2rem;} */
 .popup_box .button_list button {width: 100%; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
 .popup_box .button_list button[disabled] {background: #f5f5f5; color: #bbb;}
 .popup_box .button_list button[disabled] span {text-decoration: line-through; }
@@ -1252,10 +1255,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .my_order .inner {margin-bottom: 1.2rem;}
 .my .my_order .inner:last-child {margin-bottom: 0;}
 .my .inner.bg_beige {background: #fff6f2;}
-.my .order_number {padding:2rem; position: relative; margin-bottom:0;}
+.my .order_number {padding:2rem; position: relative; margin-bottom:0; margin-bottom: -2rem;}
+.my .order_number dl{display: inline-block;}
 .my .order_number dt, .my .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
 .my .order_number dt {margin-right: 0.8rem;}
-.my .order_number .delete {position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
+.my .order_number .delete {position: absolute; top: 45%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
 .my .foldGroup {margin-bottom: 0;}
 .my .foldGroup > ul > li {border-bottom: 0;}
 .my .fold_answer {background: #fff; padding-top: 0;}
@@ -1394,6 +1398,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* my_return_2 */
 .my .my_return .inner {margin-bottom: 1.2rem;}
+.my .my_return .inner .part_goods {margin-top: 1.2rem;}
 .my .my_return .ship_info dl > div.addr {width: 100%;}
 .my .my_return .desc_txt,.my .my_exchange .desc_txt {margin-top: -1.5rem; margin-bottom: 4.2rem;}
 .my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
@@ -2454,53 +2459,56 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .optModifyPop .opt_header > span {float:left;}
 .optModifyPop .opt_header .info {margin-left: 2rem; color: #666;}
 .optModifyPop .opt_header .form_field {position: absolute; top: 0; right: 0; width:auto;}
-.optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 1px solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
+.optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 0.1rem solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
 .optModifyPop .area_order .opt_color ul {font-size: 0; width: 100%; white-space: nowrap; overflow-x: auto;}
-.optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 3px; margin-top:6px}
-.optModifyPop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-.optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
-.optModifyPop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
+.optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 0.3rem; margin-top:0.6rem;}
+.optModifyPop .area_order .opt_color ul li a {display:block; background: #f5f5f5; position: relative; padding-bottom: 0%;box-sizing: border-box;width: 7.0rem;height: 10.5rem;}
+.optModifyPop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: content-box;border: 0.1rem solid #f5f5f5;}
+.optModifyPop .area_order .opt_color ul li a.on::after {display: block;content: '';border: 0.1rem solid #fd4802;}
+.optModifyPop .area_order .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
+/* .optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802} */
+.optModifyPop .area_order .opt_size {padding-bottom:4.0rem; border-bottom:0.1rem solid #ddd;}
 .optModifyPop .area_order .opt_size .form_field {display:block; width:100%; font-size: 0;}
-.optModifyPop .area_order .opt_size .form_field > div {float:none; width:20%; display: inline-block; margin:6px 0 0; padding:0 0.78%;}
+.optModifyPop .area_order .opt_size .form_field > div {float:none; width:20%; display: inline-block; margin:0.6rem 0 0; padding:0 0.78%;}
 .optModifyPop .area_order .opt_size .form_field > div {}
 /* .optModifyPop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;} */
-.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {position: relative; display:block; width:100%; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
-.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); display:inline-block; text-overflow:ellipsis; overflow:hidden;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {position: relative; display:block; width:100%; height:4.0rem; padding:0; line-height:4.0rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.4rem;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 0.6rem; line-height:1.2; transform:translateY(-50%); display:inline-block; text-overflow:ellipsis; overflow:hidden;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::before,
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
-.optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label {background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label span {text-decoration:line-through;}
 
-.optModifyPop .area_order .opt_select .select_custom .combo .select {height:45px; padding:15px;}
-.optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:45px; padding:15px; font-size:14px; line-height:1;}
+.optModifyPop .area_order .opt_select .select_custom .combo .select {height:4.5rem; padding:1.5rem;}
+.optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:4.5rem; padding:1.5rem; font-size:1.4rem; line-height:1;}
 .optModifyPop .area_order .opt_count .opt_count {padding-bottom:0;}
-.optModifyPop .area_order .opt_count .number_count {display:inline-block; border:1px solid #ddd}
+.optModifyPop .area_order .opt_count .number_count {display:inline-block; border:0.1rem solid #ddd;}
 .optModifyPop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
 .optModifyPop .area_order .opt_count .number_count span,
 .optModifyPop .area_order .opt_count .number_count input[type='text']{float:left;}
-.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
-.optModifyPop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
+.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:4.0rem; height:4.0rem; text-align:center;}
+.optModifyPop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
 .optModifyPop .area_order .opt_count .number_count span.min_val,
 .optModifyPop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
 .optModifyPop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
 .optModifyPop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
-.optModifyPop .area_order .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
-.optModifyPop .area_order .btn_group_block .btn {height:60px; font-size:18px; font-weight:300;}
+.optModifyPop .area_order .opt_count .number_count input[type='text'] {width:4.4rem; height:4.0rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none;}
+.optModifyPop .area_order .btn_group_block .btn {height:6.0rem; font-size:1.8rem; font-weight:300;}
 
 .popup_box .part_goods .od_calc {margin-top: 0;}
 .popup_box .part_goods .od_calc .price {position: static;}
 
 /* popup_다다익선 */
-.moresalePop .area_benefit {padding-top:2.4rem; color:#fd4802; font-size:14px;}
+.moresalePop .area_benefit {padding-top:2.4rem; color:#fd4802; font-size:1.4rem;}
 .moresalePop .area_benefit::after {content:''; clear:both; display:block;}
 .moresalePop .area_benefit .tag {float:left; width:3.2rem; font-size: 1rem; padding: 0.5rem 0; text-align: center; height:auto;}
 .moresalePop .area_benefit p {float:left;}
 .moresalePop .area_benefit p span {position:relative; display: block; padding:0px 1rem; display: block; line-height: 2.2rem;}
 .moresalePop .area_benefit p span:first-child::before {display:none;}
 .moresalePop .popup_con {padding:0 2rem;}
-.moresalePop .part_goods ul {border-top: 1px solid #eeeeee;}
-.moresalePop .part_goods li {border-bottom: 1px solid #eeeeee; padding:2rem 0;}
+.moresalePop .part_goods ul {border-top: 0.1rem solid #eeeeee;}
+.moresalePop .part_goods li {border-bottom: 0.1rem solid #eeeeee; padding:2rem 0;}
 .moresalePop .part_goods li:last-child {border-bottom: 0;}
 .moresalePop .part_goods .sale_price {margin-left: 1rem;}
 .moresalePop .part_goods .sale_percent {margin-left: 1.5rem;}

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

@@ -2778,7 +2778,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
 	.option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
 	.option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}	
-
+	
 	/* pd_deal_컬러선택 */
 	.pd .option_box .opt_color {}
 	.pd .option_box .opt_color .title {margin-right: 16px;}
@@ -2786,9 +2786,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_color ul::after {content:''; clear:both; display:block;}
 	.option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
 	.option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
-	.option_box .opt_color ul li a {display:block; box-sizing:border-box; width:66px; height:99px;}
-	.option_box .opt_color ul li a img {width:100%;}
-	.option_box .opt_color ul li a.on img {border:1px solid #fd4802;}
+	.option_box .opt_color ul li a {position: relative; display:block; box-sizing:border-box; width:66px; height:99px; line-height: 0; font-size: 0; overflow: hidden;background: #f5f5f5; border: 1px solid #f5f5f5; box-sizing: content-box;}
+	.option_box .opt_color ul li a img {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 2;	}
+	.option_box .opt_color ul li a.on {border:1px solid #fd4802;}
 
 	/* pd_deal_컬러선택 폼 */
 	.pd .option_box .opt_size {}
@@ -4673,7 +4673,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .modal-header {margin-bottom:20px;}
 	.modal.optModify_pop .modal-header h5.modal-title {margin-bottom:20px}
 	.modal.optModify_pop button span {line-height:1;}
-	.modal.optModify_pop img {width:100%}
+	.modal.optModify_pop img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
 	.modal.optModify_pop .form_field,
 	.modal.optModify_pop .form_field > div {display:block; width:100%;}
 	.modal.optModify_pop .opt_header {margin-bottom:18px; font-size:14px;}
@@ -4683,6 +4683,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
 	.modal.optModify_pop .area_pic {float:left; width:360px;}
 	.modal.optModify_pop .area_pic .pic_list {margin-top:-5px}
+	.modal.optModify_pop .area_pic .pic_list .thumb {position: relative;display: block;padding-bottom: 0%;box-sizing: border-box;width: 175px;height: 261px;border: 1px solid #eee;background: #f5f5f5;}
 	.modal.optModify_pop .area_pic .pic_list li {float:left; width:50%; padding-top:5px; padding-bottom:5px;}
 	.modal.optModify_pop .area_pic .pic_list li:nth-child(odd) {padding-right:5px;}
 	.modal.optModify_pop .area_pic .pic_list li:nth-child(even) {padding-left:5px;}
@@ -4692,8 +4693,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .area_order .opt_color ul {margin-top:-6px;}
 	.modal.optModify_pop .area_order .opt_color ul li {float:left; margin-left:6px; margin-top:6px}
 	.modal.optModify_pop .area_order .opt_color ul li:nth-child(5n-4) {margin-left:0} 
-	.modal.optModify_pop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-	.modal.optModify_pop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
+	.modal.optModify_pop .area_order .opt_color ul li a {display:block; position: relative; box-sizing:border-box; width:70px; height:103px;padding-bottom: 0%;border: 1px solid #eee;background: #f5f5f5;}
+	.modal.optModify_pop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #f5f5f5;box-sizing: border-box;}
+	.modal.optModify_pop .area_order .opt_color ul li a.on::after {display: block;content: '';border:1px solid #fd4802;}
 	.modal.optModify_pop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
 	.modal.optModify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
 	.modal.optModify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}

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:31.25%; transform:translate(0, -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{width: 445px; margin:0 auto; position:absolute; top:50%; left:31.25%; transform:translate(0, -50%);z-index:1; text-align:left;}
+.main_1stage .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; 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;}