2606_UIUX_29 수정 내역

https://contents.k-village.co.kr/front/mobile/css/layout.css

@@ -795,9 +795,9 @@ touch-action: pan-y;}
 .top-btn span{transition:width 0.3s; width:0; position:relative; display:flex; justify-content:space-between;}
 .top-btn span .br-con{display:none; flex:1; margin:0 0 0 36px; border:none; background-color:transparent; border-radius:0; background-repeat:no-repeat; background-position:center center; background-size:100% auto; z-index:1;}
 .top-btn .br-con-close{display:none;transition:all 0.3s;}
-.top-btn.open span{width:168px;height:36px;border-radius: 20px;margin: 0 0 0 15px;text-align: right; background-color:#fff;}
+.top-btn.open span{width:168px;height:36px;align-items:center;border-radius: 20px;margin: 0 0 0 15px;text-align: right; background-color:#fff;}
 .top-btn.open span:before{content:'';display:block;width:10px;height:10px;background:#fff;position:absolute;transform: rotate(45deg);left: 50%;margin: -4px 0 0 -5px;}
-.top-btn.open span .br-con {display:block;}
+.top-btn.open span .br-con {display:block;height: 24px;margin: 0 0 0 18px;background-size:contain;}
 .top-btn.open .brand-con>.br-con {display: none;}
 .top-btn.open .br-con-close{display:inline-block;background: url(../images/svg/br-con-close.svg);background-size:100%;}
 .quick-fixed:before{content:'';background:rgba(0,0,0,0.6);overflow:hidden;display:block;position:fixed;width:100%;height:100%;z-index: 15;transition:all 0.3s;top:0;}

https://contents.k-village.co.kr/front/mobile/js/commonFx.js

@@ -908,12 +908,13 @@ function overflowFx($isHidden){
         }
 	}
 }
-function overflowFxScroll($isHidden){
+function overflowFxScroll($isHidden, $hideMainMenu){
+	if ($hideMainMenu === undefined) $hideMainMenu = true;
 	if($isHidden){
-	    $('div.main-menu').hide();
+	    if($hideMainMenu) $('div.main-menu').hide();
 		scrollPosition = window.scrollY || window.pageYOffset;
 		$("body").css({"height":"100%","overflow":"hidden","position":"fixed","top":`-${scrollPosition}px`});
-		isSearch = true
+		isSearch = $hideMainMenu
 	} else {
 		$('body').removeAttr('style');
 		if(scrollPosition != 0 ) {
@@ -1437,8 +1438,11 @@ var tglBtns= function(){
     });
 	//브랜드 퀵메뉴
 	$('.brand-con').on('click', function() {
-		$(this).parent().toggleClass('open');
+		var $brandQuick = $(this).parent();
+
+		$brandQuick.toggleClass('open');
 		$('.root').toggleClass('quick-fixed');
+		overflowFxScroll($brandQuick.hasClass('open'), false);
 	});
 	//리뷰 더보기
 	$(".review-more button").click(function(){
@@ -1894,4 +1898,3 @@ $(window).on('load', function () {
 function isFunction(fn) {
     return typeof(fn) == 'function';
 }
-