@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-03-14
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; border-radius:0;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* -------- 공통 :: 텍스트 -------- */
@media all and (max-width:800px){
	.sub-page .cm-con-tit{font-size:2.4rem;}
	.sub-page .cm-con-tit > span{margin-right:2rem;}
	.sub-page .cm-con-tit > em{padding-left:1rem;}
	.sub-page .cm-top-txt{padding-left:0;}
}	

/* ******************  i PARKING ********************** */
@media all and (max-width:800px){
	.brand-page{padding-bottom:5rem;}
	/***** 브랜드 스토리 *****/
	.brand-page .brand-down-con{display: block;}
	.brand-down-con .down-txt-box{width:100%;}
	.brand-down-con .down-txt-box .brand-down-st{font-size:3rem;}
	.brand-down-con .down-txt-box .down-btn{margin-top:3rem;}
	.down-circle-box{width:100%; display: flex; margin-top:6rem;}
	.down-circle-box .down-circle{width:56.25%; padding-top:56.25%;}
	.down-circle-box .down-circle .txt-box .circle-tit{font-size:2.8rem;}
	.down-circle-box .down-circle .txt-box .circle-txt{font-size:1.4rem;}
	.down-circle-box .down-circle.red{margin-right:-6.25%;}
	.down-circle-box .down-circle.white{margin-left:-6.25%; bottom:0;}
	.down-circle-box .down-circle.white:after{backdrop-filter: blur(3rem);}
	.down-circle-box .down-circle.white::before{font-size:1.8rem; top:50%; left:1rem; transform:translateY(-50%);}

	.brand-active-con{margin-bottom:50rem; border-radius:2rem;}
	.brand-active-con::before{width:37.63%; padding-top:6.45%; bottom:3rem; right:4rem;}
	.brand-active-con .area-middle{padding:0;}
	.brand-active-con .active-item-box{display: flex; grid-gap:0; flex-wrap:wrap; justify-content: space-between; transform:translateY(5rem);}
	.brand-active-con .active-item-box .active-item{width:calc(33.33% - 2rem); margin-bottom:2rem;}
	/***** 브랜드 vision *****/
	.vision-img-box .img-box img{width:800px;}
	/***** 브랜드 bi *****/
	.brand-bi-con{margin-top:0;}
	.brand-bi-con .brand-bi-wrap.flexBox{display: block;}
	.brand-bi-con .brand-bi-wrap.flexBox .bi-item-con{width:100% !important;}

	.brand-bi-con .item-img-box.paddingMax{padding:5rem 0 8rem;}
	.brand-bi-con .bi-item-list .item-img-box .img.flexBox .img-inner{padding-top:3rem;}

	.brand-bi-con .item-img-box.between{flex-wrap:wrap;}
	.brand-bi-con .item-img-box.between .img{width:50%; margin-bottom:2rem;}
}
@media all and (max-width:480px){
	/***** 브랜드 스토리 *****/
	.brand-active-con{margin-bottom:70rem;}
	.brand-active-con .active-item-box .active-item{width:calc(50% - 2rem);}
	/***** 브랜드 bi *****/
	.brand-bi-con .item-img-box.between .img{width:100%;}
}


