퍼블 최신화

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

@@ -404,11 +404,11 @@
 .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.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:1rem;right:1rem;font-size: 0;z-index: 19;width: 1.7rem;height: 1.7rem; background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:0 0;background-repeat: no-repeat;}
+.item_prod .itemLike {position: absolute;top:0rem;right:0rem;font-size: 0;z-index: 19;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;}
 .item_prod .itemLike::before, 
 .item_prod .itemLike::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
-.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:-1.7rem 0;background-repeat: no-repeat;}
-.item_prod .itemLike::after {background: url('/imagnes/mo/ico_like.png');background-size: 3.4rem;background-position: -1.7rem 0;background-repeat: no-repeat;}
+.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.82rem;background-position:-1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
+.item_prod .itemLike::after {background: url('/imagnes/mo/ico_like.png');background-size: 3.82rem;background-position: -1.86rem 1rem;background-repeat: no-repeat;margin: 0rem -1rem 2rem 0rem;}
 /* .item_prod .itemLike:hover::before,  */
 /* .item_prod .itemLike:active::before {opacity: 1;} */
 /* .item_prod .itemLike.active::before {opacity: 1;} */
@@ -419,7 +419,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.1rem; 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;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;}
@@ -1376,7 +1376,7 @@
 .pd_review .category_open > li > span{position:relative; padding-right:1.5rem;}
 .pd_review .category_open > li > span:after{display:block; content:''; position:absolute; right:0; top:50%; margin-top:-2px; border:5px solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
 
-.review_cate_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.review_cate_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:1000;}
 .review_cate_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .review_cate_box .category_list{max-height:40rem; overflow-y:auto;}
 .review_cate_box .category_list .category {display:none; padding:0 1.33rem;}
@@ -1840,10 +1840,10 @@
 .dp .dp_exhibition .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
 .dp .dp_exhibition .list_content .list_item > div{padding-bottom:6rem;}
 .dp .dp_exhibition .list_content .list_item .visual{position:relative; margin-bottom:-2rem;}
-.dp .dp_exhibition .list_content .list_item .visual .img {position: relative; display: block;}
-.dp .dp_exhibition .list_content .list_item .visual .img:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
+.dp .dp_exhibition .list_content .list_item .visual a {position: relative; display: block;}
+.dp .dp_exhibition .list_content .list_item .visual a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
 .dp .dp_exhibition .list_content .list_item .visual img {width: 100%; position: relative;}
