jmh 4 лет назад
Родитель
Сommit
a7c605d795

+ 18 - 0
src/main/webapp/WEB-INF/views/mob/display/BrandSearchGoodsListFormMob.html

@@ -804,6 +804,24 @@
 		$('.htop h1').text('검색결과');
 		$('.htop h1').css({"display": "inline-block"});
 
+		// 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
+		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
+		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
+		$(window).scroll(function (event) {
+			var schScrollTop= $(window).scrollTop(); 
+			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
+			//console.log('schFilterOrg : '+ schFilterOrg);
+			//console.log('schScrollTop : '+ schScrollTop);
+			//console.log('schFilterTop : '+ schFilterTop);
+			if (schFilterOrg >= schScrollTop){
+				$('.sch .sch_result .count_wrap').removeClass('fixed');
+				return false;
+			} else if(schFilterTop < schScrollTop) {
+				$('.sch .sch_result .count_wrap').addClass('fixed');
+				return false;
+			}
+		});
+		
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();
 

+ 18 - 0
src/main/webapp/WEB-INF/views/mob/display/SearchGoodsListFormMob.html

@@ -884,6 +884,24 @@
 			$(this).parents('.popup_box.schSortPop').hide();
 			$("body").css({"overflow":"visible"});
 		});
+		
+		// 210813_ 추가 : 검색 결과 스크롤 이동 시, 필터 고정
+		// 210819_ 스크립트 위치 이동 및 내용 보완 (공통아님, 카운터필터 사용할 경우에만)
+		const schFilterOrg=$('.sch .sch_result .count_wrap').offset().top - 60;
+		$(window).scroll(function (event) {
+			var schScrollTop= $(window).scrollTop(); 
+			var schFilterTop=$('.sch .sch_result .count_wrap').offset().top - 60;
+			//console.log('schFilterOrg : '+ schFilterOrg);
+			//console.log('schScrollTop : '+ schScrollTop);
+			//console.log('schFilterTop : '+ schFilterTop);
+			if (schFilterOrg >= schScrollTop){
+				$('.sch .sch_result .count_wrap').removeClass('fixed');
+				return false;
+			} else if(schFilterTop < schScrollTop) {
+				$('.sch .sch_result .count_wrap').addClass('fixed');
+				return false;
+			}
+		});
 
 		// 카테고리 필터 생성
 		fnCreateCategoryFilter();

+ 6 - 0
src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html

@@ -1111,6 +1111,8 @@
 		$("#pdDescrpPop .close-modal ").click();
 		$('.container').addClass('btPop_open');
 		$(".pop_option_select").show();
