/* 분양 퀵메뉴 */
.quick_menu {position: absolute; bottom: 0; right: 120px; width: 90px; height: 100%; z-index:999; }

.quick_menu .bar ul {position: absolute; bottom: 0;  z-index: 2; width: 100%; height: 490px;  border-radius: 8px; display: flex; align-content: end; flex-wrap: wrap; }
.quick_menu .bar ul li {position: relative;}
.quick_menu .bar ul li > a {position: absolute; top:0; left:0; font-size: 13px; text-align: center; display: block; width: 70px; height: 90px; padding-top:20px; border-radius:10px 0 0 10px;  margin-bottom:20px; margin-left:-80px; background-color:#daa23f}
.quick_menu .bar ul li > a span {display: block ;width: 100%; line-height: 50px; margin-top: -10px; color:#fff}
.quick_menu .bar ul li > a img {width: 24px;}



.quick_menu .bar ul li.popup {position: unset; z-index:1}

/*팝업이 5개일 경우*/

.quick_menu .bar ul li.popup .p_zone {width: 1295px; position: absolute; left: 200px; top: 0; transition: left .8s; z-index: 999999999;}
.quick_menu .bar ul li.on .p_zone {left: -1305px;}

/*팝업이 4개일 경우

.quick_menu .bar ul li.popup .p_zone {width: 1295px; position: absolute; left: 200px; top: 0; transition: left .8s; z-index: 999999999;}
.quick_menu .bar ul li.on .p_zone {left: -1305px;}*/ 


/*팝업이 3개일 경우

.quick_menu .bar ul li.popup .p_zone {width: 970px; position: absolute; left: 200px; top: 0; transition: left .8s; z-index: 999999999;}
.quick_menu .bar ul li.on .p_zone {left: -980px;}*/ 


.quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 320px;}

.quick_menu .bar ul li.popup .p_zone .swiper-slide + .swiper-slide .info {border-left: 1px solid #F3F2ED;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 320px; height: 448px;  text-align: center;}


.quick_menu .bar ul li.popup .p_zone .swiper-slide > div.type5 {padding: 0; overflow: hidden; position: relative;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide > div.type5 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}



.quick_menu .bar ul li.popup .p_zone .close {width: 50px; height: 270px; background: url("../img/quick-pop-close.png") no-repeat; display: block; position: absolute; left: -50px; top: 0; cursor: pointer;}
.quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-prev {width: 40px; height: 40px; background: url("../img/ico-quick-pop-left.svg") no-repeat; left: 0; }
.quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-next {width: 40px; height: 40px; background: url("../img/ico-quick-pop-left.svg") no-repeat; right: 0; transform: rotate(180deg); }
.quick_menu .bar ul li.popup .p_zone .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: .5;}






@media all and (max-width: 1740px) {

	.quick_menu .bar ul li.popup .p_zone {width: 970px; position: absolute; left: 150px; top: 0; transition: left .8s; z-index: 999999999;}
	.quick_menu .bar ul li.on .p_zone {left: -980px;}

}


@media all and (max-width: 1420px) {

	.quick_menu .bar ul li.popup .p_zone {width: 970px; position: absolute; left: 150px; top: 0; transition: left .8s; z-index: 999999999;}
	.quick_menu .bar ul li.on .p_zone {left: -980px;}

}






@media all and (max-width: 1200px) {
  .quick_menu {position: absolute; bottom: 0; top:0; right: 0; width: 100%; height: 750px; z-index: 88; overflow: hidden}
  .quick_menu .bar		{position: absolute; width:90px; bottom: 0; top:0; right: 0;}
  .quick_menu .bar ul {position: absolute; bottom: 40px;  z-index: 2; width: 100%; height: 420px;  border-radius: 8px; display: flex; align-content: end; flex-wrap: wrap; }
  .quick_menu .bar ul li.popup .p_zone {width: 300px;}
  .quick_menu .bar ul li .p_zone .swiper-wrapper {transform: translate3d(0px, 0px, 0px);}
  .quick_menu .bar ul li.on .p_zone {left: -220px !important;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 300px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 300px; height: 420px;  text-align: center;}
  .quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-next {right: 0;}

	.quick_menu .bar ul li > a {position: relative; font-size: 12px; text-align: center; display: block; width: 50px; height: 80px; padding-top:15px; border-radius:10px 10px 10px 10px;  margin-bottom:10px; margin-left:20px; background-color:#daa23f}


	

}

@media all and (max-width:780px) {

	  .quick_menu {position: absolute; bottom: 0; top:0; right: 0;  height: 650px; z-index: 88; }

}

@media all and (max-width: 580px) {

	.quick_menu .bar ul li.popup .p_zone .close {width: 30px;  left: -30px; background-size:100%;}



}

@media all and (max-width: 480px) {

	  .quick_menu {position: absolute; bottom: 0; top:0; right: 0; width: 100%; height: 600px; z-index: 88;  }
	 

}


@media all and (max-width: 380px) {
   .quick_menu .bar ul {position: absolute; bottom: 40px;  z-index: 2; width: 100%; height: 350px;  border-radius: 8px; display: flex; align-content: end; flex-wrap: wrap;}
  .quick_menu .bar ul li.popup .p_zone {width: 250px; right:-0px}
  .quick_menu .bar ul li .p_zone .swiper-wrapper {transform: translate3d(0px, 0px, 0px);}
  .quick_menu .bar ul li.on .p_zone {left: -170px !important;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 250px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 250px; height: 350px;  text-align: center;}

}




@media all and (max-width: 320px) {

	  .quick_menu {position: absolute; bottom: 0; top:0; right: 0;  height: 500px; z-index: 88; }

}