-.dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 0; bottom: 2rem; padding: 2rem; color: #fff; width: 100%;}
+.dp .dp_exhibition .list_content .list_item .visual .txtWrap {position: absolute; left: 0; bottom: 2rem; z-index:1; padding: 2rem; color: #fff; width: 100%;}
 .dp .dp_exhibition .list_content .list_item .visual .txtWrap p:first-child {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
 .dp .dp_exhibition .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 
@@ -1960,7 +1960,7 @@
 .dp .dp_review_cont .review .best_review {position:relative; text-align:center;}
 .dp .dp_review_cont .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:0.1rem; background-color:#eee;}
 .dp .dp_review_cont .review .best_review a {display:block; position:relative; background-color:#fff;}
-.dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3em; background:#ddd;}
+.dp .dp_review_cont .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:8.3rem; height: 1.3rem; background:#ddd;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.3rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .dp .dp_review_cont .review .best_review a .info .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
 .dp .dp_review_cont .review .best_review a .info .star_score .ico {margin-left:1.0rem}
@@ -1984,10 +1984,10 @@
 .dp .dp_review_cont .review .product_view .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:6.0rem; padding-left:5.6rem; vertical-align: middle;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:4.0rem; height:6.0rem; z-index:2;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemBrand {display:block; font-size:1rem; color:#888888; font-weight:300; margin-left:0; margin-right:0;}
-.dp .dp_review_cont .review .product_view .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: 1; -webkit-box-orient: vertical; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
+.dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemName {display:block; margin-top:0.5rem; font-size:1.3rem; margin-left:0; margin-right:0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.5rem; max-height: 3.3rem; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice{margin-left:0; margin-right:0;}
 .dp .dp_review_cont .review .product_view .item_prod .item_state .itemLink .itemPrice .itemPrice_sale{font-weight:700;}
-.dp .dp_review_cont .review .swiper-container .swiper-slide{box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
+.dp .dp_review_cont .review .swiper-container .swiper-slide{width: 72%; box-shadow:0 0 1.0rem rgba(0,0,0,0.2);}
 .dp .dp_review_cont .review .swiper-container .swiper-pagination-fraction {position: relative; display:inline-block; margin-top:2rem; bottom:0; width:auto; background: rgba(34,34,34,.5); color: #fff; font-weight: 300; padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
 .dp .dp_review_cont .review .swiper-container .swiper-pagination-current {font-weight: 600;}
 
@@ -2085,7 +2085,7 @@
 .filter_box.active{visibility:visible;}
 .filter_box.active .filter_list{right:0;}
 .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
-.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-80%; width:80%; height:100%; transition:right 0.4s;}
+.filter_list{font-size:1.4rem; background:#fff; position:fixed; top:0; right:-72%; width:72%; height:100%; transition:right 0.4s;}
 .filter_list::after{content:''; display: block; clear:both;}
 .filter_list .form_field{display:block;}
 .filter_list .form_field input[type="checkbox"] + label {display: block; position: relative; padding-left:0; padding-right: 26px; cursor: pointer; font-size: 1.2rem; line-height: 1.4; font-weight: 300; letter-spacing: 0; text-align: left;}
@@ -2117,7 +2117,7 @@
 .filter_body > ul > li .daps1.on:after{background-position:0 -0.733rem;}
 .filter_body > ul > li .daps1 .pic{position:absolute; right:4.5rem; top:50%; display:block; max-width:15rem; font-size:1.1rem; color:#fd4801; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .filter_body > ul > li .daps5 a{background:url(/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
-.filter_body > ul > li a.on{color:#fd4801;}
+.filter_body > ul > li a.on{color:#222;}
 .filter_body > ul > li.categori .daps2 > li > a.on, .filter_body > ul > li.categori .daps3 > li > a.on, .filter_body > ul > li.categori .daps4 > li > a.on {border-bottom: 0.1rem solid #ddd;}
 .filter_body > ul > li.categori .daps2 > li > a.on:after,
 .filter_body > ul > li.categori .daps3 > li > a.on:after,
@@ -2125,7 +2125,7 @@
 /* 필터세부사항(사이즈..) */
 .filter_body > ul > li .sizebox{padding-top:3rem;}
 .filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
-.filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:2% 0 0 2% ; width:32%; height:3.3rem; line-height:3.3rem; text-align:center; background-color:#fff;}
+.filter_body > ul > li .sizebox > li label{position:relative; display:block; float:left; margin:3% 0 0 3% ; width:31%; height:3.4rem; line-height:3.4rem; text-align:center; background-color:#fff;}
 .filter_body > ul > li .sizebox > li label input{position:absolute; top:0; right:0; opacity:0; width:0; height:0;}
 .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;}
@@ -2170,26 +2170,32 @@
 /*==== 총알배송 ====*/
 .modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
 .modal.dp_pop.bulletShip_pop .ico-area{text-align:center;}
+.modal.dp_pop.bulletShip_pop .ico-area img {width: 4rem;}
 .modal.dp_pop.bulletShip_pop .impossible-popup{text-align:center;}
 /* dp_Bulletship .Bulletship_body */
+.Bulletship_head{margin-top: 5.5rem;padding-top: 5.5rem;}
 .Bulletship_head img{width:100%;}
 .Bulletship_body{padding:0 2rem;}
 .bulletship .ico-area {width:4.1rem; padding-top:4rem; margin:0 auto;}
 .bulletship .txt-area {position:relative; margin-top:1rem; text-align:center;}
 .bulletship .bulltetship-time {font-size:1.3rem; color:#555;}
-.bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:900;}
+.bulletship .bulltetship-check {margin:1.2rem 0 2rem; font-size:2.4rem; font-weight:600;}
 .bulletship .bulltetship-disc {margin:1.6rem 0 0; font-size:1.1rem;}
 /* popup */
 .bulletship-possible {display:block; z-index:100; top:0; left:0; width:100%; background-color:#fff;}
 .bulletship-possible.no {display:block; z-index:100;}
-.input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:6.8rem; border:none; text-align:center; background-color:#f5f5f5; color:#797979; font-size:1.3rem;}
+.bulletShip_pop .input-address {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; padding:2rem 0; border:none; text-align:center; background-color:#f5f5f5; color:#666666; font-size:1.3rem;}
 .dim-area {display:block; z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .5); filter:blur(.5);}
 .dim-area .my-inner {position:fixed; top:25%; /* top:50%; */ left:50%; transform:translate(-50%, -50%); width:32rem; height:36.5rem; padding:0 2rem; box-sizing:border-box; background-color:#fff;}
 .dim-area .my-inner .ico-area {margin-bottom:.8rem;}
-.possible-popup {text-align:center;}
-.possible-popup.disp-on {display:block;}
+.bulletShip_pop .modal-body {padding:0 2rem}
+.bulletShip_pop .bulltetship-check {margin:0 0 2rem; font-size:2.4rem; font-weight:600; color: #222;}
+.bulletShip_pop .possible-popup {text-align:center;}
+.bulletShip_pop .possible-popup.disp-on {display:block;}
+.bulletShip_pop .possible-popup > p:first-child {font-size: 1.3rem; color: #555;}
 /* .impossible-popup {position:absolute; top:7rem; left:50%; transform:translateX(-50%); width:100%; padding:0 2rem; box-sizing:border-box; text-align:center;} */
-.impossible-popup.disp-on {display:block;}
+.bulletShip_pop .impossible-popup.disp-on {display:block;}
+.bulletShip_pop .impossible-popup > p:first-child {font-size: 1.3rem; color: #555;}
 .bullet-pop-btn {position:absolute; top:2.6rem; right:2rem; width:1.6rem; height:1.6rem; border:0; background-color:transparent;}
 .bullet-pop-btn::before {content:''; display:block; position:absolute; transform:rotate(45deg); width:100%; height:0.1rem; background-color:#000;}
 .bullet-pop-btn::after {content:''; display:block; position:absolute; transform:rotate(-45deg); width:100%; height:0.1rem; background-color:#000;}
@@ -2199,7 +2205,7 @@
 .list-popup .bullet-pop-btn {position:absolute; top:-2rem; left:50%; transform:translateX(-50%);}
 .list-popup .bullet-pop-btn::before {background-color:#fff;}
 .list-popup .bullet-pop-btn::after {background-color:#fff;}
-.mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:30px; font-size:1.4rem; text-align:center;}
+.mo-list-btn {display:block; width:100%; margin-bottom:.8rem; padding:1.4rem 0; box-sizing:border-box; border:.3rem solid #eee; border-radius:3.0rem; font-size:1.4rem; text-align:center;}
 .mo-list-btn:last-child {margin-bottom:0;}
 .mo-list-btn:active,
 .mo-list-btn:checked,
@@ -2213,8 +2219,8 @@
 .bulletship .Bulletship_foot .img-box {margin-right:2rem;}
 .bulletship .Bulletship_foot img {width:7.5rem; height:7.5rem;}
 .bulletship .Bulletship_foot .txt-box {display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; justify-content:center; text-align:left;}
-.bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:900;}
-.bulletship .Bulletship_foot .disc {font-size:1.2rem;}
+.bulletship .Bulletship_foot .tit {font-size:1.4rem; font-weight:500;}
+.bulletship .Bulletship_foot .disc {font-size:1.2rem; color: #666;}
 .mo-only {display:none;}
 @media (max-width:320px) {
     .mo-only {display:block;}
@@ -2425,15 +2431,12 @@
 /* 브랜드 - br_search */
 .br .brand_si{margin-top:0.1rem;}
 .br .brand_si .swiper-wrapper{height:0;}
-.br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
 .br_search_wrap {margin-top: 5.5rem;}
 .br_search_wrap .swiper-pagination{margin:0;}
-.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
-.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
+.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; border-top:0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: -0.1rem;}
 .br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
-.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee; border-top: 0.1rem solid #eeeeee;}
-.br_search_wrap .swiper-slide:nth-child(1) {border-left: 0.1rem solid #eeeeee;}
-.br_search_wrap .swiper-slide:nth-child(2) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee; }
 .br_search_wrap .swiper-slide > div { width: 12.6rem; margin: 0; box-sizing: border-box; padding:0.6rem;}
 .br_search_wrap .swiper-pagination-bullet-active { background: #fd4802;}
 .br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}

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

@@ -546,7 +546,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .ev .renew_check_tit .share_btn {position: absolute; top: 14px; right: 20px; width: 1.4rem;}
 .ev textarea, .ev input {color: #222;}
 
-.promotion_tit {padding:1.5rem 0;}
+.promotion_tit {padding:1.5rem 0; padding-right: 2rem;}
 .promotion_tit h3 {font-size: 1.4rem; font-weight: 500;}
 .promotion_tit .period {margin-top: 1.5rem; font-size: 1.1rem; color: #888;}
 .promotion_tit .share_btn {position: absolute; top: 0.9rem; right: 1.5rem; width: 3rem; height: 3rem;}
@@ -1027,7 +1027,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 .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; background:#f5f5f5; height: 100%;}
+.part_goods .goods_detail .thumb_box a {display:block; height: 100%;}
+.part_goods .goods_detail .thumb_box a::after { content: "";display: block; position: absolute; top:0; left: 0; width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
 .part_goods .goods_detail .thumb_box img {position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
 
 .part_goods .goods_detail .info_box {min-height:13.5rem; padding-top: 1rem;}
@@ -1811,13 +1812,18 @@ background-size:100%;}
 .od .foldGroup .fold_cont {padding:0 2rem 3rem; font-weight: 300;}
 .od .foldGroup .fold_head {position: relative;  z-index: 3;}
 .od .foldGroup .fold_head.on .data {display: none;}
+.od .foldGroup .fold_sale .fold_head.on .data {display: block; width:100%; overflow: visible;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] {top: 3.4rem;left: -27.9rem;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] + label {position: fixed; top: 3.4rem;left: 6.8rem;}
+.od .foldGroup .fold_sale .fold_head.on .data .form_field input[type="checkbox"] + label span {display: none;}
+.od .foldGroup .fold_sale .fold_cont .area_seldiscount .form_field label {padding-left: 2.6rem;font-size: 1.2rem;line-height: 2.0;font-weight: 300;letter-spacing: 0;}
 .od .foldGroup .fold_head a {padding: 0;}
 .od .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:1.3rem; font-weight:300; z-index:-1; padding-right: 0; width: 40%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: right;}
 .od .foldGroup .fold_head .data.fixed {display: block;}
 .od .foldGroup .fold_head .data.custom_disc {z-index: 2;}
 .od .foldGroup .fold_head .data.custom_disc label {line-height: 2rem;}
 .od .foldGroup .fold_head .data.maxdisc {z-index:2; text-align: center; width:auto;}
-.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;}
+.od .foldGroup .fold_head .data.maxdisc span {padding-left: 0; margin-left: 0;display: inline-block;}
 .od .foldGroup .fold_head .data .maxdisc_amount {color: #fd4802;}
 .od .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
 .od .foldGroup .fold_head .data span {/*display:inline-block;*/ position:relative; padding-left:1rem; margin-left:1rem;}
@@ -1901,21 +1907,21 @@ background-size:100%;}
 .modal.adrsChange_Pop .modal-header {padding: 0; height: 5.5rem;}
 .modal.adrsChange_Pop .modal-body {margin-top: 5.2rem;}
 .modal.adrsChange_Pop .modal-body {padding: 0;}
-.adrsChange_Pop .htop {position: relative;height: 55px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
-.adrsChange_Pop #htopSub {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
-.adrsChange_Pop #htopSubs {border-bottom: 1px solid #000000;box-sizing: border-box;}
+.adrsChange_Pop .htop {position: relative;height: 5.5rem;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
+.adrsChange_Pop #htopSub {border-bottom: 0.1rem solid #e5e5e5;box-sizing: border-box;}
+.adrsChange_Pop #htopSubs {border-bottom: 0.1rem solid #000000;box-sizing: border-box;}
 .adrsChange_Pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsChange_Pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsChange_Pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsChange_Pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsChange_Pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsChange_Pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsChange_Pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsChange_Pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsChange_Pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsChange_Pop .htop .btn_back:active span i {left: -20px;}
+.adrsChange_Pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsChange_Pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsChange_Pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsChange_Pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsChange_Pop .ship_info {position: relative;}
 .adrsChange_Pop .shipfold .ship_info {padding:2rem; padding-top: 0;}
-.adrsChange_Pop .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:1px solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
+.adrsChange_Pop .ship_info .btn_popup {position: absolute; top: 0; right: 2rem; border:0.1rem solid #ddd; width: 7rem; height: 3rem; padding:0; line-height: 3rem; font-size: 1.1rem;}
 .adrsChange_Pop .ship_info .company {font-weight: 500;}
 .adrsChange_Pop .ship_info dl > div {margin-bottom: 0.7rem;}
 .adrsChange_Pop .ship_info dl > div:last-child {margin-bottom: 0;}
@@ -1943,14 +1949,14 @@ background-size:100%;}
 .adrsChange_Pop .modal-body .pop_cont.nodata .delivery_list {display: none;}
 .adrsChange_Pop .modal-body .pop_cont.nodata .empty_txt {display: block; padding:14rem 0 11rem; font-size: 1.3rem; color: #222; text-align: center; font-weight: 300;}
 .adrsChange_Pop .badge_wrap {display: inline-block;}
-.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
-.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
+.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:0.1rem solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 0.1rem; vertical-align: middle;}
+.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:0.1rem solid #fd4802;}
 .adrsChange_Pop .modal-footer {margin-bottom: 5rem;}
 .adrsChange_Pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
 
 .adrsChange_Pop  {}
 .adrsChange_Pop .inner:last-child {padding-bottom: 0;}
-.adrsChange_Pop .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
+.adrsChange_Pop .ship_info {padding:3rem 2rem; border-bottom: 0.1rem solid #eee;}
 .adrsChange_Pop .ship_info.active {background: #fff6f2;}
 .adrsChange_Pop .ship_info dl > div.addr {width: 100%;}
 .adrsChange_Pop .ship_info .btn_group_flex {display: block; margin-top: 2rem;}
@@ -1968,7 +1974,7 @@ background-size:100%;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
-.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
 .adrsAdd_pop .dlvr_basic {margin-top: 1.5rem;}
@@ -1981,14 +1987,14 @@ background-size:100%;}
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
 .adrsAdd_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
 .adrsAdd_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsAdd_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsAdd_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsAdd_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsAdd_pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsAdd_pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsAdd_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsAdd_pop .htop .btn_back:active span i {left: -20px;}
+.adrsAdd_pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsAdd_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsAdd_pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsAdd_pop .default_addrs {margin-top: 1.5rem;}
 .adrsAdd_pop .modal-footer {margin-bottom: 5rem;}
 .adrsAdd_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
@@ -2002,7 +2008,7 @@ background-size:100%;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr {border-top: 0; padding-top: 0;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap {display: block; width: 100%; position: relative;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap button.btn_sch {position: absolute; top: 0; right: 0; border:0; width: 5rem; height: 4.5rem; background:transparent url('/images/mo/ico_search_btn.png') no-repeat center; background-size:2rem; margin-left: 0;}
-.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -1px;}
+.adrsModify_pop .tbl_wrap .tbl.tbl_dlvr .input_wrap input.form_control + input.form_control {margin-top: -0.1rem;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text'] {width: 100%; font-size: 1.3rem; color: #888; font-weight: 300;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_dlvr input[type='text']:first-of-type {padding-right: 5rem;}
 .adrsModify_pop .dlvr_basic {margin-top: 1.5rem;}
@@ -2015,14 +2021,14 @@ background-size:100%;}
 .adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt {position: relative; padding-left: 0.8rem; margin-top: 1rem; font-size: 1.1rem; }
 .adrsModify_pop .tbl_wrap .tbl.tbl_request .desc_txt:after {content:''; position: absolute; top: 0.6rem; left: 0; background: #888; width: 0.2rem; height: 0.2rem;}
 .adrsModify_pop .htop h5 {display: inline-block;position: relative;height: 3.5rem;line-height: 3.5rem;vertical-align: top; font-size: 1.8rem;color: #222; margin:1rem 0 0 2rem;}
-.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0px 0;}
-.adrsModify_pop .htop .btn_back {width: 35px;height: 35px; margin:0.7rem 0 0 1.5rem;}
-.adrsModify_pop .htop .btn_back span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
+.adrsModify_pop .htop h5 img {position: relative;top: 50%;left: 0;right: 0;transform: translate(0, -50%);margin: 0 0;}
+.adrsModify_pop .htop .btn_back {width: 3.5rem;height: 3.5rem; margin:0.7rem 0 0 1.5rem;}
+.adrsModify_pop .htop .btn_back span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
 .adrsModify_pop .htop .btn_back span i {display: block;position: absolute;background: #222;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
-.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 6px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
-.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 2px;}
-.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
-.adrsModify_pop .htop .btn_back:active span i {left: -20px;}
+.adrsModify_pop .htop .btn_back span i.gl1 {left: 0;top: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.adrsModify_pop .htop .btn_back span i.gl2 {left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2.4rem;height: 0.2rem;}
+.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 0.6rem;width: 1.2rem;height: 0.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
+.adrsModify_pop .htop .btn_back:active span i {left: -2.0rem;}
 .adrsModify_pop .default_addrs {margin-top: 1.5rem;}
 .adrsModify_pop .modal-footer {margin-bottom: 5rem;}
 .adrsModify_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
@@ -2036,78 +2042,80 @@ background-size:100%;}
 .modal.couponModify_pop h6 {margin-bottom:1.5rem; font-size: 1.4rem; font-weight: 500; line-height: 1.4rem;}
 .modal.couponModify_pop .form_field,
 .modal.couponModify_pop .form_field > div {display:block; width:100%;}
-.modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
-.modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
+.modal.couponModify_pop .area_item_coupon {margin-bottom:4.0rem;}
+.modal.couponModify_pop .area_item_coupon .apply_item {margin-top:3.0rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:2.0rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {margin: 0;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
-.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:4rem; height:6rem; padding-top:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {position: relative; float:left; width:4rem; height:6rem; padding-top:0;}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
+.modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb img {position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {padding-top: 0.6rem; padding-left:5.5rem; width:90%; vertical-align:middle; font-weight: 300;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .brand {font-size: 1rem; color: #888;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:0.6rem; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; line-height: 1.2; font-size: 1.3rem;}
 .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:0.8rem; font-size: 1.1rem; color: #888;}
 .modal.couponModify_pop .area_item_coupon .select_custom {height:8rem;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:8.3rem; padding:0;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:2.0rem; transform:translateY(-50%);}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:8rem; padding:0;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:1px solid #ddd;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:8rem; padding:0; border-top:0.1rem solid #ddd;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:1.4rem 1.8rem;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:1.4rem; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:0.6rem; color:#888; font-size:1.4rem; font-weight:200;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:0.6rem;  color:#fd4802; font-size:1.6rem; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
-.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
+.modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:2.2rem; color:#222; font-size:1.4rem; font-weight:300;}
 .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
 .modal.couponModify_pop .area_cart_coupon {margin-bottom:6rem;}
-.modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
-.modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
+.modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:0.1rem solid #ddd}
+.modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:0.1rem solid #ddd;}
 .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%; color:#222;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:20px 0px;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:2.0rem 0;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:1.4rem; font-weight:300;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:1.0rem; color:#888; font-size:1.4rem; font-weight:200;}
 .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
-.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px;  color:#fd4802; font-size:16px; font-weight:300;}
+.modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:1.0rem;  color:#fd4802; font-size:1.6rem; font-weight:300;}
 .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
 /* //주문결제_할인쿠폰변경 팝업 */
 
-.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 1px solid #eee;}
+.od .area_selgift .gift_box {margin-bottom: 2rem; border-bottom: 0.1rem solid #eee;}
 .od .area_selgift .gift_box:last-of-type {border-bottom: 0; padding-bottom: 0;}
 .od .area_selgift .gift_box .txt {margin-bottom:1.5rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
-.od .area_selgift .gift_box .txt span {position:relative; padding-right:20px; margin-right:10px; color:#222; font-weight:300;}
-.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
-.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:1px solid transparent;}
-.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:1px solid #fd4802;}
+.od .area_selgift .gift_box .txt span {position:relative; padding-right:2.0rem; margin-right:1.0rem; color:#222; font-weight:300;}
+.od .area_selgift .gift_box .txt span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0.6rem; height:1.1rem; background:url('/images/pc/ico_arrow_thin.png') no-repeat 0 0;}
+.od .area_selgift .gift_box .form_field .gift .chk_img + label span {padding:0; border:0.1rem solid transparent;}
+.od .area_selgift .gift_box .form_field .gift .chk_img:checked + label .thumb {border:0.1rem solid #fd4802;}
 .od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:before,
 .od .area_selgift .gift_box .form_field .gift input[type="checkbox"] + label:after{display: none;}
 .od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:before,
-.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:10px; top: 10px; margin-top: 0;}
+.od .area_selgift .gift_box .form_field .gift input[type="radio"] + label:after{left:1.0rem; top: 1.0rem; margin-top: 0;z-index: 2;}
 .od .area_selgift .gift_box .form_field .gift label {position:relative; width:100%; padding:0; box-sizing:border-box; vertical-align:middle;}
 .od .area_selgift .gift_box .form_field .gift label > span {display:inline-block; width:100%;}
-.od .area_selgift .gift_box .form_field .gift label .thumb { background-color:#eee; border:1px solid #eee;}
-.od .area_selgift .gift_box .form_field .gift label .thumb img {width:100%;}
+.od .area_selgift .gift_box .form_field .gift label .thumb {width: 10.6rem;height: 13.5rem; background-color:#eee; border:0.1rem solid #eee;}
+.od .area_selgift .gift_box .form_field .gift label .thumb img {position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
 .od .area_selgift .gift_box .form_field .gift label .name {width:100%; color:#666; font-size:1.1rem; line-height:1.4; font-weight:200; min-height:3.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin:1.5rem 0 1rem; text-align: center;}
-.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0px;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}
+.od .area_selgift .gift_box .form_field .gift label .deduct {margin-top:0;color:#fd4802; font-weight:300; font-size:1.3rem; text-align: center;}
 
 .od .area_selgift .gift_box .gift {float:left; width: 31.87%; margin:0 2.18% 2.4rem 0;}
 .od .area_selgift .gift_box .gift:nth-child(3n) {margin-right: 0;}
-.od .area_selgift .agree_gift {border:1px solid #ddd; text-align: center; padding:1.5rem 0;}
+.od .area_selgift .agree_gift {border:0.1rem solid #ddd; text-align: center; padding:1.5rem 0;}
 .od .area_selgift .agree_gift .txt {font-size: 1.3rem; margin:1rem 0;}
-.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 1px solid #666;}
-.od .area_selgift .agree_gift_con {display: none; width: 100%; border:1px solid #ddd; border-top: 0; padding:1.8rem;}
+.od .area_selgift .agree_gift .btn_link_popup {font-size: 1.1rem; color:#666; border-bottom: 0.1rem solid #666;}
+.od .area_selgift .agree_gift_con {display: none; width: 100%; border:0.1rem solid #ddd; border-top: 0; padding:1.8rem;}
 .od .area_selgift .agree_gift_con p {position: relative; padding-left: 1rem; font-size: 1.2rem; color: #888;}
 .od .area_selgift .agree_gift_con p:before {content:'-'; position: absolute; left: 0; top: 0;}
 
-.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid #ddd;}
+.od .area_selpoint dl > div {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 0.1rem solid #ddd;}
 .od .area_selpoint dl > div:first-child {margin-top: 0;}
 
 .od .area_seldiscount .maxdisc_amount {color: #fd4802;}
-.od .area_seldiscount dl > div {border-bottom: 1px solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
+.od .area_seldiscount dl > div {border-bottom: 0.1rem solid #eee; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
 .od .area_seldiscount dl > div:last-child {border-bottom: 0;}
 .od .area_seldiscount dl > div:first-child {}
-.od .area_seldiscount dl > div:nth-child(2) {border-bottom: 1px dashed #eee;}
-.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:0 0 1.5rem; border:1px solid #a7a7a7;}
+.od .area_seldiscount dl > div:nth-child(2) {border-bottom: 0.1rem dashed #eee;}
+.od .area_seldiscount #btn_couponModify_pop {width: 100%; display: block; height: 4.5rem; margin:0 0 1.5rem; border:0.1rem solid #a7a7a7;}
 .od .area_seldiscount dt {position: relative; margin-bottom: 1.5rem; font-size: 1.4rem; color: #222; font-weight: 500;}
 .od .area_seldiscount dt .maxdisc_amount {position: absolute; top: 0; right: 0;}
 
@@ -2116,14 +2124,14 @@ background-size:100%;}
 .od .area_seldiscount .input_wrap .btn, .od .area_selpoint .input_wrap .btn {position: absolute; top: 0; right: 0; width: 6rem; height: 4.5rem; margin-left: 0;}
 .od .area_seldiscount .dlvr_fee_box .select_custom {height:8.3rem;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:8.3rem; padding:0;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:2.0rem; transform:translateY(-50%);}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:8rem; padding:0;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:1px solid #ddd;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; padding:0; border-top:0.1rem solid #ddd;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:1.5rem; }
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:1.3rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:1rem; color:#888; font-size:1.1rem; font-weight:200;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
-.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px;  color:#fd4802; font-size:1.5rem; font-weight:300;}
+.od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:1.0rem; color:#fd4802; font-size:1.5rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:2rem; color:#888; font-size:1.3rem; font-weight:300;}
 .od .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
@@ -2150,7 +2158,7 @@ background-size:100%;}
 .od .paymentinfo .payinfo_blk_wrap > a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
 
 .od .paymentinfo .payinfo_blk_wrap.on {}
-.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:3px; transform:rotate(-180deg);}
+.od .paymentinfo .payinfo_blk_wrap.on > a span::after {top:0.3rem; transform:rotate(-180deg);}
 
 .od .paymentinfo .payinfo_blk_parent {margin-top: -0.1rem; display: none;}
 .od .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
@@ -2596,7 +2604,7 @@ main.container .od_extra .inner:last-child {padding-bottom: 0;}
 #daumZipcodePop .modal-content {margin-top:5rem;}
 
 /* popup_메인공지 FULL */
-.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:9000; width: 100%; height: 100%; overflow-y:auto; background: #222;}
+.popup_main_notice {position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:900; 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:6.0rem; height:6.0rem; 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%;}

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

@@ -955,6 +955,12 @@ $( document ).ready( function() {
 
             $(this).parents('.inner').siblings('.inner').find('.fold_head').removeClass('on');
             $(this).parents('.inner').siblings('.inner').find('.fold_cont').slideUp(100);
+
+            // 210617_ 추가 : 선택 된 폴드그룹 포커스 이동
+            if($('.od .foldGroup .fold_head').hasClass('on') === true){
+                var odoffset = $('.od .foldGroup .fold_head').offset();
+                $('html').animate({scrollTop : odoffset.top - 40}, 400);
+            }
             return false;
         });
         /* 210428_수정 : 아코디언 */

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

@@ -1183,27 +1183,6 @@ input[type="file"] {
     max-height: 500px;
     background-color: #fff;
 }
-.select_custom .combo .list::-webkit-scrollbar {
-    width: 4px;
-    height: 0;
-}
-.select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
-.select_custom .combo .list::-webkit-scrollbar-button:end:increment {
-    display: block;
-    height: 0;
-}
-.select_custom .combo .list::-webkit-scrollbar-track {
-    background: rgba(0, 0, 0, .05);
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-}
-.select_custom .combo .list::-webkit-scrollbar-thumb {
-    height: 50px;
-    width: 50px;
-    background: rgba(0, 0, 0, .2);
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-}
 .select_custom[disabled] {
   pointer-events: none;
 } 
@@ -1248,6 +1227,28 @@ input[type="file"] {
     /*background-color: #ccc;*/
     background: #f5f5f5;
 }
+/* scrollbar custom */
+.select_custom .combo .list::-webkit-scrollbar {width: 2px;height: 0;}
+.select_custom .combo .list::-webkit-scrollbar-button:start:decrement,
+.select_custom .combo .list::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
+.select_custom .combo .list::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
+.select_custom .combo .list::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
+
+.modal::-webkit-scrollbar,.pop_cont::-webkit-scrollbar {width: 2px;}
+.modal::-webkit-scrollbar-thumb,.pop_cont::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
+.modal::-webkit-scrollbar-track, .pop_cont::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+
+.tbl.scroll_tbl .body_t::-webkit-scrollbar {width: 2px;height: 2px;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+/* 
+  
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:start:decrement,
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
+.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
+  */
+
 /* list-type */
 
 /* description */
@@ -1842,9 +1843,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .modal.pop_fullCol .modal-body .pop_cont{max-height: 100%;}
 .modal.pop_fullCol .modal-body [class^="ui_col_"]{margin: 0;}
 
-.modal::-webkit-scrollbar,.pop_cont::-webkit-scrollbar {width: 2px;}
-.modal::-webkit-scrollbar-thumb,.pop_cont::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
-.modal::-webkit-scrollbar-track, .pop_cont::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
+
 
 /* .modal, .pop_cont {scrollbar-width: thin; scrollbar-color: #888888 #dddddd;} 파이어폭스 스크롤바 css */
 

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

@@ -998,6 +998,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .tbl td .block_line ul li .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
 .tbl td .block_line ul li .btn.btn_sm {height:34px; margin-top:-6px; padding:10px 14px; font-size:14px; font-weight:200;}
 
+/* 스크롤 테이블 */
+.tbl.scroll_tbl {position: relative;}
+.tbl.scroll_tbl::before {display:none; content:''; position: absolute; top: 0; right: 0; width: 2rem; height: 100%; background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 1%,rgba(255,255,255,0.5) 36%,rgba(255,255,255,1) 100%); z-index: 5;}
+.tbl.scroll_tbl::after {content:''; clear:both; display: block;}
+.tbl.scroll_tbl table th, .tbl.scroll_tbl table td {padding:20px 10px;}
+.tbl.scroll_tbl .head_t {float:left; width: 25% !important; display: block;}
+.tbl.scroll_tbl .head_t td {font-weight: 400;}
+.tbl.scroll_tbl .head_t + .body_t {width: 75% !important;}
+.tbl.scroll_tbl .body_t {float:left; width: 100% !important; display: block; white-space: nowrap; overflow-x: auto;}
+.tbl.scroll_tbl .body_t td {}
+
 /* 별점노출 */
 .star_score {position:relative; height:14px;}
 .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
@@ -1921,8 +1932,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_review .review_list .reviw_box .review_item {padding:0px 30px 20px}
 	.dp_review .review_list .reviw_box .review_item .item_prod {text-align:left; width:100%; padding-top:20px; border-top:1px solid #ddd;}
 	.dp_review .review_list .reviw_box .review_item .item_prod .item_state {position:relative; padding:0; }
-	.dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:table-cell; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle; }
-	.dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:0}
+	.dp_review .review_list .reviw_box .review_item .item_prod .itemLink {display:inline-block; width:100%; height:120px; box-sizing:border-box; padding-left:110px; vertical-align:middle; }
+	.dp_review .review_list .reviw_box .review_item .item_prod .itemName {margin:30px 0 0; -webkit-line-clamp:1; height:auto; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
 	.dp_review .review_list .reviw_box .review_item .item_prod .itemPrice {margin:15px 0 0}
 	.dp_review .review_list .reviw_box .review_item .item_prod .itemPic {position:absolute; left:0; top:0; padding:0; width:80px; height:120px; margin:0; z-index:2;}
 	
@@ -2002,7 +2013,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .other_promotion_slide .cont_body {position:relative;}
 	.dp .other_promotion_slide .swiper-button-next {right:-70px; margin-top:-70px;}
 	.dp .other_promotion_slide .swiper-button-prev {left:-70px; margin-top:-70px;}
-	.dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%;}
+	.dp .other_promotion_slide .thumb {margin-bottom: 22px; position: relative; width: 100%; height: auto; padding-top: 100%; overflow:hidden;}
 	.dp .other_promotion_slide .thumb img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
 	.dp .other_promotion_slide .brand {display: inline-block; margin-bottom:10px; font-size: 12px; color:#888; font-weight: 300;}
 	.dp .other_promotion_slide .txt {margin:0 6px;}
@@ -3225,7 +3236,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
 	.modal.pd_pop.info_size_pop .tbl.scroll_tbl{position: relative;}
 	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t{float: left;width: 25% !important;display: block; color:#222}
-	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;}
+	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;padding-bottom: 4px;}
 	.pd_pop.info_size_pop .pop_cont {max-height:none;}
 	.pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px}
 	.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}

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

@@ -708,6 +708,18 @@ $(document).ready( function() {
 			//$(this).toggleClass('on');
 		}
 	});
+
+	// 상품상세 > 사이즈 테이블 - 스크롤 휠 제어
+	$(".tbl.scroll_tbl .body_t").on('mousewheel',function(e){
+		var wheelDelta = e.originalEvent.wheelDelta;
+		if(wheelDelta > 0){
+			$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());
+		}else{
+			$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());
+		}
+	});
+
+