+		$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+		$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 		popOpenScroll();
 		let selIdx = 0;
 		$('.pop_option_select').find('#form_field_item_Up .list li').each(function() { 
@@ -1128,6 +1130,8 @@
 	var fnGoodsDealOptionOpen = function(goodsCd){
 		$('.container').addClass('btPop_open');
 		$(".pop_option_select").show();
+		$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+		$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 		popOpenScroll();
 		let selIdx = 0;
 		$('.pop_option_select').find('#form_field_item_Up .list li').each(function() { 
@@ -1428,6 +1432,8 @@
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
 		 	$(".pop_option_select").show();
+		 	$('body').css('overflow', 'hidden'); // 210819_ 스크롤 강제 제어
+			$('body').css('height', '100%'); // 210819_ 스크롤 강제 제어
 			 return false;
 		 });
 		$(document).on('click','.pop_option_select .close',function(e){

+ 40 - 34
src/main/webapp/ux/mo/css/common_m.css

@@ -69,8 +69,9 @@
 }
 #load {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;text-align: center;opacity: 0.8;background: #ffffff;background-image: url('//image.istyle24.com/Style24/images/mo/movloading.gif');background-repeat: no-repeat;background-position: 50% 50%;background-size: 3.7rem 2.4rem;z-index: 99999;}
 /* Basic setting */
-html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
+html {overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
 body {margin: 0; -webkit-overflow-scrolling: touch;}
+
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,address {display: block;}
 address {font-style: normal;}
 a {color: inherit;background-color: transparent;text-decoration: none;}
@@ -310,7 +311,7 @@ input[type="file"] {
 /* toggle - Share */
 .setShare {padding: 2rem 2rem 3.0em;position: relative;}
 .setShare span {display: block;text-align: center;}
-.setShare button {width: 4.5rem;height: 5.5rem;background: url(//image.istyle24.com/Style24/images/mo/ico_share.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 23.5rem 3.33rem;position: relative;}
+.setShare button {width: 4.5rem;height: 5.5rem;background: url('//image.istyle24.com/Style24/images/mo/ico_share.png') no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 23.5rem 3.33rem;position: relative;}
 .setShare button.kk {background-position: 0.75rem 0;}
 .setShare button.fb {background-position: -6.0rem 0;}
 .setShare button.tw {background-position: -12.5rem 0;}
@@ -531,22 +532,22 @@ input[type="file"] {
 .ico_ft_arrow_b:before {content: ""; width:1.1rem; height:1.1rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_ft_arrow.png'); transform: rotate(90deg);}
 .ico_ft_arrow_t:before {content: ""; width:1.1rem; height:1.1rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_ft_arrow.png'); transform: rotate(-90deg);}
 .ico_kcl::before {content: ""; width:3.2rem; height:5.0rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_kcl.png');}
-.ico_picker::before {content: ""; width:100%; height:100%; background:url(//image.istyle24.com/Style24/images/mo/ico_picker.png) no-repeat 50% 50%;}
-.ico_trash::before {content: ""; width:1.3rem; height:1.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_trash.png) no-repeat 50% 50%;}
-.ico_like::before {content: ""; width: 1.9rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_like.png) no-repeat 0% 50%; background-size:cover;}
+.ico_picker::before {content: ""; width:100%; height:100%; background:url('//image.istyle24.com/Style24/images/mo/ico_picker.png') no-repeat 50% 50%;}
+.ico_trash::before {content: ""; width:1.3rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_trash.png') no-repeat 50% 50%;}
+.ico_like::before {content: ""; width: 1.9rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_like.png') no-repeat 0% 50%; background-size:cover;}
 .active .ico_like::before {background-position:100% 50%;}
-.ico_saletag::before {content: ""; width:3.6rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_saletag.png) no-repeat 50% 50%; background-size:cover;}
-.ico_calender::before {content: ""; width:1.5rem;height:1.6rem;background: url(//image.istyle24.com/Style24/images/mo/ico_calender.png) no-repeat 50% 50%; background-size:cover;}
-.ico_snslogin::before {content: ""; background-image: url(//image.istyle24.com/Style24/images/mo/ico_snslogin.png); background-size:auto 100%;}
+.ico_saletag::before {content: ""; width:3.6rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_saletag.png') no-repeat 50% 50%; background-size:cover;}
+.ico_calender::before {content: ""; width:1.5rem;height:1.6rem;background: url('//image.istyle24.com/Style24/images/mo/ico_calender.png') no-repeat 50% 50%; background-size:cover;}
+.ico_snslogin::before {content: ""; background-image: url('//image.istyle24.com/Style24/images/mo/ico_snslogin.png'); background-size:auto 100%;}
 .ico_snslogin.kakao::before {width:2.0rem; height:2.2rem; background-position:0 0;}
 .ico_snslogin.naver::before {width:1.6rem; height:2.2rem; background-position:-2.0rem 0;}
 .ico_snslogin.yes24::before {width:3.4rem; height:2.2rem; background-position:-3.6rem 0;}
-.ico_check::before {content: ""; width:1.0rem; height:0.8rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_check.png); background-size:100% auto; margin-bottom:0.2rem;}
+.ico_check::before {content: ""; width:1.0rem; height:0.8rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_check.png'); background-size:100% auto; margin-bottom:0.2rem;}
 .ico_check.black::before {content: ""; background-position:0 0;}
 .ico_check.red::before {content: ""; background-position:0 -0.8rem;}
 .ico_check.gray::before {content: ""; background-position:0 -1.6rem;}
-.ico_phone::before {content: ""; width:1.5rem; height:2.0rem; background:url(//image.istyle24.com/Style24/images/mo/ico_join_bg.png) no-repeat 0 0; background-size:cover;}
-.ico_ipin::before {content: ""; width:2.0rem; height:2.0rem; background:url(//image.istyle24.com/Style24/images/mo/ico_join_bg.png) no-repeat -2.0rem 0; background-size:cover;}
+.ico_phone::before {content: ""; width:1.5rem; height:2.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_join_bg.png') no-repeat 0 0; background-size:cover;}
+.ico_ipin::before {content: ""; width:2.0rem; height:2.0rem; background:url('//image.istyle24.com/Style24/images/mo/ico_join_bg.png') no-repeat -2.0rem 0; background-size:cover;}
 
 /* btn : btn_default, btn_more, btn_go, btn_waiting */
 .btn{display: inline-block; height: 5.0rem; margin-bottom: 0; padding: 0.4rem 1.3rem; font-size: 1.4rem; font-weight: 400; line-height: 1 !important; color: #333333; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; background-color: #ffffff; box-sizing: border-box; border-width: 0.1rem; border-style: solid; border-color: #dddddd; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -ms-touch-action: manipulation;touch-action: manipulation; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; cursor: pointer;}
@@ -600,7 +601,10 @@ input[type="file"] {
 .btn_block {width: 100%;}
 
 /* Page setup */
+/* disable bounce effect,scrolling */
 html {font-family: 'LATO', 'Noto Sans kr', sans-serif;font-weight: 300;color: #222;font-size: 10px; line-height: 1.4;letter-spacing: -.025em;word-break: keep-all;}
+body, .app {height: calc(100% - 10px);overscroll-behavior-y: none;-webkit-overflow-scrolling: touch;}
+.container {overscroll-behavior-y: none;-webkit-overflow-scrolling: touch;}
 
 body.gnb_on {height: 100vh;overflow: hidden !important;}
 .app {height: 100vh;font-size: 1.4rem;}
@@ -658,19 +662,19 @@ header .btn_gnb span i {display: block;position: absolute;left: 0;width:100%;hei
 header .subs .btn_gnbs {position: absolute;top: 0.8rem;right: -2.0rem;width: 3.5rem;height: 4rem;z-index: 10;}
 header .subs .btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .subs .btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
-header .subs .btn_gnbs span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
+header .subs .btn_gnbs span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
 header .subs .btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header .subs .dp_list_btn_gnbs {position: absolute;top: 0;right: -2.0rem;width: 3.5rem;height: 4.5rem;z-index: 10;}
 header .subs .dp_list_btn_gnbs span i {display: block;position: absolute;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 header .subs .dp_list_btn_gnbs span {display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;}
-header .subs .dp_list_btn_gnbs span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
+header .subs .dp_list_btn_gnbs span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
 header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header.hide {display: none;}
 header.main .htop {border: rgba(255, 255, 255, 0.2) solid 0;background-color: #fefefe;}
 header.main .htop.bright {background-color: transparent;}
-header.main .btn_gnb span i {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) no-repeat; background-size: 1.1rem 0.63rem;background-position: 50% 50%;}
+header.main .btn_gnb span i {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') no-repeat; background-size: 1.1rem 0.63rem;background-position: 50% 50%;}
 header.main .btn_gnb.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
 
 header .hmenu {position: absolute;left: 0;bottom: 100%;background-color: rgba(0, 0, 0, 0.0);padding: 0 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100vh;-webkit-transition: all 0 ease-out;transition: all 0 ease-out;z-index: -1;}
@@ -740,7 +744,7 @@ header .hmenus .bng .lap{position:absolute; top:0; left:0; padding:0; width:100%
 header .hmenus .bng .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}header .hmenus .bng .nav_list {padding:0;}
 header .hmenus .bng .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
 header .hmenus .bng .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;position: relative;}
-header .hmenus .bng .nav ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
+header .hmenus .bng .nav ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
 header .hmenus .bng .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
 
 header .hmenus .bnb{background-color: #f5f5f5; margin: 3.0rem -2.5rem 0 -2.5rem; padding: 3.0rem 2.5rem; position: relative;}
@@ -750,7 +754,7 @@ header .hmenus .bnb ul > li > a{display: block; padding: 0.8rem 0; font-size: 1.
 
 /* gnb */
 body.header-show .app .gnb{top: 5.0rem;}
-.app .gnb {position: -webkit-sticky; position: sticky; top: 0; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; width: 100%;}
+.app .gnb {position: -webkit-sticky; position: sticky; top: 0; top:5.5rem; padding-right: 3.0rem; background-color: #fefefe; z-index: 9; width: 100%;height: auto;}
 .app .gnb {background-color:#fefefe; position:relative; z-index:100;} /* layout_m 재확인 */
 .app .gnb.expand{padding-right: 3.0rem;}
 
@@ -765,9 +769,9 @@ body.header-show .app .gnb{top: 5.0rem;}
 .app .gnb .btn-expand{position: absolute; right: 0.2rem; top: 0.2rem; width: 5.0rem; height: 5.0rem;}
 .app .gnb .btn-expand::before{content: '';position: absolute;top: 0;left: 0;width: 3.0rem;height: 5.0rem;background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);}
 .app .gnb .btn-expand::before{background: linear-gradient(90deg, rgba(254,254,254,0) 0%, #fefefe 100%);} /* layout_m 재확인 */
-.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat;}
+.app .gnb .btn-expand::after{content: '';position: absolute;left: 50%;top: 25%;width: 1.8rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_btn_expand.png') center top/1.8rem 2.0rem no-repeat;}
 .app .gnb.expand .btn-expand::before{display:none;}
-.app .gnb.expand .btn-expand::after {background: url(//image.istyle24.com/Style24/images/mo/ico_btn_narrow.png) center bottom/1.8rem 2.0rem no-repeat;}
+.app .gnb.expand .btn-expand::after {background: url('//image.istyle24.com/Style24/images/mo/ico_btn_narrow.png') center bottom/1.8rem 2.0rem no-repeat;}
 
 main.container{margin-top: 0; overflow: hidden;}
 main.container.mb {margin-top: -5.5rem;}
@@ -780,9 +784,10 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 
 /* .tabbar */
 .tabbar{-webkit-transform: translate(0, 4.3rem);-ms-transform: translate(0, 4.3rem);-moz-transform: translate(0, 4.3rem); transform: translate(0, 4.3rem);transition-duration: 0.25s; position: fixed;width: 100%;bottom: 0;background-color: #f8f8f8;z-index: 100; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
-.tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
+/* .tabbar.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);} */
+.tabbar.fixed{bottom: 4.25rem; -webkit-transform: translate(0, 4.3rem);}
 .tabbar .tabbar-inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; padding: 0.6rem 2.0rem;}
-.tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url(//image.istyle24.com/Style24/images/mo/ico_tabbar.png) no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
+.tabbar .tabbar-inner [class*=btn-]{display: block;width: 4.2rem; height: 3.0666rem; font-size: 0;position: relative;background: url('//image.istyle24.com/Style24/images/mo/ico_tabbar.png') no-repeat center;background-size: 18.0rem 2.16rem;padding: 0rem 1rem;}
 .tabbar .tabbar-inner [class*=btn-]:after{content: ''; display: block;padding: 3.5rem;margin: -0.5rem -2.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-menu{background-position: 0.5rem;}
 .tabbar .tabbar-inner [class*=btn-].btn-my{background-position: -3.2rem;}
@@ -796,8 +801,8 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴 */
 #menuFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
 #menuFull.on{ height: 100%; visibility: visible; top: 0;}
-.menu_cls {position: absolute;top: 1.8rem;right: 2.0rem;display: block;width: 1.6rem;height: 1.6rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png);}
-.appSett {position: absolute;top: 1.6rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_app_setting.png);}
+.menu_cls {position: absolute;top: 1.8rem;right: 2.0rem;display: block;width: 1.6rem;height: 1.6rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png');}
+.appSett {position: absolute;top: 1.6rem;right: 5.5rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_app_setting.png');}
 .fullHead {height: 5.2rem;}
 .fullHead .goHome {display: inline-block;width: auto;padding:2.4rem 2rem;}
 .fullHead a {display: inline-block;}
@@ -819,7 +824,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴_카테고리 */
 .fullBody .fullCate > li > ul {display: none; background: #f5f5f5;}
 .fullBody .fullCate > li > a {position:relative;display: block; padding:1.6rem 2.0rem; font-size: 1.4rem; font-weight: 400;font-family: 'Noto Sans kr', sans-serif;}
-.fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
+.fullBody .fullCate > li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 1.2rem;background-position: left center;}
 .fullBody .fullCate > li > a:active span {color: #fd4802; border-bottom: 0.1rem solid #fd4802;}
 .fullBody .fullCate > li.hasCate > a::after {right: 1.8rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-position: center;background-size: 0.8rem 1.4rem;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
 .fullBody .fullCate > li.hasCate > a.on {font-size: 1.4rem; color: #fd4802;}
@@ -836,7 +841,7 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 /* Full메뉴_최근본상품 */
 #hstrFull{width: 100%;height: 0;z-index: 999;visibility: hidden;background: rgba(255, 255, 255, 1);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);top: 100%;position: fixed;left: 0;}
 #hstrFull.on{ height: 100%; visibility: visible; top: 0;}
-.hstr_cls {position: absolute;top: 1.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png);}
+.hstr_cls {position: absolute;top: 1.4rem;right: 2.0rem;display: block;width: 2.0rem;height: 2.0rem;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;z-index: 98;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png');}
 #hstrFull .fullHead h1 {display: inline-block;position: relative;max-width: calc(100% - 14.5rem);width: auto;height: 100%;line-height: 5.2rem;vertical-align: middle;padding: 0 1.5rem 0 0rem;margin: 0 0 0 2.0rem;font-size: 1.8rem;color: #222;}
 #hstrFull .fullBody .count_wrap {padding: 2rem 0;}
 #hstrFull .fullBody .count_wrap p{font-size: 1.2rem;color: #888;}
@@ -852,9 +857,9 @@ section.main.scr, section.ev_list.scr, section.dp_exhibition.scr, section.dp_loo
 
 /* footer */
 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: 499; background:url(//image.istyle24.com/Style24/images/mo/mo_btn_top.png) no-repeat;}
+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: 499; background:url('//image.istyle24.com/Style24/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: 499; background:url(//image.istyle24.com/Style24/images/mo/mo_btn_back.png) no-repeat; bottom: calc(env(safe-area-inset-bottom) + 6.5rem);}
+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: 499; background:url('//image.istyle24.com/Style24/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; text-indent:-999rem;}
 footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
 footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
@@ -884,13 +889,13 @@ footer .f1 .sns > li > a.insta{background: #fff url("//image.istyle24.com/Style2
 footer .f1 .sns > li > a.facebook{background: #fff url("//image.istyle24.com/Style24/images/mo/ico_ft_facebook.png") 50% 50% no-repeat; background-size: auto 2.5rem;}
 footer .collapse{position: relative; border-bottom: 0.1rem solid #dadada;}
 footer .collapse .btnWrap .btn_infos{position: relative; width: 100%; height: 6.7rem; background-color: #f1f1f1; font-size: 1.5rem; font-weight: 400; text-align: left; color: #222;}
-footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 1.0rem; margin-bottom: 0; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url(//image.istyle24.com/Style24/images/mo/ico_fold_arrow1.png) 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
+footer .collapse .btnWrap .btn_infos::after{content: ''; display: inline-block; margin-left: 1.0rem; margin-bottom: 0; width: 1.4rem; height: 0.8rem; background: #f1f1f1 url('//image.istyle24.com/Style24/images/mo/ico_fold_arrow1.png') 50% 0% no-repeat; background-size: 1.4rem; /* background-size: auto 3.9rem; */ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
 footer .collapse .btnWrap .btn_infos.on::after{margin-bottom: 0; -webkit-transform: rotate(0); transform: rotate(0);}
 footer .collapse .infos{width: 100%; height: 0; overflow: hidden;-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
 footer .collapse .infos::after{content: ''; display: block; clear: both;}
 footer .collapse .infos > li{float: left; position: relative; padding: 0.5rem 0.4rem; color: #666; font-size: 1.2rem; font-weight: 200;}
 footer .collapse .infos > li.fn{clear: both; padding-left: 0;}
-footer .collapse .infos.on{padding: 0 0 2.0rem 0; height: auto;}
+footer .collapse .infos.on{padding: 0 0 2.0rem 0; height: 20.2rem}
 
 /* sub page slide nav */
 .lnb{padding: 1.46rem 2.0rem 1.0rem 2.0rem; border-bottom: 0.1rem solid #e5e5e5; box-sizing: border-box;}
@@ -1153,16 +1158,17 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .fold_cont .fold_answer {border-top:0.1rem solid #ddd;}
 .fold_cont .fold_detail .btn {margin-top:2.5rem; padding:0.6rem 1.3rem; color:#222; border-color:#a1a1a1; font-size:1.2rem; font-weight:200; background:none;}
 .fold_cont .fold_detail .img_group {margin-top: 2.4rem; overflow: hidden;}
+
 .fold_cont .fold_answer > div {position:relative;}
 .fold_detail,
 .fold_answer{background:#f5f5f5;}
-.fold_answer .data{font-size:1.2rem; font-weight: 200; color:#888;}
+.fold_answer .data, .fold_detail .data{font-size:1.2rem; font-weight: 200; color:#888;}
 .fold_answer div.answer_head{color:#222; font-weight:300;}
 .fold_answer .answer_body{font-weight:200;}
 .fold_answer .answer_foot{position:relative;}
-.fold_answer .btn_delete{position:absolute; right:0; bottom:0; font-size:1.2rem; color:#777;}
-.fold_answer .btn_delete > span{position:relative; display:inline-block;}
-.fold_answer .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background-color:#777777;}
+.fold_answer .btn_delete, .fold_detail .btn_delete{position:absolute; right:0; bottom:0; font-size:1.2rem; color:#777;}
+.fold_answer .btn_delete > span, .fold_detail .btn_delete > span{position:relative; display:inline-block;}
+.fold_answer .btn_delete > span:after, .fold_detail .btn_delete > span:after{display:block; content: ''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background-color:#777777;}
 .fold_head .fold_state{padding:0.3rem 0.5rem; margin-right:0.5rem;}
 .fold_head .prod{padding:0.3rem 0;}
 .fold_head .fold_state{background-color:#000; color:#fff;}
@@ -1912,11 +1918,11 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .sett .switch input[type="checkbox"]:checked + label::after {background: #ffffff;position: absolute;top: 0.2rem;left: auto;right: 0.2rem;margin: 0;}
 .sett .alink {display: inline-block;text-align: center;cursor: pointer;}
 .sett .alink input[type="button"] {visibility: hidden;}
-.sett .alink input[type="button"] + label::after {content: '업데이트';position: relative;top: 0;right: 0;color: #fd4802;font-size: 1.2rem;display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_app_arr2.png)no-repeat;background-size: 0.7rem 1.3rem;width: auto;height: 1.4rem;line-height: 1.4rem;background-position: 5.5rem 0;padding-right: 2.0rem;}
+.sett .alink input[type="button"] + label::after {content: '업데이트';position: relative;top: 0;right: 0;color: #fd4802;font-size: 1.2rem;display: inline-block;background: url('//image.istyle24.com/Style24/images/mo/ico_app_arr2.png')no-repeat;background-size: 0.7rem 1.3rem;width: auto;height: 1.4rem;line-height: 1.4rem;background-position: 5.5rem 0;padding-right: 2.0rem;}
 .sett .alink input[type="button"]:disabled + label::after {content: '최신버전입니다';color: #888888;background: none;padding: 0;}
 .sett .alink label {width: 0.2rem;height: 0.2rem;cursor: pointer;}
 .sett .alink a {display: inline-block;width:5rem;height:1.2rem;}
-.sett .alink a::after {content: '';display: inline-block;background: url(//image.istyle24.com/Style24/images/mo/ico_app_arr.png)no-repeat;background-position: 4.2rem 0;background-size: 0.7rem 1.3rem; width: 100%;height: 1.4rem;line-height: 1.4rem;}
+.sett .alink a::after {content: '';display: inline-block;background: url('//image.istyle24.com/Style24/images/mo/ico_app_arr.png')no-repeat;background-position: 4.2rem 0;background-size: 0.7rem 1.3rem; width: 100%;height: 1.4rem;line-height: 1.4rem;}
 .sett p {font-size: 1.2rem;color: #888888;width: calc(100% - 7rem);padding-left: 1rem;padding-bottom: 0.8rem;}
 .sett p.pot {position: relative;padding-left: 1.8rem;margin: 0;font-size: 1.1rem;font-weight: 200;color: #888888;}
 .sett p.pot::before {content: '';position: absolute;top: 0.7rem;left: 1rem;background: #888888;width: 0.3rem;height: 0.3rem;}

+ 85 - 81
src/main/webapp/ux/mo/css/layout_m.css

@@ -6,15 +6,14 @@
 .cs .search_wrap{position: relative;}
 .cs .search_wrap::after{content: '';display:block;width: 100%;height:0.2rem;background-color: #000000; position: relative; top:-2.58rem; left:0;}
 .cs .cs_search_input{font-size:1.5rem; height:4.5rem; width:calc(100% - 3.5rem); border:none !important; border-bottom:0.2rem solid #000 !important; position:relative; padding:0 2.5rem 0 0;}
-.cs .cs_search_input:focus+.btn_x{display: block;}
-.cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url(//image.istyle24.com/Style24/images/mo/cs_search_btn.png) center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
-.cs .search_wrap button.btn_x {display:block; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.6rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.cs .search_wrap button.btn_sch {position:absolute; top:0; right:-0.5rem; background:url('//image.istyle24.com/Style24/images/mo/cs_search_btn.png') center center no-repeat; text-indent:-9999px; width:2.2rem; height:4.5rem; padding: 0 2rem;}
+.cs .search_wrap button.btn_x {visibility: hidden; width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 3.8rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .cs .inner{background:#fff;}
 .cs .inner > p{margin-top:1rem;}
 .cs .inner.none{position:relative; width:100%; height:31.2rem; color:#808080;}
 .cs .inner.none p{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
 .cs .see_more{font-size:1.5rem; border:0.1rem solid gray; width:100%; padding:1.6rem; font-weight:600; position:relative; margin:2rem 0 0 0;}
-.cs .see_more > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
+.cs .see_more > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute;}
 .cs .ui_row.nodata .foldGroup { display: none;}
 .cs .ui_row.nodata + .ui_foot { display: none;}
 .cs .ui_row.nodata {display: inherit; padding: 12.4rem 0; margin-bottom: 0; text-align: center;}
@@ -77,8 +76,8 @@
 .cs .cs_faq_1 .qna_list > li > div.title{width:90%;}
 .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem;}
 .cs .cs_faq_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600; font-weight:500;}
-.cs .cs_faq_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
-.cs .cs_faq_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
+.cs .cs_faq_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_faq_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
 .cs .cs_faq_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
 .cs .cs_faq_1 .qna_list > div.answer > p{font-size:1.5rem; width:90%; line-height:2.4rem;}
 .cs .cs_faq_1 .fold_nav{margin-top:2rem;}
@@ -100,8 +99,8 @@
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(1){font-size:1.4rem; color:#a8a8a8; margin-bottom:0.4rem; display:inline-block; font-weight:500;}
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(2){font-size:1.7rem; width:100%; line-height:2.4rem; font-weight:600;}
 .cs .cs_contactUs_1 .qna_list > li > div.title > p:nth-of-type(3){margin-top:0.4rem; color:#828282; font-weight:600;}
-.cs .cs_contactUs_1 .qna_list > li > span{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn.png) no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
-.cs .cs_contactUs_1 .qna_list > li > span.on{background:url(//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png) no-repeat;}
+.cs .cs_contactUs_1 .qna_list > li > span{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn.png') no-repeat; text-indent:-999.9rem; display:block; width:2.0rem; position:absolute; top:50%; right:2.0rem;}
+.cs .cs_contactUs_1 .qna_list > li > span.on{background:url('//image.istyle24.com/Style24/images/mo/cs_qna_btn_on.png') no-repeat;}
 .cs .cs_contactUs_1 .qna_list > div.answer{background-color:#f5f5f5; padding:2.3rem 2.0rem; border-bottom:0.1rem solid #e1e1e1; display:none; overflow:hidden; margin:0 -2.0rem;}
 .cs .cs_contactUs_1 .qna_list > div.answer > p{font-size:1.5rem; width:100%; line-height:2.4rem;}
 .cs .cs_contactUs_1 .qna_list > div.answer .form_wrap{margin-top:1.6rem;}
@@ -132,7 +131,7 @@
 .cs_contactUs_my .header .close span:first-child{transform:rotate(-45deg);}
 .cs_contactUs_my .header .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
 .cs_contactUs_my .inner { padding-bottom: 0;}
-.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url(//image.istyle24.com/Style24/images/mo/ico_star02.png) no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
+.cs_contactUs_my .select_dress span { width: 0.7rem; height: 0.7rem; background: url('//image.istyle24.com/Style24/images/mo/ico_star02.png') no-repeat center; background-size: 0.7rem auto; display: inline-block; margin: 0 0 0 0.5rem; }
 .cs_contactUs_my input[type="text"] { width: 100%; height: 4.5rem; line-height: 4.5rem; box-sizing: border-box; font-size: 1.4rem;}
 .cs_contactUs_my textarea { width: 100%; box-sizing: border-box; padding: 1.5rem 0.5rem; font-size: 1.4rem; height:20rem;}
 .cs_contactUs_my textarea::placeholder {color:#888; font-weight:200;}
@@ -221,7 +220,7 @@
 .mb .sns_wrap .login_utill > li:first-child{margin-left:0;}
 .mb .sns_wrap .login_utill > li a{font-size:1.2rem;}
 .mb .sns_wrap .login_utill > li a .ico{position:relative; display:block; margin-bottom:0.7rem; width:5rem; height:5rem; background-color:#ccc; border-radius:50%;}
-.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url(//image.istyle24.com/Style24/images/mo/ico_snslogin.png); transform:translate(-50%, -50%);}
+.mb .sns_wrap .login_utill > li a .ico:before{display:block; content:''; position:absolute; top:50%; left:50%; background:url('//image.istyle24.com/Style24/images/mo/ico_snslogin.png'); transform:translate(-50%, -50%);}
 .mb .sns_wrap .login_utill > li.lu_kakao a .ico{background:#ffe500;}
 .mb .sns_wrap .login_utill > li.lu_kakao a .ico:before{width:2rem; height:2.2rem; background-position:0 0;}
 .mb .sns_wrap .login_utill > li.lu_naver a .ico{background:#69c441;}
@@ -253,7 +252,7 @@
 .mb .find_result .form_print_bar ul li span.t_span {width:7.5rem; color:#888;}
 .mb .btn_group_block {float:none; margin-top:3rem; display:flex;}
 .mb [class^="ico_content_"]::before {margin: 0 auto 1.5rem;}
-.ico_content_find::before {width:3.6rem; height:4.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_content_find.png) no-repeat 50% 50%;}
+.ico_content_find::before {width:3.6rem; height:4.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_content_find.png') no-repeat 50% 50%;}
 
 .mb .btn_group_flex > div > .btn{width:100%; height:4.5rem;}
 
@@ -379,7 +378,7 @@
 /*  제품 관련  */
 .pb0{padding-bottom:0!important;}
 .ico_besttag{height:1.5rem; vertical-align:middle;}
-.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url(//image.istyle24.com/Style24/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
+.ico_besttag::before {content: ""; width: 3.1rem; height: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_besttag.png') no-repeat 50% 50%; background-size: cover;}
 /* button*/
 .pd_detail .btn_coupon,
 .pd_detail .btn_shoppingBag{border:0.1rem solid #fd4802; color:#fd4802;}
@@ -473,11 +472,15 @@
 .pd_detail .thumb_box .thumb_list{position:relative;}
 .pd_detail .thumb_box .thumb_list .thumb{position:relative; width:100%; padding-bottom: 150%;; background-color:#f5f5f5; overflow: hidden;}
 .pd_detail .thumb_box .thumb_list .thumb img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
-.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(//image.istyle24.com/Style24/images/mo/ico_play.png) no-repeat 50% 50%;z-index: 2;}
+.pd_detail .thumb_box .thumb_list .thumb.mov::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url('//image.istyle24.com/Style24/images/mo/ico_play.png') no-repeat 50% 50%;z-index: 2;}
 .pd_detail .thumb_box .thumb_paging{position:absolute; left:50%; bottom:6.5rem; padding:0.2rem 0; width:6rem; height:2rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#222; border-radius:3rem; box-sizing: border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
 .pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .thumb_box .swiper-button-prev {left: 2rem;}
+.pd_detail .thumb_box .swiper-button-next {right: 2rem;}
+.pd_detail .thumb_box .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+.pd_detail .thumb_box .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:3.4rem; height:3.4rem; border:0.2rem solid #a7a7a7; border-width:0.2rem 0.2rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
 .pd_detail .descript_box .price_blk{margin-top:1.2rem;}
@@ -489,7 +492,7 @@
 .pd_detail .descript_box .price_blk .org_price em{font-size:1.6rem;}
 .pd_detail .descript_box .price_blk .sale_percent{font-size:1.6rem; font-size:1.6rem; font-weight:500; color:#fd4802;}
 .pd_detail .descript_box .save_point{margin-top:1.2rem; font-size:1.3rem; font-weight:300; color:#888888;}
-.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_point.png) center center no-repeat; background-size:cover;}
+.pd_detail .descript_box .save_point:before{display:inline-block; content:''; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_point.png') center center no-repeat; background-size:cover;}
 .pd_detail .descript_box .btn_group_flex{margin-top:1.7rem;}
 .pd_detail .descript_box .btn_group_flex button{border:0.1rem solid #fd4802; color:#fd4802; background: #fff;}
 /* 2 */
@@ -608,13 +611,13 @@
 .pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;min-height: 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%);}
 .pd_detail .brand_home{margin-bottom:-1.2rem;}
 .pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:0.1rem solid #eee;}
-.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(//image.istyle24.com/Style24/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
-.pd_detail .brand_home .link_go:after{content:''; display:inline-block;  margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url('//image.istyle24.com/Style24/images/mo/ico_branb_home.png') center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
+.pd_detail .brand_home .link_go:after{content:''; display:inline-block;  margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url('//image.istyle24.com/Style24/images/mo/ico_brandhome_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .pd_detail .content.pd_descrp{padding-top:3rem;}
 .pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
 [class*="pd_descrp"] .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background: #fff;}
 [class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
-[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
+[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_mb_arrow2.png') no-repeat 0 0; background-size:auto 100%;}
 [class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
 [class*="pd_descrp"] {width:100%;}
 [class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
@@ -625,6 +628,7 @@
 [class*="pd_descrp"] .descrp_box > div > span.tit_desc {display:block; margin-bottom:1rem; font-size:1.3rem; font-weight:500; letter-spacing:-0.025em;}
 [class*="pd_descrp"] .descrp_box > div > p {font-size:1.3rem; font-weight:200; line-height:1.5; word-break:keep-all;}
 [class*="pd_descrp"] .mdhtml_box {margin-top:4rem;}
+[class*="pd_descrp"] .mdhtml_box .tit_view {display:block; color:#222; font-size:2.1rem; font-weight:400; text-align:center; margin-top: 3rem;}
 [class*="pd_descrp"] .mdhtml_box img {width:100%;height: 100%; display: block;}
 [class*="pd_descrp"] .mdhtml_box iframe {display:block; margin-left:auto; margin-right:auto;}
 [class*="pd_descrp"] .mdhtml_box .movblock {position:relative; display:block; height:0; line-height:0; margin-left:auto; margin-right:auto; padding-top:56.25%; background:#eee;}
@@ -750,7 +754,7 @@
 .pd_detail .pd_recommend .item_area .itemPrice .itemPercent {position:relative;}
 .pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .btn {margin-top:3.0rem; border-color:#fd4802; color:#fd4802;}
 .pd_detail .pd_recommend .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
-.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
+.pd_detail .pd_recommend .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
 .pd_detail .pd_recommend .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .pd_detail .pd_recommend .item_picker > div .pick_descr{display:none;}
 .pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
@@ -767,7 +771,7 @@
 .product_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .product_floormenu .share_like{overflow:hidden;}
 .product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-99999.9rem;}
-.product_floormenu .share_like > button.share{background:#000 url(//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
+.product_floormenu .share_like > button.share{background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_share.png') center center no-repeat; background-size:1.6rem;}
 .product_floormenu .share_like > button.itemLike {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
 .product_floormenu .share_like > button.itemLike.likeit {background:#000 url('//image.istyle24.com/Style24/images/mo/ico_floorbtn_like_on.png') center center no-repeat;background-size:2rem;}
 .product_floormenu .share_like > button.itemLike::before,
@@ -787,14 +791,14 @@
 .pd_pop.Purchase_pop .btPop_body{height: calc(100% - 5.95rem);}
 .pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem;}
 .container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:84%;}
-.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png);}
+.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png');}
 /* 재확인 */
 
 .pd_pop.Purchase_pop .header{padding:0; font-size:0;}
 .pd_pop.Purchase_pop .option_box .opt_color{padding-top:0;}
 .pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
 .pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:0.1rem solid #ddd; box-sizing:border-box;}
-.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(//image.istyle24.com/Style24/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
+.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url('//image.istyle24.com/Style24/images/mo/ico_present_purchase.png') center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
 .pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
 .pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
 .pd_pop.Purchase_pop .btn_box button.gift > span > span{background: #ff7800;background: -moz-linear-gradient(-45deg, #ff7800 0%, #fd4b02 100%);background: -webkit-linear-gradient(-45deg, #ff7800 0%,#fd4b02 100%);background: linear-gradient(135deg, #ff7800 0%,#fd4b02 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#fd4b02',GradientType=1 );}
@@ -831,7 +835,7 @@
 /* 상품상세 및 상품상세딜_옵션선택팝업 */
 .pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
 .pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -2.6rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
 .pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
@@ -875,8 +879,8 @@
 
 /* pd_popup > 할인쿠폰 */
 .salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0;}
-.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
-.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png) !important;}
+.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
+.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png') !important;}
 .modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
 .modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem;}
 .modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0;}
@@ -997,7 +1001,7 @@
 .modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
 .modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
-.modal.pd_pop.info_size_pop .category_box .category_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(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.modal.pd_pop.info_size_pop .category_box .category_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('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .modal.pd_pop.info_size_pop .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
 .modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
 .modal.pd_pop.info_size_pop .tbl.type1 table th,
@@ -1031,7 +1035,7 @@
 .modal.pd_pop.push_restock_pop {max-width:none;}
 .modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
 .modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
-.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(//image.istyle24.com/Style24/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
+.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('//image.istyle24.com/Style24/images/mo/pd_btn.png') no-repeat right center; background-size:1.2rem; background-position-x:97%;}
 .modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
 .modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
 .modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:0.1rem solid #dddddd;}
@@ -1122,7 +1126,7 @@
 /* pd_popup > 배송/반품/교환 */
 .modal.pd_pop.pd_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important;  box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
 .modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
-.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
+.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url('//image.istyle24.com/Style24/images/pc/thumb/tmp_pdDetail1.jpg') no-repeat center; background-size: 4rem 6rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
@@ -1195,7 +1199,7 @@
 .pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
 .pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
 .pd_review .area_rv_average .average .btn_group_flex button{border:0.1rem solid #a7a7a7; color:#222;}
-.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
 .pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기';}
 .pd_review .area_rv_average .average .btn_group_flex button.active span:after{transform:rotate(180deg);}
@@ -1296,7 +1300,7 @@
 .review_cate_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
 .review_cate_box .category_list .category ul.n1 li{width:100%;}
 .review_cate_box .category_list .category ul.n2 li{float:left; width:50%;}
-.review_cate_box .category_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; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
+.review_cate_box .category_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; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
 
 
 /* pd_popup > 포토영상 리뷰 리스트 */
@@ -1330,8 +1334,8 @@
 
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
-.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url(//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png);}
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow.png') center center no-repeat; background-size:3rem 1rem;}
+.modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open.active{background-image:url('//image.istyle24.com/Style24/images/mo/ico_pop_arrow_on.png');}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .txt_review_box{height:1.8rem; overflow:hidden;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .response_box2{display:none;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list .reply_box{display:none;}
@@ -1339,7 +1343,7 @@
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .txt_review_box{height:auto; overflow:hidden;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .response_box2{display:block;}
 .modal.pd_pop[class*="reviewdetail_pop"] .pd_review .area_rv_all .review_list.active .reply_box{display:block;}
-.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_thumblist.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.modal.pd_pop.pd_photoreviewdetail_pop #btn_more_photoreview{display:inline-block; margin-right:1rem; margin-top: -0.3rem; width:2rem; height:2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_thumblist.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont{padding-top:0; padding-bottom: 18rem; height:100%;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider{height:100%;}
 .modal.pd_pop.pd_photoreviewdetail_pop .modal-body .pop_cont .area_slider .swiper-container{height:100%;}
@@ -1471,7 +1475,7 @@
 .pd_pop[class*="pd_list"]{display:none;}
 .pd_pop[class*="pd_list"] .modal_content{position:absolute; bottom:0; width:100%; background:#fff;}
 .pd_pop[class*="pd_list"] .modal_content .listpop_body{padding:1.5rem 1.33rem; min-height:43.2rem; max-height:40rem; box-sizing:border-box; overflow:auto;background:#fff;}
-.pd_pop[class*="pd_list"] .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; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-color: transparent;}
+.pd_pop[class*="pd_list"] .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; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-color: transparent;}
 .pd_pop[class*="pd_list"].pd_listDescrp_pop{top:5.2rem;}
 .pd_pop[class*="pd_list"].pd_listDescrp_pop .modal_content{top:0; background-color:rgba(0,0,0,0.5);}
 .pd_listDescrp_pop .deal_list_select .list li{border-bottom:0 none;}
@@ -1508,7 +1512,7 @@
 .modal.pd_descrp_pop .item_prod .itemPercent{position:relative;}
 .modal.pd_descrp_pop .modal-footer button{position:fixed; bottom:0; color: #ffffff; background-color: #fd4802; border-color: #fd4802; z-index:2;}
 .modal.pd_descrp_pop .pd_listDescrp_pop .item_prod{padding-right:0;}
-.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png) top center no-repeat; background-size:cover;}
+.modal.pd_descrp_pop .deal_listDescrp_open:after{content:''; display:inline-block; margin-left:0.8rem; width:1.3rem; height:0.73rem; vertical-align:middle; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_dealopen.png') top center no-repeat; background-size:cover;}
 .modal.pd_descrp_pop .deal_listDescrp_open.active:after{background-position:center -0.73rem;}
 
 /*item_blk > item_prod*/
@@ -1558,7 +1562,7 @@
 /* 전시공통 (타이틀,정렬,필터,네비,마지막리스트)*/
 .dp .dp_subtitle{margin-bottom: 2.4rem; font-size:2rem; font-weight:500; text-align:center;}
 .dp .dp_subtitle > a{position:relative; padding-right:2rem;}
-.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url(//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .dp_subtitle > a:before{content:''; position:absolute; right:0; top:50%; margin-top:-0.1rem; width:0.7rem; height:1.3rem; background:url('//image.istyle24.com/Style24/images/mo/ico_dp_arrow.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .category_nav {margin:0 0 -1.2rem; justify-content: center; border-bottom:0.1rem solid #eeeeee;}
 .dp .category_nav ul{padding:0 2rem; display:flex; white-space: nowrap; overflow-x:auto;}
 .dp .category_nav ul::after {content:''; display: block; clear: both;}
@@ -1570,15 +1574,15 @@
 .dp .category_nav ul li button.active::after{content:''; position: absolute; bottom:0; left:0; width:100%; height:2px; background: #fd4802;}
 .dp .category_nav ul li:last-child {margin-right: 0;}
 .dp .open_categori {background-color:#fff;}
-.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png) no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
+.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat;background-position: 97% 50%; background-size: 0.7rem 0.43rem;}
 .dp .dp_util{display:block; float:right; text-align:right; font-size: 0;}
 .dp .dp_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
 .dp .dp_util li:first-child{margin-left:0;}
 .dp .dp_util li a{font-size:1.2rem; color:#222!important;}
 .dp .dp_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
-.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
+.dp .dp_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
 .dp .dp_util li a.refresh{color:#888!important;}
-.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+.dp .dp_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
 .dp .count_wrap {padding:2rem 0;}
 .dp .count_wrap.fixed {position: fixed; top: 5.5rem; left: 0; width: 100%; padding: 2rem; background: #fff; z-index: 100;}
 .dp .count_wrap:after{display:block; content:''; clear:both;}
@@ -1626,7 +1630,7 @@
 .dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300; -webkit-line-clamp: 1;}
 .dp .dp_outlets .dp_cate_list {padding: 1.2rem 0; margin:-1.2rem 0; border-top: 0.1rem solid #ddd;}
 .dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
-.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png) no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
+.dp .dp_outlets .dp_cate_list a {position:relative; float:left; width:50%; line-height:5rem; padding:0 3rem 0 2rem; font-size:1.3rem; font-weight: 500; color: #222; text-align: left; background: #fff url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png') no-repeat right 2rem center; border-bottom:0.1rem solid #ddd; box-sizing:border-box; }
 .dp .dp_outlets .dp_cate_list a:nth-child(2n){ border-left:0.1rem solid #ddd;}
 .dp .dp_outlets .md_item {margin:0 0 -1.2rem 0;}
 .dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
@@ -1644,7 +1648,7 @@
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap{white-space:nowrap; overflow-x:auto; background-color:#fff; font-size:0; -ms-overflow-style: none;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap::-webkit-scrollbar{display:none;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a {position:relative; display:inline-block; background: #fff; margin-left:0.5rem; padding:0.8em 3.4rem 0.8rem 1.2rem; font-size: 1.2rem; color: #222; border-radius:2rem; line-height: 1; border:0.1rem solid #dddddd;}
-.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_remove.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .dp_lookbook .swiper_filter.brand .cate_wrap a:after{content:''; position:absolute; right:1.2rem; top:50%; width:0.8rem; height:0.8rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_remove.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:first-child{margin-left:0;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:last-child{margin-right:6.5rem;}
 .dp .dp_lookbook .swiper_filter.brand .cate_wrap a:active{border:0.1rem solid #333; color:#000;}
@@ -1655,7 +1659,7 @@
     background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
 }
-.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png) center center no-repeat; background-size:50%;}
+.dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png') center center no-repeat; background-size:50%;}
 .dp .dp_lookbook .swiper_filter.brand .btnbox .reset:active{background-color:#ddd;}
 .dp .dp_lookbook .event_con li {position: relative; padding-bottom:4rem;}
 .dp .dp_lookbook .event_con li:first-child {margin-top:0;}
@@ -1682,10 +1686,10 @@
 .dp .dp_best .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
 
 /* 핫딜 - dp_hotdeal */
-.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url(//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png)no-repeat center center; background-size:cover;}
+.dp_hotdeal .hotdeal {position: relative;height:49vw; margin-bottom:0; background: url('//image.istyle24.com/Style24/images/mo/thumb/hotdeal_bg.png')no-repeat center center; background-size:cover;}
 .dp_hotdeal .inner:nth-of-type(1){margin-bottom:0; padding-bottom:4rem;}
 .dp_hotdeal .hotdeal #countdown{position: absolute; padding:0 6.1vw; height:10.1vw; line-height:10.1vw; border-radius:10.1vw;; border:0.1rem solid #fff; white-space:nowrap; display:inline-block;  text-align: center; bottom:8.3vw; left:50%; transform: translateX(-50%);}
-.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url(//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png) center center no-repeat; background-size:contain; vertical-align:middle;}
+.dp_hotdeal .hotdeal #countdown:before{content:''; display:inline-block; margin-right:1.8vw; width:5.1vw; height:5.1vw; background:url('//image.istyle24.com/Style24/images/mo/icon_time_hotdeal.png') center center no-repeat; background-size:contain; vertical-align:middle;}
 .dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
 .dp_hotdeal .hotdeal #countdown span:first-child{margin-right:1.8vw;}
 .dp_hotdeal .hotdeal .list_content .itemsGrp .item_prod{margin-bottom:3rem; margin-right:0;}
@@ -1712,7 +1716,7 @@
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url(//image.istyle24.com/Style24/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url('//image.istyle24.com/Style24/images/mo/ico_shopbag.png') center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 
 .itemsGrp.rowtype .item_prod .shopBag {width: calc(100% - 17.6rem); margin-top: 0;position: absolute;bottom: 1.8rem;left: 17.6rem; z-index: 5;}
 .itemsGrp.rowtype .item_prod .shopBag .btn {width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
@@ -1756,19 +1760,19 @@
 .dp .dp_listItems_wrap .list_content .itemsGrp{margin-bottom:0;}
 .dp .dp_listItems_wrap .itemsGrp .item_prod:last-child{margin-bottom:0;}
 .dp .dp_listItems_wrap .btn_default{margin-top:0;}
-.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain;}
+.dp .dp_listItems_wrap .btn_default:after{content:''; display:inline-block; margin-left:0.8rem; width:1.1rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_more.png') center center no-repeat; background-size:contain;}
 .dp .dp_listItems_cont .item_prod {width: 100%;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide{padding:0 14%;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemPercent{font-size:2.4rem;}
 .dp .dp_listItems_cont.type1 .swiper-container.item01 .swiper-slide .item_prod .itemName{font-size:1.3rem; max-height:3.5rem;}
 .dp .promotion_visual.type1 .mid_banner{background-color:#fff;}
-.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url(//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png) center center no-repeat; background-size: cover;}
+.dp .promotion_visual.type1 .big_banner {position:relative; width:100%; height:131vw; background: url('//image.istyle24.com/Style24/images/mo/thumb/detail_case_bg.png') center center no-repeat; background-size: cover;}
 .dp .promotion_visual.type1 .big_banner .infoWrap{position:absolute; bottom:8vw; left:0; width:100%; padding:0 3vw;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl{margin:0 -1.2vw; overflow:hidden;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li{padding:2vw 1.2vw 0; float:left; width:50%; box-sizing:border-box;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a{display:block; padding:0 3vw; font-size:3.5vw; line-height:11vw; color:#fff; text-align:center; background-color:rgba(0,0,0,.6); white-space:nowrap;}
 .dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
-.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.dp .promotion_visual.type1 .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url('//image.istyle24.com/Style24/images/mo/ico_dpbanner_arrow.png') center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .promotion_visual.type2{padding-bottom:3.8rem;}
 .dp .big_banner_slide .swiper-slide img{width:100%;}
 .dp .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
@@ -1791,14 +1795,14 @@
 .dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -1.3rem; z-index: 101; width: 26px; height: 26px; margin-top: -1.3rem; border:0.1rem solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
 .dp .coupon_list li .cp_date {border:0.1rem solid #222; background: #222; font-weight: 300; text-align: center;}
 .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
-.dp .coupon_list li .cp_date button span {background: url(//image.istyle24.com/Style24/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
+.dp .coupon_list li .cp_date button span {background: url('//image.istyle24.com/Style24/images/mo/ico_cp_down.png') no-repeat right top; padding-right: 28px;}
 .dp .coupon_list li.off .cp_date {border:0.1rem solid #aaa; background: #aaa;}
 .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
 .dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
 .dp .coupon_list li .cp_info button span {display: inline-block; border-bottom: 0.1rem solid #888; font-size:1.1rem; color: #888;}
 .dp .dp_coupon .dp_coupon_list {display: flex; justify-content: center; flex-wrap: wrap; max-width: 158.0rem; min-width: 158.0rem; padding: 0 26.0rem 12.0rem; margin: 0 auto; box-sizing: border-box;}
 .dp .dp_coupon .dp_coupon_tip {max-width: 1580px; margin: 0 auto; padding: 6.0rem 6.0rem 0 6.0rem; box-sizing: border-box; display: flex;  border-top: 0.1rem solid #ddd;}
-.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url(//image.istyle24.com/Style24/images/pc/ico_null.png)no-repeat;}
+.dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::before {content:''; display: block; width:3.6rem; height: 4.6rem; margin: 0 auto; background: url('//image.istyle24.com/Style24/images/pc/ico_null.png')no-repeat;}
 .dp .dp_coupon .dp_coupon_tip .dp_coupon_notice::after {content:'유의사항'; display: inline-block; margin-top: 2.0rem; color:#888;}
 .dp .dp_coupon .dp_coupon_tip ul {margin-left: 90px;}
 .dp .dp_coupon .dp_coupon_tip ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1.2rem; color:#888;}
@@ -1893,11 +1897,11 @@
 .dp .nav_box.active{visibility:visible;}
 .dp .nav_box .lap{position:absolute; top:0; left:0; padding:0 2rem 0; width:100%; background:#fff;}
 .dp .nav_box .nav_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.dp .nav_box .nav_close{position:absolute; bottom:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .dp .nav_box .nav_list {padding:0;}
 .dp .nav_box .nav ul > li .daps1{display:block; font-size:1.4rem; color:#666; font-weight:300; line-height:5rem; border-bottom:0.1rem solid #ddd;}
 .dp .nav_box .nav ul > li .daps2 li > a{display:block; font-size:1.4rem; font-weight:300; color:#222; line-height:4rem;position: relative;}
-.dp .nav_box .nav  ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url(//image.istyle24.com/Style24/images/mo/ico_full.png) no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
+.dp .nav_box .nav  ul > li .daps2 li > a::after {content: '';display: inline-block;width: 2.0rem;height: 2.0rem;background: url('//image.istyle24.com/Style24/images/mo/ico_full.png') no-repeat;background-size: 0.566rem 0.933rem;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: absolute;right: 0.5rem;top:1.0rem;background-position: right center;}
 .dp .nav_box .nav ul > li .daps2 li.on > a{color:#fd4802; font-weight:500; line-height:5rem;}
 
 /* 전시 카테고리 공통 */
@@ -1907,7 +1911,7 @@
 .dp .category_box.active{visibility:visible;}
 .dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
 .dp .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .dp .category_box .selcet_list {padding:0 2rem;}
 .dp .category_box .selcet_list ul {padding-bottom:2rem;}
 .dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
@@ -1929,7 +1933,7 @@
 .dp .category_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .dp .category_floormenu > div:nth-child(1){overflow:hidden;}
 .dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
-.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
+.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url('//image.istyle24.com/Style24/images/mo/ico_filter_reset_w.png') center center no-repeat; background-size:contain;}
 /* 플롯팅 메뉴 > 구매하기 */
 .brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
 .brand_floormenu > div{float:left; color:#fff; text-align:center;}
@@ -1938,7 +1942,7 @@
 .brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .brand_floormenu .share_like{overflow:hidden;}
 .brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
-.brand_floormenu .share_like > button.refresh{background:#000 url(//image.istyle24.com/Style24/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
+.brand_floormenu .share_like > button.refresh{background:#000 url('//image.istyle24.com/Style24/images/mo/dp_refresh.png') center center no-repeat; background-color:#222222;}
 .brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
 .brand_floormenu .prd_buy > .cantbuying{display:none;}
 .brand_floormenu.soldout .prd_buy > .buying{display:none;}
@@ -1960,9 +1964,9 @@
 .filter_top > div:nth-child(1){float:left;}
 .filter_top > div:nth-child(2){float:right;}
 .filter_top .fillter_reset {position:relative; padding-left:1.5rem; vertical-align:middle;}
-.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url(//image.istyle24.com/Style24/images/mo/ico_filter_reset.png)no-repeat; background-size:contain;}
+.filter_top .fillter_reset::before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:1.2rem; height:1.2rem; background: url('//image.istyle24.com/Style24/images/mo/ico_filter_reset.png')no-repeat; background-size:contain;}
 .filter_top .tt{font-size:1.6rem; font-weight:500; color:#222;}
-.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url(//image.istyle24.com/Style24/images/mo/ico_pop_cls.png) center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
+.filter_top .close{display:inline-block; margin-left:1.8rem; width:1.6rem; height:1.6rem; background:url('//image.istyle24.com/Style24/images/mo/ico_pop_cls.png') center center no-repeat; background-size:contain; font-size:0; vertical-align:middle;}
 .filter_con{position:absolute; top:5rem; left:0; width:100%; height:calc(100% - 5rem); overflow-y:auto;}
 /* 남녀공용,신상품만보기*/
 .filter_header .form_field{padding:0 2rem; border-bottom:0.1rem solid #eeeeee;}
@@ -1976,15 +1980,15 @@
 .filter_body > ul > li .daps3{display:none; text-indent:1rem;}
 .filter_body > ul > li .daps4{display:none; text-indent:2rem;}
 .filter_body > ul > li .daps5{display:none; text-indent:3rem;}
-.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url(//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png) 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.filter_body > ul > li .daps1:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.733rem; background:url('//image.istyle24.com/Style24/images/mo/ico_arrow_filter.png') 0 0 no-repeat; background-size:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .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(//image.istyle24.com/Style24/images/mo/ico_bracket2.png) 4rem 40% no-repeat;}
+.filter_body > ul > li .daps5 a{background:url('//image.istyle24.com/Style24/images/mo/ico_bracket2.png') 4rem 40% no-repeat;}
 .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,
-.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/ico_cate_close.png) center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.filter_body > ul > li.categori .daps4 > li > a.on:after{content:''; position:absolute; right:2rem; top:50%; width:1.3rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/ico_cate_close.png') center center no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 /* 필터세부사항(사이즈..) */
 .filter_body > ul > li .sizebox{padding-top:3rem;}
 .filter_body > ul > li .sizebox > li{padding:0 2rem 3rem; overflow:hidden;}
@@ -2018,7 +2022,7 @@
 .pdColor-color13::before {background-color: #bfffdd;}
 .pdColor-color14::before {background-color: #13b987;}
 .pdColor-color15::before {background-color: #5c5527;}
-.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url(//image.istyle24.com/Style24/images/pc/ico_color_check.png) no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
+.color-check input:checked ~ [class*="pdColor"]:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.2) url('//image.istyle24.com/Style24/images/pc/ico_color_check.png') no-repeat 50% 50%;border-radius: 50%;z-index: 2;}
 
 /* 총알배송 */
 .modal.dp_pop.bulletShip_pop .modal-footer .btn{background:#000; border-color:#222;}
@@ -2125,7 +2129,7 @@
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemBadge,
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
-.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(//image.istyle24.com/Style24/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url('//image.istyle24.com/Style24/images/mo/br_pop_arrow.png') no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .item_state.soldout::before {font-size: 1.0rem;line-height: 12rem;width: 7rem;top: 20%;left: 3.5rem;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
 .modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
@@ -2139,7 +2143,7 @@
 .br .recommendedArea .area_slider.pic_img .page .pic {position:relative;}
 .br .recommendedArea .area_slider.pic_img .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker{position:absolute; width:8.33%;transform:translate(-50%,-50%);}
-.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(//image.istyle24.com/Style24/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url('//image.istyle24.com/Style24/images/pc/ico_picker.png') no-repeat 50% 50%; background-size:cover;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .br .recommendedArea .area_slider.pic_img .page .item_picker > div .pick_descr{display:none;}
 .br .recommendedArea .area_slider.pic_img .swiper-pagination{position:absolute; left:50%; bottom:2rem; margin:0; width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; color:#fff; background-color:rgba(0, 0, 0, 0.3); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
@@ -2159,7 +2163,7 @@
 .br .pnb_mo > ul{display:flex; padding:0 0.8rem; height:5rem; line-height:5rem; background-color:#222222;}
 .br .pnb_mo > ul > li > a{font-size:1.6rem; color:#686868; font-weight:500; padding:0 1.2rem;}
 .br .pnb_mo > ul > li > a.on{color:#fff}
-.br .pnb_mo > button{background:url(//image.istyle24.com/Style24/images/mo/ico_btn_expand.png) center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
+.br .pnb_mo > button{background:url('//image.istyle24.com/Style24/images/mo/ico_btn_expand.png') center top/1.8rem 2.0rem no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
 .pnb_mo.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0); position:fixed; top:0; width:100%; z-index:79;}
 .br_main{background-color:#fff;}
 /* br_main */
@@ -2178,7 +2182,7 @@
 .br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:600;}
 .br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
 .br .br_main .br_top_info > p:last-of-type {font-size: 1.2rem; font-weight: 100;}
-.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url(//image.istyle24.com/Style24/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
+.br .br_main .br_top_info .btn_group_flex > div > .btn > span{display:inline-block; background:url('//image.istyle24.com/Style24/images/mo/br_site.png') no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
 /* br_main - new_item */
 .br .br_main .new_item .swiper-slide{font-size:0;}
 .br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
@@ -2219,7 +2223,7 @@
 .br .br_main .br_youtube_slide .swiper-pagination{position:relative; margin-top:3rem;}
 /* br_main - brand_product */
 .br .br_main .brand_product .swiper-container{overflow:visible;}
-.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(//image.istyle24.com/Style24/images/mo/ico_more_lg.png);}
+.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 0.8rem; width: 1.1rem; height: 1.1rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('//image.istyle24.com/Style24/images/mo/ico_more_lg.png');}
 /* 브랜드 - 룩북 */
 .htop.br_lookbook { overflow: hidden; border: none !important;}
 .htop.br_lookbook .btn_back span i { background: #fff;}
@@ -2255,7 +2259,7 @@
 .br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
 .br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; margin-bottom: 0; font-size: 1.2rem; border:0 none;}
 .br .br_lookbook .inner .lb_text .btn > p{display:inline;}
-.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(//image.istyle24.com/Style24/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
+.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url('//image.istyle24.com/Style24/images/mo/br_arrow_down.png'); margin-left:0.5rem; margin-bottom:0.1rem}
 .br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
 .br .br_inlookbook .swiper-container{overflow:visible;}
 .br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
@@ -2323,7 +2327,7 @@
 .sch .sch_result .sch_title input[type="text"] { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 300; color: #222; border-bottom:0.1rem solid #000; margin-bottom:0rem; padding-right: 4rem;}
 .sch .sch_result .sch_title input::placeholder {color:#888; font-weight: 200;}
 .sch .sch_result .sch_title .btn_sch {position: absolute; top: 0; right: 0; width: 4rem; height: 4rem;}
-.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url(//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png) no-repeat center; background-size:1.1rem; text-indent:-999em;}
+.sch .sch_result .sch_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1rem; right: 4rem; background:#aaa url('//image.istyle24.com/Style24/images/mo/ico_sch_del_w.png') no-repeat center; background-size:1.1rem; text-indent:-999em;}
 .sch .sch_result .sch_title button img { width: 2rem; height: 2rem;}
 .sch .sch_result .sch_title + .related_keyword {margin: 1.1rem -2rem 0; border-bottom: 0.1rem solid #ddd;}
 .sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem;}
@@ -2362,10 +2366,10 @@
 .filter-list .f_left h3 {font-size: 1.6rem; font-weight: 500;}
 .filter-list .f_left > span{color:#fd4802; font-weight:600;}
 .filter-list .f_right .allxBtn {font-size: 1.2rem; color:#888; font-weight: 300;}
-.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_detail.png) no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
-.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(//image.istyle24.com/Style24/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
+.filter-list .f_right > a {padding-right: 1.1rem; font-size: 1.3rem; color:#666; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_detail.png') no-repeat right 0.1rem; background-size:0.5rem 0.9rem;}
+.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url('//image.istyle24.com/Style24/images/mo/shc_arrow.png'); position:relative; top:-0.2rem; margin-left:0.5rem}
 .filter-list .f_right > a:nth-of-type(2){margin-left:1rem;}
-.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url(//image.istyle24.com/Style24/images/mo/shc_filter.png); position:relative; top:0.1rem; margin-left:0.5rem}
+.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url('//image.istyle24.com/Style24/images/mo/shc_filter.png'); position:relative; top:0.1rem; margin-left:0.5rem}
 
 /* sch_result nodata */
 .sch .sch_result .nodata { width: 100%; height: 100%; margin:0; padding:14rem 0;}
@@ -2412,17 +2416,17 @@
 .sch .sch_result .search-list .nodata_txt {display: none; width: 100%; height: 100%; margin:0; padding:9rem 0;}
 .sch .sch_result .search-list > ul{margin-top:1rem; margin-bottom:5rem;}
 .sch .sch_result .search-list > ul > li {position: relative;}
-.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url(//image.istyle24.com/Style24/images/mo/ico_btn_cls.png) no-repeat right center; background-size:0.9rem;}
+.sch .sch_result .search-list > ul > li .xBtn {position: absolute; top: 0; right: 0; width: 3.9rem; height: 3.9rem; text-indent: -999em; background: url('//image.istyle24.com/Style24/images/mo/ico_btn_cls.png') no-repeat right center; background-size:0.9rem;}
 .sch .sch_result .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
 .sch .sch_result .search-list > ul > li > a > p{position:relative;}
-.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
+.sch .sch_result .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.5rem; display:inline-block; position:absolute; left:-2rem; top:0.1rem; background-size:100%;}
 .sch .sch_result .search-list > ul > li > a > span{color:#8d8d8d;}
 .sch .sch_result .allresult-tit{display:flex; justify-content:space-between;}
 .sch .sch_result .allresult-tit > h3{font-size:1.5rem; padding-top:1.1rem; padding-bottom:2rem;}
 .sch .sch_result .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result .allresult-tit > button.btn_refresh {height: 3rem; padding-right:1.9rem; font-size:1.2rem; color:#888888; position: relative;}
-.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/ico_btn_brand.png) no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
+.sch .sch_result .allresult-tit > button.btn_refresh::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/ico_btn_brand.png') no-repeat center/100%; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; top: 50%; right:0; transform:translateY(-50%);}
 .sch .sch_result .itemTag{border:0.1rem solid #fd4802; display:inline-block; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; font-size:0.6rem; color:#fd4802;}
 .sch .sch_result .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:hidden;}
 .sch .sch_result .relative-list .nodata_txt {display: none;}
@@ -2439,7 +2443,7 @@
 .sch .sch_result .sch_category > ul > li {width: 100%; font-size: 0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 1.5rem;}
 .sch .sch_result .sch_category > ul > li:last-child {margin-bottom: 0;}
 .sch .sch_result .sch_category > ul > li span {position: relative; display: inline-block; font-size: 1.2rem; color: #888; padding-right: 2.5rem; line-height: 1;}
-.sch .sch_result .sch_category > ul > li span:before {content:''; background: url(//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png) no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
+.sch .sch_result .sch_category > ul > li span:before {content:''; background: url('//image.istyle24.com/Style24/images/mo/ico_cate_arrow.png') no-repeat center/100%; position: absolute; top: 0.2rem; right: 1rem; width: 0.5rem; height: 0.9rem;}
 .sch .sch_result .sch_category > ul > li span:last-child {padding-right: 0;}
 .sch .sch_result .sch_category > ul > li span:last-child:before {display: none;}
 .sch .sch_result .sch_category > ul > li span > em {color: #222;}
@@ -2452,14 +2456,14 @@
 .sch .sch_result.brand_all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
 .sch .sch_result.brand_all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
 .sch .sch_result.brand_all .search-list > ul > li > a > p{position:relative;}
-.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
+.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_clock.png') no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
 .sch .sch_result.brand_all .search-list > ul > li > a > span{color:#8d8d8d; display:inline-block; width:2rem; text-align:right;}
 .sch .sch_result.brand_all .allresult-tit{display:flex; justify-content:space-between;}
 .sch .sch_result.brand_all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem;}
 .sch .sch_result.brand_all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result.brand_all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888;}
-.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url(//image.istyle24.com/Style24/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url('//image.istyle24.com/Style24/images/mo/shc_refresh.png') no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
 .sch .sch_result.brand_all .itemTag{display:inline; padding:0.3rem 0; position:relative; top:1rem; font-size:0.6rem; color:#fd4802;}
 .sch .sch_result.brand_all .itemTag.circle{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem;}
 .sch .sch_result.brand_all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
@@ -2526,9 +2530,9 @@
 .sch .sch_util li:first-child{margin-left:0;}
 .sch .sch_util li a{font-size:1.2rem; color:#222!important;}
 .sch .sch_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
-.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
+.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_list_filter.png') center center no-repeat; background-size:contain;}
 .sch .sch_util li a.refresh{color:#888!important;}
-.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(//image.istyle24.com/Style24/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url('//image.istyle24.com/Style24/images/mo/icon_best_refresh.png') center center no-repeat; background-size:contain;}
 
 /* select 커스텀 (필터용) */
 .sch .sch_util .sch_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('//image.istyle24.com/Style24/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
@@ -2569,7 +2573,7 @@
 .sch .category_box.active{visibility:visible;}
 .sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .sch .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
-.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url('//image.istyle24.com/Style24/images/mo/ico_pop_cls_w.png'); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .sch .category_box .selcet_list {padding:0 2rem;}
 .sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
 .sch .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}

+ 43 - 1
src/main/webapp/ux/mo/js/common_m.js

@@ -7,7 +7,20 @@
 window.addEventListener('load', function(){
     setTimeout(scrollTo, 0, 0, 1);
   }, false);
-  
+
+// 210819_ touch, scroll event
+var xScrStart, yScrStart = 0; 
+document.addEventListener('touchstart', function(e) {
+    xScrStart = e.touches[0].scrareaX;
+    yScrStart = e.touches[0].scrareaY;
+}); 
+document.addEventListener('touchmove', function(e) {
+    var xMovement = Math.abs(e.touches[0].scrareaX - xScrStart);
+    var yMovement = Math.abs(e.touches[0].scrareaY - yScrStart);
+    if((yMovement * 3) > xMovement) {
+        e.preventDefault();
+    }
+});
 
 $(document).ready(function() {
         // 웹페이지가 브라우징된 후 주소창 제거
@@ -18,6 +31,10 @@ $(document).ready(function() {
         $(".btn_back").on("click", function () {
             history.back();
         });
+        //210819_상품상세 히스토리백(팝업닫기) 스크립트
+        $(".pd+.btn_back").on("click", function () {
+            $("[class*='_pop']").not("[class*='popup_wrap']").not("[class*='_pop_container']").css('display', 'none');
+        });
         //1.쿠키세팅
         function setCookie(cookieName, value, exdays){
             var exdate = new Date();
@@ -73,6 +90,9 @@ $(document).ready(function() {
             $("html, body").animate({
                 "scrollTop": 0
             }, 50);
+            $("[class*='pop']").animate({
+                "scrollTop": 0
+            }, 50);
         });
 
         $(window).scroll(function (event) {
@@ -753,6 +773,28 @@ $( document ).ready( function() {
         });
         /* //210428_수정 : 아코디언 */
 
+        /* 검색 인풋 클리어 버튼 */
+        /* 210819 */
+        $('.search_wrap').each(function(){
+            $(this).find('.cs_search_input').on('keyup focus', function(){
+            $(this).siblings('.btn_x').attr('style', 'visibility: visible');
+            if($(this).val().length == 0){
+                $(this).siblings('.btn_x').attr('style', 'visibility: hidden');
+            } else {
+                $(this).siblings('.btn_x').attr('style', 'visibility: visible');
+            }
+            });        
+            $(this).find('.cs_search_input').on('blur', function(){
+            $(this).siblings('.btn_x').attr('style', 'visibility: hidden');
+            });
+        
+            $(this).find('.btn_x').on('click touchstart', function(){
+            $(this).closest('.search_wrap').find('.cs_search_input').val('');
+            $(this).closest('.search_wrap').find('.btn_x').attr('style', 'visibility: hidden');
+            return false;
+            });
+        });
+
         /* 주문결제_accordion */
         /* 210428_수정 : 아코디언 */
         $(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){