모바일 주문서 개발중

src/main/java/com/style24/front/biz/web/TsfOrderController.java

@@ -161,12 +161,19 @@ public class TsfOrderController extends TsfBaseController {
 		
 		// 1.3. 선물하기주문 체크 후 비 로그인 상태면 장바구니로 강제 이동
 		if (coreOrderService.getGiftOrderCheck(order) > 0) {
+			// 비 로그인 상태면 장바구니로 강제 이동
 			if (TsfSession.isLogin() == false) {
 				mav.setViewName("redirect:/cart/list/form");					// 장바구니화면이동
 				return mav;
 			}
 			// 선물받기여부
 			orderGiftYn = "Y";
+			
+			// 선물하기일때 PC 로 접근하면 
+			if ("P".equals(TsfSession.getFrontGb())) {
+				mav.setViewName("redirect:/cart/list/form");					// 장바구니화면이동
+				return mav;
+			}
 		}
 
 		// 1.4 로그인체크 후 custNo 설정
@@ -204,6 +211,7 @@ public class TsfOrderController extends TsfBaseController {
 		}
 		
 		order.setShotDelvYn(order.getShotDelvUseYn());
+		order.setOrderGiftYn(orderGiftYn);
 
 		// 3. 장바구니상품시퀀스 상품목록조회
 		// 3.1 즉시할인, 다다익선 할인금액 정보 적용 상품 정보

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -44,6 +44,7 @@
 				<th>delvMemo</th>
 				<th>sexGb</th>
 				<th>birthYmd</th>
+				<th>orderGiftYn</th>
 			</tr>
 			<tr style="height:30px;">
 				<td class="custNm"></td>
@@ -57,6 +58,7 @@
 				<td class="delvMemo"></td>
 				<td class="sexGb"></td>
 				<td class="birthYmd"></td>
+				<td class="orderGiftYn" th:text="${orderGiftYn}"></td>
 			</tr>
 		</tbody>
 	</table>
@@ -241,7 +243,7 @@
 <!-- 주문고객정보 -->
 <form id="orderForm" name="orderForm">
 <main role="" id="" class="container od">
-	<section class="content odPayment">
+	<section class="content odPayment od_gift">
 		<form action="" class="form_wrap">
 			<!-- 주문내역 -->
 			<div class="inner wide" id="orderListInfo"  style="display:none"></div>
@@ -460,6 +462,7 @@ $(document).ready( function() {
 		, "foreignBuyYn"	: foreignBuyYn
 		, "orderMadeYn"		: orderMadeYn
 		, "custDelvAddrSq"	: 0
+		, "orderGiftYn"		: "Y"
 	}
 	
 	jsonData = JSON.stringify(jsonObj);
@@ -851,6 +854,44 @@ var paymentInfoSet = function() {
 					var orgEntryNo 			= "";
 					var entryNo 			= "";
 					
+					// 주문데이타 생성
+					var orderData = {
+						"custNm"				: $("#orderAmtForm .custNm").text()
+						,"email"				: $("#orderAmtForm .email").text()
+						,"recipNm"				: $("#orderAmtForm .recipNm").text()
+						,"recipPhnno"			: $("#orderAmtForm .recipPhnno").text()
+						,"recipZipcode"			: $("#orderAmtForm .recipZipcode").text()
+						,"recipBaseAddr"		: $("#orderAmtForm .recipBaseAddr").text()
+						,"recipDtlAddr"			: $("#orderAmtForm .recipDtlAddr").text()
+						,"delvMemo"				: $("#orderAmtForm .delvMemo").text()
+						,"sexGb"				: $("#orderAmtForm .sexGb").text()
+						,"birthYmd"				: $("#orderAmtForm .birthYmd").text()
+						,"prePntDcAmtYn"		: prePntDcAmtYn
+						,"orderDetailList"		: orderDetailList
+						,"delvFeeCdList"		: delvFeeCdList
+						,"shotDelvYn"			: shotDelvYn
+						,"entryNo"				: entryNo
+						,"pgGb"					: pgGb
+						,"payMeans"				: payMeans // 네이버페이, 카카오페이
+						,"payAmt"				: $("#orderAmtForm .realOrdSumAmt").text()
+						,"ordNm"				: $("#orderAmtForm .custNm").text()
+						,"ordPhnno"				: $("#orderAmtForm .cellPhnno").text()
+						,"goodsNm"				: $("#orderAmtForm .goodsNm").eq(0).text()
+						,"ordGoodsQty"			: ordGoodsQty
+						,"freegiftValArr"		: $("#orderAmtForm .freegiftValArr").text().split(",")
+						,"freegiftSqArr"		: $("#orderAmtForm .freegiftSqArr").text().split(",")
+						,"freegiftGoodsArr"		: $("#orderAmtForm .freegiftGoodsArr").text().split(",")
+						,"freegiftUsePointArr"	: $("#orderAmtForm .freegiftUsePointArr").text().split(",")
+					};
+					
+					// 선물받기일때 배송지주소 받지않음
+					if (orderGiftYn == "N") {
+						if ($("#orderAmtForm .recipZipcode").text() == "0000" || gagajf.isNull($("#orderAmtForm .recipZipcode").text())) {
+							mcxDialog.alert("배송지주소를를 입력해주세요.");
+							return false;
+						}
+					}
+					
 					// TODO 개인통관번호 동의 체크시 통관번호 등록
 					if (foreignBuyYn == "Y") {
 						if ($("#orderForm input[name=rdi-overseas]:checked").val() == "Y") {
@@ -967,6 +1008,7 @@ var paymentInfoSet = function() {
 							,"itemQtyArr"		: $(this).parent().find(".itemQtyr").text().split(",")
 							,"goodsType"		: $(this).parent().find(".goodsType").text()
 							,"entryNo"			: entryNo
+							,"giftPackYn"		: orderGiftYn
 						}
 						
 						// 상품수

src/main/webapp/WEB-INF/views/mob/order/OrderListInfoMob.html

@@ -23,7 +23,12 @@
 			<div class="fold_head">
 				<a href="javascript:void(0)">
 					<div>
-						<div class="fold_tit"><span>주문내역</span></div>
+						<th:block th:if="${order.orderGiftYn} == 'N'">
+							<div class="fold_tit"><span>주문내역</span></div>
+						</th:block>
+						<th:block th:if="${order.orderGiftYn} == 'Y'">
+							<div class="fold_tit"><span>선물하기 주문내역</span></div>
+						</th:block>
 						<div class="data"><em class="c_primary" th:text="${goodsTotCnt}"></em>개의 상품</div>
 					</div>
 				</a>

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

@@ -726,7 +726,7 @@ header .subs .btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform:
 /* header .subs .btn_gnbs.on span i.gl2 {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} */
 
 header.hide {display: none;}
-header.main .htop {border: rgba(255, 255, 255, 0.2) solid 1px;background-color: #222222;}
+header.main .htop {border: rgba(255, 255, 255, 0.2) solid 0px;background-color: #222222;}
 header.main .htop.bright {background-color: transparent;}
 /* header.main .htop h1 {margin: 10px 0 0 20px;width: 95px;} */
 header.main .btn_gnb span i {background: url(/images/mo/ico_btn_more_w.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}

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

@@ -48,12 +48,12 @@
 .cs .foldGroup .fold_head .fold_tit {max-width: 82rem;}
 .cs .foldGroup .fold_answer .answer_head {margin-bottom:1rem}
 .cs .foldGroup .fold_cont > div:first-of-type {border-top:0.1rem solid #ddd}
-.cs ul.inquiry_box{display:flex;}
-.cs ul.inquiry_box > li{width:33.3%; padding:1rem 0; border-right:0.2rem solid #e4e4e4;}
+.cs ul.inquiry_box{display:flex; margin:-0.6rem 0;}
+.cs ul.inquiry_box > li{width:33.3%; border-right:0.2rem solid #e4e4e4;}
 .cs ul.inquiry_box > li:nth-last-child(1){border-right:0px none;}
 .cs ul.inquiry_box > li > p{text-align:center;}
 .cs ul.inquiry_box > li > p:nth-of-type(1){color:#000000; font-size:1.4rem; font-weight:bold;}
-.cs ul.inquiry_box > li > p:nth-of-type(2){margin-top:0.5rem; color:#696969; font-size:1.2rem; font-weight:500;}
+.cs ul.inquiry_box > li > p:nth-of-type(2){margin-top:0.5rem; color:#696969; font-size:1.3rem; font-weight:500;}
 
 /* cs_faq_1 */
 .cs .cs_faq_1{background-color:#f5f5f5}
@@ -130,7 +130,7 @@
 .cs_contactUs_my textarea { width: 100%; height: 15rem; box-sizing: border-box; padding: 1.5rem; font-size: 1.4rem;}
 .cs_contactUs_my .form_field { margin: 0 0 1.2rem; }
 .cs_contactUs_my .info_addfile ul li {font-size: 1.2rem; color: #c6c6c6;}
-.cs_contactUs_my_footer { width: 100%; height: 4.5rem; background: #222; color: #fff; text-align: center;  font-size: 1.4rem; line-height: 4.5rem; bottom: 0; position: fixed; z-index: 1000;}
+.cs_contactUs_my_footer { width: 100%; height: 5.7rem; background: #222; color: #fff; text-align: center;  font-size: 1.6rem; line-height: 5.7rem; bottom: 0; position: fixed; z-index: 1000;}
 .cs_contactUs_my .select_dress { height: 4.5rem; padding: 0 1.5rem; line-height: 4.5rem;}
 .cs_contactUs_my .blt_dot {position:relative; padding-left:1rem}
 .cs_contactUs_my .blt_dot::before {content:''; position:absolute; left:0; top:50%; margin-top:-0.2rem; width:0.3rem; height:0.3rem; background:#888;}
@@ -352,7 +352,7 @@
 .itemLike.likeit::before {opacity: 1;}
 .item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
 .item_prod .itemPic {position: relative;width: 100%;margin-bottom: 1.5rem;padding-top: 150%;font-size: 0px;overflow: hidden;}
-.item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
+/*.item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}*/
 .item_prod .itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
 .item_prod .itemBrand {display: inline-block; margin: 0px 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 0px;line-height: 1; font-size: 1.1rem;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@@ -390,7 +390,8 @@
 .pd_detail .pd_info > .inner,
 .pd_detail > .inner{margin-bottom:1.2rem; padding-bottom:3rem; background-color:#fff;}
 .pd_detail > .inner:first-child{margin-bottom:0;}
-.pd_detail > .inner:last-child{margin-bottom:0;}
+.pd .pd_detail > .inner:nth-of-type(6){margin-bottom:0;}
+.pd.deal .pd_detail > .inner:nth-of-type(3){margin-bottom:0;}
 .pd_detail .pd_info > .inner.wide,
 .pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
 .pd_detail .thumb_box{position: relative;}
@@ -692,7 +693,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.pd_qnawrite_pop .modal-footer button{height:5.3rem;}
 .modal.pd_pop.pd_qnawrite_pop .modal-header{border-bottom:0px none;}
 /*.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width : calc(100% - 30%);overflow:hidden;}*/
-.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width : calc(100% - 20%)}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width : calc(100% - 5%)}
 .select_custom .combo .list>li[aria-disabled="true"]{background:#fff;}
 .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc}
 .pd_qnalist_pop .foldGroup > ul > li{border-bottom:0px none;}
@@ -749,7 +750,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd_detail .size{color:#666666}
 .pd_clickother .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;  width: calc(100% - 10%);}
 .pic_list .item_prod .itemName{display: block;max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;  width: calc(100% - 10%);}
-.foldGroup.case2 .fold_answer{padding-top:0;}
+.foldGroup.case2 .fold_answer{padding-top:1.8rem;}
 .pd .item_prod{display:block;}
 .pd .itemBrand{width:calc(100% - 10%);}
 .pd .select_custom .combo .list{max-height:100%;}
@@ -766,10 +767,14 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
 /*.pd_detail .inner{margin:0 !important;}*/
 /* 210413 */
-.cs_contactUs_my .form_field .select_dress::before{content:"*"; position:absolute; left:14.6rem; font-size:1.8rem; top:0.5rem; color:red}
+/*.cs_contactUs_my .form_field .select_dress::before{content:"*"; position:absolute; left:14.6rem; font-size:1.8rem; top:0.5rem; color:red}*/
 /*.cs_contactUs_my .form_field input{content:"*"; position:absolute; left:14.6rem; font-size:1.7rem; top:0.4rem; color:red}*/
-.cs .cs_contactUs_1 .foldGroup .fold_head a{padding:2rem 2rem 1.4rem;}
+.cs .cs_contactUs_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
+.cs .cs_notice_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
+.cs .cs_product_1 .foldGroup .fold_head a{padding:1.8rem 2rem 1.4rem;}
 .pd .Purchase_pop .btPop_foot{position: absolute;width: 100%;bottom: 0; background: #fff;}
+.cs .pnb ul{padding-left:1rem}
+.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
 
 
 /* 플롯팅 메뉴 > 구매하기 */
@@ -830,7 +835,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
 .pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500; background: #fff; height:100%;}
 .pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:auto; max-height:100%; background-color:#fff;}
-.pd_pop.Purchase_pop .pop_option_select .close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:1.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 .close{opacity: 1; position: absolute; z-index: 98; 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;}
@@ -899,6 +904,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.salecoupon_pop button:disabled span:nth-child(2){display:block;}
 .modal.pd_pop.salecoupon_pop button:disabled{background:#aaa!important; border-color:#aaa!important; opacity:1;}
 .modal.pd_pop.salecoupon_pop .modal-footer button{color: #ffffff; background-color: #fd4802; border-color: #fd4802;}
+.modal.pd_pop.salecoupon_pop .modal-footer button > span{padding:0;}
+.modal.pd_pop.salecoupon_pop .modal-footer button > span::after{background:none;}
 
 /* pd_popup > EP채널쿠폰 */
 .modal.pd_pop.epcoupon_pop .modal-body{padding:0rem 2rem;}
@@ -1025,7 +1032,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle; max-width:20rem;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:7.0rem; height:10.5rem; padding:0; margin-bottom:0; z-index:2;}
-.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0; width : calc(100% - 20%)}
+.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0; width : calc(100% - 10%)}
 /*.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-left:0;}*/
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
 .modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .lap{position: relative;}
@@ -1123,7 +1130,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .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;}
 .pd_review{background:#f5f5f5;}
 .pd_review.best,
-.pd_review.photo{background:#fff;}
+.pd_review.photo{background:#fff; position:absolute; bottom:0; z-index:999;}
 .pd_review [class^="area_rv"]{padding:4rem 1.33rem; margin-bottom:1.2rem; background:#fff; line-height: 1.4;}
 .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
 .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
@@ -1430,8 +1437,8 @@ header .htop.trans{position:absolute; background:transparent !important;}
 .item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
 .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
 /*.item_blk .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width : calc(100% - 20%);overflow:hidden;}*/
-.item_blk .item_prod .item_state .itemLink .itemBrand {min-width:75%;}
-.item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:calc(100% - 20%);}
+.item_blk .item_prod .item_state .itemLink .itemBrand {min-width:88%;}
+.item_blk .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; max-height: 3.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word; width:calc(100% - 5%);}
 .item_blk .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
 /*select_custom > item_prod*/
 .select_custom .select .item_prod{margin:0; padding-right:0; overflow:hidden;}

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

@@ -192,7 +192,7 @@
 .swiper-pagination-progressbar-fill {background: #222222 !important;}
 
 .slide-curb {display: inline-block;vertical-align: middle;font-size: 0;margin-left: 5px;}
-.swiper-pagination {margin: 0 30px 0;display: inline-block;vertical-align: middle;}
+.swiper-pagination {display: inline-block;vertical-align: middle;}
 .swiper-controls {position: relative;margin: 0px;text-align: center;font-size: 16px;}
 
 .main .titWrap h2{font-size: 2.1rem;}
@@ -350,8 +350,9 @@
 
 .main_2stage {padding: 6rem 0 3rem 0;}
 .main_2stage .post-bnnEvent{padding: 0 0px 3.5rem 0;}
+.main_2stage .bnnbox {position: relative; padding-top: 26%; overflow: hidden;}
 .main_2stage a{border: 0px;}
-.main_2stage img{width: 100%; height: auto;/* object-fit: none; */}
+.main_2stage img{/*width: 100%; height: auto; object-fit: none; */ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); max-width:none; width:auto; height:100%;}
 
 /* deal countdown */
 .main_deal .count {border: 1px solid #ffffff;border-radius: 5.0rem;padding: 0.4rem 2.6rem 0.4rem 4.8rem;width: auto;display: inline-block;}
@@ -407,11 +408,11 @@
 .main_pick .pick-post .item_prod .itemPrice{margin: 0px 8rem 0.8rem;top:1.5rem;}
 
 .main_1stage {padding: 2rem 0 0rem 0;}
-.main_1stage .bnnbox{position: relative;height:11.3rem;}
-.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 10vw; transform: translateY(-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 .bnnbox{position: relative; /*height:11.3rem;*/ overflow:hidden; padding-top: 35%;}
+.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index: 1;}
+.main_1stage .txtWrap p{font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: center;line-height: 1;color: #222222;padding-bottom:1.0rem;}
 .main_1stage .txtWrap p:last-child {padding-bottom:0px;}
-.main_1stage img{margin: 0 auto;width: 100%;height: auto;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
+.main_1stage img {position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); max-width:none; width:auto; height:100%;}
 
 .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;}
@@ -461,7 +462,9 @@ width: 0.5rem; height: 0.9rem; background-size:100%;}
 .main_tv {padding:2.3rem 2.0rem 0 2.0rem;}
 .main_tv .cont_head p{ color: #ffffff;}
 .main_tv .cont_body::before {content: '';z-index: -1;display: block;width: 100%;height: 520px;position: absolute;top: 0;left: 0;background: #444444;}
-.main_tv .movbox {height:50vw;}
+.main_tv .movbox {height:50vw; position: relative;}
+.main_tv .movbox:after {content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}
+.main_tv .movbox:before {content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); padding-top:23%; width: 40%;}
 
 .post-tv {width: 100%; margin: 0px auto; padding:0 0rem 3.3rem  0rem;}
 .post-tv .swiper-slide-active {width: 100%;height: auto;}
@@ -2459,7 +2462,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .couponSelectPop .popup_head {text-indent:-999em; visibility: hidden; font-size: 0; padding: 0;}
 .couponSelectPop .popup_con {padding:2rem 2rem;}
 .couponSelectPop .dlvr_coupon {width: 100%; text-align: left;}
-.couponSelectPop .dlvr_coupon {padding:14px 18px;}
+.couponSelectPop .dlvr_coupon {padding:14px 18px;}f
 .couponSelectPop .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
 .couponSelectPop .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
 .couponSelectPop .dlvr_coupon .txt span {font-weight:300;}
@@ -2473,4 +2476,45 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 .couponSelectPop .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
 
 /* 다음우편번호 api */
-#daumZipcodePop .modal-content {margin-top:5rem;}
+#daumZipcodePop .modal-content {margin-top:5rem;}
+
+/* popup_메인공지 FULL */
+.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:90000; width: 100%; height: 100%; overflow-y:auto; background: #222;}
+.popup_main_notice .swiper-button-prev,
+.popup_main_notice .swiper-button-next {position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:60px; height:60px; background-image:url('/images/pc/btn_main_pop_arrow.png'); background-repeat:no-repeat; background-size:auto 100%; z-index:2;}
+.popup_main_notice .swiper-button-prev {left:0; background-position:0 50%;}
+.popup_main_notice .swiper-button-next {right:0; background-position:100% 50%;}
+.popup_main_notice .swiper-button-prev::after,
+.popup_main_notice .swiper-button-next::after {display:none; color:transparent;}
+.popup_main_notice .popup_content {position:relative; width: 100%; height: 100%;}
+.popup_main_notice .popup_content .popup_body {position:relative; height:calc(100vh - 6rem);}
+.popup_main_notice .popup_content .popup_body .swiper-container {height: 100%;}
+.popup_main_notice .popup_content .popup_body .swiper-slide {position: relative;}
+.popup_main_notice .popup_content .popup_body .swiper-slide img {width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); height: auto;}
+.popup_main_notice .popup_content .popup_footer {position: relative; background:#222; height: 6rem; padding: 2.2rem;}
+.popup_main_notice .popup_content .popup_footer::after {content:''; clear:both; display:block;}
+.popup_main_notice .popup_content .popup_footer a.btn_underline {display:inline-block; float:left; color:#888; font-size:1.3rem; font-weight:200; border-color:#888}
+.popup_main_notice .popup_content .popup_footer a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}
+
+.popup_main_notice .popup_body.onlyNotice .swiper-button-prev,
+.popup_main_notice .popup_body.onlyNotice .swiper-button-next {display:none;}
+
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: 43%; bottom:auto; width:auto; left: 5.55%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current {font-weight: 600;}
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current:before {content:'0';}
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-current.on:before {content:'';}
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-total:before {content:'0';}
+.popup_main_notice .popup_content .popup_body .swiper-container .swiper-pagination-total.on:before {content:'';}
+
+/* popup_메인공지 HALF */
+.popup_main_notice.half {background: rgba(0,0,0,.9); height: auto;}
+.popup_main_notice.half .popup_content {position: absolute; left: 0; bottom: 0; height:auto;}
+.popup_main_notice.half .popup_content .popup_body .swiper-slide img {width: 100%; position: relative; top:auto; bottom: 0; left: 0; transform:none; height: auto;}
+.popup_main_notice.half .popup_content .popup_body {position:relative; height:auto;}
+.popup_main_notice.half .popup_content .popup_body .swiper-container {height: auto;}
+.popup_main_notice.half .popup_content .popup_body .swiper-container .swiper-pagination-fraction {top: auto; bottom:3rem; width:auto; left: 8.33333%; transform:translateX(0); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.8rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+
+.popup_main_notice.half .popup_content .popup_header {position: relative; background:transparent; height: 6rem; padding: 2.2rem;}
+.popup_main_notice.half .popup_content .popup_header::after {content:''; clear:both; display:block;}
+.popup_main_notice.half .popup_content .popup_header a.btn_underline {display:inline-block; float:left; color:#fff; font-size:1.3rem; font-weight:200; border-color:#fff; opacity: 0.4; padding-top: 0.2rem;}
+.popup_main_notice.half .popup_content .popup_header a.btn_popup_close {position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; background: url(/images/mo/btn_main_pop_arrow.png) no-repeat center; background-size:1.6rem;}