/* ****************** 솔루션 ********************** */
/***** 주차관제 :: 솔루션 소개 *****/
@media all and (max-width:1640px){
	/*** 공통 설치 슬라이드 ***/
	.system-page .service-slide-wrap .shape-txt{left:8rem;}
	.service-slide-wrap .slide-img-box{margin-left:27rem;}
	.nav-on-icon02.main-move-line02 > span{left:-6rem;}
}
@media all and (max-width:1280px){
	/***** 주차관제 :: 솔루션 소개 *****/
	.system-wrap .tit-box{display: block;}
	.sub-page .service-st{padding-left:0; margin-top:2rem;}
		
	/*** 공통 설치 슬라이드 ***/
	.system-page .service-slide-wrap{max-width: 100%; margin:6rem var(--area-padding);}
	.system-page .service-slide-wrap .shape-txt{left:-3rem; top:0;}
	.service-slide-wrap .slide-img-box{margin-left:10rem !important;}
	.nav-on-icon02.main-move-line02 > span{left:-3rem;}

	/* Cloud DB 도식화 */
	.system-cloud-con .cloud-db-con{position: relative; height:auto; padding-top:350px; justify-content: space-between; top:7rem;}
	.system-cloud-con .cloud-db-con .db-img-box{position: absolute; top:0; left: 50%; transform: translateX(-50%);}
	.system-cloud-con .cloud-db-con .db-circle{position: relative; width:18%; padding-top:18%; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important;}
	.system-cloud-con .cloud-db-con .db-circle.circle03{transform:none;}
	.system-cloud-con .cloud-db-con .db-circle::before{display: none;}
	.system-cloud-con .cloud-db-con .db-circle .bg-box{display: none;}

	.system-cloud-con .cloud-db-con .db-circle.active{background:var(--main-color);}
}
@media all and (max-width:800px){
	/***** 주차관제 :: 솔루션 소개 *****/
	.sub-page .service-st{font-size:1.6rem;}
	/*** 공통 설치 슬라이드 ***/
	.system-page .service-slide-wrap{display: block; margin:2rem var(--area-padding);}
	.system-page .service-slide-wrap .shape-txt{font-size:4rem; left:0; top:1rem;}
	.system-page .service-slide-wrap .slide-img-box{width:100% !important; margin-left:0 !important; background:none; padding:6rem 0;}
	.system-page .service-slide-wrap .slide-img-box:before{background:none;}
	.system-page .service-slide-wrap .slide-img-box .img-num{width:2rem !important; height:2rem; font-size:1.2rem;}
	.system-page .service-slide-wrap .slide-img-box .img-num::before{width:4rem; height:4rem;}
	.system-page .service-slide-wrap .slide-img-box .img-num::after{width:2.5rem; height:2.5rem;}

	.system-page .service-slide-wrap .slide-location-box{width:100%; overflow:scroll; margin-left:0;}
	.system-page .service-slide-wrap .slide-location-box .location-inner{display: flex; }
	.system-page .service-slide-wrap .slide-location-box .location-list{padding-bottom:0; margin-bottom:0; width:auto !important; margin-right:1rem; padding:0 0.5rem;}
	.system-page .service-slide-wrap .slide-location-box .location-list:last-child{margin-right:0}
	.service-slide-wrap .slide-location-box .location-list button span{font-size:1.4rem; margin-top:0.2rem;}
	.service-slide-wrap .slide-location-box .location-list button p{font-size:1.6rem; padding-left:1rem;}
	.system-page .service-slide-wrap .slide-location-box .location-list.on{background:var(--main-color);}
	/* 설치슬라이드 리스트 스크롤넓이 */
	.system-page .service-slide-wrap.slideWrap .slide-location-box .location-inner{width:71rem;}
	.system-page .service-slide-wrap.slideWrap01 .slide-location-box .location-inner{width:47rem;}
	.system-page .service-slide-wrap.slideWrap02 .slide-location-box .location-inner{width:48rem;}
	.system-page .service-slide-wrap.slideWrap03 .slide-location-box .location-inner{width:35rem;}
	.system-page .service-slide-wrap.slideWrap04 .slide-location-box .location-inner{width:33rem;}
	/* 설치슬라이드 아이콘 위치 */
	.system-page .service-slide-wrap.slideWrap .slide-img-box .img-num.num03{top:22%;}
	.system-page .service-slide-wrap.slideWrap .slide-img-box .img-num.num05{left:54%;}
	.system-page .service-slide-wrap.slideWrap .slide-img-box .img-num.num06{top:46%; left:71%;}
	.system-page .service-slide-wrap.slideWrap .slide-img-box .img-num.num07{left:83%;}
	.system-page .service-slide-wrap.slideWrap .slide-img-box .img-num.num08{left:93%;}

	.system-page .service-slide-wrap.reverseBox.slideWrap01 .slide-img-box .img-num.num02{top:32%; left:30%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap01 .slide-img-box .img-num.num03{top:51%; left:50%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap01 .slide-img-box .img-num.num04{top:28%; left:63%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap01 .slide-img-box .img-num.num05{top:44%; left:87%;}

	.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num03{top:66%; left:32%;}
	.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num04{top:15%; left:55%;}
	.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num05{top:35%; left:84%;}
	.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num06{top:16%; left:91%;}

	.system-page .service-slide-wrap.reverseBox.slideWrap03 .slide-img-box .img-num.num02{top:33%; left:11%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap03 .slide-img-box .img-num.num03{top:12%; left:55%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap03 .slide-img-box .img-num.num04{top:33%; left:87%;}
	.system-page .service-slide-wrap.reverseBox.slideWrap03 .slide-img-box .img-num.num05{top:17%; left:95%;}

	.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num03{top:40%; left:38.5%;}
	.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num04{left:75.5%;}
	.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num05{left:88%;}

	.service-slide-wrap .slide-location-box .move-line-wrap02{display: none;}
	
	/* 사전무인정산시스템 */
	.system-machine-con{display: block; margin-top:3rem;}
	.system-machine-con .machine-item{margin-bottom:2rem;}
	/* 차량번호 인식기술 */
	.solution-gray-container{padding:10rem 0; margin-top:5rem;}
	.system-page .item-list-box{display: block; height:auto; margin-bottom:7rem;}
	.system-page .item-list-box .item-list{width:100%; margin-bottom:2rem; padding:3rem;}
	/* 타사시스템 비교 */
	.solution-compare-con{margin-top:10rem;}
	.solution-compare-con .compare-list-box{display: block; margin-top:3rem;}
	.solution-compare-con .compare-list-box .compare-list{display: block; width:100%; padding:3rem !important; margin-bottom:6rem;}
	.solution-compare-con .compare-list-box .compare-list:first-child{margin-right:0;}
	.solution-compare-con .compare-list-box .compare-list:first-child::before{right: 50%; top: calc(100% + 2rem); transform: translateX(50%) rotate(90deg);}
	.solution-compare-con .compare-list-box .compare-list:last-child{margin-bottom:0;}
	.solution-compare-con .compare-list-box .compare-list .list-tit{text-align:center; margin-bottom:1rem;}
	.solution-compare-con .compare-list-box .compare-list .list-tit-box{margin-right:0 !important;}
	.solution-compare-con .compare-list-box .compare-list .list-txt{padding-top:0;}
	/* 인증서 */
	.solution-compare-con .compare-patent-box{display: block;}
	.solution-compare-con .compare-patent-box .patent-item{width:100%; padding:0; margin-bottom:5rem;}
	.solution-compare-con .compare-patent-box .patent-item:first-child{border-right:0; border-bottom:1px solid #ddd; padding-bottom:5rem;}
	.solution-compare-con .compare-patent-box .patent-item:last-child{padding-left:0;}
	.solution-compare-con .compare-patent-box .patent-item .patent-txt-box{margin-right:2rem; width:calc(60% - 2rem);}
	.solution-compare-con .compare-patent-box .patent-item .patent-item-tit{font-size:2.4rem; margin-bottom:1rem;}
	.solution-compare-con .compare-patent-box .patent-item .patent-img-box{width:40%;}
	/* Cloud DB 도식화 */
	.system-cloud-con{margin-top:10rem;}
	.system-cloud-con .cloud-db-con{top:auto; flex-wrap:wrap; justify-content: space-around; padding-top: 380px;}
	.system-cloud-con .cloud-db-con .db-circle{width:26%; padding-top:26%; margin-bottom:2rem;}
	.solution-compare-con .compare-patent-box .patent-item .patent-item-txt{font-size:1.6rem;}
	.system-cloud-con .cloud-db-con .db-circle .circle-inner .txt > span{font-size:1.8rem;}
	/* 자동결제도입 */
	.solution-reverse-con{margin-top:10rem;}
	.solution-reverse-con .reverse-item-box .reverse-item{flex-direction: column;}
	.solution-reverse-con .reverse-item-box .reverse-item .item-img-box{width:100%; margin-right:0; margin-bottom:2rem;}
	.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box{width:100%;}
	.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box .item-tit{font-size:3.2rem;}
	.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box .item-txt{font-size:1.8rem; padding-top:1.2rem;}
	.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2){flex-direction: column;}
	.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) .item-img-box{margin:0; margin-bottom:2rem}
	.solution-reverse-con .reverse-item-box .reverse-item .item-img-box .title-img{margin-bottom:2rem;}
	.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) .item-txt-box{margin-left:0;}
}
@media all and (max-width:480px){
	.system-cloud-con .cloud-db-con{padding-top:350px;}
	.system-cloud-con .cloud-db-con .db-circle{width:30%; padding-top:30%; }
	.system-cloud-con .cloud-db-con .db-circle .circle-inner .img img{display: block; width:80%; margin:auto;}
	.system-cloud-con .cloud-db-con .db-circle .circle-inner .txt > span{padding-top:0.5rem;}
}


/***** 주차관제 :: 제품 소개 *****/
@media all and (max-width:1024px){
	.product-page .bbs-basic-gallery-con12-list-con li{width:31%; margin:0 1% 2%;}
}
@media all and (max-width:800px){
	.product-page .bbs-basic-gallery-con12-list-con li{width:48%; margin:0 1% 2%;}
	.product-page .bbs-basic-gallery-con12-list-con li a{padding:2rem 1.5rem;}
	.product-page .bbs-basic-gallery-con12-list-con li a .gallery-thumb-box{margin-top:2rem;}

	/* 팝업 */
	.solution-product-pop .pop-item-con{display: block;}
	.solution-product-pop .pop-item-con .pop-img-box{border-radius:20px 20px 0 0;}
	.solution-product-pop .pop-item-con .pop-img-box img{max-width:30rem;}
	.solution-product-pop .pop-item-con .pop-txt-box{padding:3rem;}
	.solution-product-pop .pop-item-con .pop-txt-box .pop-title-box{padding-bottom:2rem;}
	.solution-product-pop .pop-item-con .pop-txt-box .pop-product-tit{font-size:2rem;}
	.solution-product-pop .pop-item-con .pop-txt-box .pop-product-tit strong{display: block; font-size:3rem;}
	.solution-product-pop .pop-item-con .pop-txt-box .pop-info-box{padding-top:2.5rem;}
	.solution-product-pop .pop-item-con .pop-txt-box .pop-info-txt{padding-left:2rem;}
	.solution-product-pop .modal-close-btn{top:-4rem;}
}
@media all and (max-width:480px){
	.product-page .catalogue-down-box{display: block; height:auto; padding:2rem;}
	.product-page .catalogue-down-box .down-btn{width:100%; margin-top:1rem;}
}


/***** 주차유도 *****/
@media all and (max-width:1380px){
	.guidance-system-con .system-info-con .inner{padding: 0 var(--area-padding);}
	.guidance-system-con .system-info-con .inner .info-img-box{width: calc(60% - 6rem - var(--area-padding));}

	.guidance-system-con .system-info-con .inner .camera-img-box .camera-img{padding:0 1rem;}
	.guidance-system-con .system-info-con .inner .camera-img-box .camera-img .img-box img{display: block; margin:0 1rem; width:40%;}
}
@media all and (max-width:800px){
	.guidance-system-con .system-title-box .system-func-txt{margin-left:0; flex-wrap:wrap;}
	.guidance-system-con .system-title-box .system-func-txt li{margin-bottom:1rem;}

	.guidance-system-con .system-info-con{padding-bottom:10rem;}
	.guidance-system-con .system-info-con::before{display: none;}
	.guidance-system-con .system-info-con .inner{display: block; margin-top:5rem;}
	.guidance-system-con .system-info-con .inner .info-img-box{width:100%; margin-bottom:5rem;}
	.guidance-system-con .system-info-con .inner .info-txt-box{width:100%;}
}

/***** 플랩 *****/
@media all and (max-width:1280px){
	.flap-camera-con .camera-item-box{align-items: flex-start; justify-content: space-between;}
	.flap-camera-con .camera-item-box .camera-item{width:calc(50% - 2rem);}
	.flap-camera-con .camera-item-box .camera-item .img-box img{width:100%;}
}
@media all and (max-width:800px){
	.flap-intro-con .flap-des-box{display: block;}
	.flap-intro-con .flap-des-box .flap-title-box{width:100%; margin-right:0; }
	.flap-intro-con .flap-des-box .flap-title-box .flap-des-tit{font-size:2.6rem;}
	.flap-intro-con .flap-des-box .flap-txt-box{width:100%;}

	.flap-page .solution-gray-container{padding:10rem 0;}
	.flap-page .solution-tit{padding-bottom:1rem;}
	.flap-page .solution-compare-con .compare-list-con{display: block; margin-top:3rem;}
	.flap-page .solution-compare-con .list-wrap{width:100%; margin-bottom:8rem;}
	.flap-page .solution-compare-con .list-wrap:first-child{margin-right:0;}
	.flap-page .solution-compare-con .list-wrap:last-child{margin-bottom:0;}
	.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list:nth-child(1)::before{display: none;}
	.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list:nth-child(2)::before{display: none;}
	.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list::before{right: 50%; top: calc(100% + 4rem); transform: translateX(50%) rotate(90deg);}
	.flap-page .solution-compare-con .compare-list-box .compare-list{height:auto; margin-bottom:1rem;}
	.flap-page .solution-compare-con .compare-list-box .compare-list.highHeight{height:auto;}
	.flap-page .solution-compare-con .compare-list-box .compare-list .list-tit br{display: none;}
	.flap-page .solution-compare-con .compare-list-box .compare-list .list-txt-box{width:100%;}

	.flap-camera-con{margin-top:10rem;}
	.flap-camera-con .camera-item-box{display: block; margin-top:2rem;}
	.flap-camera-con .camera-item-box .camera-item{width:100%; margin-bottom:5rem;}
	.flap-camera-con .camera-item-box .camera-item .txt-box{margin-top:2rem; }
	.flap-camera-con .camera-item-box .camera-item .camera-num{font-size:3rem; min-width:3rem;}

	.flap-system-con{margin-top:10rem;}
	.flap-system-con .img-con{margin-top:3rem;}
	.flap-system-con .flap-list-box .flap-list{padding:3rem;}
	.flap-system-con .flap-list-box .flap-list .list-tit-box{width:100%;}
	.flap-system-con .flap-list-box .flap-list .list-tit-box .flap-list-num{fotn-size:3rem;}
	.flap-system-con .flap-list-box .flap-list .list-tit-box .flap-list-tit{font-size:2rem;}
	.flap-system-con .flap-list-box .flap-list .list-bottom-box .check-txt{font-size:1.6rem;}
	.flap-system-con .flap-list-box .flap-list .list-top-box{display: block;}
	.flap-system-con .flap-list-box .flap-list .list-tit-box .flap-list-tit br{display: none;}
	.flap-system-con .flap-list-box .flap-list .list-img-box{width:100%; margin-top:2rem;}
	.flap-system-con .flap-list-box .flap-list .list-img-box.flexBox{justify-content: center;}
	.flap-system-con .flap-list-box .flap-list .list-img-box.flexBox:not(.marginRight) img{height:25rem;}
	.flap-system-con .img-num-box > p{font-size:1.4rem;}

	.flap-system-con .img-num{width:2rem !important; height:2rem; font-size:1.2rem;}
	.flap-system-con .img-num::before{width:4rem; height:4rem;}
	.flap-system-con .img-num::after{width:2.5rem; height:2.5rem;}


	.flap-page .apply-slide-con{margin-top:10rem;}
	.apply-slide-con .slide-item .item-inner{display: block; margin-top:3rem;}
	.apply-slide-con .slide-img-box{width:100%; margin-bottom:3rem;}
	.apply-slide-con .slide-txt-box{margin-left:0; width:100%;}
	.apply-slide-con .slide-txt-box .slide-txt img{max-width:100%;}
	.apply-slide-con .slide-txt-box .slide-txt > p{font-size:1.6rem}
	.flap-page .apply-slide-con .slide-item-wrap{padding-bottom:10rem;}
	.apply-slide-con .slick-dots{right: 50%; transform: translateX(50%); bottom:1.8rem; width: calc(100% - 14rem);}
	.apply-slide-con .slick-dots li{width:100%;}
	.flap-page .apply-slide-con .slick-dots button{width:100%}
	.apply-slide-con .slide-btn{width:100%; justify-content: space-between; bottom:0;}
	.apply-slide-con .slide-btn button{width:4rem; height:4rem;}
	.apply-slide-con .slide-btn button i{font-size:1.8rem}
}
@media all and (max-width:480px){
	.flap-system-con .flap-list-box{display: block;}
	.flap-system-con .flap-list-box .flap-list{margin-bottom:2rem;}
}

/***** 모바일플랫폼 *****/
@media all and (max-width:800px){
	.platform-page{padding-bottom:10rem;}
	.platform-wrap .app-info-wrap .app-info-st{margin-left:0; font-size:1.8rem;}
	
	.app-sub-tit-box .sub-tit{font-size:2.4rem;}

	.platform-wrap .app-info-wrap .app-img-con{padding-top:5rem; display: block;}
	.platform-wrap .app-info-wrap .app-img-con .app-left-img{display: flex; align-items:center; justify-content: center; width:100%; margin-bottom:5rem;}
	.platform-wrap .app-info-wrap .app-img-con .app-left-img .img-box{width:30%;}
	.app-img-con .app-left-img .down-btn-box{width:70%; margin-top:0; padding-left:5rem; box-sizing:border-box;}
	.app-img-con .app-left-img .down-btn-box .down-tit{font-size:2.6rem;}

	
	.app-img-con .app-right-img{width:100%;}
	.app-img-con .app-right-img .right-img-box.twoItem{grid-gap:20%}
	.app-img-con .app-right-img .right-img-box.threeItem{grid-gap: 3rem; margin-bottom:5rem;}
	.app-img-con .app-right-img .right-img-box .txt .app-img-tit{font-size:1.6rem;}
	.app-img-con .app-right-img .right-img-box .txt .app-img-txt{font-size:1.3rem;}
	.app-img-con .app-right-img .right-img-box .txt .app-img-txt br{display: none;}

	.platform-wrap .app-info-wrap{margin-top:10rem;}
	.platform-wrap .app-info-wrap .app-info-txt{margin-left:0;}
}
@media all and (max-width:480px){
	.app-img-con .app-right-img .right-img-box.threeItem{grid-gap: 1rem;}
}

/***** 환경개선 *****/
@media all and (max-width:1280px){
	.impro-service-con .tit-box{display: block; }
	.service-slide-wrap .slide-img-box .slide-item.marginRight{margin-right:5rem;}
}
@media all and (max-width:800px){
	.impro-page{padding-bottom:10rem;}
	/* 솔루션소개 */
	.impro-field-con .field-list-box{padding-left:0;}
	.impro-field-con .field-list-box .field-list{padding:1.5rem 0;}
	.impro-field-con .field-list-box .field-list .list-left{margin-right:0; width:30%;}
	.impro-field-con .field-list-box .field-list .list-left .list-tit{font-size:2.4rem; min-width:0;}
	.impro-field-con .field-list-box .field-list .img-box{width:5rem; height:5rem; margin-right:1.5rem;}
	.impro-field-con .field-list-box .field-list .img-box img{width:50%;}
	.impro-field-con .field-list-box .field-list .list-right{width:70%; padding-left:1rem; box-sizing:border-box;}
	.impro-page .list-check-txt{font-size:1.6rem; padding-left:2rem;}

	.impro-compet-con{margin-top:10rem;}
	.impro-compet-con .compet-list-box{margin-top:3rem; grid-gap: 2rem;}
	.impro-compet-con .compet-list .txt-box{padding:3rem 2rem;}
	.impro-compet-con .compet-list .compet-num{font-size:2.8rem; padding-bottom:1rem;}
	.impro-compet-con .compet-list .compet-tit{font-size:2rem; padding-bottom:1rem;}

	.impro-service-con .slick-slider{padding: 0 var(--area-padding);}
	.impro-service-con .tit-box{margin-top:10rem;}
	.impro-service-con .service-slide-wrap{margin-top:3rem; display: block;}
	.impro-service-con .service-slide-wrap .img-con{width:100%; max-width:100%;}
	.impro-service-con .service-slide-wrap .slide-img-box{margin-left:0 !important; padding:6rem var(--area-padding); border-radius:2rem; margin-bottom:2rem;}
	.impro-service-con .service-slide-wrap .slide-img-box .slide-item.marginRight{margin-right:2rem;}

	.impro-service-con .service-slide-wrap .slide-location-box{width:100%; margin-left:0;}
	.impro-service-con .service-slide-wrap .slide-location-box .location-inner > .slick-list{overflow-X:scroll !important; padding-bottom:3rem;}
	.impro-service-con .service-slide-wrap .slide-location-box .location-inner > .slick-list .slick-track{width:90rem !important;}
	.impro-service-con .service-slide-wrap .slide-location-box .location-list{width:16rem !important; margin-bottom:0; margin:0rem; padding:0 1rem;}
	.impro-service-con .service-slide-wrap .slide-location-box .location-list.slick-current{height:3.3rem; left:0 !important; box-shadow: 0.7rem 0.7rem 1rem #D6081233;}

	/* 주요도입현장 */
	.apply-slide-con .slide-item-wrap{padding-bottom:10rem;}
	.apply-slide-con .slick-dots button{width:100%;}
}
@media all and (max-width:480px){
	.impro-field-con .field-list-box .field-list{display: block;}
	.impro-field-con .field-list-box .field-list .list-left{width:100%; margin-bottom:1rem;}
	.impro-field-con .field-list-box .field-list .list-right{width:100%; padding-left:0rem;}

	.impro-compet-con .compet-list-box{display: block;}
	.impro-compet-con .compet-list{margin-bottom:2rem;}
}

/* 솔루션 하단 메뉴 */
@media all and (max-width:800px){
	#bottomMenu ul li{border-radius: var(--sub-menu-height);}
	#bottomMenu ul li a{font-size:1.2rem; height:4rem}
	#bottomMenu ul li a > span{padding:0 0.5rem; text-align:center;}

	#bottomMenu ul li.on{/* background:var(--main-color) */}
}

/***** service :: cs/as *****/
@media all and (max-width:1300px){
	.cs-wrap .area {padding: 0;}
}

@media all and (max-width:1280px){
	.cs-slide-con button.slick-prev {left: 19%;}
	.cs-slide-con button.slick-next {right: 19%;}
}

@media all and (max-width:800px){
	/*** active 섹션 ***/
	.service-page .service-top-tit {font-size: 1.8rem;}
	.sub-page .number {font-size: 2.8rem;}
	.cs-active-con {margin-top: 4rem;}
	.cs-active-con .active-tit {font-size: 2.6rem;}
	.cs-active-con .active-item-box .active-img {margin-top: 2rem;}
	.cs-active-con .active-item-box .circle-box {margin-left: 6rem;}
	.cs-active-con .active-list-box {grid-gap: 2rem; margin-top: 4rem;}
	.cs-active-con .active-list-box .active-list p {font-size: 1.6rem;}
	.cs-active-con .active-list-box .active-list {padding: 0 2rem;}
	.cs-active-con .active-list-box .active-list span {padding-right: 1.5rem; font-size: 1.7rem;}

	/*** 슬라이드 ***/
	.cs-slide-con .slide-item {position: relative; display: flex !important; align-items: center; justify-content: center; height: 0; padding-top: 9.9207%; transform: scale(1) translateX(0); width: auto; opacity: 1;}
	.cs-slide-con .slide-item img {position: absolute; top: 50%; transform: translateY(-50%); max-width: 100%; width: auto; height: auto; border-radius: 20px;}
	.cs-slide-con {margin-top: 9rem;}
	.cs-slide-con .slide-item.slick-center img {border-radius: 20px;}
	/* .cs-slide-con .slide-item {opacity: 1; width: auto !important; transform: none;} */
	.cs-slide-con button.slick-prev {left: 10px; top: auto; bottom: -10rem;}
	.cs-slide-con button.slick-next {right: 10px; top: auto; bottom: -10rem;}

	/*** 장애 처리 프로세스 ***/
	.cs-process-con {margin-top: 15rem;}
	.cs-process-con .process-txt-box .process-tit {font-size: 3rem;}
	.cs-process-con .process-txt-box .check-txt {font-size: 1.6rem;}
}
/* 	.cs-slide-con .slide-item.slick-center {width: 55rem !important; height: 35rem !important;}
	.cs-slide-con .slide-item {height: 35rem;}
}

@media all and (max-width:640px){
	.cs-slide-con .slide-item.slick-center {width: 40rem !important; height: 30rem !important;}
	.cs-slide-con .slide-item {height: 30rem;}
}

@media all and (max-width:480px){
	.cs-slide-con .slide-item.slick-center {width: 35rem !important; height: 20rem !important;}
	.cs-slide-con .slide-item {height: 20rem;}
} */

@media all and (max-width:640px){
	.cs-page .title-inner {flex-direction: column;}
	.cs-active-con .active-item-box .active-img {flex-direction: column-reverse; margin-top: 5rem;}
	.cs-active-con .active-item-box .circle-box {margin-left: 0; margin-bottom: 3rem;}
	.cs-active-con .active-item-box .active-img .img {width: 100%;}
	.cs-active-con .active-list-box {grid-template-columns: 1fr; grid-gap: 2rem;}
}


/*****  365렌탈 *****/
@media all and (max-width:1280px){
	.rental-include-con .include-circle-box .include-circle > p {font-size: 1.8rem;}

	/***  월 365000원 렌탈료 포함사항 ***/
	.rental-include-con .include-img-box .img {min-height: 37rem;}

	/*** 더 새로워진 365 렌탈 ***/
	.rental-new-con .new-item-box .item-right-box .right-list {padding: 2rem 3rem;}
	.rental-new-con .new-item-box .item-right-box .list-main-txt {font-size: 2rem;}
	.rental-new-con .new-item-box .item-left-box .left-list > p {font-size: 1.8rem;}
	.rental-new-con .new-item-box .item-right-box .list-sub-txt {font-size: 1.5rem;}
}

@media all and (max-width:1024px){
	.rental-include-con .include-img-box .img {min-height: 39rem;}
}

@media all and (max-width:800px){
	.rental-page {padding-bottom: 10rem;}
	.rental-page .rental-st {font-size: 3rem;}
	.rental-page .rental-tit {font-size: 1.8rem;}
	.rental-page .rental-txt {font-size: 1.6rem;}

	/***  월 365000원 렌탈료 포함사항 ***/
	.rental-include-con {margin-top: 5rem; padding: 6rem 0;}
	.rental-include-con .include-circle-box {grid-template-columns: 1fr 1fr; grid-gap: 4rem;}
	.rental-include-con .include-circle-box .include-circle::before {display: none;}
	.rental-include-con .include-img-box {grid-template-columns: 1fr; grid-gap: 2rem 0;} 
	.rental-include-con .include-img-box .img {min-height: auto;}
	.rental-include-con .include-img-box .txt > p {font-size: 2.1rem;}

	/*** 365 렌탈 특별 혜택 ***/
	.rental-benefit-con {margin-top: 7rem;}
	.rental-benefit-con .benefit-item-box {margin-top: 3rem;}
	.rental-benefit-con .benefit-item-box {grid-template-columns: 1fr 1fr; grid-gap: 2rem;}

	/*** 더 새로워진 365 렌탈 ***/
	.rental-new-con {margin-top: 7rem;}
	.rental-new-con .new-item-box {margin-top: 3rem; display: block;}
	.rental-new-con .new-item-box .item-right-box .right-tit {font-size: 3rem;}
	.rental-new-con .new-item-box .item-left-box{width:100%;}
	.rental-new-con .new-item-box .item-left-box .left-tit {font-size: 2.4rem;}
	.rental-new-con .new-item-box .item-right-box {width: 100%; margin-left: 0rem;}
	/* .rental-new-con .new-item-box .item-left-box .left-list::before {width: 3.5rem; height: 1rem; right: -6.3rem;} */
	.rental-new-con .new-item-box .item-left-box{margin-bottom:6rem;}
	.rental-new-con .new-item-box .item-left-box .left-list {padding: 2rem 3rem; justify-content: flex-start; height:auto;}
	.rental-new-con .new-item-box .item-left-box .left-list::before{display: none; top: calc(100% + 2.5rem); right: 50%; transform: translateX(50%) rotate(90deg);}
	.rental-new-con .new-item-box .item-left-box .left-list:last-child::before{display: block;}
	.rental-new-con .new-item-box .item-right-box .right-list .list-txt-inner {flex-direction: column;}
	.rental-new-con .new-item-box .item-right-box .list-main-txt {padding-right: 0;}
	.rental-new-con .new-item-box .item-right-box .list-main-txt {font-size: 1.6rem; width:100%;}
	.rental-new-con .new-item-box .item-left-box .left-list > p {font-size: 1.4rem;}
	.rental-new-con .new-item-box .item-right-box .list-sub-txt {font-size: 1.2rem;}
}

@media all and (max-width:640px){
	/*** 365 렌탈 특별 혜택 ***/
	.rental-benefit-con .benefit-item-box {grid-template-columns: 1fr;}

	/*** 더 새로워진 365 렌탈 ***/
	/* .rental-new-con .new-item-box .item-right-box {width: calc(67.742% - 7rem); margin-left: 7rem;}
	.rental-new-con .new-item-box .item-left-box .left-list::before {width: 3.2rem; height: 0.8rem; right: -5.1rem;}
	.rental-new-con .new-item-box .item-right-box .right-tit {font-size: 2.6rem;}
	.rental-new-con .new-item-box .item-left-box .left-tit {font-size: 2.2rem;}
	.rental-new-con .new-item-box .item-right-box .list-main-txt {font-size: 1.4rem;}
	.rental-new-con .new-item-box .item-left-box .left-list > p {font-size: 1.2rem;}
	.rental-new-con .new-item-box .item-right-box .list-sub-txt {font-size: 1.1rem; padding-left: 2rem;} */
}

@media all and (max-width:480px){
	/*** 더 새로워진 365 렌탈 ***/
	/* .rental-new-con .new-item-box .item-left-box .left-tit {font-size: 1.7rem;}
	.rental-new-con .new-item-box .item-right-box .right-tit {font-size: 2.4rem;}
	.rental-new-con .new-item-box .item-left-box {width: 37.2%;}
	.rental-new-con .new-item-box .item-right-box {width: calc(62.8% - 5rem); margin-left: 5rem;}
	.rental-new-con .new-item-box .item-left-box .left-list::before {width: 2.8rem; height: 0.8rem; right: -4rem;}
	.rental-new-con .new-item-box .item-right-box .right-list, .rental-new-con .new-item-box .item-left-box .left-list {height: 9rem;} */
}

/*** 특별 프로모션 ***/
@media all and (max-width:800px){
	.promotion-page {padding-bottom: 10rem;}
	.promotion-info-con .info-txt-box ul {margin-top: 6rem;}
	.promotion-info-con {flex-direction: column;}
	.promotion-info-con .info-txt-box, .promotion-info-con .info-img-box {width: 100%;}
	.promotion-info-con .info-img-box {margin-left: 0; height: auto; padding: 3rem;}
	.promotion-info-con .info-img-box::before {display: none;}
	.promotion-info-con .info-txt-box .info-red-txt {font-size: 1.8rem;}
	.promotion-info-con .info-txt-box .info-st {font-size: 1.6rem; padding-top: 1.5rem;}
	.promotion-info-con .info-price-list .price-tit.red {font-size: 3rem;}
	.promotion-info-con .info-price-list .price.red, .promotion-info-con .info-txt-box .info-tit {font-size: 5rem;}
	.promotion-info-con .info-price-list .price-circle {right: 16rem;}
}

@media all and (max-width:640px){
	.promotion-info-con .info-price-list .price.red, .promotion-info-con .info-txt-box .info-tit {font-size: 4.2rem;}
	.promotion-info-con .info-price-list .price-tit.red {font-size: 2.8rem;}
	.promotion-info-con .info-price-list .price-tit {font-size: 1.6rem;}
	.promotion-info-con .info-price-list .price-tit.red span {font-size: 1.4rem;}
	.promotion-info-con .info-price-list .price-circle {right: 14rem;}
}

@media all and (max-width:640px){
	.promotion-info-con .info-img-box .info-phone {font-size: 3.2rem;}
	.promotion-info-con .info-img-box .info-phone span {font-size: 1.5rem;}
}

/* ******************  주요실적 ********************** */
@media all and (max-width:1475px){
	
}

@media all and (min-width:801px){
	.experience-page .experience-tab-01 .slick-list {height:610px !important;}
	.experience-tab-02-con .sub-tab-list-style{height:610px !important; overflow-y:scroll;}
	.experience-tab-02-con .sub-tab-list-style ul{display: block; height:auto;}
	.experience-tab-02-con .sub-tab-list-style::-webkit-scrollbar {
		display: none;
	}
	.experience-tab-02-con .sub-tab-list-style ul li{display: block;}
	.experience-tab-02-con .sub-tab-list-style ul li:last-child{margin-bottom:10rem;}

	.experience-page .sub-tab-list-style ul li a {padding-right:2.5rem; box-sizing:border-box;}
}
@media all and (max-width:800px){
	.experience-page {padding-bottom: 6rem;}
	/*** 탭 ***/
	.experience-page .slide-wrap {padding: 0 var(--area-padding); margin-top: 4rem;}
	.experience-tab-01-con, .experience-tab-02-con {flex-direction: column; flex-wrap: nowrap;}
	.experience-tab-01-con .sub-tab-wrapper-style, .experience-tab-02-con .sub-tab-wrapper-style, .experience-page .sub-tab-list-style ul {width: 100%;}
	.experience-tab-01-con .sub-tab-list-style ul.marginMinus {margin: 0;}
	.experience-page .sub-tab-list-style ul {box-sizing: border-box !important; padding: 1rem; justify-content: center; box-sizing: border-box;}
	.experience-page .experience-tab-02-con .sub-tab-list-style ul {padding: 0 2rem;}
	.experience-page .sub-tab-list-style ul li {margin-right: 1rem; width: auto; padding:0 1rem; box-sizing:border-box;}
	.experience-page .sub-tab-list-style.grayBg ul li {width: auto;}
	.experience-page .sub-tab-list-style.grayBg ul li.selected {/* width: 18rem; */}
	.experience-page .sub-tab-list-style ul li:last-child {margin-right: 0;}
	.experience-page .sub-tab-list-style.grayBg ul li {padding: 0 2rem;}
	.experience-page .sub-tab-list-style ul li a em {font-size: 1.2rem;}
	.experience-page .sub-tab-list-style.grayBg ul li::after {font-size: 1.6rem; right: 0;}
	
	.experience-page .sub-tab-list-style ul li.selected{background:#f04137;}
	.experience-page .sub-tab-list-style ul li.selected a em{color:#fff;}

	.experience-tab-box {width: 100%;}
	.experience-tab-02-con {margin-left: 0;}
	.experience-page .cm-tab-container-JS aside {width: 100%; margin-bottom:1.5rem}
	.experience-tab-02-con .sub-tab-list-style ul li {margin-right: 2rem;}
	.experience-tab-02-con .sub-tab-list-style ul li:last-child {margin-right: 0;}
	.experience-page .experience-tab-01 .slick-list {overflow: hidden;}
	.experience-page .sub-tab-list-style ul.slick-slider, .experience-page .sub-tab-wrapper-style .slick-list, .experience-page .sub-tab-wrapper-style .slick-track {height: auto !important;}
	.experience-tab-02-con .sub-tab-list-style::before {display: none;}
	.experience-page .cm-tab-container-JS .sub-tab-content-style {width: 100%;}
	.experience-page .cm-tab-container-JS .sub-tab-content-style .sub-tab-con{width:100%;}
	.experience-page .slide-wrap .slide-con .slick-prev{left:1rem;}
	.experience-page .slide-wrap .slide-con .slick-next{right:1rem;}

	
	.experience-tab-02-con .sub-tab-list-style{overflow-x:scroll;}
	.experience-tab-02-con .sub-tab-list-style ul{/* display: table; */ flex-direction: row;}
	.experience-tab-02-con .sub-tab-list-style ul li{width:10rem; margin-right:1rem; padding:0 1rem; flex: 0 0 auto;}

	/*** 이미지 ***/
/* 	.experience-page .cm-tab-container-JS .sub-tab-content-style, .experience-page .slide-wrap .slide-con .slide-img-wrap .slick-slide, .experience-page .slide-wrap .slide-con img {width: 100% !important; height: auto !important;} */
	
	
}

/***** 뉴스 *****/
@media all and (max-width: 800px) {
	.cm-notice-page .bbs-top-list-box {align-items: flex-end; flex-direction: column;}
	.cm-notice-page .bbs-top-list-box:not(.bbs-top-category-box) {flex-direction: column;}

	.cm-notice-page .bbs-basic-gallery-con12-list-con {margin: 2rem -1% 0 -1%;}
	.cm-notice-page .bbs-basic-gallery-con12-list-con li {width: 48%; margin: 0 1% 3rem;}
	.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box {padding: 2.5rem 1.5rem 0; height: 17rem;}
	.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{font-size:1.8rem; margin-bottom:1rem; height:5.4rem;}
}

@media all and (max-width: 480px) {
	.sub-page .bbs-top-list-box .board-search-box {width: 100% !important;}
}

/* ******************  온라인 문의 ********************** */
@media all and (max-width: 800px) {
	.inquiry-page .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child {padding-right: 0;}
	.inquiry-page .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con {padding-left: 0;}
	.inquiry-txt-box .inquiry-txt {font-size: 3rem;}
	.inquiry-txt-box .inquiry-tit {font-size: 1.8rem;}
	.inquiry-txt-box .inquiry-subtxt {font-size: 1.6rem;}
}

@media all and (max-width: 480px) {
	.inquiry-page .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.bbs-inquiry-agree-con {flex-direction: column; align-items: flex-start; padding: 2rem 1.5rem;}
	.inquiry-page .bbs-inquiry-agree-con .agree-txt {height: 40px; padding-bottom: 1rem;}
}

@media all and (max-width: 360px) {
	.inquiry-page .bbs-inquiry-agree-con .agree-pop-btn {width: 100px;}
}

/* ******************************* 
i PARKING Factory 2023-12-14 MJ
******************************* */
/* 서브페이지 공통텍스트 */
@media all and (max-width:800px){
	.cm-sub-tit-box .cm-tit-en{font-size:1.8rem;}
	.cm-sub-tit-box .cm-tit{font-size:3rem;}
}
/* i PARKING Factory */
@media all and (max-width:1280px){
	.factory-list-wrap .list-item .txt-box .txt{font-size:1.6rem;}
}
@media all and (max-width:800px){
	.factory-list-wrap .list-item{width:48%;}
	.factory-list-wrap .list-item:nth-child(3){margin-top:6rem;}
	.factory-list-wrap .list-item .txt-box .tit{font-size:2rem;}
	.factory-list-wrap .list-item .txt-box .txt{font-size:1.5rem;}
}
@media all and (max-width:480px){
	.factory-list-wrap .list-item{width:100%;}
	.factory-list-wrap .list-item:nth-child(2){margin-top:6rem;}
}


/* 2024-01-15 추가 :: 주차장 소식페이지만 적용 */
@media all and (max-width:800px){
	.parking-news.news-page .bbs-basic-gallery-con12-list-con li{width:23%;}
	.parking-news.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box{padding:2rem 1.5rem; height:9rem;}
	.parking-news.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{font-size:1.5rem; height:5rem;}
}
@media all and (max-width:640px){
	.parking-news.news-page .bbs-basic-gallery-con12-list-con li{width:48%;}
	.parking-news.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box{padding:2rem 1.5rem; height:9rem;}
	.parking-news.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{font-size:1.5rem; height:5rem;}
}

/* 2024-02-29 추가 :: R&D 페이지 추가 */
@media all and (max-width:800px){
	.rnd-page .sub-con{margin-bottom:10rem;}
	/* i PARKING R&D 소개 */
	.rnd-list-wrap{display: block;}
	.rnd-list-wrap .list-item{width:100%;}
	.rnd-list-wrap .list-item:nth-last-child(2){margin-bottom:4rem;}
	.rnd-list-wrap .list-item .txt-box{padding:2.5rem;}
	.rnd-list-wrap .list-item .txt-box .tit{font-size:1.5rem;}
	.rnd-list-wrap .list-item .txt-box .txt{font-size:2rem;}
	/* i PARKING R&D Mission */
	.rnd-mission-wrap{display: block;}
	.rnd-mission-wrap .left-item{position: relative; width:100%; margin-bottom:15rem;}
	.rnd-mission-wrap .left-item:before{position: absolute; content:''; width:3.6rem; height:3.1rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/rnd_mission_arrow.png'); left:50%; top:100%; transform:translate(-50%, 4rem) rotate(90deg);}
	.rnd-mission-wrap .left-item .mission-con-item{min-height:12rem; height:auto;}
	.rnd-mission-wrap .left-item .mission-con-item:before{display: none;}
	.rnd-mission-wrap .left-item .mission-con-item .txt{font-size:1.7rem;}
	.rnd-mission-wrap .right-item{position: relative; width:100%;}
	.rnd-mission-wrap .right-item .mission-con-item{min-height:12rem; height:auto;}
	.rnd-mission-wrap .right-item .mission-con-item .txt{font-size:1.7rem;}

	.rnd-tech-wrap .tech-item .inner-wrap{padding:4rem 2.5rem;}
	.rnd-tech-wrap .tech-item.top-item .inner-wrap{display: block;}
	.rnd-tech-wrap .tech-item.top-item .inner-wrap .inner-top-box{width:100%; margin-bottom:2.4rem;}
	.rnd-tech-wrap .tech-item.top-item .inner-wrap .inner-top-box:last-child{margin-bottom:0;}
	.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list dl{display: block;}
	.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list dl dd{margin-left:0; margin-top:0.5rem;}

	.tech-item-3deps{display: block;}
	.tech-item-3deps .tech-item{width:100%; margin-bottom:5rem;}
	.tech-item-3deps .tech-item:last-child{margin-bottom:0;}
	.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list .inner-img{padding:0 2.5rem;}
}

/* app 풀페이지 추가 2024-05-07 */
@media all and (max-width:1440px){
	#fp-nav.sub_full{left:10px;}
}
@media all and (max-width:1420px){
	.area-full{max-width:none; padding:0 var(--area-padding);}
}
@media all and (max-width:1280px){
	.cm-full-tit-box .full-tit{font-size:4.9rem;}
	.cm-full-tit-box .full-txt{font-size:1.7rem;}
	.download-btn-wrap{display: none;}

	.full-content{padding-top:15rem; padding-bottom:15rem;}

	#fullContent1 .full-content{padding-top:0; padding-bottom:0;}
	#fullContent1 .full-content .img-box{padding:15rem 10rem 0;}
	#fullContent1 .full-scroll-icon .icon{border-color:#333;}
	#fullContent1 .full-scroll-icon .icon span{background:#333;}
	#fullContent1 .full-scroll-icon .txt{color:#333;}
	#fullContent1 .full-scroll-icon .arrow i{color:#333;}

	
	.full-scroll-icon{bottom:1rem;}
	.full-scroll-icon .icon{width:12px; height:20px; border:1px solid #333; margin:0 auto 5px;}
	.full-scroll-icon .icon span{width:2px; height:2px; border-radius:50%; background:#333; top:3px; animation: scroll-move-m 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
	.full-scroll-icon .txt{font-size:14px; margin-bottom:5px; text-align:center;}
	.full-scroll-icon .arrow i{font-size:12px;}
	@keyframes scroll-move-m {
		0% {
			opacity:0;
			top:3px;
		}
		20%{
			opacity:1;
			top:3px;
		}
		80%{
			opacity:1;
			top:13px;
		}
		100% {
			opacity:0;
			top:13px;
		}
	}
}
@media all and (max-width:800px){
	#header.full-header{top:0rem;}
	#header.full-header .logo img{height:30px;}
	.header-down-btn-list{display: none;}
	
	.cm-full-tit-box .full-tit{margin-bottom:1.7rem;}
	.cm-full-tit-box .full-txt{margin-bottom:0;}
	.full-scroll-icon .down-btn-m{display: flex; align-items:center; justify-content:center; width:20rem; height:6rem; background:#282828; border-radius:5rem; color:#fff; font-size:2.5rem; letter-spacing:-0.025em; font-weight:600; margin-bottom:2rem;}
	.full-scroll-icon .down-btn-m i{margin-left:1rem;}

	.full-content{display: block; padding-top:10.5rem !important; padding-bottom:20rem; box-sizing:border-box;}
	.full-content .left-box{width:100%;}
	.full-content .right-box{width:100%; margin-top:0rem;}
	.full-content .img-box{padding:4rem 3rem 0; height: calc(var(--vh, 1vh) * 30);}
	.full-content .img-box img{max-height:100%;}


	#fullContent1 .full-content{display:flex; flex-direction: column; justify-content: space-between;}
	#fullContent1 .cm-full-tit-box .full-txt:last-child{display: none;}
	#fullContent1 .full-content .right-box{height:auto;}
	#fullContent1 .full-content .img-box{padding:4rem 5rem 0; max-height:380px; overflow:hidden; align-items: flex-start;}
	#fullContent1 .full-content .img-box .qr{display: none;}


	#fullpage.app-page .section:not(#mainFooter){height: calc(var(--vh, 1vh) * 100) !important;}

	#fp-nav{display: none !important;}


	.full-scroll-JS{display: none;}
	.full-scroll-JS-M{display: block;}
	.full-scroll-icon.full-scroll-JS-M{opacity:1; transform:translateX(-50%);}

	.full-scroll-JS-M.footer{opacity:0; pointer-events:none;}
}

@media all and (max-height:700px){
	.full-scroll-JS-M{position: fixed;}
	.full-content{padding-bottom:10rem;}
	.full-content .img-box{height: 30rem;}
}

/* 2024-05-14 */
/* ************* Solution :: 주차관제 ************* */
@media all and (max-width:1280px){
	/* *** 시스템 소개 *** */
	.service-intro-wrap .top-box{margin-bottom:8rem;}
	/* cloud 도식화 */
	.service-cloud-item .cloud-circle{width:12rem; height:12rem;}
	.service-cloud-item .cloud-circle .txt-box .icon{display: block; width: 66.66%; margin: auto;}
	.service-cloud-item .cloud-circle .txt-box .icon svg{width:100%;}

	.service-cloud-item .cloud-circle.circle02 .bg-box{margin-top:4.5rem; margin-left:5.5rem;}
	.service-cloud-item .cloud-circle.circle04 .bg-box{margin-top:4.5rem; margin-left:-5.5rem;}
}
@media all and (max-width:1024px){
	/* *** 시스템 소개 *** */
	.service-intro-wrap .top-box{margin-bottom:4rem;}
}
@media all and (max-width:800px){
	.system-item-wrap{margin-bottom:10rem;}
	/* *** 시스템 소개 *** */
	.service-intro-wrap .top-box{display: block; margin-bottom:15vw;}
	.service-intro-wrap .top-box .left-box{width:100%; padding:3rem var(--area-padding);}
	.service-intro-wrap .top-box .right-box{width:100%; padding-left:0; margin-top:8rem; text-align:center;}
	.service-intro-wrap .top-box .right-box .txt:before{top:-3rem; left:50%; transform:Translate(-50%, -100%) rotate(90deg);}
	.service-intro-wrap .bottom-box{display: block;}
	.service-intro-wrap .bottom-box .left-box{width:100%;}
	.service-intro-wrap .bottom-box .right-box{width:100%;}
	/* cloud 도식화 */
	.service-cloud-item .cloud-img-box{margin-left:3rem;}
	.service-cloud-item .cloud-circle{width:20vw; height:20vw;}
	.service-cloud-item .cloud-circle .txt-box{width:100%;}
	.service-cloud-item .cloud-circle .txt-box .icon{width:30%;}
	.service-cloud-item .cloud-circle .txt-box .txt{font-size:1.3rem; margin-top:0.5rem;}
	
	.service-cloud-item .cloud-circle.circle01{margin-left:-38%;}
	.service-cloud-item .cloud-circle.circle02{margin-top:-15%; margin-left:-32%;}
	.service-cloud-item .cloud-circle.circle02 .bg-box{margin-top:5.5rem; margin-left:6.5rem;}
	.service-cloud-item .cloud-circle.circle03{margin-left:0%;}
	.service-cloud-item .cloud-circle.circle04{margin-left:32%;}
	.service-cloud-item .cloud-circle.circle04 .bg-box{margin-top:5.5rem; margin-left:-6.5rem;}
	.service-cloud-item .cloud-circle.circle05{margin-left:38%;}

	/* *** 차량번호 인식 기술력 *** */
	/* before-after */
	.solution-vs-item{display: block;}
	.solution-vs-item .bg-item{display: none;}
	.solution-vs-item .before-item{width:100%; border-radius:2rem;}
	.solution-vs-item .before-item .con-box{padding:2.5rem var(--area-padding);}
	.solution-vs-item .after-item{width:100%; border-radius:2rem;}
	.solution-vs-item .after-item:before{border-radius:2rem;}
	.solution-vs-item .after-item .con-box{padding:2.5rem var(--area-padding);}
	.solution-vs-item .vs-icon{position: relative; display: inline-block; margin:3rem auto; transform: translateX(-50%); left: 50%; top:auto;}

	.solution-vs-item .after-item .con-box.con-style01{display: block;}
	.solution-vs-item .after-item .con-box.con-style01 .txt-list{width:100%;}
	.solution-vs-item .after-item .con-box.con-style01 .img-box{display: flex; width:100%; margin-top:3rem;}
	.solution-vs-item .after-item .con-box.con-style01 .img-box .img{width:50%;}

	/* *** 차량번호 인식 기술력 *** */
	.service-pay-wrap .list-item{width:100%;}

	/* *** 주차관제 시스템별 구성 *** */
	.service-system-wrap .list-item{width:100%;}
	.service-system-wrap .list-item:nth-child(3){margin-bottom:8rem;}
	.service-system-wrap .list-item .txt-box dl dt{margin-top:0.4rem;}
	.service-system-wrap .list-item .txt-box dl dd{width:calc(100% - 5rem);}
	.service-system-wrap .list-item .txt-box dl dd .tit{font-size:3.4rem;}
}
@media all and (max-width:640px){
	/* *** 시스템 소개 *** */
	.service-intro-wrap .top-box{margin-bottom:10vw;}
	/* cloud 도식화 */
	.service-cloud-item .cloud-circle .bg-box{display: none;}
}


/* ************* Solution :: AI 재차카운트 ************* */
@media all and (max-width:800px){
	.recount-intro-item{display: block;}
	.recount-intro-item .left-box{width:100%;}
	.recount-intro-item .right-box{width:100%; text-align:center; margin-top:18rem;}
	.recount-intro-item .right-box .img:before{top:auto; right:auto; bottom:100%; left:50%; transform:translate(-50%, -100%) rotate(90deg); }

	.solution-vs-item .after-item .con-box.con-style02 .style-tbl-list .list-item .inner-tit{padding-left:2rem;}
}
@media all and (max-width:640px){
	.recount-intro-item .left-box{display: block;}
	.recount-intro-item .left-box .inner-item{width:100%; margin-bottom:3rem; max-width:none;}
	.recount-intro-item .left-box .inner-item .dot:after{display: none;}
	.recount-intro-item .left-box .inner-plus-txt{width:100%; text-align:center; padding-top:0.5rem;}
}


/* ************* Solution :: AI 루프리스 ************* */
@media all and (max-width:1280px){
	.service-pay-wrap.loopless-benefit-wrap .list-item{padding:3rem 2rem;}
}
@media all and (max-width:800px){
	.service-pay-wrap.loopless-benefit-wrap{margin-bottom:2rem;}
	.service-pay-wrap.loopless-benefit-wrap .list-item{width:100%; margin-bottom:2rem; min-height:auto;}
}


/* ******************** 주차유도 리뉴얼 2024-06-14 MJ ******************** */
@media all and (max-width:1280px){
	.guidance-top-con .list-item .inner-box dl{bottom:2rem; left:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem);}

	.guidance-white-box{padding:6rem 4rem 4rem}
	.guidance-white-box .img-box{justify-content: center}
}
@media all and (max-width:800px){
	.sub-page .cm-con-tit-big{font-size:2.6rem;}
	.guidance-top-con{flex-direction:column; align-items:center;}
	.guidance-top-con .list-item{width:100%; max-width:300px; margin-bottom:1rem;}
	.guidance-system-con{padding-bottom:8rem;}

	.guidance-ai-con .inner-guidance-box{margin-top:6rem;}
	.guidance-white-box{padding:4rem;}
	.guidance-white-box .img-box{display: block; margin:0;}
	.guidance-white-box .img-box span{display: block; margin:2rem 0rem;}

	.guidance-twin-box{display: block;}
	.guidance-twin-box .guidance-white-box{width:100%; margin-bottom:2rem;}

	.guidance-wave-con{padding-bottom:8rem;}
}

/* ******************** 
* AI 루프리스 재차카운트 리뉴얼 2024-09-04 MJ
******************** */
@media all and (max-width:800px){
	.recount-tit{font-size:2.4rem;}
	.recount-txt{font-size:1.6rem;}

	.recount-con{margin-bottom:10rem;}
	/* 상단 */
	.recount-intro-gray{padding:5rem 0; margin-bottom:10rem;}
	.recount-intro-img-box{margin-top:4rem;}
	/* 비교 */
	.solution-vs-item.blue .after-item .tit-box .tit{font-size:1.9rem;}
	.recount-con .solution-vs-item .vs-icon span{transform: rotate(90deg);}
	/* 이렇게 이루어지고 있어요 */
	.recount-how-box{display: block; margin-top:5rem;}
	.recount-how-box .left-box{display: block; width:100%; margin-bottom:7rem;}
	.recount-how-box .left-box .inner-box{width:100%; margin-bottom:5rem;}
	.recount-how-box .left-box .inner-box:before{top: auto; right: 50%; bottom: -3rem; transform: translateX(50%) rotate(90deg);}
	.recount-how-item:before{top: auto; right: 50%; bottom: -3rem; transform: translateX(50%) rotate(90deg);}
	.recount-how-box .right-box{width:100%;}
	/* 구분 */
	.recount-sort-box{display: block;}
	.recount-sort-box .sort-item{width:100%; margin-bottom:2rem;}
	.recount-sort-box .sort-item:last-child{margin-bottom:0;}
	.recount-sort-box .sort-item .txt{font-size:1.6rem; margin-top:1rem;}
	/* 앱 */
	.recount-app-box{margin-top:8rem;}
	.recount-app-box .recount-app-item{height:20rem;}
	.recount-app-box .recount-app-item .bg-txt{font-size:6rem;}
	.recount-app-box .recount-app-item .img-box > img{width:100%;}
	.recount-app-box .recount-app-item .img-box .plus-img{width:12rem; bottom:40%; margin-left:65%;}
	.recount-app-box .recount-app-item .img-box .plus-img img{width:100%;}
	.recount-app-box .txt{font-size:1.6rem;}
}
@media all and (max-width:480px){
	.recount-app-box .recount-app-item .bg-txt{font-size:4rem;}
	.recount-app-box .recount-app-item .img-box .plus-img{width:8rem; bottom:40%; margin-left:65%;}
}


/* ******************** 
* 주차시스템 설계 2025-06-10 MJ
******************** */
@media all and (max-width:800px){
	.cm-gray-box{padding:5rem 0; margin:5rem 0;}
	.cm-sub-content{margin-bottom:6rem;}
	.cm-sub-tit{font-size:2.8rem}
	.parking-system-page .service-top-txt{font-size:2.4rem;}
	.parking-system-page .cm-sub-txt{font-size:1.35rem; margin-bottom:1rem;}

	/* 주차 설계, 어디서부터 시작할지 막막하셨나요?! */
	.system-reason-box{margin-top:4rem;}
	.system-reason-box .reason-tit{font-size:2.6rem; margin-bottom:2.8rem;}
	.system-reason-box .reason-tit b:before{height:0.6rem; }
	.system-reason-box .reason-list .list-item{width:calc(50% - 2.8rem);}
	.system-reason-box .reason-list .list-item .icon{margin-bottom:3rem; display: block; width:2rem;}
	.system-reason-box .reason-list .list-item .icon img{width:100%;}
	.system-reason-box .reason-list .list-item .txt{font-size:1.5rem;}
	
	/* 아이파킹 무료 설계지원 서비스 안내 */
	.system-info-box{margin:4rem 0 0;}
	.system-info-box .inner-box{padding:1.5rem 2rem; width:100%; margin:0 0 1.5rem;}
	.system-info-box .inner-box:last-child{margin-bottom:0;}
	.system-info-box .inner-box .tit-box .icon{display: block; height:2.4rem}
	.system-info-box .inner-box .tit-box .icon img{height:100%;}
	.system-info-box .inner-box .tit-box .tit{font-size:1.6rem; margin-left:0.7rem;}

	.info-con-style01{margin:2rem -1.5rem 0;}
	.info-con-style01 .info-item .num{width:1.6rem; height:1.6rem; font-size:1rem; line-height:1.6rem;}
	.info-con-style01 .info-item .txt{font-size:1.3rem; padding:0 0.5rem;}

	.info-con-style02 .info-txt{padding-left:1.5rem; font-size:1.35rem;}
	.info-con-style02 .info-txt:before{font-size:1.35rem;}

	/* 아이파킹 주차시스템 설계, 지금 문의하시면, 무상 설계지원! */
	.system-support-box{margin-top:7rem; padding:6rem 1rem 3rem; border-radius:2rem;}
	.system-support-box .support-tit{border-radius:0.8rem; width:16rem; height:4rem; font-size:1.5rem;}
	.system-support-list{display: block;}
	.system-support-list .list-item{width:100%; display: flex;}
	.system-support-list .list-item .top-box{width:35%; padding-right:0.5rem; box-sizing:border-box;}
	.system-support-list .list-item .top-box .icon{width:7rem; height:7rem;}
	.system-support-list .list-item .top-box .icon img{max-height:60%;}
	.system-support-list .list-item .top-box dl{min-height:12rem;}
	.system-support-list .list-item .top-box dl dt{font-size:1.8rem;}
	.system-support-list .list-item .top-box dl dd{font-size:1.4rem; margin-top:0.5rem;}

	.system-support-list .list-item .bottom-box{display: flex; flex-direction:column; justify-content: flex-start; width:65%; transform:translateX(0) !important; padding-left:3rem; padding-top:2rem;}
	.system-support-list .list-item .bottom-box .num{font-size:2.8rem;}
	.system-support-list .list-item .bottom-box .num:before{top:1.5rem; left:-2rem; width:5px; height:22rem;}
	.system-support-list .list-item .bottom-box .num:after{top: 0.8rem; left: -2.3rem; width:1.1rem; height:1.1rem;}
	.system-support-list .list-item .bottom-box .bottom-tit{font-size:1.5rem; min-height:auto;}
	.system-support-list .list-item .bottom-box .bottom-txt-list{margin-top:1rem;}
	.system-support-list .list-item .bottom-box .bottom-txt-list .bottom-txt{font-size:1.3rem;}

	/* 설계 성공 사례 */
	.system-case-tit{display: block;}
	.system-case-tit .case-tit{font-size:2.4rem;}
	.system-case-tit .case-txt{font-size:1.4rem; margin-left:0rem; margin-top:1rem;}

	.system-case-list{margin:-1rem}
	.system-case-list .list-item{width:calc(100% - 2rem); margin: 1rem;}
	.system-case-list .list-item .img-box{border-radius:2rem;}
	.system-case-list .list-item .txt-box{margin-top:1rem;}
	.system-case-list .list-item .txt-box .tit{font-size:1.8rem;}
	.system-case-list .list-item .txt-box .txt{font-size:1.3rem; margin-top:0.5rem;}

	.system-case-banner{height:auto; min-height:6rem; padding:1rem; border-radius:0.6rem; margin:2rem 0 5rem; width:100%;}
	.system-case-banner p{font-size:1.8rem; }

	.system-case-partner{border-radius:1.5rem; padding:2rem 1.5rem; }
	.system-case-partner .list-item{width:33.33%; margin:0.5rem 0}

	
	/* 시스템 슬라이드이미지 */
	.system-slide-list{width:calc(100% - 4rem);}
	.system-slide-list .txt-box{}
	.system-slide-list .txt-box .cm-con-tit{font-size:2rem;}
	.system-slide-list .txt-box .cm-con-tit > span{margin-right:1rem;}
	.system-slide-list .txt-box .txt-list{margin-top:1.5rem;}
	.system-slide-list .txt-box .txt-list .txt{padding-left:1.6rem; font-size:1.1rem;}
	.system-slide-list .txt-box .txt-list .txt:before{font-size:1.4rem;}
	.system-slide-list .slide-bottom-box{margin-top:2rem;}
	.system-slide-list .slide-bottom-box .bottom-txt{padding:1rem; border-radius:0.8rem; font-size:1.5rem;}

	.parking-system-slide-wrap{border-radius:0.8rem;}
	.parking-system-slide{padding:1rem 1rem 3rem;}
	.parking-system-slide.wide{padding:1rem 0 3rem;}

	.parking-system-slide .slick-arrow{width:3.5rem; height:3.5rem; font-size:1.2rem;}

	.parking-system-slide .slick-dots{bottom:1.5rem;}
	.parking-system-slide .slick-dots li{width:3rem; height:4px; margin:0 3px;}

	/* wide */
	.parking-system-slide.wide{padding:1rem 0 3rem;}
	/* tab */
	.system-slide-list .slide-bottom-box .sub-tab-wrapper-style{height:auto; margin-bottom:1.5rem;}
	.system-slide-list .slide-bottom-box .sub-tab-list-style ul li{width:50%; border-width:1px;}
	.system-slide-list .slide-bottom-box .sub-tab-list-style ul li a{height:3.4rem; border-width:1px; font-size:1.2rem;}

	/* 시스템 슬라이드이미지 :: 팝업 */
	.parking-system-pop-box{padding:2rem;}
	.parking-system-pop-box .pop-tit{font-size:2rem;}
	.parking-system-pop-box .img-box{margin-top:2rem;}
	
	/* 하단 */
	.parking-system-bottom-con .tit{font-size:3rem;}
	.parking-system-bottom-con .tit br{display: none;}

	.parking-system-bottom-list{display: block; margin-top:4rem; padding-bottom:3rem;}
	.parking-system-bottom-list a{margin:1rem 0; width:100%; height:7rem; padding:2rem; border-radius:1rem;}
	.parking-system-bottom-list a .icon{display: block; height:2rem;}
	.parking-system-bottom-list a .icon img{height:100%;}
	.parking-system-bottom-list a .txt{font-size:1.7rem;}
}