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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:6rem; margin-bottom:4rem; }
.sub-tab-list-style ul{display:flex; justify-content:space-between; width:100%; height:100%; }
.sub-tab-list-style ul li{display:block; vertical-align:middle; position:relative; width:24.2%; background-color:#f5f5f5; border:0.3rem solid #ddd; border-radius:5rem; box-sizing:border-box;}
.sub-tab-list-style ul li a{display:table; height:5.4rem; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:2rem; letter-spacing:-0.048em; text-align:center; font-family: var(--font-family2);}
.sub-tab-list-style ul li.selected{z-index:1; background-color:var(--main-color); border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* -------- 공통 페이징  -------- */
.sub-page .paging{align-items: center; padding-top: 7px;}
.sub-page .paging-style03 a{display: flex; align-items: center; justify-content: center; width:auto; padding:0 7px 0;}
.sub-page .paging-style03 a.paging-arrow {margin-top: 3px;}
.sub-page .paging-style03 a.cur{width: 40px; height: 40px; background-color:#f04137; color:#fff; box-sizing: border-box; border-radius: 50%;}
.sub-page .paging-style03 a.cur:after {display: none;}

/* -------- 공통 :: 원형 탭 -------- */
.sub-page .bbs-top-list-box .board-search-box {width: 400px;}
.sub-page .search-style-radius .board-search-inner {background-color: #fff; border: 2px solid #eee; height: 60px;}
.sub-page .search-style-radius .board-custom-select-box .custom-select-trigger {padding-left: 3.8rem; padding-right: 0; font-size: 18px; color: #222; font-weight: 500;}
.sub-page .board-search-box .bbs-search-btn {padding-right: 3.8rem;}
.sub-page .custom-select-trigger:after {right: 8px;}
.sub-page .board-search-box .board-custom-select-box {width: 115px;}
.sub-page .board-search-box .board-custom-select-box + .search-word {width: calc(100% - 172px);}
.sub-page .board-search-box .board-custom-select-box + .search-word::placeholder {font-size: 18px; font-weight: 500; color: rgba(34, 34, 34, 0.3); letter-spacing: -0.54px;}
.sub-page .total-list-con {font-size: 18px;}
.sub-page .total-list-con b {color: #f04137;}

/* -------- 공통 :: 타이틀-------- */
.sub-page .cm-con-tit {display: flex; align-items: center; font-size: 3.8rem; font-weight: 400; letter-spacing: -1.14px; line-height: 1.4em; color: #222;}
.sub-page .cm-con-tit > span {position: relative; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; width: 38px; height: 33px; background-color: #888; color: #fff; letter-spacing: 0; line-height: 1.2em; border-radius: 5px; margin-right: 2.7rem;}
.sub-page .cm-con-tit > span::before {position: absolute; right: -7px; content: ""; border-top: 15px solid transparent; border-left: 8px solid #888; border-bottom: 15px solid transparent;}
.sub-page .cm-con-tit > em {color: #f04137; padding-left: 1.4rem;}
.sub-page .solution-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 3.3rem;}
.sub-page .cm-top-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: #222; padding: 2rem 0 0 6.5rem;}
.sub-page .service-st {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: #222; padding-left: 10rem;}
.sub-page .cm-con-tit-big{font-size:4.6rem; line-height:1.3; letter-spacing:-0.03em; color:#222; font-weight:400;}

/* ******************  i PARKING ********************** */

/***** 브랜드 스토리 *****/
.brand-page {padding-bottom: 20rem;}
.brand-page .brand-down-con {display: flex; align-items: center; justify-content: space-between;}
.brand-down-con .down-txt-box {width: 72.581%;}
.brand-down-con .down-txt-box .brand-down-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 2.4rem;}
.brand-down-con .down-txt-box .brand-down-st {display: inline-block; font-size: 4rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.8px; color: #222; padding-bottom: 3.3rem;}
.brand-down-con .down-txt-box .brand-down-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.36px; color: #888; padding-bottom: 1.2rem;}
.brand-down-con .down-txt-box .down-btn {width: 32rem; height: 8rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border: 2px solid #f04137; border-radius: 40px; font-size: 2rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.6px; color: #F04137; padding: 0 3.8rem; transition: all 0.3s; margin-top: 6.3rem;}
.brand-down-con .down-txt-box .down-btn i {font-size: 2.4rem;}
.brand-down-con .down-txt-box .down-btn:hover {background-color: #F04137; color: #fff;}

.down-circle-box {width: 27.42%;}
.down-circle-box .down-circle {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%;}
.down-circle-box .down-circle:first-child {background-color: #f04137;}
.down-circle-box .down-circle:last-child {opacity: 1; bottom: 7rem;  background-color: #fff; box-shadow: 0px 0px 50px #0000000F; z-index: 2;}
.down-circle-box .down-circle:last-child::before {position: absolute; content: "\eb3b"; font-family: "xeicon"; font-size: 4.8rem; top: 5px; left: 50%; transform: translateX(-50%); color: #fff;}
.down-circle-box .down-circle:last-child::after {position: absolute; content:''; width:100%; height:100%; /* background:#fff; */ border-radius:50%; top:0; left:0; backdrop-filter: blur(100px); z-index: -1;}
.down-circle-box .down-circle .txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.down-circle-box .down-circle .txt-box .circle-tit {font-size: 5rem; font-weight: 700; letter-spacing: -0.1px; line-height: 1.2em; color: #fff;}
.down-circle-box .down-circle .txt-box .circle-txt {display: inline-block; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 1.2em; color: #fff; margin-top: 0.5rem;}
.down-circle-box .down-circle:last-child .txt-box .circle-tit, .down-circle-box .down-circle:last-child .txt-box .circle-txt {color: #f04137;}

.brand-active-con {position: relative; width: 100%; height: 0; padding-top: 46.512%; background: 100% 87% / cover no-repeat url("/web-static-images/content/brand_active_img.jpg"); border-radius: 40px; box-shadow: 0px 0px 60px #0000000F; margin-top: 10.5rem;}
.brand-active-con::before {position: absolute; width: 65rem; height: 0; padding-top: 6.628%; bottom: 14rem; right: 20rem; content: ""; background: center / cover no-repeat url("/web-static-images/content/brand_active_img_txt.png"); opacity: 0.4;}
.brand-active-con .active-item-box {width: 100%; transform: translateY(-10rem); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 0 2.4rem;}
.brand-active-con .active-item-box .active-item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 20rem; box-shadow: 0px 0px 20px #00000014; border-radius: 20px; text-align: center; background-color: rgba(255, 255, 255, 0.8); transition: all 0.3s; z-index: 2;}
.brand-active-con .active-item-box .active-item::before {position: absolute; content:''; width:100%; height:100%; /* background:#fff; */ top:0; left:0; backdrop-filter: blur(80px); border-radius: 19px; z-index: -1; opacity: 1; transition: all 0.3s;}
.brand-active-con .active-item-box .active-item .img {min-height: 5rem; max-height: 5rem; padding-bottom: 3.5rem;}
.brand-active-con .active-item-box .active-item .img img {transition: all 0.3s;}
.brand-active-con .active-item-box .active-item .txt > h5 {font-size: 2rem; font-weight: 500; letter-spacing: -0.4px; line-height: 1.2em; color: #222; padding-bottom: 0.5rem; transition: all 0.3s;}
.brand-active-con .active-item-box .active-item .txt > span {font-size: 1.2rem; font-weight: 500; line-height: 2em; color: #888; transition: all 0.3s;}
/* .brand-active-con .active-item-box .active-item.active {background-color: #f04137;} */
.brand-active-con .active-item-box .active-item.active::before {background-color: #f04137;}
.brand-active-con .active-item-box .active-item.active .img img {filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(333deg) brightness(150%) contrast(150%);}
.brand-active-con .active-item-box .active-item.active .txt > h5, .brand-active-con .active-item-box .active-item.active .txt > span {color: #fff;}
/* .brand-active-con.animated .active-item-box {opacity: 1;}
.brand-active-con.animated .active-item {transform: translate3d(0, 0, 0);}
.brand-active-con.animated .active-item:nth-child(2) {transition-delay: 0.2s;}
.brand-active-con.animated .active-item:nth-child(3) {transition-delay: 0.4s;}
.brand-active-con.animated .active-item:nth-child(4) {transition-delay: 0.6s;}
.brand-active-con.animated .active-item:nth-child(5) {transition-delay: 0.8s;}
.brand-active-con.animated .active-item:last-child {transition-delay: 1s;} */

/* .brand-active-con .active-item-box .active-item:hover {background-color: #f04137;} */
.brand-active-con .active-item-box .active-item:hover::before {background-color: #f04137;}
.brand-active-con .active-item-box .active-item:hover .img img {filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(333deg) brightness(150%) contrast(150%);}
.brand-active-con .active-item-box .active-item:hover .txt > h5, .brand-active-con .active-item-box .active-item:hover .txt > span {color: #fff;}

/***** 브랜드 vision *****/
.brand-vision-con {margin-top: 14rem; padding-top: 10rem;}
.brand-vision-con .vision-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 2.5rem;}
.brand-vision-con .vision-st {font-size: 3rem; font-weight: 500; letter-spacing: -0.6px; line-height: 1.3em; color: #222;}

/***** 브랜드 bi *****/
.brand-bi-con {margin-top: 12rem; padding-top: 10rem;}
.brand-bi-con img {max-width: 100%;}
.brand-bi-con .brand-bi-wrap.flexBox {display: flex; align-item: center;}
.brand-bi-con .brand-bi-wrap.flexBox .bi-item-con:first-child {width: 60.607%; margin-right: 4rem;}
.brand-bi-con .brand-bi-wrap.flexBox .bi-item-con:last-child {width: 36.364%;}
.brand-bi-con .bi-item-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 2.5rem;}
.brand-bi-con .item-tit-box {display: flex; align-items: center;}
.brand-bi-con .item-tit-box > .bi-list-tit {width: 50%;}
.brand-bi-con .bi-list-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #222; border-bottom: 1px solid #000; padding-bottom: 0.6rem;}
.brand-bi-con .item-img-box {padding: 2rem 0 4rem 0;}
.brand-bi-con .item-img-box.flexBox {display: flex; align-items: center; padding-top: 4rem;}
.brand-bi-con .item-img-box.paddingMax {padding: 11rem 0 13rem 0;}
.brand-bi-con .item-img-box.between {justify-content: space-between;}
.brand-bi-con .item-img-box .img {box-sizing: border-box; padding: 0 1rem;}
.brand-bi-con .bi-item-list .item-img-box.flexBox .img {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%;}
.brand-bi-con .bi-item-list .item-img-box .img.flexBox {display: flex; align-items: center; justify-content: center;}
.brand-bi-con .bi-item-list .item-img-box .img.border {border: 1px solid #ddd; height: 14rem;}
.brand-bi-con .bi-item-list .item-img-box .img.border.red {background-color: #d60812; border-color: #d60812;}
.brand-bi-con .bi-item-list .item-img-box .img.border.black {background-color: #000; border-color: #000;}
.brand-bi-con .bi-item-list .item-img-box .img.flexBox .img-tit {display: block; width: 100%; font-size: 1.5rem; font-weight: 700; line-height: 1.5em; color: #222;}
.brand-bi-con .bi-item-list .item-img-box .img.flexBox .img-inner {min-height: 10rem; display: flex; align-items: center; justify-content: center; padding-top: 5rem;}

.brand-bi-con .brand-bi-wrap.blockBox {margin-top: 4rem;}
.brand-bi-con .brand-bi-wrap.blockBox .bi-item-tit {border-bottom: 1px solid #000; padding-bottom: 0.6rem;}

/* ****************** 솔루션 ********************** */

/*** 공통 설치 슬라이드 ***/
.apply-slide-con {position: relative;}
.apply-slide-con .slide-item .item-inner {display: flex; margin-top: 5rem;}
.apply-slide-con .slide-img-box {border-radius: 20px; overflow: hidden;}
.apply-slide-con .slide-img-box img {max-width: 100%;}
.apply-slide-con .slide-img-box {width: 65.323%;}
.apply-slide-con .slide-txt-box {margin-left: 8rem; width: calc(34.517% - 8rem);}
.apply-slide-con .slide-txt-box .slide-num {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.72px; line-height: 1.2em; color: #f04137;}
.apply-slide-con .slide-txt-box .slide-tit {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.72px; line-height: 1.2em; color: #222; padding-top: 1.5rem;}
.apply-slide-con .slide-txt-box .slide-des {margin-top: 5rem;}
.apply-slide-con .slide-txt-box .slide-st {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; line-height: 1.3em; color: rgba(34, 34, 34, 0.8); padding-bottom: 0.5rem;}
.apply-slide-con .slide-txt-box .slide-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 2em; color: rgba(70, 70, 70, 0.8);}
.apply-slide-con .slide-txt-box .slide-txt img{max-width:100%;}
.apply-slide-con .slide-btn {display: flex; position: absolute; right: 0; bottom: 3.7rem;}
.apply-slide-con .slide-btn button {width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; border: 1px solid #eee; border-radius: 50%; background-color: #fff;}
.apply-slide-con .slide-btn .slide-prev {margin-right: 1.4rem;}
.apply-slide-con .slide-btn button i {font-size: 2.4rem; color: #222;}

.apply-slide-con .slick-dots {position: absolute; display: flex; right: 0; bottom: 0;}
.apply-slide-con .slick-dots li {margin-right: 1.2rem;}
.apply-slide-con .slick-dots li:last-child {margin-right: 0;}
.apply-slide-con .slick-dots button {width: 6rem; height: 0.5rem; background-color: #eee;}
.apply-slide-con .slick-dots li.slick-active button {background-color: #f04137;}

/***** 주차관제 :: 솔루션 소개 *****/
/* .system-wrap:nth-child(2) {margin-top: 16rem;}
.system-wrap:nth-child(3) {margin-top: 19.5rem;}
.system-wrap:nth-child(4) {margin-top: 16.5rem;}
.system-wrap:nth-child(5) {margin-top: 20rem;} */
.system-wrap{margin-top:10rem;}
.system-wrap .tit-box {display: flex;}
.sub-page .service-st.paddingMin {padding-left: 5rem;}

.move-line-wrap02 {position:absolute; max-width:var(--area-width); width:100%; margin:0 auto; top:0; left:0}
.nav-on-icon02.main-move-line02 {/*width:650px; height:2px; */position:absolute; left:0px; top:1rem; z-index:1; /*width:100px; */height: 7rem; width:100%}
.nav-on-icon02.main-move-line02 > span {display: flex; align-items: center; justify-content: center; left: -8rem; width: 100% !important; height: 100%; background-color:var(--main-color); position:absolute; top:0; text-align:center; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; border-radius:var(--sub-menu-height);}

/*** 시스템 ***/
.system-page .service-slide-wrap {position: relative; max-width: 84.375%; margin: 6.6rem auto 0 auto;}
.system-page .service-slide-wrap .shape-txt {position: absolute; top: 3.7rem; left: 19rem; z-index: 3; font-size: 8rem; font-weight: 700; line-height: 1.5em; color: rgba(34, 34, 34, 0.08); pointer-events: none;}
.system-page .service-slide-wrap .img-con {max-width: none; margin: 0;}
.system-page .service-slide-wrap .img-con img {max-width: 100%;}
.system-page .service-slide-wrap .slide-location-box {width: calc(15.433% + 5.22rem);}
.system-page .service-slide-wrap .slide-img-box {position: relative; width: 65.57%; padding: 11rem 9rem 6rem 0;}
.system-page .service-slide-wrap .slide-img-box::before {width: 48.3rem; left: -48.3rem;}
.system-page .service-slide-wrap .slide-img-box .img-num {position: absolute; display: flex; align-items: center; justify-content: center; width: 3.5rem !important; height: 3.5rem; font-size: 1.4rem; font-weight: 500; color: #fff; border-radius: 50%; z-index: 2; background-color: #222; transition: all 0.5s; cursor: pointer;}
.system-page .service-slide-wrap .slide-img-box .img-num::before {position: absolute; content: ""; width: 6rem; height: 6rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: -1; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.system-page .service-slide-wrap .slide-img-box .img-num::after {position: absolute; content: ""; width: 3.5rem; height: 3.5rem; background-color: #222; z-index: -1; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s;}
.system-page .service-slide-wrap .slide-img-box .img-num.on, .system-page .service-slide-wrap .slide-img-box .img-num.on::after {background-color: #f04137;}
.system-page .service-slide-wrap .img-btn-box {position: absolute; top: 0; width: 100%; height: 100%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num01 {top: 30%; left: 3%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num02 {top: 47%; left: 10%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num03 {top: 26%; left: 18%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num04 {top: 75%; left: 33.5%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num05 {top: 51%; left: 49%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num06 {top: 49%; left: 63%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num07 {top: 29%; left: 71.5%;}
.system-page .service-slide-wrap .slide-img-box .img-num.num08 {top: 35%; left: 82%;}

.system-page .service-slide-wrap.reverseBox .slide-img-box .img-num.num01 {top: 44%; left: 8%;}
.system-page .service-slide-wrap.reverseBox .slide-img-box .img-num.num02 {top: 36%; left: 26%;}
.system-page .service-slide-wrap.reverseBox .slide-img-box .img-num.num03 {top: 53%; left: 43%;}
.system-page .service-slide-wrap.reverseBox .slide-img-box .img-num.num04 {top: 30%; left: 54.5%;}
.system-page .service-slide-wrap.reverseBox .slide-img-box .img-num.num05 {top: 47%; left: 77%;}

.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num01 {top: 19%; left: 2%;}
.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num02 {top: 38%; left: 9%;}
.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num03 {top: 67%; left: 28%;}
.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num04 {top: 20%; left: 49.5%;}
.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num05 {top: 38%; left: 74%;}
.system-page .service-slide-wrap.slideWrap02 .slide-img-box .img-num.num06 {top: 18%; left: 80.5%;}

.system-page .service-slide-wrap.slideWrap03 .slide-img-box .img-num.num01 {top: 17%; left: 2.5%;}
.system-page .service-slide-wrap.slideWrap03 .slide-img-box .img-num.num02 {top: 36.5%; left: 9%;}
.system-page .service-slide-wrap.slideWrap03 .slide-img-box .img-num.num03 {top: 17%; left: 51%;}
.system-page .service-slide-wrap.slideWrap03 .slide-img-box .img-num.num04 {top: 36%; left: 74%;}
.system-page .service-slide-wrap.slideWrap03 .slide-img-box .img-num.num05 {top: 16%; left: 80.5%;}

.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num01 {top: 16.6%; left: 10%;}
.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num02 {top: 38%; left: 20%;}
.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num03 {top: 43%; left: 34.5%;}
.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num04 {top: 37%; left: 64.5%;}
.system-page .service-slide-wrap.slideWrap04 .slide-img-box .img-num.num05 {top: 16.4%; left: 76%;}

/* .system-page .service-slide-wrap .slide-location-box .location-list.on {background-color: #f04137; box-shadow: 15px 15px 20px #D6081233; left: -8rem !important; height: 7rem;} */
/* .system-page .service-slide-wrap .slide-location-box .location-list.on {left: -8rem !important;} */
/* .system-page .service-slide-wrap .slide-location-box .location-list.on button {justify-content: center; position: relative;} */
.system-page .service-slide-wrap .slide-location-box .location-list.on button .button-inner {text-align: center;}
.system-page .service-slide-wrap .slide-location-box .location-list.on button span, .system-page .service-slide-wrap .slide-location-box .location-list.on button p {color: #fff;}
/* .system-page .service-slide-wrap.reverseBox {margin-top: 13rem;} */
.system-page .service-slide-wrap.reverseBox .slide-img-box {background-color: #fff; margin-left: 19rem; width: 74.569%;}
.system-page .service-slide-wrap.reverseBox .slide-img-box::before {right: -69.8rem; top: 3%; left: auto; width: 72rem; height: 92%; border-radius: 20px 0 0 20px;}
.system-page .service-slide-wrap.slideWrap03 {margin-top: 5.2rem;}

.system-machine-con {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 0 8rem; margin-top: 5.5rem;}
.system-machine-con .machine-item {background-color: #fafafa; border-radius: 20px; padding: 3.5rem 6rem; box-sizing: border-box;}
.system-machine-con .machine-item .machine-img-box {display: flex; align-items: center; justify-content: center;}
.system-machine-con .machine-item .machine-img-box .img:first-child {margin-right: 2.6rem;}
.system-machine-con .machine-item .machine-img-box img {max-width: 100%;}
.system-machine-con .machine-item .machine-txt-box {margin-bottom: 3.5rem;}
.system-machine-con .machine-item .machine-txt-box .machine-tit {font-size: 2.4rem; font-weight: 600; line-height: 1.6em; color: #222;}
.system-machine-con .machine-item .machine-txt-box .machine-st {font-size: 1.8rem; font-weight: 400; line-height: 2em; color: rgba(34, 34, 34, 0.8);}

/* 시스템 오버시 텍스트 효과 */
.service-slide-wrap .slide-location-box .location-list button .button-inner .char{
	display: inline-block;
	position: relative;
	visibility: hidden;
	overflow: hidden;
	vertical-align: bottom;
	opacity:1;
}
.service-slide-wrap .slide-location-box .location-list button .button-inner .char:before,
.service-slide-wrap .slide-location-box .location-list button .button-inner .char:after {
	content: attr(data-char);
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
       user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	transition: transform 0.6s cubic-bezier(0.37, 0.03, 0.09, 0.98);
	transition-delay: calc( 0.05s * var(--char-index) );
}
.service-slide-wrap .slide-location-box .location-list button .button-inner .char:after {
	transform: translateY(100%);
}
/*  :: Over */
.service-slide-wrap .slide-location-box .location-list.on button .button-inner .char:before {
	transform: translateY(-100%);
}
.service-slide-wrap .slide-location-box .location-list.on button .button-inner .char:after {
	transform: translateY(0);
}

/*** 오류 없는 완벽한 차량번호 인식 기술 ***/
.solution-gray-container {background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); padding: 12rem 0; margin-top: 12rem;}
.system-tech-con .tit-box {margin-bottom: 1.5rem;}
.system-tech-con .solution-tit {padding-bottom: 2.2rem;}
.system-page .item-list-box {width: 100%; height: 30rem; display: flex; align-items: center;}
.system-page .item-list-box .item-list {width: 32.259%; background-color: #fff; padding: 5rem; border-radius: 20px; transition: all 0.3s; box-sizing: border-box;}
.system-page .item-list-box .item-list {margin-right: 2rem;}
.system-page .item-list-box .item-list:last-child {margin-right: 0;}
.system-page .list-num {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.72px; line-height: 1.2em; color: #f04137; transition: all 0.3s;}
.system-page .list-txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 1.6em; color: #222; padding-top: 1.7rem; transition: all 0.3s;}
.system-page .item-list-box .item-list.active {box-shadow: 30px 40px 40px #1C00000D;}
.system-page .item-list-box .item-list.active .list-num {font-size: 4.8rem; letter-spacing: -0.96px;}
.system-page .item-list-box .item-list.active .list-txt {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.44px; padding-top: 3.3rem; color: #f04137;}

/*** 타사 시스템과의 비교 ***/
.solution-compare-con {margin-top: 10rem;}
.solution-compare-con .compare-list-box {display: flex; align-items: center; grid-gap: 0 8rem; margin-top: 2rem;}
.solution-compare-con .compare-list-box .compare-list {display: flex; align-items: center; position: relative; width: calc(50% - 4rem) ; border-radius: 20px; padding: 3.5rem 7rem; box-sizing: border-box;}
.solution-compare-con .compare-list-box .compare-list:first-child {background-color: rgba(255, 255, 255, 0.7);}
.solution-compare-con .compare-list-box .compare-list:first-child::before {position: absolute; right: -6.05rem; top: 50%; transform: translateY(-50%); content: ""; background: center / cover no-repeat url("/web-static-images/content/compare_circle_img.png"); width: 4.1rem; height: 1.2rem;}
.solution-compare-con .compare-list-box .compare-list:last-child {background-color: #fff; box-shadow: -20px 0px 20px #1C000008; padding: 5.1rem 5.2rem;}
.solution-compare-con .compare-list-box .compare-list .list-tit-box {margin-right: 7rem;}
.solution-compare-con .compare-list-box .compare-list:last-child .list-tit-box {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 4rem;}
.solution-compare-con .compare-list-box .compare-list .list-tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.64px; line-height: 1.3em; letter-spacing: -0.36px; color: #222;}
.solution-compare-con .compare-list-box .compare-list .list-txt {position: relative; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.32px; line-height: 2em; letter-spacing: -0.36px; color: rgba(70, 70, 70, 0.8); padding-left: 2.5rem;}
.solution-compare-con .compare-list-box .compare-list .list-txt::before {position: absolute; left: 0; content: "\e929"; font-family: "xeicon"; font-size: 1.6rem; color: rgba(70, 70, 70, 0.4);}
.solution-compare-con .compare-list-box .compare-list.accent .list-tit {font-size: 3.2rem; font-weight: 400; letter-spacing: -0.96px; color: #f04137; padding-top: 2rem;}
.solution-compare-con .compare-list-box .compare-list.accent .list-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 2.2em; color: #f04137;}
.solution-compare-con .compare-list-box .compare-list.accent .list-txt::before {color: #f04137;}

.solution-compare-con .compare-patent-box {display: flex; align-items: center; margin-top: 10rem;}
.solution-compare-con .compare-patent-box .patent-item {display: flex; justify-content: space-between; width: 50%;}
.solution-compare-con .compare-patent-box .patent-item:first-child {border-right: 1px solid #ddd; padding-right: 8rem;}
.solution-compare-con .compare-patent-box .patent-item:last-child {padding-left: 8rem;}
.solution-compare-con .compare-patent-box .patent-item .patent-img-box img {max-width: 100%;}
.solution-compare-con .compare-patent-box .patent-item .patent-txt-box {margin-right: 9.6rem;}
.solution-compare-con .compare-patent-box .patent-item .patent-item-tit {font-size: 2.8rem; font-weight: 700; letter-spacing: -0.56px; line-height: 1.3em; color: #222;}
.solution-compare-con .compare-patent-box .patent-item .patent-item-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: rgba(34, 34, 34, 0.8);}
.solution-compare-con .compare-patent-box .patent-item .patent-item-num {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.36px; line-height: 1.6em; color: rgba(34, 34, 34, 0.8);}

/*** 차세대 클라우드 솔루션 적용 ***/
.system-cloud-con {margin-top: 15rem;}
.system-cloud-con .item-list-box {height: 26rem; margin-top: 5.4rem; margin-bottom: 5rem;}
.system-cloud-con .item-list-box .item-list.active {box-shadow: 30px 30px 30px #1C00000D;}
.system-cloud-con .item-list-box02 {position: relative;}
.system-cloud-con .item-list-box .item-list {width: 25%; margin-right: 2.668rem;}
.system-cloud-con .cloud-db-con {display: flex; align-items: flex-end; justify-content: center; position: relative; top: 3rem; height: 69.5rem; max-width: 1085px; margin: 4.3rem auto 0 auto;}
.system-cloud-con .cloud-db-con .db-img-box {text-align: center;}
.system-cloud-con .cloud-db-con .img-tit-box {margin-top: 5rem;}
.system-cloud-con .cloud-db-con .img-tit-box .img-tit {font-size: 6rem; font-weight: 600; letter-spacing: -1.2px; line-height: 1em; color: #222;}
.system-cloud-con .cloud-db-con .img-tit-box .img-txt {font-size: 2rem; font-weight: 500; letter-spacing: -1.2px; line-height: 2em; color: rgba(34, 34, 34, 0.5);}
.system-cloud-con .cloud-db-con .db-circle {display: flex; align-items: center; justify-content: center; position: absolute; width: 20.507%; height: 0; padding-top: 20.507%; background-color: #fff; border-radius: 50%; transition: all 0.5s;}
.system-cloud-con .cloud-db-con .db-circle::before {position: absolute; content: ""; width: 1.3rem; height: 3.1rem; background: center / cover no-repeat url("/web-static-images/content/system_cloud_dot.png"); transition: all 0.5s;}
.system-cloud-con .cloud-db-con .db-circle .circle-inner {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.system-cloud-con .cloud-db-con .db-circle .bg-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 22.5rem; height: 22.5rem; opacity: 0; transition: all 0.5s;}
.system-cloud-con .cloud-db-con .db-circle .circle-inner .txt {position: relative; z-index: 3;}
.system-cloud-con .cloud-db-con .db-circle.circle02 .circle-inner .circle-icon {filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(297deg) brightness(0%) contrast(104%); transition: all 0.5s;}
.system-cloud-con .cloud-db-con .db-circle .circle-inner .txt > span {display: inline-block; font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 2em; color: rgba(0, 0, 0, 0.8); padding-top: 2.2rem; transition: all 0.5s;}
.system-cloud-con .cloud-db-con .db-circle.circle01 {bottom: 3rem; left: 0;}
.system-cloud-con .cloud-db-con .db-circle.circle01::before {top: 50%; transform: translateY(-50%) rotateZ(272deg); right: -3.6rem;}
.system-cloud-con .cloud-db-con .db-circle.circle02 {top: 11rem; left: 11.8rem;}
.system-cloud-con .cloud-db-con .db-circle.circle02::before {bottom: 0; right: 0; transform: rotateZ(-45deg);}
.system-cloud-con .cloud-db-con .db-circle.circle03 {top: 0; left: 50%; transform: translateX(-50%);}
.system-cloud-con .cloud-db-con .db-circle.circle03::before {bottom: -4.5rem; left: 50%; transform: translateX(-50%) rotateZ(2deg);}
.system-cloud-con .cloud-db-con .db-circle.circle04 {top: 11rem; right: 11.8rem;}
.system-cloud-con .cloud-db-con .db-circle.circle04::before {bottom: 0; left: 0; transform: rotateZ(45deg);}
.system-cloud-con .cloud-db-con .db-circle.circle05 {bottom: 3rem; right: 0;}
.system-cloud-con .cloud-db-con .db-circle.circle05::before {top: 50%; transform: translateY(-50%) rotateZ(90deg); left: -3.6rem;}
.system-cloud-con .cloud-db-con .db-circle.active .bg-box {opacity: 1;}
.system-cloud-con .cloud-db-con .db-circle.active::before {opacity: 0;}
.system-cloud-con .cloud-db-con .db-circle.active .circle-inner .txt > span {color: #fff;}
.system-cloud-con .cloud-db-con .db-circle.active .circle-inner .circle-icon {filter: invert(98%) sepia(100%) saturate(7%) hue-rotate(163deg) brightness(103%) contrast(103%);}
.system-cloud-con .cloud-db-con .db-circle.circle02.active .circle-inner .circle-icon {filter: none;}
/* .system-cloud-con .cloud-db-con .db-circle::after {position: absolute; content: ""; background: center / cover no-repeat url("/web-static-images/content/system_cloud_reddot.png"); width: 4.1rem; height: 3.8rem; opacity: 0;} */
/* .system-cloud-con .cloud-db-con .db-circle.active::after {opacity: 1;}
.system-cloud-con .cloud-db-con .db-circle.active::before {opacity: 1;} */
/* .system-cloud-con .cloud-db-con .db-circle.circle01.active::after {top: 50%; transform: translateY(-50%) rotateZ(317deg); right: -3.8rem;}
.system-cloud-con .cloud-db-con .db-circle.circle02.active::after {bottom: 0; right: 0; transform: rotateZ(358deg);}
.system-cloud-con .cloud-db-con .db-circle.circle03.active::after {bottom: -3.6rem; left: 50%; transform: translateX(-50%) rotateZ(45deg);}
.system-cloud-con .cloud-db-con .db-circle.circle04.active::after {bottom: 0; left: 0; transform: rotateZ(95deg);}
.system-cloud-con .cloud-db-con .db-circle.circle05.active::after {top: 50%; transform: translateY(-50%) rotateZ(136deg); left: -3.8rem;} */
.system-cloud-con .cloud-db-con .db-circle.circle01 .bg-box {transform: translate(-50%, -50%) rotate(316deg);}
.system-cloud-con .cloud-db-con .db-circle.circle02 .bg-box {transform: translate(-50%, -50%) rotate(359deg);}
.system-cloud-con .cloud-db-con .db-circle.circle03 .bg-box {transform: translate(-50%, -50%) rotate(46deg);}
.system-cloud-con .cloud-db-con .db-circle.circle04 .bg-box {transform: translate(-50%, -50%) rotate(93deg);}
.system-cloud-con .cloud-db-con .db-circle.circle05 .bg-box {transform: translate(-50%, -50%) rotate(136deg);}

/*** 다양한 비대면 자동 결제 도입 & 플랩 시스템 도입 추천 주차장 ***/
.solution-reverse-con {margin-top: 14rem;}
.solution-reverse-con .reverse-item-box {margin-top: 5.4rem;}
.solution-reverse-con .reverse-item-box .reverse-item {display: flex; align-items: center; margin-bottom: 8rem;}
.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) {flex-direction: row-reverse;}
.solution-reverse-con .reverse-item-box .reverse-item:last-child {margin-bottom: 0;}
.solution-reverse-con .reverse-item-box .reverse-item .item-img-box {display: flex; align-items: center; justify-content: center; width: 53.668%; background-color: #f5f5f5; border-radius: 20px; margin-right: 12.2rem; padding: 4.8rem 0 0 0; overflow: hidden;}
.solution-reverse-con .reverse-item-box .reverse-item .item-img-box img {max-width: 100%;}
.solution-reverse-con .reverse-item-box .reverse-item .item-img-box .title-img {text-align: center; padding-top: 3rem;}
.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) .item-img-box {display: block; background-color: transparent; padding: 0;  margin: 0 0 0 4.2rem;}
.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) .item-img-box > img {border-radius: 20px;}
.solution-reverse-con .reverse-item-box .reverse-item:last-child .item-img-box {padding-top: 1.4rem;}
.solution-reverse-con .reverse-item-box .reverse-item:nth-child(2) .item-txt-box {margin-left: 8rem;}
.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box {width: 46.332%;}
.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box .item-tit {font-size: 5.2rem; font-weight: 600; letter-spacing: -1.04px; line-height: 1em; color: #f04137;}
.solution-reverse-con .reverse-item-box .reverse-item .item-txt-box .item-txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.4px; line-height: 1.6em; color: #222; padding-top: 2.2rem;}

/***** 주차관제 :: 플랩*****/
.flap-page .solution-tit {padding-bottom: 2.2rem;}
.flap-page .solution-gray-container {padding: 12rem 0;}
.flap-page .solution-compare-con {margin-top: 0;}
.flap-intro-con .intro-st {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.32px; line-height: 1.8em; color: rgba(34, 34, 34, 0.5);}
.flap-intro-con .flap-img {width: 100%; height: 0; padding-top: 48.388%; background: center / cover no-repeat url("/web-static-images/content/flap_intro_img.png"); border-radius: 20px; overflow: hidden; margin-top: 5rem;}
.flap-intro-con .flap-des-box {display: flex; margin-top: 5.5rem;}
.flap-intro-con .flap-des-box .flap-title-box {width: 36.118%; margin-right: 12.7rem;}
.flap-intro-con .flap-des-box .flap-title-box .flap-des-tit {font-size: 3.8rem; font-weight: 700; letter-spacing: -0.76px; line-height: 1.4em; color: #222;}
.flap-intro-con .flap-des-box .flap-txt-box {width: 63.882%;}
.flap-intro-con .flap-des-box .flap-txt-box .flap-des-txt {width: calc(100% - 11rem); font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: #222;}
.flap-intro-con .flap-des-box .flap-txt-box .flap-des-txt strong {font-weight: 600; color: #f04137;}
.flap-intro-con .flap-des-box .flap-txt-box .txt {display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 2rem 0;}
.flap-intro-con .flap-des-box .flap-txt-box .txt:last-child {border-bottom: 0;}
.flap-intro-con .flap-des-box .flap-txt-box .txt .img-box {position: relative; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50%; opacity: 1; margin-right: 3rem; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.flap-intro-con .flap-des-box .flap-txt-box .txt .img-box::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border-radius: 50%; backdrop-filter: blur(20px);}

/*** 타사 시스템과의 비교 ***/
.flap-page .solution-compare-con .compare-list-con {display: flex; /* grid-gap: 0 8rem; */ margin-top: 5.5rem;}
.flap-page .solution-compare-con .list-wrap {width: calc(50% - 4rem);}
.flap-page .solution-compare-con .list-wrap:first-child{margin-right:8rem;}
.flap-page .solution-compare-con .list-wrap .compare-tit-box {min-height: 7.9rem; display: flex; align-items: center; justify-content: center;}
.flap-page .solution-compare-con .list-wrap .compare-tit-box .compare-con-tit {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.72px; line-height: 1.2em; color: #222;}
.flap-page .solution-compare-con .list-wrap .compare-tit-box .compare-con-tit.font-jamsil {font-size: 4.6rem; font-weight: 400; letter-spacing: -1.38px; line-height: 1.7em; color: #f04137; padding-left: 1rem;}
.flap-page .solution-compare-con .compare-list-box {display: flex; flex-direction: column; /* grid-gap: 2rem 0; */ margin-top: 0.6rem;}
.flap-page .solution-compare-con .compare-list-box .compare-list {width: 100%; height: 8rem; padding: 0 7rem; border-radius: 50px; margin-bottom:2rem;}
.flap-page .solution-compare-con .compare-list-box .compare-list.highHeight {height: 19rem;}
.flap-page .solution-compare-con .compare-list-box .compare-list:first-child {background-color: transparent;}
.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list {background-color: rgba(255, 255, 255, 0.7);}
.flap-page .solution-compare-con .list-wrap:last-child .compare-list-box .compare-list {background-color: #fff;}
.flap-page .solution-compare-con .compare-list-box .compare-list:first-child::before {display: none;}
.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list {position: relative;}
.flap-page .solution-compare-con .list-wrap:first-child .compare-list-box .compare-list::before {display: block; position: absolute; right: -6.05rem; top: 50%; transform: translateY(-50%); content: ""; background: center / cover no-repeat url(/web-static-images/content/compare_circle_img.png); width: 4.1rem; height: 1.2rem;}
.flap-page .solution-compare-con .compare-list-box .compare-box-tit {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.72px; line-height: 1.2em; color: #222;}
.flap-page .solution-compare-con .compare-list-box .box-tit {display: flex; align-items: center;}
.flap-page .solution-compare-con .compare-list-box .compare-list .list-tit, .flap-page .solution-compare-con .compare-list-box .compare-list.accent .list-tit {padding-top: 0;}
.flap-page .solution-compare-con .compare-list-box .compare-list .list-tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 1.6em; color: rgba(34, 34, 34, 0.8);}
.flap-page .solution-compare-con .compare-list-box .compare-list.accent {box-shadow: -20px 0px 20px #1C000008;}
.flap-page .solution-compare-con .compare-list-box .compare-list.accent .list-tit {color: #222;}
.flap-page .solution-compare-con .compare-list-box .compare-list:last-child .list-tit-box {display: block;}
.flap-page .solution-compare-con .compare-list-box .compare-list .list-tit-box {margin-right: 0; min-width: 12rem;}
.flap-page .solution-compare-con .compare-list-box .compare-list .list-txt-box {width: calc(100% - 12rem);}

/*** ai 카메라 검지방식 ***/
.flap-camera-con {margin-top: 14rem;}
.flap-camera-con .camera-item-box {display: flex; align-items: center; grid-gap: 0 4rem; margin-top: 5.3rem;}
.flap-camera-con .camera-item-box .camera-item .img-box {border-radius: 20px; overflow: hidden;}
.flap-camera-con .camera-item-box .camera-item .txt-box {display: flex; margin-top: 5.5rem; min-height: 10.8rem;}
.flap-camera-con .camera-item-box .camera-item .camera-num {font-size: 5.2rem; font-weight: 600; letter-spacing: -1.04px; line-height: 1.2em; color: #f04137; min-width: 7rem; margin-right: 2.5rem;}
.flap-camera-con .camera-item-box .camera-item .camera-txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 1.6em; color: #222;}
.flap-camera-con .camera-item-box .camera-item .camera-txt.paddingBt {padding-bottom: 1.2rem;}
.flap-camera-con .camera-item-box .camera-item .camera-st {font-size: 2rem; font-weight: 400; letter-spacing: -0.4px; line-height: 1.6em; color: #222;}
.flap-camera-con .camera-item-box .camera-item .camera-st.arrow {position: relative; padding-left: 3rem;}
.flap-camera-con .camera-item-box .camera-item .camera-st.arrow::before {position: absolute; content: "\e90b"; font-size: 1.8rem; color: #222; font-family: "xeicon"; left: 0;}

/*** 플랩 시스템 구성 ***/
.flap-system-con {margin-top: 14rem;}
.flap-system-con .img-con {position: relative; margin-top: 7.3rem;}
.flap-system-con .img-con::before {position: absolute; content: ""; left: 0; bottom: 0; width: 8.468%; height: 105.395%; background: center / cover no-repeat url("/web-static-images/content/flap_system_camera_img.png");}
.flap-system-con .img-con img{width:100%;}
.flap-system-con .img-num-box {position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.flap-system-con .img-num-box.box01 {flex-direction: row-reverse;}
.flap-system-con .img-num-box > p {font-size: 1.8rem; font-weight: 700; line-height: 1.6em; color: #222; padding-bottom: 2.4rem;}
.flap-system-con .img-num-box.box01 > p {padding: 0 0 0 2.7rem;}
.flap-system-con .img-num {position: relative; display: flex; align-items: center; justify-content: center; width: 3.5rem !important; height: 3.5rem; font-size: 1.4rem; font-weight: 500; color: #fff; border-radius: 50%; z-index: 2; background-color: #f04137; transition: all 0.5s; cursor: auto;}
.flap-system-con .img-num::before {position: absolute; content: ""; width: 6rem; height: 6rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: -1; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.flap-system-con .img-num::after {position: absolute; content: ""; width: 3.5rem; height: 3.5rem; background-color: #f04137; z-index: -1; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s;}
.flap-system-con .img-num-box.box01 {top: 20%; left: 4.2%;}
.flap-system-con .img-num-box.box02 {bottom: 23%; right: 18%;}
.flap-system-con .img-num-box.box03 {top: -7%; right: 2%;}
.flap-system-con .flap-list-box {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 4rem; margin-top: 6rem;}
.flap-system-con .flap-list-box .flap-list {border-radius: 20px; background-color: rgba(255, 255, 255, 0.7); box-sizing: border-box; padding: 4rem 5rem;}
.flap-system-con .flap-list-box .flap-list .list-top-box {display: flex; border-bottom: 1px solid #eee; padding-bottom: 2rem; min-height: 30rem;}
.flap-system-con .flap-list-box .flap-list .list-img-box {width: 57.695%;}
.flap-system-con .flap-list-box .flap-list:first-child .list-img-box {margin-top: 3rem;}
.flap-system-con .flap-list-box .flap-list:nth-child(2) .list-img-box {margin-top: 3rem;}
.flap-system-con .flap-list-box .flap-list .list-tit-box {width: 42.305%;}
.flap-system-con .flap-list-box .flap-list .list-img-box.flexBox {display: flex; align-items: flex-start; justify-content: flex-end;}
.flap-system-con .flap-list-box .flap-list .list-img-box.marginRight img:first-child {margin-right: 3rem; max-width:12.2%}
.flap-system-con .flap-list-box .flap-list .list-img-box.marginRight img:last-child{max-width:67%;}
.flap-system-con .flap-list-box .flap-list .list-img-box img {max-width: 100%;}
.flap-system-con .flap-list-box .flap-list .list-tit-box .flap-list-num {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.72px; line-height: 1.2em; color: #f04137;}
.flap-system-con .flap-list-box .flap-list .list-tit-box .flap-list-tit {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; line-height: 1.3em; color: #222; padding-top: 1.6rem;}
.flap-system-con .flap-list-box .flap-list .list-bottom-box {padding-top: 3.7rem;}
.flap-system-con .flap-list-box .flap-list .list-bottom-box .check-txt {position: relative; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.5em; color: #464646; padding: 0 0 1.5rem 2.4rem;}
.flap-system-con .flap-list-box .flap-list .list-bottom-box .check-txt:last-child {padding-bottom: 0;}
.flap-system-con .flap-list-box .flap-list .list-bottom-box .check-txt::before {position: absolute; left: 0; content: "\e929"; font-size: 1.8rem; color: #f04137; font-family: "xeicon";}

/*** 플랩 시스템 도입 추천 주차장 ***/
.flap-page .solution-reverse-con .reverse-item-box .reverse-item .item-img-box {padding-top: 0;}

/***  플랩 주요 설치 사례 ***/
.flap-page .apply-slide-con {margin-top: 12rem;}
.flap-page .apply-slide-con .slick-dots button {width: 5rem;}
.apply-slide-con .slide-txt-box .slide-txt > p {font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 1.6em; color: #222; padding-top: 3rem;}

/***** 주차관제 :: 제품 소개 *****/
.product-page .catalogue-down-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; box-sizing: border-box; border: 1px solid #eee; border-radius: 10px; margin-bottom: 4rem; padding: 0 2rem;}
.product-page .catalogue-down-box .catalogue-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 1.5em; color: #222;}
.product-page .catalogue-down-box .down-btn {display: flex; align-items: center; justify-content: space-between; width: 20rem; height: 4rem; box-sizing: border-box; padding: 1rem 1.5rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.45px; line-height: 1.5em; color: #fff; background-color: #f04137; border-radius: 10px;}
.product-page .catalogue-down-box .down-btn i {font-size: 2rem; font-weight: 400; color: #fff;}
.product-page .bbs-basic-gallery-con12-list-con {margin: 0 -1.046%;}
.product-page .bbs-basic-gallery-con12-list-con li {width: 22.908%; margin: 0 1.046% 2%;}
.product-page .bbs-basic-gallery-con12-list-con li a {box-sizing: border-box; border: none; padding: 4.5rem; transition: all 0.5s; background-color: #f5f5f5; border-radius: 20px; opacity: 1;}
.product-page .bbs-basic-gallery-con12-list-con li a:before {background-color: transparent; opacity: 0; will-change: auto;}
.product-page .bbs-basic-gallery-con12-list-con li a .product-serial {position: relative; z-index: 3; text-align: center; font-size: 1.5rem; font-weight: 500; line-height: 1.6em; color: rgba(34, 34, 34, 0.6); transition: all 0.5s; margin-top: 1.761rem;}
.product-page .bbs-basic-gallery-con12-list-con li .gallery-info-box {padding: 0;}
.product-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .product-num {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; line-height: 1.6em; color: #f04137; }
.product-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.48px; line-height: 1.5em; color: #222; margin-bottom: 0;}
.product-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-st {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.32px; line-height: 1.5em; color: #222; transition: all 0.5s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-page .bbs-basic-gallery-con12-list-con li a .gallery-thumb-box {padding-top: 90%; margin-top: 5rem; transition: all 0.5s; overflow: visible;}
.product-page .bbs-basic-gallery-con12-list-con li a:hover {background-color: #fff; box-shadow: 10px 10px 40px #1C00000D;}
.product-page .bbs-basic-gallery-con12-list-con li a:hover::before {backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); opacity: 1;}
.product-page .bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-tit, .product-page .bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-st {color: #f04137;}
.product-page .bbs-basic-gallery-con12-list-con li a:hover .product-serial {font-weight: 700; color: #222;}
.product-page .paging-style03 a {font-size: 2rem; font-weight: 700; letter-spacing: -0.4px; line-height: 1.5em; margin: 0 3px;}
.product-page .paging-style03 a.cur {background-color: transparent; width: auto; height: auto; color: #f04137;}
.product-page .paging-style03 a.cur:after {display: block; background-color: #f04137;}
.product-page .bbs-basic-gallery-con12-list-con li > a .gallery-more-btn {top: 59.5%;}
.product-page .bbs-basic-gallery-con12-list-con li > a .gallery-more-btn {width: 60px; height: 60px; background: #f04137;}
.product-page .bbs-basic-gallery-con12-list-con li > a .gallery-more-btn i {line-height: 60px; color: #fff;}

/***** 주차유도 *****/
.guidance-page .guidance-wrap {max-width: 1920px; margin: 0 auto;}
.guidance-system-con .system-info-con {position: relative; padding-bottom: 16rem}
.guidance-system-con .system-info-con::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; background-color: #fafafa; border-radius: 0 20px 20px 0; height: 48rem; width: 30.209%; z-index: -1; pointer-events: none;}
.guidance-system-con .system-title-box .system-func-txt {display: flex; align-items: center; margin: 3rem 0 0 6.5rem;}
.guidance-system-con .system-title-box .system-func-txt li {position: relative; font-size: 1.6rem; font-weight: 500; line-height: 1.8em; letter-spacing: -0.32px; color: #fff; background-color: rgba(34, 34, 34, 0.8); border-radius: 25px; padding: 0.5rem 2rem; margin-right: 2.4rem;}
.guidance-system-con .system-title-box .system-func-txt li::after {position: absolute; font-family: "xeicon"; content: "\e914"; font-size: 1.6rem; color: rgba(34, 34, 34, 0.8); right: -2rem;}
.guidance-system-con .system-title-box .system-func-txt li:last-child {margin-right: 0;}
.guidance-system-con .system-title-box .system-func-txt li:last-child::after {display: none;}
.guidance-system-con .system-title-box .system-func-txt li.red {background-color: #f04137;}
.guidance-system-con .system-info-con .inner {display: flex; align-items: center; max-width: 1350px; margin: 7rem auto 0 auto;}
.guidance-system-con .system-info-con .inner .info-img-box {margin-right: 6rem;}
.guidance-system-con .system-info-con .inner .info-img-box img {max-width: 100%;}
.guidance-system-con .system-info-con .inner .info-txt-box {width: 40%;}
.guidance-system-con .system-info-con .inner .camera-img-box {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 0 2rem;}
.guidance-system-con .system-info-con .inner .camera-img-box .camera-img {display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; background-color: #f5f5f5; border-radius: 20px; height: 18.1rem; box-sizing: border-box;}
.guidance-system-con .system-info-con .inner .camera-img-box .camera-img .img-box {display: flex; align-items: center; justify-content: center;}
.guidance-system-con .system-info-con .inner .camera-img-box .camera-img .img-box img {margin: 0 1.7rem;}
.guidance-system-con .system-info-con .inner .camera-img-box .camera-img .img-tit {font-size: 1.8rem; font-weight: 700; line-height: 1.6em; color: #222; text-align: center; padding-top: 2.5rem;}
.guidance-system-con .info-txt-box .check-txt-list {margin-top: 4rem;}
.guidance-system-con .info-txt-box .check-txt-list .check-txt {position: relative; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height:2em; color: #464646; padding-left: 3rem;}
.guidance-system-con .info-txt-box .check-txt-list .check-txt::before {position: absolute; content: "\e929"; font-family: "xeicon"; left: 0; font-size: 1.8rem; color: #f04137;}

/***** 주차유도 *****/
.platform-page {padding-bottom: 20rem;}
.platform-page .platform-top-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 1.6em; color: #888;}
.platform-page .solution-tit {padding-bottom: 1.8rem;}
.platform-wrap .app-info-wrap {margin-top: 15rem;}
.platform-wrap .app-info-wrap.marginMin {margin-top: 5rem;}
.platform-wrap .app-info-wrap img {max-width: 100%;}
.platform-wrap .app-info-wrap .check-txt-box.paddingTop {padding-top: 1rem;}
.platform-wrap .app-info-wrap .app-info-st {font-size: 2rem; font-weight: 700; letter-spacing: -0.4px; line-height: 1.5em; color: #222; margin: 2rem 0 0 6.5rem;}
.platform-wrap .app-info-wrap .app-info-st.check {position: relative; padding-left: 3rem;}
.platform-wrap .app-info-wrap .app-info-st.check + .app-info-txt {padding-left: 3rem;}
.platform-wrap .app-info-wrap .app-info-st.check::before {position: absolute; left: 0; content: "\e929"; font-family: "xeicon"; font-weight: 400; font-size: 2rem; color: #f04137;}
.platform-wrap .app-info-wrap .app-info-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: #222; margin: 0.8rem 0 0 6.5rem;}
.platform-wrap .app-info-wrap .app-img-con {position: relative; display: flex; padding: 8rem 0;}
.platform-wrap .app-info-wrap .app-img-con::before {position: absolute; left: 50%; top: 0; transform:translateX(-50%); content: ""; background-color: #FBF4F4; width: 100vw; height: 100%; z-index: -1;}
.platform-wrap .app-info-wrap .app-img-con .app-left-img {width: 23.71%; margin-right: 12rem;}

.platform-wrap .app-info-wrap .app-tit-box{margin-bottom:7.5rem;}
.platform-wrap #appCon01.app-info-wrap .app-tit-box{margin-bottom:6rem;}

.app-img-con .app-left-img .down-btn-box {margin-top: 5.2rem;}
.app-img-con .app-left-img .down-btn-box .down-tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.64px; line-height: 1.6em; color: #222; padding-bottom: 2.2rem;}
.app-img-con .app-left-img .down-btn-box .btn-box > a {display: flex; align-items: center; justify-content: space-between; width: 20rem; height: 4rem; box-sizing: border-box; padding: 1rem 1.5rem; background-color: #222; color: #fff; border-radius: 10px; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.45px; line-height: 1.5em;}
.app-img-con .app-left-img .down-btn-box .btn-box > a i {font-size: 2rem;}
.app-img-con .app-left-img .down-btn-box .btn-box > a:first-child {margin-bottom: 0.7rem;}
.app-img-con .app-right-img{width:60%;}
.app-img-con .app-right-img .right-img-box {margin-bottom: 6rem;}
.app-img-con .app-right-img .right-img-box:last-child {margin-bottom: 0;}
.app-img-con .app-right-img .right-img-box .txt {text-align: center; margin-top: 2rem;}
.app-img-con .app-right-img .right-img-box .txt.mt0{margin-top:0rem;}
.app-img-con .app-right-img .right-img-box .img.borderNone {border: none; background:transparent;}
.app-img-con .app-right-img .right-img-box .txt .app-img-tit {font-size: 2rem; letter-spacing: -0.4px; line-height: 1.5em; color: #222; padding-bottom: 1.4rem; font-family:var(--font-family2); font-weight:400;}
.app-img-con .app-right-img .right-img-box .txt .app-img-txt {font-size:1.8rem; line-height:1.33; font-weight:500; letter-spacing: -0.3px; color: rgba(34, 34, 34, 0.8);}
.app-img-con .app-right-img .right-img-box.threeItem {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 5rem;}
.app-img-con .app-right-img .right-img-box.twoItem {display: grid; grid-template-columns: 29.298% 50.243%; grid-template-rows: auto; grid-gap: 9rem;}
.app-img-con .app-right-img .right-img-box.lastTwoItem {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 2.2rem;}
.app-img-con .app-right-img .right-img-box .img {box-sizing: border-box; border: 2px solid #eee; border-radius: 10px; overflow: hidden; background:#fff}
.app-img-con .app-right-img .right-img-box.lastTwoItem .img {border: none; border-radius: 20px;}
.app-img-con .app-right-img .right-img-box.twoItem .img-box:last-child{display: flex; align-items: flex-end;}

.platform-wrap .app-info-wrap .plus-img-wrap{position: relative;}
.platform-wrap .app-info-wrap .plus-img-wrap .plus-img{display: block; position: absolute; top:15%; left:-10%; border:2px solid #F04137; border-radius:0.8rem; width:120%; overflow:hidden;}

.app-sub-tit-box{margin-bottom:3rem;}
.app-sub-tit-box .sub-tit{font-size:3.8rem; line-height:1.3; letter-spacing:-0.0115em; color:#222; font-weight: 400; font-family: var(--font-family2);}


/***** 환경개선 :: 솔루션 소개 *****/
.move-line-wrap03 {position:absolute; max-width:var(--area-width); width:100%; margin:0 auto; top:0; left:0}
.nav-on-icon03.main-move-line03 {/*width:650px; height:2px; */position:absolute; left:0px; top:1rem; z-index:1; /*width:100px; */height: 7rem; width: 30rem;}
.nav-on-icon03.main-move-line03 > span {display: flex; align-items: center; justify-content: center; left: -8rem; width: 100% !important; height: 100%; background-color:var(--main-color); position:absolute; top:0; text-align:center; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; border-radius:var(--sub-menu-height);}

.impro-page {padding-bottom: 10rem;}
.impro-field-con .field-list-box {padding-left: 6.5rem; margin-top: 2.8rem;}
.impro-field-con .field-list-box .field-list {display: flex; align-items: center; padding: 2.8rem 0;  border-bottom: 1px solid #eee;}
.impro-field-con .field-list-box .field-list .img-box {display: flex; align-items: center; justify-content: center; position: relative; width: 8rem; height: 8rem; opacity: 1; border-radius: 50%; margin-right: 5.5rem; backdrop-filter: blur(20px);}
.impro-field-con .field-list-box .field-list .img-box::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border-radius: 50%; backdrop-filter: blur(20px);}
.impro-field-con .field-list-box .field-list .list-left {display: flex; align-items: center; margin-right: 14rem;}
.impro-field-con .field-list-box .field-list .list-left .list-tit {font-size: 3.8rem; font-weight: 700; letter-spacing: -1.14px; line-height: 1.5em; color: #f04137; min-width: 13.7rem;}
.impro-page .list-check-txt {position: relative; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 2em; color: #464646; padding-left: 3rem;}
.impro-page .list-check-txt::before {font-family: "xeicon"; position: absolute; top: 0; left: 0; content: "\e929"; font-size: 1.8rem; color: #f04137;}

.impro-compet-con {margin-top: 15rem;}
.impro-compet-con .compet-list-box {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 4rem; margin-top: 6rem;}
.impro-compet-con .compet-list {border-radius: 20px; overflow: hidden;}
.impro-compet-con .compet-list .img-box img {max-width: 100%;}
.impro-compet-con .compet-list .txt-box {background-color: #fafafa; box-sizing: border-box; padding: 5rem;}
.impro-compet-con .compet-list .compet-num {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.72px; line-height: 1.2em; color: #f04137; padding-bottom: 1.4rem;}
.impro-compet-con .compet-list .compet-tit {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; line-height: 1.3em; color: #222; padding-bottom: 3rem;}

.impro-service-con .slick-slider {-webkit-user-select: auto !important;}
.impro-service-con .tit-box {display: flex; margin-top: 15rem;}
.service-slide-wrap {display: flex; align-items: center; max-width: 100%; margin: 6.6rem auto 0 auto;}
.service-slide-wrap .img-con {max-width: 71.126%; margin: 0 auto;}
.service-slide-wrap .slide-img-box {width: 64.571%; position: relative; display: flex !important; background-color: #fafafa; border-radius: 0 20px 20px 0; padding: 6rem 9rem 6rem 0; margin-left: 33.3rem; z-index: 1 !important;}
.service-slide-wrap .slide-img-box::before {position: absolute; width: 33.3rem; height: 100%; top: 0; left: -33.3rem; content: ""; background-color: #fafafa; z-index: -1;}
.service-slide-wrap .slide-img-box .slide-tit {font-size: 2rem; font-weight: 700; letter-spacing: -0.4px; line-height: 1.7em; color: #222; text-align: center; padding-bottom: 1.2rem;}
.service-slide-wrap .slide-img-box .slide-tit.red {color: #f04137;}
.service-slide-wrap .slide-img-box .img-wrap {display: grid; grid-template-columns: 1fr; grid-gap: 1rem 0;}
.service-slide-wrap .slide-img-box .img-wrap .img {border-radius: 20px; overflow: hidden;}
.service-slide-wrap .slide-img-box .img-wrap .img img {max-width: 100%;}
.service-slide-wrap .slide-img-box .slide-item.marginRight {margin-right: 11.6rem;}
.service-slide-wrap .slide-location-box {position: relative; margin-left: 5.22rem; width: calc(35.429% + 5rem); z-index: 99999;}
.service-slide-wrap .slide-location-box .location-list {margin-bottom: 3.7rem; position: relative; display: flex; width: 30rem !important; height: 3.3rem; border-radius: 35px; transition: all 0.3s; left: 0 !important; opacity: 1 !important; z-index: 99999;}
.system-page .service-slide-wrap .slide-location-box .location-list {padding-bottom: 2rem; margin-bottom: 3rem; height: 3.3rem}
.service-slide-wrap .slide-location-box .location-list:last-child {margin-bottom: 0;}
.service-slide-wrap .slide-location-box .location-list button {display: flex; align-items: center; width: 100%; height: 100%; cursor: auto;}
.service-slide-wrap .slide-location-box .location-list button .button-inner {height: 100%; display: flex; align-items: center;}
.service-slide-wrap .slide-location-box .location-inner > .slick-list {overflow: visible !important; height: auto !important;}
.service-slide-wrap .slide-location-box .location-inner > .slick-list .slick-track {height: auto !important;}
.service-slide-wrap .slide-location-box .location-list button span {font-size: 1.6rem; font-weight: 700; color: rgba(34, 34, 34, 0.4); transition: all 0.3s; white-space: nowrap;}
.service-slide-wrap .slide-location-box .location-list button p {font-size: 1.8rem; font-weight: 700; color: rgba(34, 34, 34, 0.8); transition: all 0.3s; padding-left: 1.6rem;  white-space: nowrap;}
.service-slide-wrap .slide-location-box .location-list button p span{color: rgba(34, 34, 34, 0.8);}
/* .impro-service-con .service-slide-wrap .slide-location-box .location-list.selected {background-color: #f04137; box-shadow: 15px 15px 20px #D6081233; left: -8rem !important; height: 7rem;}
.impro-service-con .service-slide-wrap .slide-location-box .location-list.selected a {align-items: center; justify-content: center;}
.impro-service-con .service-slide-wrap .slide-location-box .location-list.selected  a > span, .impro-service-con .service-slide-wrap .slide-location-box .location-list.slick-current a > p {color: #fff;} */
.service-slide-wrap .slide-location-box .location-list.slick-current {background-color: #f04137; box-shadow: 15px 15px 20px #D6081233; left: -8rem !important; height: 7rem;}
.service-slide-wrap .slide-location-box .location-list.slick-current button {align-items: center; justify-content: center;}
.service-slide-wrap .slide-location-box .location-list.slick-current  button > span, .service-slide-wrap .slide-location-box .location-list.slick-current button > p {color: #fff;}


/* 텍스트 오버 효과 */
.service-slide-wrap .slide-location-box .location-list.slick-current button .button-inner .char{color:#fff;}
.service-slide-wrap .slide-location-box .location-list.slick-current button .button-inner .char:before {
	transform: translateY(-100%);
}
.service-slide-wrap .slide-location-box .location-list.slick-current button .button-inner .char:after {
	transform: translateY(0);
}

/***** 환경개선 :: 주요 도입 현장 *****/
.apply-page .solution-tit {padding-bottom: 1.9rem;}
.apply-page .impro-st {font-size: 3.8rem; font-weight: 400; letter-spacing: -1.14px; line-height: 1.5em; color: #222;}

/***** 솔루션 제품 팝업 *****/
.solution-product-pop  {position: relative; max-width: 1240px; margin: 50px auto; background-color: #fff; width: 96%; border-radius: 20px;}
.solution-product-pop .modal-close-btn {top: -50px;}
.solution-product-pop .pop-item-con {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 0;}
.solution-product-pop .pop-item-con .itemBox {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4.5rem 6rem 4rem 6rem; box-sizing: border-box;}
.solution-product-pop .pop-item-con .pop-txt-box {padding: 8rem 6rem 4rem 6rem;}
.solution-product-pop .pop-item-con .pop-txt-box .item-box-inner {display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-title-box {border-bottom: 1px solid #ddd; padding-bottom: 3rem;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-title-box, .solution-product-pop .pop-item-con .pop-txt-box .pop-info-box {width: 100%;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-info-box {padding-top: 3.5rem;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-num {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; line-height: 1.6em; color: #f04137; padding-bottom: 0.7rem;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-product-tit {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.48px; line-height: 1.5em; color: #222;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-product-tit strong {font-size: 3.6rem; font-weight: 400; letter-spacing: -0.72px; line-height: 1em; color: #222;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-info-tit {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.36px; line-height: 1.5em; color: #222; padding-bottom: 1rem;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-info-txt {position: relative; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.32px; line-height: 2.2em; color: #464646; padding-left: 3rem;}
.solution-product-pop .pop-item-con .pop-txt-box .pop-info-txt::before {position: absolute; left: 0; content: "\e929"; font-family: "xeicon"; font-size: 1.6rem; color: #f04137;}
.solution-product-pop .pop-item-con .pop-img-box {background-color: #f5f5f5; border-radius: 20px 0 0 20px;}
.solution-product-pop .pop-item-con .pop-img-box img{width:100%;}
.solution-product-pop .pop-item-con .pop-img-box .pop-product-name {font-size: 2rem; font-weight: 700; line-height: 1.3em; color: rgba(34, 34, 34, 0.56);}

/* 솔루션 하단 메뉴 */
#bottomMenu{position: relative; background:#f5f5f5; border-radius: var(--sub-menu-height);}
#bottomMenu ul{display: flex; position: relative; z-index:1;}
#bottomMenu ul li{width:20%;}
#bottomMenu ul li a{display:flex; justify-content: center; align-items: center; position:relative; width:100%; height:var(--sub-menu-height); line-height:1.3;  color:#222;  font-size:1.8rem;  font-weight:700;  word-break:keep-all; transition:var(--transition-custom); background-color: transparent; border-radius: var(--sub-menu-height);}
#bottomMenu ul li a > span{position: relative; }
#bottomMenu ul li a:before{position: absolute; content:''; width:100%; height:100%; border:1px solid #222; border-radius: var(--sub-menu-height); box-sizing:border-box; opacity:0; transition:var(--transition-custom);}

#bottomMenu ul li.on a:before,
#bottomMenu ul li:hover a:before{opacity:1;}




/* ******************  서비스 ********************** */

/***** 주차장 운영 *****/

/*** active 섹션 ***/
.service-page .service-top-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 0.8rem;}
.service-page .service-top-txt {font-size: 4rem; font-weight: 400; letter-spacing: -1.2px; line-height: 1.5em; color: #222;}
.operate-wrap .title-active-list {display: flex; align-items: center; margin-top: 7.5rem;}
.operate-wrap .title-active-list .active-img-box {width: 50%; border-radius: 30px; overflow: hidden;}
.operate-wrap .title-active-list .active-img-box img {max-width: 100%;}
.operate-wrap .title-active-list .active-txt-box {width: calc(50% - 5rem); margin-left: 5rem; height: 66rem;}
.operate-wrap .title-active-list .active-txt-box .active-tit {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.72px; line-height: 1.6em; color: #222;}
.operate-wrap .title-active-list .active-txt-box .active-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.36px; line-height: 1.6em; color: #464646;}
.operate-wrap .title-active-list .active-num-box {position: relative; left: -11rem; padding: 5rem 0 0 0;}
.operate-wrap .title-active-list .active-num-box .active-num-list {position: relative; display: flex; align-items: center; justify-content: flex-end; border-radius: 22px; opacity: 1; /* background-color: rgba(255,255,255,0.5); */ box-shadow: 8px 8px 30px #0000001A; width: calc(100% + 7rem); padding: 1.8rem 4rem; box-sizing: border-box; margin-bottom: 2rem; z-index: 1; transition: all 0.3s; border-radius:22px; overflow:hidden; /* background:#fff; */ backdrop-filter: blur(40px);}
.operate-wrap .title-active-list .active-num-box .active-num-list:last-child {margin-bottom: 0;}
.operate-wrap .title-active-list .active-num-box .active-num-list .num {display: flex; align-items: center; justify-content: center; font-size: 1.9rem; font-weight: 700; letter-spacing: -0.38px; line-height: 1.5em; /* background-color: rgba(255, 255, 255, 0.15); */ color: #fff; box-shadow: 3px 3px 11px #00000022; width: 6.4rem; height: 6.4rem; box-sizing: border-box; border-radius: 50%; transition: all 0.3s;}
.operate-wrap .title-active-list .active-num-box .active-num-list .num-txt {font-size: 1.9rem; font-weight: 500; letter-spacing: -0.38px; line-height: 1.6em; color: #222; margin-left: 5rem; width: calc(100% - 11.4rem); text-align: right; transition: all 0.3s; white-space: nowrap;}
.operate-wrap .title-active-list .active-num-box .active-num-list.active {width: calc(100% + 17rem); margin-left: -6rem; padding: 2.6rem 4rem; box-shadow: 0px 0px 30px #F0413780; border-radius: 25px 22px 22px 25px;}
/* .operate-wrap .title-active-list .active-num-box .active-num-list::before {opacity: 0; pointer-events: none; position: absolute; left: -3rem; top: 50%; transform: translateY(-50%); content: ""; width: 0; height: 0; border-top: 5.7rem solid transparent; border-right: 4rem solid #F04137; border-bottom: 5.7rem solid transparent; border-radius: 20px; z-index: -1; transition: var(--transition-custom);} */
.operate-wrap .title-active-list .active-num-box .active-num-list::before {position: absolute; content:''; width:100%; height:100%;  /* border-radius: 22px; */ z-index: -1; transition: all 0.3s; top:0; left:0;}
.operate-wrap .title-active-list .active-num-box .active-num-list.active::before {background-color: #F04137;}
/* .operate-wrap .title-active-list .active-num-box .active-num-list.active::before {opacity: 1;} */
.operate-wrap .title-active-list .active-num-box .active-num-list.active .num {width: 6.8rem; height: 6.8rem; font-size: 2.3rem; letter-spacing: -0.46px; line-height: 1.5em; color: #fff; background:var(--main-color);}
.operate-wrap .title-active-list .active-num-box .active-num-list.active .num-txt {font-size: 2.3rem; letter-spacing: -0.46px; line-height: 1.5em; color: #fff; width: calc(100% - 11.8rem);}

/* .operate-wrap .title-active-list .active-num-box .active-num-list:hover {width: calc(100% + 17rem); padding: 2.6rem 4rem; background-color: #F04137; box-shadow: 0px 0px 30px #F0413780; border-radius: 25px 22px 22px 25px; margin-left: -6rem;}
.operate-wrap .title-active-list .active-num-box .active-num-list:hover::after {opacity: 0;}
.operate-wrap .title-active-list .active-num-box .active-num-list:hover .num {width: 6.8rem; height: 6.8rem; font-size: 2.3rem; letter-spacing: -0.46px; line-height: 1.5em; color: #fff;}
.operate-wrap .title-active-list .active-num-box .active-num-list:hover .num-txt {font-size: 2.3rem; letter-spacing: -0.46px; line-height: 1.5em; color: #fff; width: calc(100% - 11.8rem);} */


/*** 도식화 이미지 ***/
.operate-schema-con {max-width: 1369px; margin: 13.6rem auto 0 auto;}
.operate-schema-con img {max-width: 100%;}


/*** 특장점 ***/
.operate-advantage-con {display: flex; align-items: center; margin: 15rem 0 0 0; padding-bottom:12rem;}
.operate-advantage-con .area-box {margin-right: 0;}
.operate-advantage-con .advantage-left-item {position: relative; margin-right: 10rem; width: calc(100% - 6rem);}
.operate-advantage-con .advantage-left-item .advantage-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #F04137; padding-bottom: 1rem;}
.operate-advantage-con .advantage-left-item .advantage-st {font-size: 4rem; font-weight: 700; line-height: 1.5em; color: #222; padding-bottom: 1rem;}
.operate-advantage-con .advantage-left-item .advantage-st strong {color: #f04137;}
.operate-advantage-con .advantage-left-item .advantage-list-box {margin-top: 1rem;}
.operate-advantage-con .advantage-left-item .advantage-list {display: flex; border-bottom: 1px solid #ddd; padding: 2.3rem 0;}
.operate-advantage-con .advantage-left-item .advantage-list span {font-size: 1.6rem; font-weight: 600; line-height: 2em; letter-spacing: -0.32px; color: #f04137; padding-right: 2rem;}
.operate-advantage-con .advantage-left-item .advantage-list p {font-size: 2.2rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.44px; color: #222;}
.operate-advantage-con .advantage-right-item {width: 50.447%;}
.operate-advantage-con .advantage-right-item .img-box {width: 100%; height: 100%;}
.operate-advantage-con .advantage-right-item img {max-width: 100%;}

@media all and (max-width: 1429px) {
	/*** 도식화 이미지 ***/
	.operate-schema-con {padding:0 var(--area-padding); max-width:none;}
}

@media all and (max-width: 1280px) {
	/*** active 섹션 ***/
	.operate-wrap .title-active-list .active-num-box .active-num-list .num-txt {margin-left: 3rem;}
	.operate-wrap .title-active-list .active-num-box .active-num-list {width: calc(100% + 10rem);}
	.operate-wrap .title-active-list .active-num-box .active-num-list.active {width: calc(100% + 19rem);}
	/*** 특장점 ***/
	.operate-advantage-con .advantage-left-item .advantage-list p {font-size: 2rem;}
}

@media all and (max-width: 800px) {
	.service-page .service-top-txt {font-size: 2.8rem;}
	/*** active 섹션 ***/
	.operate-wrap .title-active-list {flex-direction: column; margin-top: 4rem;}
	.operate-wrap .title-active-list .active-img-box {width: 100%;}
	.operate-wrap .title-active-list .active-img-box img {border-radius: 30px;}
	.operate-wrap .title-active-list .active-txt-box {width: 100%; margin-left: 0; margin-top: 3rem;}
	.operate-wrap .title-active-list .active-num-box {left: 0;}
	.operate-wrap .title-active-list .active-num-box .active-num-list {width: 90%; margin: 0 auto 2rem auto; justify-content: flex-start; padding: 1.8rem 2rem; backdrop-filter: none;}
	.operate-wrap .title-active-list .active-num-box .active-num-list .num-txt {text-align: left; font-size: 1.6rem; margin-left: 2rem;}
	.operate-wrap .title-active-list .active-num-box .active-num-list.active {width: 100%; margin-left: 0;}
	.operate-wrap .title-active-list .active-num-box .active-num-list .num {color: #222; width: 5rem; height: 5rem; font-size: 1.5rem;}
	.operate-wrap .title-active-list .active-num-box .active-num-list.active .num {width: 5.5rem; height: 5.5rem; font-size: 1.7rem;}
	.operate-wrap .title-active-list .active-txt-box .active-tit {font-size: 2.6rem;}
	.operate-wrap .title-active-list .active-txt-box .active-txt {font-size: 1.6rem;}
	.operate-wrap .title-active-list .active-num-box .active-num-list .num-txt {white-space: normal;}
	.operate-wrap .title-active-list .active-num-box .active-num-list.active .num-txt {font-size: 1.8rem;}

	/*** 도식화 이미지 ***/
	.operate-schema-con {margin-top: 0;}

	/*** 특장점 ***/
	.operate-advantage-con {padding-bottom: 10rem;}
	.operate-advantage-con {margin-top: 6rem; flex-direction: column; align-items: flex-start;}
	.operate-advantage-con .area-box {margin: 0; width: 100%; max-width: none; box-sizing: border-box;}
	.operate-advantage-con .advantage-left-item {margin-right: 0; width: 100%;}
	.operate-advantage-con .advantage-right-item {width: 100%; padding: 0 var(--area-padding); box-sizing: border-box; margin-top: 3rem;}
}

/***** CS/AS *****/

/*** active 섹션 ***/
.cs-page .title-inner {display: flex; justify-content: space-between;}
.sub-page .number {font-size: 4rem; font-weight: 400; line-height: 1.6em; color: #222;}
.cs-active-con {margin-top: 8rem;}
.cs-active-con .active-tit {font-size: 3.2rem; font-weight: 700; line-height: 1.5em; color: #222;}
.cs-active-con .active-tit strong {color: #f04137;}
.cs-active-con .active-item-box .active-img {display: flex; align-items: center; margin-top: 3.7rem;}
.cs-active-con .active-item-box .active-img .img {width: 64.517%;}
.cs-active-con .active-item-box .active-img .img img {max-width: 100%;}
.cs-active-con .active-item-box .circle-box {margin-left: 9rem;}
.cs-active-con .active-item-box .circle {position: relative; width: 26rem; padding-top: 100%; border-radius: 50%;}
.cs-active-con .active-item-box .circle > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.48px; text-align: center;}
.cs-active-con .active-item-box .circle:first-child {opacity: 1; top: 2rem; box-shadow: 0px 0px 50px #0000000F; z-index: 2; background-color: #fff;}
.cs-active-con .active-item-box .circle:first-child:before{position: absolute; content:''; width:100%; height:100%; /* background:#fff; */ border-radius:50%; top:0; left:0; backdrop-filter: blur(40px);}
.cs-active-con .active-item-box .circle:first-child > p {color: #f04137;}
.cs-active-con .active-item-box .circle:last-child {top: -2rem; background-color: #f04137; z-index: 1;}
.cs-active-con .active-item-box .circle:last-child > p {color: #fff;}
.cs-active-con .active-list-box {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 2rem 4rem; margin-top: 8rem;}
.cs-active-con .active-list-box .active-list {position: relative; display: flex; align-items: center; height: 12rem; box-sizing: border-box; box-shadow: 20px 20px 30px #0000000F; border-radius: 20px; padding: 0 4.5rem; transition: all 0.3s;}
.cs-active-con .active-list-box .active-list .list-inner {display: flex; align-items: center;}
.cs-active-con .active-list-box .active-list::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; transition: all 0.3s; z-index: -1; border-radius: 20px;}
.cs-active-con .active-list-box .active-list span {font-size: 1.9rem; font-weight: 600; line-height: 1.3em; letter-spacing: -0.38px; color: #222; padding-right: 3rem; transition: all 0.3s;}
.cs-active-con .active-list-box .active-list p {font-size: 1.8rem; font-weight: 500; line-height: 1.3em; letter-spacing: -0.36px; color: #222; transition: all 0.3s;}
.cs-active-con .active-list-box .active-list.active::before {background-color: #f04137;}
.cs-active-con .active-list-box .active-list.active span, .cs-active-con .active-list-box .active-list.active p {color: #fff;}

.cs-slide-con {position: relative; max-width: 1224px; margin: 18.6rem auto 0 auto;}
.cs-slide-con .slide-item {position: relative; width: 60rem; height: 40rem; box-sizing: border-box; transform: scale(0.8); z-index: -1; opacity: 0.12; border-radius: 20px; overflow: hidden; transition: all 0.3s;}
.cs-slide-con .slide-item img {width: 100%; height: 100%;}
.cs-slide-con .slide-item.slick-center {position: relative; width: 60rem !important; height: 40rem !important; transform: scale(1); opacity: 1; z-index: 1;}
.cs-slide-con .slide-item.slick-center img {z-index: 2;}
.cs-slide-con .slide-item {transform: scale(0.8) translateX(60%);}
.cs-slide-con .slide-item.slick-center + .slide-item {transform: scale(0.8) translateX(-60%);}
.cs-slide-con button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background-color: #f04137; box-sizing: border-box; width: 6.5rem; height: 5rem; border-radius: 5px;}
.cs-slide-con button::before {pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); content: ""; width: 0; height: 0; border-top: 2.5rem solid transparent; border-bottom: 2.5rem solid transparent; border-radius: 20px; z-index: -1;}
.cs-slide-con button.slick-prev {left: 22%;}
.cs-slide-con button.slick-prev::before {left: -1.3rem; border-right: 1.5rem solid #F04137;}
.cs-slide-con button.slick-next {right: 22%;}
.cs-slide-con button.slick-next::before {right: -1.3rem; border-left: 1.5rem solid #F04137;}
.cs-slide-con button i {font-size: 2.4rem; color: #fff;}

.cs-process-con {margin-top: 13rem;}
.cs-process-con .process-txt-box .process-tit {font-size: 4rem; line-height: 1.6em; letter-spacing: -1.2px; color: #222; padding-bottom: 2rem;}
.cs-process-con .process-txt-box .check-txt {position: relative; font-size: 2rem; font-weight: 500; line-height: 2em; letter-spacing: -0.4px; color: #222; padding-left: 3rem;}
.cs-process-con .process-txt-box .check-txt::before {position: absolute; top: 0; left: 0; content: "\e929"; font-family: "xeicon"; font-size: 2rem; color: #f04137;}
.cs-process-con img {max-width: 100%;}

/*****  365렌탈 *****/
/*** 공통 ***/
.rental-page {padding-bottom: 12rem;}

/*** top 텍스트 ***/
.rental-page .rental-tit {font-size: 2rem; font-weight: 700; line-height: 1.5em; color: #f04137; padding-bottom: 0.5rem;}
.rental-page .rental-st {font-size: 3.8rem; font-weight: 400; line-height: 1.5em; letter-spacing: -1.14px; color: #222; padding-bottom: 0.5rem;}
.rental-page .rental-st em {color: #f04137;}
.rental-page .rental-txt {font-size: 2rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.4px; color: #222;}

/***  포함사항 ***/
.rental-include-con {margin-top: 10rem; padding: 10rem 0; background-color: #F5F5F5;}
.rental-include-con .include-circle-box {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 0 3.6rem; margin-top: 7.5rem;}
.rental-include-con .include-circle-box .include-circle {position: relative; width: 99.59%; height: 0; padding-top: 99.59%; background-color: #fff; border-radius: 50%; z-index: 1; transition: all 0.3s;}
/* .rental-include-con .include-circle-box .include-circle::before {position: absolute; width: 6.3rem; height: 1.8rem; top: 50%; right: -6.9rem; transform: translateY(calc(-50% - 1px)); 
content: ""; background: center / cover no-repeat url("/web-static-images/content/service_rental_plus.png"); z-index: -1;} */
.rental-include-con .include-circle-box .include-circle::before {position: absolute; width: 1.8rem; height: 1.8rem; top: 50%; right: -2.8rem; transform: translateY(calc(-50% - 1px)); font-family:'xeicon'; font-size:1.8rem;
content: "\e916"; z-index: -1; color:var(--main-color);}
.rental-include-con .include-circle-box .include-circle:last-child::before {display: none;}
.rental-include-con .include-circle-box .include-circle > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.44px; line-height: 1.4em; color: #222; width: 100%; transition: all 0.3s;}
.rental-include-con .include-circle-box .include-circle.active {background-color: #f04137;}
.rental-include-con .include-circle-box .include-circle.active > p {color: #fff;}

.rental-include-con .include-img-box {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 4rem; margin-top: 8rem;}
.rental-include-con .include-img-box .img-box {background-color: #fff; border-radius: 20px; overflow:hidden;}
.rental-include-con .include-img-box .img {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height:37rem; /* min-height: 32.4rem; */ border-bottom: 1px solid #ddd; padding: 1.5rem; box-sizing:border-box;}
.rental-include-con .include-img-box .img.full-img{padding:0;}
.rental-include-con .include-img-box .img img {max-width: 100%;}
.rental-include-con .include-img-box .img .img-txt {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.32px; color: #464646; padding-top: 1.5rem;}
.rental-include-con .include-img-box .txt > p {display: flex; align-items: center; justify-content: center; font-size: 2.4rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.48px; color: #222; text-align: center; min-height: 10rem;}

/***  특별혜택 ***/
.rental-benefit-con {margin-top: 10rem;}
.rental-benefit-con .benefit-item-box {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 0 2rem; margin-top: 3.5rem;}
.rental-benefit-con .benefit-item-box .benefit-item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #eee; border-radius: 20px; padding: 0 2rem 6rem 2rem; transition: all 0.3s; background:#fff;}
.rental-benefit-con .benefit-item-box .benefit-item::before {position: absolute; top: -2px; left: -2px; content: ""; width: 100%; height: 100%; border-radius: 20px; border: 2px solid #f04137; opacity: 0; transition: all 0.3s;}
.rental-benefit-con .benefit-item-box .benefit-item .item-img {display: flex; align-items: center; justify-content: center; margin: 6.2rem 0 4.8rem 0;}
.rental-benefit-con .benefit-item-box .benefit-item .item-img svg *{transition:all 0.3s;}
.rental-benefit-con .benefit-item-box .benefit-item .item-txt {text-align: center;}
.rental-benefit-con .benefit-item-box .benefit-item .benefit-item-num {display: flex; align-items: center; justify-content: center; width: 10rem; height: 4rem; font-size: 2rem; font-weight: 500; line-height: 2em; letter-spacing: -0.4px; color: rgba(34, 34, 34, 0.5); background-color: #eee; border-radius: 0 0 20px 20px; transition: all 0.3s; position: relative; top:-1px;}
.rental-benefit-con .benefit-item-box .benefit-item .benefit-item-tit {font-size: 2.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.72px; color: #222; padding-bottom: 2rem;}
.rental-benefit-con .benefit-item-box .benefit-item .benefit-item-tit strong {color: #f04137;}
.rental-benefit-con .benefit-item-box .benefit-item .benefit-item-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.36px; color: #464646;}
.rental-benefit-con .benefit-item-box .benefit-item.active::before {opacity: 1;}
.rental-benefit-con .benefit-item-box .benefit-item.active .benefit-item-num {background-color: #f04137; color: #fff;}
.rental-benefit-con .benefit-item-box .benefit-item.active .item-img svg *{stroke:#222;}

/*** 365 렌탈 ***/
.rental-new-con {margin-top: 10rem;}
.rental-new-con .rental-new-st {font-size: 1.8rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.36px; color: #222; padding-left: 6.4rem; padding-top: 2rem;}
.rental-new-con .new-item-box {display: flex; align-items: flex-end; margin-top: 5.5rem;}
.rental-new-con .new-item-box h5 {text-align: center;}
.rental-new-con .new-item-box .item-left-box {width: 32.259%;}
.rental-new-con .new-item-box .item-right-box {width: calc(67.742% - 11rem); margin-left: 11rem;}
.rental-new-con .new-item-box .item-left-box .left-tit {font-size: 3.2rem; font-weight: 700; line-height: 1.3em; letter-spacing: -0.64px; color: #222; padding-bottom: 2rem;}
.rental-new-con .new-item-box .item-left-box .left-list {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 8rem; border-radius: 50px; padding: 0 2rem; box-sizing: border-box; background-color: #F5F5F5; margin-bottom: 1.8rem;}
.rental-new-con .new-item-box .item-left-box .left-list::before {position: absolute; top: 50%; right: -7.6rem; transform: translateY(calc(-50% - 0.5px)); content: ""; background: center / cover no-repeat url("/web-static-images/content/service_new_circle.png"); width: 4.1rem; height: 1.3rem;}
.rental-new-con .new-item-box .item-left-box .left-list:last-child {margin-bottom: 0;}
.rental-new-con .new-item-box .item-left-box .left-list > p {font-size: 2rem; font-weight: 600; line-height: 1.6em; letter-spacing: -0.4px; color: rgba(34, 34, 34, 0.8);}
.rental-new-con .new-item-box .item-right-box .right-tit {font-size: 4.6rem; font-weight: 700; line-height: 1.7em; letter-spacing: -1.38px; color: #f04137; padding-bottom: 1.4rem;}
.rental-new-con .new-item-box .item-right-box .right-list {display: flex; align-items: center; justify-content: center; width: 100%; height: 8rem; border-radius: 50px; padding: 0 6rem; box-sizing: border-box; background-color: #fff; border: 2px solid #eee; margin-bottom: 1.8rem; box-shadow: -20px 0px 20px #1C000008;}
.rental-new-con .new-item-box .item-right-box .right-list:last-child {margin-bottom: 0;}
.rental-new-con .new-item-box .item-right-box .right-list .list-txt-inner {width: 100%; display: flex;}
.rental-new-con .new-item-box .item-right-box .list-main-txt {font-size: 2.4rem; font-weight: 600; line-height: 1.3em; letter-spacing: -0.48px; color: #222; width: 21.9rem; padding-right: 4rem;}
.rental-new-con .new-item-box .item-right-box .list-main-txt strong {color: #f04137;}
.rental-new-con .new-item-box .item-right-box .list-sub-txt {position: relative; font-size: 1.8rem; font-weight: 500; line-height: 1.8em; letter-spacing: -0.36px; color: #222; padding-left: 2.5rem;}
.rental-new-con .new-item-box .item-right-box .list-sub-txt::before {position: absolute; top: 0; left: 0; content: "\e929"; font-size: 1.6rem; color: #222; font-family: "xeicon";}

/*** 특별 프로모션 ***/
.promotion-page {padding-bottom: 12rem;}
.promotion-info-con {display: flex; align-items: center;}
.promotion-info-con .info-txt-box {width: 38.71%;}
.promotion-info-con .info-txt-box ul {margin-top: 11.7rem;}
.promotion-info-con .info-img-box {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #fafafa; width: calc(61.291% - 13rem); margin-left: 13rem; height: 60rem; box-sizing: border-box; padding: 3.5rem 0 3.5rem 7rem;}
.promotion-info-con .info-img-box::before {position: absolute; top: 0; right: -33rem; width: 33rem; height: 100%; content: ""; background-color: #fafafa;}
.promotion-info-con .info-img-box img {max-width: 100%;}
.promotion-info-con .info-img-box .info-phone {display: block; text-align: right; width: 100%; font-size: 4rem; line-height: 1.6em; color: #222; margin-top: 4rem;}
.promotion-info-con .info-img-box .info-phone span {font-family: "Pretendard"; font-weight: 600; font-size: 1.8rem; letter-spacing: -0.36px; line-height: 1.2em; color: rgba(34, 34, 34, 0.8); padding-right: 2rem;}
.promotion-info-con .info-txt-box .info-red-txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.4px; line-height: 1.5em; color: #f04137;}
.promotion-info-con .info-txt-box .info-tit {font-size: 6.2rem; font-weight: 400; letter-spacing: -1.86px; line-height: 1.3em; color: #222; padding-top: 2rem;}
.promotion-info-con .info-txt-box .info-tit em {font-weight: 500; color: #f04137;}
.promotion-info-con .info-txt-box .info-st {font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; line-height: 1.5em; color: #222; padding-top: 3rem;}
.promotion-info-con .info-price-list li {position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 1.4rem 0;}
.promotion-info-con .info-price-list li:last-child {border-top: none;}
.promotion-info-con .info-price-list .price-tit {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.36px; line-height: 1.3em; color: rgba(34, 34, 34, 0.5);}
.promotion-info-con .info-price-list .price-tit.red {display: block; font-size: 3.5rem; letter-spacing: -0.7px; color: #f04137;}
.promotion-info-con .info-price-list .price-tit.red span {display: block; font-size: 1.5rem; font-weight: 400; line-height: 1em; letter-spacing: -0.3px; color: rgba(34, 34, 34, 0.6); padding-top: 0.7rem;}
.promotion-info-con .info-price-list .price {font-size: 2.8rem; font-weight: 400; line-height: 1.5em; color: rgba(34, 34, 34, 0.5);}
.promotion-info-con .info-price-list .price em {font-family: "Pretendard"; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.32px; color: rgba(34, 34, 34, 0.5);}
.promotion-info-con .info-price-list .price.red {font-size: 6.2rem; color: #f04137;}
.promotion-info-con .info-price-list .price.red em {font-family: "Pretendard"; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; color: #f04137;}
.promotion-info-con .info-price-list .price-circle {position: absolute; top: 48%; right: 19rem; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 5.2rem; height: 5.2rem; background-color: #f04137; border-radius: 50%; color: #fff; font-size: 1.6rem; font-weight: 300;}

/* ******************  주요실적 ********************** */
.experience-page {padding-bottom: 13rem;}
.experience-wrap .experience-st {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.36px; line-height: 1.6em; color: #888; padding-bottom: 1rem;}
.experience-page .solution-tit {padding-bottom: 2.5rem;}
.experience-page .cm-con-tit {display: block; font-size: 4rem; font-weight: 600; letter-spacing: -0.8px; line-height: 1.4em; color: #222;}
.experience-page .cm-con-tit strong {font-weight: 700; color: #f04137;}
.experience-page .slide-wrap {max-width: 1415px; margin: 7.6rem auto 0 auto;}
.experience-page .slide-wrap .slide-con {position: relative; border-radius: 20px; overflow: hidden;}
/* .experience-page .slide-wrap .slide-con .slide-img-wrap .slick-slide {width: 96rem !important;} */
.experience-page .slide-wrap .slide-con .slide-img > span {display: inline-block; position: relative; width: 100%; /* padding-top: 71.25%; */ padding-top:60%; overflow:hidden; border-radius:20px;}
.experience-page .slide-wrap .slide-con .slide-img img {position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); /*  right: 0; bottom: 0; */ margin: auto; width:100%; /* height:100%; */ /* max-width: 100%; */ border-radius: 20px;}
.experience-page .slide-wrap .slide-con > button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 999; font-size: 3.6rem; color: #fff;}
.experience-page .slide-wrap .slide-con > button.prev-btn {left: 3rem;}
.experience-page .slide-wrap .slide-con > button.next-btn {right: 3rem;}
/* .experience-page .slide-wrap .slide-con img {width: 96rem !important; height: 64rem !important;} */
.experience-page .slide-wrap .slide-con .slick-num {position: absolute; bottom: 3rem; right: 3rem;}
.experience-page .slide-wrap .slide-con .slick-num, .experience-page .slide-wrap .slide-con .slick-num > span:last-child {font-size: 1.6rem; font-weight: 600; color: rgba(255, 255, 255, 0.27);}
.experience-page .slide-wrap .slide-con .slick-num > span:first-child {position: relative; font-size: 2.2rem; font-weight: 600; color: #fff; bottom: 0.5rem; padding-right: 0.5rem;}
.experience-page .sub-tab-wrapper-style .slick-list {overflow: visible;}
.experience-page .slide-wrap .slide-con .slick-num > span:last-child {padding-left: 0.5rem;}
.experience-page .cm-tab-container-JS, .experience-page .cm-tab-container-JS02 {display: flex;}
.experience-page .cm-tab-container-JS aside {width: 20rem;}
.experience-page .cm-tab-container-JS .sub-tab-content-style {width: calc(100% - 21rem);}
.experience-page .cm-tab-container-JS .sub-tab-content-style .sub-tab-con {width: 100%; max-width:768px; margin:auto;}
.experience-page .cm-tab-container-JS .sub-tab-wrapper-style {overflow: hidden; height: auto;}
.experience-page .cm-tab-container-JS .sub-tab-wrapper-style .sub-tab-list-style {height: 100%;}
.experience-page .sub-tab-list-style ul {position: relative; display: flex; flex-direction: column; padding: 1rem 1.5rem 1rem 0; width: 23.5rem; overflow: hidden;}
.experience-tab-01-con .sub-tab-list-style ul.marginMinus {margin-left: -1rem;}
.experience-page .sub-tab-list-style ul li:first-child {border: none;}

.experience-page .slide-wrap .slide-con .slide-nav-wrap{margin:3rem -0.7rem 0}
.experience-page .slide-wrap .slide-con .slide-nav-wrap .slide-img{margin:0 0.7rem;  cursor:pointer;}
.experience-page .slide-wrap .slide-con .slide-nav-wrap .slide-img span:before{position: absolute; content:''; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); z-index:1; transition:var(--transition-custom);}
.experience-page .slide-wrap .slide-con .slide-nav-wrap .slide-img.slick-current span:before{opacity:0;}


/* .experience-page .sub-tab-list-style ul::before {position: absolute; bottom: 0; left: 0; width: 86.37%; height: 15rem; background: linear-gradient(to top, #fff 0%, transparent 100%); content: ""; z-index: 3; pointer-events: none;} */
.experience-page .sub-tab-list-style ul.slick-slider {box-sizing: content-box;}
.experience-page .sub-tab-list-style ul li {border: none; /* width: 100% !important; */}
.experience-page .sub-tab-list-style.grayBg ul li {position: relative; width: 100%; border: none; padding: 0 2.7rem; box-sizing: border-box; background-color: transparent;}
.experience-page .sub-tab-list-style.grayBg ul li::before {opacity: 0; position: absolute; pointer-events: none; right: -1.2rem; top: 50%; transform: translateY(-50%); content: ""; width: 0; height: 0; border-top: 2.75rem solid transparent; border-left: 1.5rem solid #F04137; border-bottom: 2.75rem solid transparent; border-radius: 20px; z-index: -1;}
.experience-page .sub-tab-list-style.grayBg ul li::after {opacity: 0; position: absolute; right: 1rem; top: 49%; transform: translateY(-50%); content: "\e90b"; font-family: "xeicon"; color: #fff; font-size: 2.4rem;}
.experience-page .sub-tab-list-style ul li.selected {background-color: transparent; border-color: transparent;}
.experience-page .sub-tab-list-style ul li.selected a em {color: #f04137;}
.experience-page .sub-tab-list-style.grayBg ul li.selected {background-color: #f04137; border-radius: 5px;}
.experience-page .sub-tab-list-style.grayBg ul li.selected::before, .experience-page .sub-tab-list-style.grayBg ul li.selected::after {opacity: 1;}
.experience-page .sub-tab-list-style.grayBg ul li.selected a em {color: #fff;}
.experience-page .sub-tab-list-style ul li {margin: 4.5px 0; width: 100%;}
.experience-page .sub-tab-list-style ul li a {height: 5rem;}
.experience-page .sub-tab-list-style ul li a em {font-size: 1.6rem; font-weight: 500; color: #222; text-align: left; }
.experience-tab-01-con .sub-tab-list-style.grayBg {position: relative; background-color: #f7f7f7; border-radius: 20px;}
.experience-tab-02-con .sub-tab-list-style::before {position: absolute; top: auto; bottom: -1rem; left: 0; width: 100%; height: 15rem; background: linear-gradient(to top, #fff 0%, transparent 100%); content: ""; border-bottom: 0; pointer-events: none; z-index: 1;}
.experience-page .cm-tab-container-JS02 .cm-tab-content-wrapper-JS02 {margin-left: 8rem; width: calc(100% - 27rem);}
.experience-page .cm-tab-container-JS02 .cm-tab-list-JS02 ul {margin-left: 6rem;}

.experience-tab-01-con, .experience-tab-02-con{display: flex; flex-wrap:wrap;}
.experience-tab-01-con .sub-tab-wrapper-style,
.experience-tab-02-con .sub-tab-wrapper-style{width: 19rem; height: auto;}
.experience-tab-box {width: calc(100% - 20rem);}
.experience-tab-02-con{margin-left: 6rem;}
.experience-tab-02-con .sub-tab-content-style{width: calc(100% - 19rem);}
.experience-page .sub-tab-wrapper-style .slick-list {overflow: hidden;}
.experience-page .experience-tab-01 .slick-list {overflow: visible;}

.experience-page .slide-wrap .slide-con .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; font-size: 3.6rem; color: #fff; width:6rem; height:6rem; line-height:6.6rem; border-radius:50%; background:rgba(245,245,245,0.1); backdrop-filter:blur(5px);}
.experience-page .slide-wrap .slide-con .slick-arrow i {text-shadow: 0 1px 5px rgba(0,0,0,0.35);}
.experience-page .slide-wrap .slide-con .slick-prev {left: 3rem;}
.experience-page .slide-wrap .slide-con .slick-next {right: 3rem;}

.slide-img-wrap .slick-dots{position: absolute; bottom: 3rem; right: 3rem; z-index:9999}
.slide-img-wrap .slick-dots li:not(.slick-active) {display: none;}
.slick-dots-current, .slick-dots-slash, .slick-dots-total {display: inline-block; font-size: 1.6rem; font-weight: 600; color: rgba(255, 255, 255, 0.27);}
.slick-dots-current {font-size: 2.2rem; font-weight: 600; color: #fff;}
.slick-dots-slash {position: relative; margin: 0 1rem;}

@media all and (max-width:800px){
	.experience-page .slide-wrap .slide-con .slick-arrow{width:4rem; height:4rem; line-height:4.4rem; font-size:2.4rem;}
}

/* ******************  소식 ********************** */

/***** news *****/
.news-page .bbs-basic-gallery-con12-list-con {margin: 0 -0.75%;}
.news-page .bbs-basic-gallery-con12-list-con li {width: 31.782%; margin: 0 0.7725% 3%;}
.news-page .bbs-basic-gallery-con12-list-con li > a {border-radius: 20px; overflow: hidden; border: none; background-color: #f5f5f5; transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li > a::before {display: none;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box {padding: 5rem 5rem 0 5rem; text-align: left; box-sizing: border-box; height: 24rem;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box {position: relative; padding: 0 5rem; height: 24rem;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box .inner {transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-content-box .content-txt {font-size: 1.6rem; line-height: 1.8em; letter-spacing: -0.32px; color: rgba(70, 70, 70, 0.8); white-space: normal; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .news-category {display: flex; align-items: center; justify-content: center; width: 7rem; height: 2rem; background-color: #222; color: #fff; font-size: 1.4rem; line-height: 2em; letter-spacing: -0.28px; border-radius: 50px; margin-bottom: 1rem; transition: all 0.5s;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover {box-shadow: 10px 10px 40px #1C00000D;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-info-box .news-category {background-color: #f04137;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover {background-color: #fff;}
.news-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-content-box .inner {filter: blur(5px);}

/***** 동영상 *****/
.video-page .bbs-basic-gallery-con12-list-con {margin: 0 -0.5%;}
.video-page .bbs-basic-gallery-con12-list-con li {width: 23.955%; margin: 0 0.52% 4.5%;}
.video-page .bbs-basic-gallery-con12-list-con li a {border: none;}
.video-page .bbs-basic-gallery-con12-list-con li a::before {display: none;}
.video-page .bbs-basic-gallery-con12-list-con li .gallery-info-box {text-align: left; padding: 17px 0 20px 0;}
.video-page .bbs-basic-gallery-con12-list-con li .gallery-thumb-box {overflow: hidden !important;}
.video-page .bbs-basic-gallery-con12-list-con li .gallery-thumb-box .gallery-thumb {padding-top: 56.67% !important;}
.video-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit {-webkit-line-clamp: 1 !important; height: auto !important; margin-bottom: 1.2rem !important;}
.video-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-thumb-box .gallery-thumb {filter: blur(16px) !important;}
.video-page  .paging {padding-top: 0; margin: 21px 0 30px 0;}

/***** 공통 *****/
.cm-notice-page .bbs-basic-gallery-con12-list-con li > a .gallery-more-btn {width: 60px; height: 60px; background: #f04137;}
.cm-notice-page .custom-option-drop-list {border-radius: 15px;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li > a .gallery-more-btn i {line-height: 60px; color: #fff;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-thumb-box {padding-top: 0; overflow: visible; z-index: 5;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-thumb-box .gallery-thumb {transition: all 0.5s; position: relative; display: block; width: 100%; padding-top: 60%;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit {font-size: 2rem; line-height: 1.6em; letter-spacing: -0.4px; color: #222; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin-bottom: 3.4rem; height: 6.4rem;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day {font-size: 1.5rem; line-height: 1.5em; color: rgba(34, 34, 34, 0.5);}
.cm-notice-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-info-box .gal-day {color: rgba(34, 34, 34, 0.5);}
.cm-notice-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-info-box .gal-tit {color: #f04137;}
.cm-notice-page .bbs-basic-gallery-con12-list-con li > a:hover .gallery-thumb-box .gallery-thumb {filter: blur(20px);}

/*** 페이징 ***/
.cm-notice-page .paging a.paging-arrow i {font-size: 18px; color: #222;}
.cm-notice-page .paging-style03 a {font-size: 18px; color: #222; padding: 0 14px 0 14px;}
.cm-notice-page .paging-style03 a.paging-arrow {padding: 0 21px 0 21px;}


/***** 뉴스 *****/
@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;}
}

/* ******************  고객지원 ********************** */

/***** 온라인 문의 *****/
.inquiry-page .cm-btn-controls button {border-color: #f04137;}

/*** 타이틀 텍스트 ***/
.inquiry-txt-box {margin-bottom: 6rem;}
.inquiry-txt-box .inquiry-tit {font-size: 2rem; font-weight: 700; line-height: 1.2em; color: #F04137; padding-bottom: 2rem;}
.inquiry-txt-box .inquiry-txt {font-size: 4rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.8px; color: #222; padding-bottom: 1.2rem;}
.inquiry-txt-box .inquiry-txt span {color: #F04137; font-weight: 700;}
.inquiry-txt-box .inquiry-subtxt {font-size: 1.8rem; font-weight: 500; line-height: 1.4em; letter-spacing: -0.36px; color: #888;}
.inquiry-page .bbs-inquiry-style07 .board-custom-select-box .custom-select-trigger {color: #222;}
.inquiry-page .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.select-box.show::before {content: "\e945";}
.inquiry-page .custom-select.opened .custom-select-trigger:after {display: none;}



/* ******************************* 
주차운영 리뉴얼 2023-10-06 MJ
******************************* */
.parking-content{padding-bottom:15rem;}

/* 주차운영 서비스 타이틀 */
.parking-page .title-box .service-top-txt02{font-size:1.8rem; line-height:1.5; letter-spacing:-0.04em; color:#222; font-weight:600; margin-top:0.8rem;}
.parking-page .title-box span{color:var(--main-color)}

/* 관리가 필요하다면? */
.parking-management-con .title-box{width:calc(100% - 40rem); margin-bottom:6rem;}
.parking-management-service{position: relative; border-top:0.3rem solid #000; padding-top:6rem;}
.parking-management-service .top-img{position: absolute; top:0; right:0rem; transform:translate(-8rem, calc(-100% + 2.5rem));}
.parking-management-service .management-list{}
.parking-management-service .management-list .list-item{display: flex; align-items: stretch; justify-content:space-between; margin-bottom:2rem;}
.parking-management-service .management-list .list-item:last-child{margin-bottom:0;}
.parking-management-service .management-list .list-item .left-box{display: flex; flex-direction:column; align-items:center; justify-content:center; width:40.32%; text-align:center; background:#f5f5f5; border-radius:9rem; padding:2rem 3rem; box-sizing:border-box;}
.parking-management-service .management-list .list-item .left-box .inner-txt{margin:1rem 0;}
.parking-management-service .management-list .list-item .left-box .inner-txt .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.04em; color:#222; font-weight:600;}
.parking-management-service .management-list .list-item .right-box{display: flex; align-items:center; justify-content:center; width:50%; text-align:center; border:0.3rem solid #ddd; box-shadow: -2rem 0px 2rem	 #1C000008; border-radius:9rem; padding:0 3rem; box-sizing:border-box;}
.parking-management-service .management-list .list-item .right-box .inner-txt .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.04em; color:#222; font-weight:700;}
.parking-management-service .management-list .list-item .right-box .inner-txt .txt span{color:var(--main-color);}
.parking-management-service .management-list .list-item .hypen{display: flex; align-items:center; justify-content:center;}

/* 어떻게 다를까요? */
.parking-content.parking-menu-con{padding-bottom:10rem;}
.parking-service-menu{margin-top:0.5rem;}
.parking-menu-con .service-top-txt span{color:var(--main-color);}
.parking-service-menu .menu-list-tit{font-size:1.8rem; line-height:1.36; letter-spacing:-0.044em; font-weight:600; margin-bottom:3rem; color: #222;}
.parking-service-menu .menu-list{display: flex; align-items:Center; background:#f5f5f5; border-radius:4rem; padding:3.5rem 0 2.5rem;}
.parking-service-menu .menu-list .list-item{position: relative; text-align:center; width:33.33%;}
.parking-service-menu .menu-list .list-item:before{position: absolute; content:''; width:1px; height:100%; background:#ddd; top:0; right:0;}
.parking-service-menu .menu-list .list-item:last-child:before{display: none;}
.parking-service-menu .menu-list .list-item .icon{margin-bottom:2rem; height:6rem; line-height:6rem;}
.parking-service-menu .menu-list .list-item .icon img{max-height:100%;}
.parking-service-menu .menu-list .list-item .txt{font-size:2.2rem; line-height:1.36; letter-spacing:-0.044em; font-weight:600; color:#222; padding:0 2rem; box-sizing:border-box;}

/* 주차운영 종류 */
.parking-type-con{background:#fafafa; padding:10rem 0; margin-bottom:10rem;}
.parking-service-type{margin-top:6rem;}
.parking-type-info-list{margin-bottom:4rem;}
.parking-type-info-list .list-item{margin-bottom:0.7rem;}
.parking-type-info-list .list-item .txt{position: relative; padding-left:3rem; font-size:1.8rem; line-height:2; letter-spacing:-0.04em; color:#222; font-weight:500;}
.parking-type-info-list .list-item .txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:2rem; left:0; top:0rem;}

.parking-type-con-box{position: relative; display: flex; align-items:center; justify-content:space-between; }
.parking-type-con-box .left-box{width:48.4%;}
.parking-type-con-box .left-box img{max-width:100%}
.parking-type-con-box .hypen{position: absolute; left:50%; top:50%; transform:translate(-100%, -50%);}
.parking-type-con-box .right-box{width:48.4%;}
.parking-type-con-box .right-box > .tit{font-size:3.2rem; line-height:1.25; letter-spacing:-0.064em; color:#222; font-family:var(--font-family2); margin-bottom:2.5rem;}
.parking-type-con-box .right-box > .tit .point{color:var(--main-color);}
.parking-type-con-box .right-box > .tit .point em{position: relative; font-weight:400; font-size:4.2rem;}
.parking-type-con-box .right-box > .tit .point em:before{position: absolute; content:''; width:0.5rem; height:0.5rem; border-radius:50%; background:var(--main-color); top:-1rem; left:50%; transform:translateX(-50%);}

.parking-type-con-box .right-box .inner-list{background:#fff; border-radius:2rem; box-shadow: 1rem 1rem 2rem #0000000F; padding:1.5rem 3rem; box-sizing:border-box;}
.parking-type-con-box .right-box .inner-list .list-item{display: flex; border-bottom:1px solid #ddd; padding:1.5rem 0;}
.parking-type-con-box .right-box .inner-list .list-item:last-child{border-bottom:0;}
.parking-type-con-box .right-box .inner-list .list-item dt{font-size:1.6rem; line-height:1.875; letter-spacing:-0.032em; color:var(--main-color); font-weight:600; width:2rem; margin-right:1.5rem;}
.parking-type-con-box .right-box .inner-list .list-item dd{font-size:1.8rem; line-height:1.66; letter-spacing:-0.036em; color:#222; font-weight:600;}
.parking-type-con-box .right-box .inner-list .list-item dd .small{display: block; font-size:1.6rem; font-weight:500; color:#222; }

/* 주차운영의 특장점 */
.parking-content.parking-benefit-con{padding-bottom:10rem;}
.parking-service-benefit{}
.parking-service-benefit .benefit-list{}
.parking-service-benefit .benefit-list .list-item{display: flex; align-items:Center; padding:2.5rem 0; border-bottom:1px solid #ddd;}
.parking-service-benefit .benefit-list .list-item .left-box{width:34.3%; display: flex; align-items:center;}
.parking-service-benefit .benefit-list .list-item .left-box .icon{width:10.5rem; padding:0 2rem; box-sizing:border-box;}
.parking-service-benefit .benefit-list .list-item .left-box .icon img{max-width:100%;}
.parking-service-benefit .benefit-list .list-item .left-box .tit{width:calc(100% - 10.5rem); font-size:2.8rem; letter-spacing:-0.084em; color:#222; font-weight:700;}
.parking-service-benefit .benefit-list .list-item .left-box .tit .no-icon{position: relative; font-size:2rem; letter-spacing:-0.02em; background:var(--main-color); border-radius:2rem; color:#fff; font-weight:400; padding:0.1rem 1rem; top:-0.5rem; margin-left:2rem;}
.parking-service-benefit .benefit-list .list-item .left-box .tit .no-icon:before{position: absolute; content:''; width: 0; height: 0; border-bottom: 0.5rem solid transparent; border-top: 0.5rem solid transparent; border-right: 1rem solid var(--main-color); border-left: 1rem solid transparent; transform:rotate(-45deg) translate(-50%, -40%); bottom:0; left:0;}
.parking-service-benefit .benefit-list .list-item .right-box{width:65.7%}
.parking-service-benefit .benefit-list .list-item .right-box .txt{font-size:1.8rem; letter-spacing:-0.036em; color:#222; line-height:1.66; font-weight:400;}

/* 컨설팅 과정 */
.parking-service-consulting{margin-top:1rem;}
.parking-service-consulting .consulting-list{display: flex;}
.parking-service-consulting .consulting-list .list-item{position: relative; width:25%; text-align:center;}
.parking-service-consulting .consulting-list .list-item:before{position: absolute; content:''; top: 50%; right: 0rem; transform: translate(50%, calc(-50% - 0.5px)); background: center / cover no-repeat url("/web-static-images/content/service_new_circle.png"); width: 4.1rem; height: 1.3rem;}
.parking-service-consulting .consulting-list .list-item:last-child:before{display: none;}
.parking-service-consulting .consulting-list .list-item .img{display: flex; align-items: flex-end; justify-content: center; height:17rem; padding:0 5rem; margin:0 auto 2rem; box-sizing:border-box;}
.parking-service-consulting .consulting-list .list-item:nth-child(1) .img{padding:0 7rem;}
.parking-service-consulting .consulting-list .list-item .img img{max-width:100%;}
.parking-service-consulting .consulting-list .list-item .num{font-size: 1.6rem; letter-spacing:-0.032em; color:var(--main-color); font-weight:700; margin-bottom:1rem;}
.parking-service-consulting .consulting-list .list-item .txt{font-size: 2.2rem; letter-spacing:-0.044em; color:#222; font-weight:600;}

/* 주차장 운영 후기 */
.parking-service-review{margin-top:3rem;}
.parking-service-review .review-list{display: flex; justify-content:space-between;}
.parking-service-review .review-list .list-item{width:47.6%; background:#f5f5f5; border-radius:4rem; padding:4rem; box-sizing:border-box;}
.parking-service-review .review-list .list-item .tit-box{display: flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding-bottom:2rem; margin-bottom:3.5rem;}
.parking-service-review .review-list .list-item .tit-box .tit{font-size:2.2rem; letter-spacing:-0.044em; color:#707070; font-weight:600;}
.parking-service-review .review-list .list-item .tit-box .tit b{font-weight:700; color:#000;}
.parking-service-review .review-list .list-item .tit-box .star{font-size:2.2rem;}
.parking-service-review .review-list .list-item .img-box img{max-width:100%; margin-bottom:3rem;}
.parking-service-review .review-list .list-item .txt-box{text-align:center; margin-bottom:3rem;}
.parking-service-review .review-list .list-item .txt-box .txt01{font-size:2.8rem; letter-spacing:-0.084em; line-height:1.3; color:#222; font-weight:700; margin-bottom:2.5rem;}
.parking-service-review .review-list .list-item .txt-box .txt02{font-size:1.6rem; letter-spacing:-0.036em; line-height:1.75; color:#222; font-weight:500;}
.parking-service-review .review-list .list-item .txt-box .txt02 span{color:var(--main-color);}
.parking-service-review .review-list .list-item .txt-box02{text-align:center;}
.parking-service-review .review-list .list-item .txt-box02 .txt01{font-size:2.2rem; letter-spacing:-0.044em; line-height:1.3; color:#222; opacity:0.8; font-weight:700; margin-bottom:1rem;}
.parking-service-review .review-list .list-item .txt-box02 .txt02{font-size:1.5rem; letter-spacing:-0.032em; line-height:1.73; color:#222; opacity:0.8; font-weight:500;}


@media all and (max-width:800px){
	.parking-content{padding-bottom:8rem !important;}
	/* 관리가 필요하다면? */
	.parking-management-con .title-box{width:100%; margin-bottom:21rem;}
	.parking-management-service .top-img{right:50%; transform:translate(50%, calc(-100% + 2.5rem)); width:30%; text-align:center;}
	.parking-management-service .top-img img{max-width:100%;}
	.parking-management-service .management-list .list-item{display: block; margin-bottom:5rem;}
	.parking-management-service .management-list .list-item .left-box{width:100%; padding:2rem;}
	.parking-management-service .management-list .list-item .hypen{margin:2rem 0;}
	.parking-management-service .management-list .list-item .hypen img{transform: rotate(90deg);}
	.parking-management-service .management-list .list-item .right-box{width:100%; padding:3rem;}
	/* 어떻게 다를까요? */
	.parking-service-menu{margin-top:3rem;}
	.parking-service-menu .menu-list{display: block;}
	.parking-service-menu .menu-list .list-item{width:100%; margin-bottom:3rem;}
	.parking-service-menu .menu-list .list-item:last-child{margin-bottom:0;}
	.parking-service-menu .menu-list .list-item:before{width:calc(100% - 6rem); height:1px; top:auto; left:3rem; bottom:-1.5rem;}
	/* 주차운영 종류 */
	.parking-service-type{margin-top:3rem;}
	.parking-type-con-box{display: block;}
	.parking-type-con-box .left-box{width:100%; text-align:center;}
	.parking-type-con-box .hypen{position: relative; left:auto; top:auto; transform:none; margin:3rem 0 5rem; text-align:center;}
	.parking-type-con-box .hypen img{transform: rotate(90deg);}
	.parking-type-con-box .right-box{width:100%;}
	/* 주차운영의 특장점 */
	.parking-service-benefit .benefit-list .list-item{display: block;}
	.parking-service-benefit .benefit-list .list-item .left-box{width:100%; margin-bottom:2rem;}
	.parking-service-benefit .benefit-list .list-item .right-box{width:100%; padding:0 2rem; box-sizing:border-box;}
	/* 컨설팅 과정 */
	.parking-service-consulting .consulting-list{flex-wrap:wrap;}
	.parking-service-consulting .consulting-list .list-item{width:50%; margin-bottom:5rem;}
	.parking-service-consulting .consulting-list .list-item:nth-child(2):before{display: none;}
	/* 주차장 운영 후기 */
	.parking-service-review .review-list{display: block;}	
	.parking-service-review .review-list .list-item{width:100%; margin-bottom:3rem;}
	.parking-service-review .review-list .list-item:last-child{margin-bottom:0;}
}
@media all and (max-width:480px){
	/* 컨설팅 과정 */
	.parking-service-consulting .consulting-list .list-item .img{height:auto; }
	.parking-service-consulting .consulting-list .list-item:nth-child(1) .img{padding:0 6rem;}
	/* 주차장 운영 후기 */
	.parking-service-review .review-list .list-item .tit-box{display: block;}
	.parking-service-review .review-list .list-item .tit-box .tit{margin-bottom:1rem;}
}

/* 주요 협력사 */
.experience-partner-wrap{margin-top:10rem;}
.experience-tit-box{display: flex; align-items:flex-end; margin-bottom:4.5rem; padding-bottom:2.5rem; border-bottom:1px solid #eee}
.experience-tit-box .tit{font-size:4.5rem; line-height:1.33; letter-spacing:-0.02em; color:#222; font-weight:700;}
.experience-tit-box .txt{font-size:1.8rem; line-height:1.77; letter-spacing:-0.036em; color:#aaa; font-weight:500; margin-left:3rem;}
.experience-partner-wrap .con-box{background:#f5f5f5; border-radius:4rem; padding:2rem 4rem; box-sizing:border-box; display: flex; flex-wrap:wrap;}
.experience-partner-wrap .con-box .list-item{width:14.285%; margin:4rem 0;}
.experience-partner-wrap .con-box .list-item .img{display: flex; height:100%; align-items: center; justify-content: center; width:70%; margin:auto; text-align:center;}
.experience-partner-wrap .con-box .list-item .img img{max-width:100%;}

@media all and (max-width:1580px){
	.experience-partner-wrap .inner-box{max-width:none; padding:0 var(--area-padding);}
}
@media all and (max-width:1280px){
	.experience-partner-wrap .con-box .list-item{width:20%; margin:3rem 0;}
}
@media all and (max-width:800px){
	.experience-tit-box{display: block; margin-bottom:3rem;}
	.experience-tit-box .tit{font-size:4rem;}
	.experience-tit-box .txt{margin-left:0; margin-top:1rem;}
	.experience-partner-wrap .con-box{padding:2rem;}
	.experience-partner-wrap .con-box .list-item{width:25%; margin:2rem 0;}
}
@media all and (max-width:640px){
	.experience-partner-wrap .con-box .list-item{width:33.33%;}
}



/* ******************************* 
i PARKING Factory 2023-12-14 MJ
******************************* */
/* 서브페이지 공통텍스트 */
.cm-sub-tit-box{}
.cm-sub-tit-box .cm-tit-en{display: block; font-size:2rem; line-height:1.5; color:#f04137; font-weight:700; margin-bottom:1.5rem;}
.cm-sub-tit-box .cm-tit{font-size:3.8rem; line-height:1.3; letter-spacing:-0.0115em; color:#222; font-weight:400;}
/* i PARKING Factory */
.factory-list-wrap{display: flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin-top:6rem;}
.factory-list-wrap .list-item{width:32.25%; background:#F5F5F5; border-radius:2rem; overflow:hidden; margin-top:6rem;}
.factory-list-wrap .list-item:nth-child(-n+3){margin-top:0;}
.factory-list-wrap .list-item .img-box img{width:100%;}
.factory-list-wrap .list-item .txt-box{padding:4rem 2rem; box-sizing:border-box; text-align:center;}
.factory-list-wrap .list-item .txt-box .tit{font-size:2.4rem; line-height:1.5; letter-spacing:-0.03em; font-weight:700; color:#222; margin-bottom:1rem;}
.factory-list-wrap .list-item .txt-box .txt{font-size:1.75rem; line-height:1.7; letter-spacing:-0.025em; font-weight:500; color:##464646;}



/* 2024-01-15 추가 :: 주차장 소식페이지만 적용 */
.parking-news.news-page .bbs-basic-gallery-con12-list-con li{width:23.455%;}
.parking-news.news-page .bbs-basic-gallery-con12-list-con li .gallery-info-box{height:11rem; padding:3rem 3rem 0 4rem;}
.parking-news.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit{font-size:1.8rem}
.parking-news.cm-notice-page .bbs-basic-gallery-con12-list-con li .gallery-thumb-box .gallery-thumb{padding-top:100%;}


/* 2024-02-29 추가 :: R&D 페이지 추가 */
.rnd-txt{font-size:2rem; line-height:1.8; letter-spacing:-0.02em; color:#222; font-weight:600;}
.rnd-txt b{font-weight:800;}
.rnd-txt .red{color:var(--main-color);}

.rnd-page .cm-sub-tit-box{margin-bottom:6rem;}
.rnd-page .rnd-txt{margin-top:1rem;}
.rnd-page .sub-con{margin-bottom:15rem;}
.rnd-page .sub-con:last-child{margin-bottom:0;}
/* i PARKING R&D 소개 */
.rnd-list-wrap{display: flex; flex-wrap:wrap; justify-content:space-between;}
.rnd-list-wrap .list-item{position: relative; width:48.3871%; overflow:hidden; border-radius:2rem; margin-bottom:4rem;}
.rnd-list-wrap .list-item:nth-last-child(-n+2){margin-bottom:0;}
.rnd-list-wrap .list-item .img-box img{width:100%;}
.rnd-list-wrap .list-item .txt-box{position: absolute; width:100%; height:100%; top:0; left:0; padding:4rem 5rem; box-sizing:border-box;}
.rnd-list-wrap .list-item .txt-box .tit{font-size:1.8rem; line-height:2; letter-spacing:-0.02em; color:#fff; font-weight:400;}
.rnd-list-wrap .list-item .txt-box .txt{font-size:2.6rem; line-height:1.15; letter-spacing:-0.03em; color:#fff; font-weight:600;}

/* i PARKING R&D Mission */
.rnd-mission-wrap{display: flex; justify-content:space-between;}
.rnd-mission-wrap .left-item{width:40.3225%;}
.rnd-mission-wrap .left-item .top-item{text-align:center; margin-bottom:3rem;}
.rnd-mission-wrap .left-item .top-item .img{display: flex; align-items:flex-end; justify-content:center; height:18.5rem; margin-bottom:2.5rem;}
.rnd-mission-wrap .left-item .top-item .img img{max-height:100%;}
.rnd-mission-wrap .left-item .top-item .txt{font-size:2.6rem; line-height:1.97; letter-spacing:-0.02em; color:#222; font-weight:700;}
.rnd-mission-wrap .left-item .mission-con-item{position: relative; display: flex; align-items:center; justify-content:center; text-align:center; height:15rem; border-radius:9rem; background:rgba(245,245,245,0.7); padding:1rem 3rem; box-sizing:border-box; margin-bottom:2rem;}
.rnd-mission-wrap .left-item .mission-con-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'); right:-8%; transform:translateX(100%);}
.rnd-mission-wrap .left-item .mission-con-item:last-child{margin-bottom:0;}
.rnd-mission-wrap .left-item .mission-con-item .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.02em; color:#222; font-weight:600;}

.rnd-mission-wrap .right-item{width:50%;}
.rnd-mission-wrap .right-item .top-item{text-align:center; margin-bottom:3rem;}
.rnd-mission-wrap .right-item .top-item .img{display: flex; align-items:flex-end; justify-content:center; height:18.5rem; margin-bottom:2.5rem;}
.rnd-mission-wrap .right-item .top-item .img img{max-height:100%;}
.rnd-mission-wrap .right-item .top-item .txt{font-family:var(--font-family2); font-size:3.2rem; line-height:1.61; letter-spacing:-0.03em; color:var(--main-color); font-weight:400;}
.rnd-mission-wrap .right-item .mission-con-item{position: relative; display: flex; align-items:center; justify-content:center; text-align:center; height:15rem; border-radius:9rem; border:3px solid #ddd; padding:1rem 3rem; box-sizing:border-box; margin-bottom:2rem; box-shadow: -20px 0px 20px #1C000008;}
.rnd-mission-wrap .right-item .mission-con-item:last-child{margin-bottom:0;}
.rnd-mission-wrap .right-item .mission-con-item .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.02em; color:#222; font-weight:600;}
.rnd-mission-wrap .right-item .mission-con-item .txt span{color:var(--main-color);}

/* i PARKING R&D 핵심기술 및 제품군 */
.tech-tit-box{display: flex; align-items:center; margin-bottom:3rem;}
.tech-tit-box .icon{width:6.5rem; padding-right:1.5rem; box-sizing:border-box;}
.tech-tit-box .icon img{max-width:100%;}
.tech-tit-box .tit{width:calc(100% - 8rem); font-size:2.4rem; line-height:1.66; letter-spacing:-0.03em; color:#222; font-weight:700;}
.tech-tit-box .tit span{color:var(--main-color);}

.rnd-tech-wrap{}
.rnd-tech-wrap .tech-item .inner-wrap{background:#f5f5f5; border-radius:2rem; padding:4rem 5rem; box-sizing:border-box;}

.rnd-tech-wrap .tech-item .inner-wrap .inner-box{}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-tit{display: inline-block; padding:0 2rem; font-size:2rem; line-height:1.5; letter-spacing:-0.03em; color:#fff; font-weight:500; border-radius:1.5rem; background:#000; box-sizing:border-box; /* margin-bottom:0.8rem; */}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list{}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list dl{display: flex; border-bottom:1px solid #ddd; padding:1.5rem 0;}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box:last-child .inner-list dl:last-child{border-bottom:0;}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list dl dt{white-space:nowrap; font-size:1.9rem; line-height:1.26; letter-spacing:-0.02em; color:#222; font-weight:600;}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list dl dd{font-size:1.7rem; line-height:1.41; letter-spacing:-0.02em; color:#464646; margin-left:1.5rem;}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list .inner-img{width: calc(100% + 10rem); margin-left: -5rem; text-align: center; margin-top:5.2rem; padding: 0 0.5rem; box-sizing: border-box;}
.rnd-tech-wrap .tech-item .inner-wrap .inner-box .inner-list .inner-img img{max-width:100%;}


.rnd-tech-wrap .tech-item.top-item .inner-wrap{display: flex; justify-content:space-between;}
.rnd-tech-wrap .tech-item.top-item .inner-wrap .inner-top-box{width:47.37%;}
.rnd-tech-wrap .tech-item.top-item .inner-wrap .inner-top-box .inner-box{margin-bottom:2.4rem;}
.rnd-tech-wrap .tech-item.top-item .inner-wrap .inner-top-box .inner-box:last-child{margin-bottom:0rem;}

.tech-item-3deps{display: flex; justify-content:space-between; margin-top:5rem;}
.tech-item-3deps .tech-item{width:32.25%;}
.tech-item-3deps .tech-item .inner-wrap .inner-box .inner-list dl{display: block;}
.tech-item-3deps .tech-item .inner-wrap .inner-box .inner-list dl dd{margin-left:0; margin-top:0.5rem}


/* app 풀페이지 추가 2024-05-07 */
.area-full{max-width:1360px; margin:0px auto;}

/* full header */
#header.full-header{top:3rem;}
#header.full-header:before{display: none;}
#header.full-header .logo svg *{fill:#fff; transition:var(--transition-custom);}

#header.full-header .logo{position: relative;}
#header.full-header .logo img{position: absolute; left:0; top:0; transition:var(--transition-custom); transform: translateY(-50%);}
#header.full-header .logo img.color{opacity:0;}
#header.full-header .logo img.white{opacity:1;}

#header.full-header.active .logo img.color{opacity:1;}
#header.full-header.active .logo img.white{opacity:0;}

/* full header ::active */
#header.full-header.active .logo svg *{fill:var(--main-color);}

#header.full-header .header-util-box{padding-right:0;}
.header-down-btn-list{position: relative; opacity:0; transition:var(--transition-custom); pointer-events: none;}
.header-down-btn-list .header-down-btn,
.header-down-link{display: flex; align-items:center; justify-content:center; width:16rem; height:5rem; background:#282828; border-radius:5rem; color:#fff; font-size:2rem; letter-spacing:-0.025em; font-weight:600;}
.header-down-btn-list .header-down-btn i,
.header-down-link i{font-size:2.4rem; margin-right:0.5rem; margin-top:0.3rem;}
.header-down-link{background:#fff; border:1px solid #d3d3d4; color:#333;}
.header-down-btn-list .header-down-list{position: absolute; top:calc(100% + 2.5rem); left:50%; transform:translateX(-50%); border-radius:0.9rem; display: none; overflow:hidden;}
.header-down-btn-list .header-down-list .list-item{position: relative; background:#282828; }
.header-down-btn-list .header-down-list .list-item:before{position: absolute; content:''; width:calc(100% - 2rem); height:1px; bottom:0; left:1rem; background:#fff;}
.header-down-btn-list .header-down-list .list-item:last-child:before{display: none;}
.header-down-btn-list .header-down-list .list-item a{display: flex; align-items:center; justify-content:center; width:14rem; height:4.7rem;}
.header-down-btn-list .header-down-list .list-item a span{font-size:1.8rem; letter-spacing:-0.025em; color:#fff; font-weight:500; margin-left:0.5rem;}

.active .header-down-btn-list{opacity:1; pointer-events: auto;}

.full-content{position: relative; display: flex; justify-content:space-between; align-items:center; height:100%;}
.full-content .left-box{width:50%;}
.full-content .right-box{width:50%;}

.cm-full-tit-box{}
.cm-full-tit-box .full-tit{position: relative; font-size:9.2rem; line-height:1.13; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:4rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.cm-full-tit-box .full-tit > span{font-weight:700; color:#ea443c;}
.cm-full-tit-box .full-txt{font-size:3.2rem; line-height:1.3125; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:4.5rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.cm-full-tit-box .full-txt b{font-weight:600;}
.cm-full-tit-box .full-txt:last-child{margin-bottom:0;}

.cm-full-tit-box .full-tit .date-txt{position: absolute; font-size:1.8rem; left:0; top:0; transform:translateY(-100%); letter-spacing:-0.05em;}

.full-scroll-JS{cursor: pointer;}
.full-scroll-icon{position: absolute; bottom:5rem; left:50%;  transition:var(--transition-custom2); transform:translate(-50%, 50px); opacity:0;}
.full-scroll-icon .icon{position: relative; width:20px; height:33px; border:2px solid #333; border-radius:2rem; box-sizing:border-box; margin:0 auto 0.5rem;}
.full-scroll-icon .icon span{position: absolute; width:4px; height:4px; border-radius:50%; background:#333; top:4px; left:50%; transform:translateX(-50%); animation: scroll-move 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; opacity:0;}
.full-scroll-icon .txt{font-size:2.4rem; letter-spacing:-0.025em; color:#333; font-weight:300; margin-bottom:1rem;}
.full-scroll-icon .arrow{position: relative; display: flex; align-items:center; justify-content:center; flex-direction:column;}
.full-scroll-icon .arrow i{font-size:1.5rem; color:#333; line-height:0.5;}
.full-scroll-icon .arrow i:last-child{opacity:0.5}

.full-scroll-icon .down-btn-m{display: none;}

@keyframes scroll-move {
	0% {
		opacity:0;
		top:4px;
	}
	20%{
		opacity:1;
		top:4px;
	}
	80%{
		opacity:1;
		top:20px;
	}
	100% {
		opacity:0;
		top:20px;
	}
}

.full-content .img-box{position: relative; text-align:center; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.full-content .img-box img{max-width:100%;}

/* animated */
.animated .cm-full-tit-box .full-tit{transition-delay:0s; transform:translateY(0px); opacity:1;}
.animated .cm-full-tit-box .full-txt{transition-delay:0.2s; transform:translateY(0px); opacity:1;}
.animated .full-content .img-box{transition-delay:0.4s; transform:translateY(0px); opacity:1;}
.animated .download-btn-wrap{transition-delay:0.4s; transform:translateY(0px); opacity:1;}
.animated .full-scroll-icon{transition-delay:0.6s; transform:translate(-50%, 0px); opacity:1;}


#fullContent1{background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/app_visual_bg.jpg')}
#fullContent1 .cm-full-tit-box .full-tit{font-weight:700; color:#fff;}
#fullContent1 .cm-full-tit-box .full-tit span{color:#ee2e24;}
#fullContent1 .cm-full-tit-box .full-txt{color:#fff;}
#fullContent1 .cm-full-tit-box .full-txt.txt-logo{display: flex; align-items:center;}
#fullContent1 .cm-full-tit-box .full-txt b{display: inline-flex; align-items:center; color:#ee2e24; margin-left:1rem;}
#fullContent1 .cm-full-tit-box .full-txt b img{margin-right:0.5rem; height:3.5rem;}
.download-btn-wrap{display: flex; align-items:Center; margin-top:3.3rem; transition:var(--transition-custom2); transform:translateY(50px); opacity:0;}
.download-btn-wrap a{display: flex; align-items:center; justify-content:center; width:21.8rem; height:5.8rem; background:#fff; border-radius:5.8rem; margin-right:1.5rem;}
.download-btn-wrap a img{margin-right:0.7rem;}
.download-btn-wrap a span{font-size:2.08rem; letter-spacing:-0.025em; color:#666; font-weight:300;}

/* #fullContent1 .full-scroll-icon .icon{border-color:#f5f5f5;}
#fullContent1 .full-scroll-icon .icon span{background:#f5f5f5;}
#fullContent1 .full-scroll-icon .txt{color:#fff;}
#fullContent1 .full-scroll-icon .arrow i{color:#fff;} */

#fullContent1 .full-content .right-box{height:100%;}
#fullContent1 .full-content .img-box{position: relative; display: flex; justify-content: center; align-items: flex-end; height: 100%;}
#fullContent1 .full-content .img-box .qr{position: absolute; bottom:7%; right:5%; filter: drop-shadow(8px 8px 10px rgba(1, 1, 1, 0.15)); max-width: 20rem;}

#fullContent2,#fullContent4,#fullContent6{background:#f5f5f5}

/* ******************  메인 왼쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav.sub_full{
	position: fixed;
    z-index: 100;
    margin-top: 0;
    top: 50%;
	left:var(--area-padding);
    opacity: 1;
    transform: translate3d(0,0,0);
}
#fp-nav.sub_full ul li{position:relative; margin:15px 0;}
#fp-nav.sub_full ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav.sub_full ul li a{display:block; position:relative; width:100%; box-sizing:border-box; padding:5px; }
#fp-nav.sub_full ul li a span{position: relative; display:block; width:6px; height:6px; background-color:transparent; border:1px solid #a3a3a3; box-sizing:borer-box; border-radius:50%;}
#fp-nav.sub_full ul li a span:before{position: absolute; content:''; width:20px; height:20px; border-radius:50%; border:1px solid var(--main-color); top:50%; left:50%; transform:translate(-50%, -50%); opacity:0}
#fp-nav.sub_full ul li .fp-tooltip{display: none; }
#fp-nav.sub_full ul li a.active span{border-color:var(--main-color) !important; background:var(--main-color);}
#fp-nav.sub_full ul li a.active span:before{opacity:1;}

/* Black Style */
#fp-nav.sub_full.black ul li a span{border-color:#a3a3a3;}

.full-scroll-JS-M{display: none;}


/* Solution 서브 3p 추가 2024-05-08 */
.cm-con-txt{font-size:2rem; line-height:1.8; letter-spacing:-0.04em; color:#222; font-weight:600; margin-top:1rem;}

.cm-ckeck-txt{position: relative; font-size:1.8rem; line-height:1.3; letter-spacing:-0.02em; padding-left:1.5em; color:#222; margin-bottom:1.2rem; font-weight:500;}
.cm-ckeck-txt:before{position: absolute; content:'\e929'; font-size:1em; line-height:1.3; color:var(--main-color); top:0rem; left:0; font-family:'xeicon';}
.cm-ckeck-txt:last-child{margin-bottom:0;}
.cm-ckeck-txt .small{display: block; font-size:0.88em; font-weight:400; margin-top:0.5rem;}


.system-item-wrap{margin-bottom:12rem;}
.system-item-wrap:last-child{margin-bottom:3rem;}
.cm-solution-tit-box{margin-bottom:3.5rem;}
.cm-solution-tit-box .solution-tit{padding-bottom:1rem}

/* ************* Solution :: 주차관제 ************* */
/* *** 시스템 소개 *** */
.service-intro-wrap{}
.service-intro-wrap .top-box{display: flex; align-items:Center; margin-bottom:12rem;}
.service-intro-wrap .top-box .left-box{border:2px solid #ddd; border-radius:2rem; padding:3rem 4rem; box-sizing:border-box; width:56.45%;}
.service-intro-wrap .top-box .right-box{position: relative; width:43.55%; padding-left:8rem; box-sizing:border-box;}
.service-intro-wrap .top-box .right-box .txt{position: relative; font-size:2.4rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:600;}
.service-intro-wrap .top-box .right-box .txt span{color:var(--main-color);}
.service-intro-wrap .top-box .right-box .txt:before{position: absolute; content:''; width:4rem; height:1rem; background:no-repeat center; background-size:cover; top:50%; left:-2rem; transform:translate(-100%, -50%); background-image:url('/web-static-images/content/compare_circle_img.png');}

.service-intro-wrap .bottom-box{display: flex; align-items:Center;}
.service-intro-wrap .bottom-box .left-box{width:54.03%;}
.service-intro-wrap .bottom-box .right-box{width:47.97%; margin-left:2%;}
.service-intro-wrap .bottom-box .right-box .img-box img{max-width:100%;}
/* cloud 도식화 */
.service-cloud-item{position: relative; width:100%;}
.service-cloud-item .cloud-img-box{display: flex; align-items:flex-end; justify-content:center;}
.service-cloud-item .cloud-img-box svg{width:100%; height:100%;}
.service-cloud-item .cloud-circle{position: absolute; display: flex; align-items:center; justify-content:center; width:15rem; height:15rem; border-radius:50%; background:#F5F5F5; top:50%; left:50%; transform:translate(-50%, -50%); transition:var(--transition-custom);}
.service-cloud-item .cloud-circle .txt-box{text-align:center; }
.service-cloud-item .cloud-circle:not(.circle01) .txt-box .icon svg *{transition:var(--transition-custom);}
.service-cloud-item .cloud-circle.circle01 .txt-box .icon svg g *{transition:var(--transition-custom);}
.service-cloud-item .cloud-circle .txt-box .txt{font-size:1.6rem; letter-spacing:-0.02em; color:#000; font-weight:500; margin-top:1rem; transition:var(--transition-custom);}
.service-cloud-item .cloud-circle .bg-box{position: absolute; display: flex; align-items:center;}
.service-cloud-item .cloud-circle .bg-box .bg-circle{background:#f5f5f5; border-radius:50%; margin:0 0.2rem; transition:var(--transition-custom);}
.service-cloud-item .cloud-circle .bg-box .bg-circle.cir01{width:1.5rem; height:1.5rem;}
.service-cloud-item .cloud-circle .bg-box .bg-circle.cir02{width:0.8rem; height:0.8rem;}
.service-cloud-item .cloud-circle .bg-box .bg-circle.cir03{width:0.5rem; height:0.5rem;}

.service-cloud-item .cloud-circle.circle01{margin-top:13%; margin-left:-42%;}
.service-cloud-item .cloud-circle.circle01 .bg-box{top:50%; right:1rem; transform:translate(100%, -50%);}
.service-cloud-item .cloud-circle.circle02{margin-top:-15%; margin-left:-32%;}
.service-cloud-item .cloud-circle.circle02 .bg-box{top:50%; left:50%; transform:translate(-50%, -50%) rotate(37deg); margin-top:5.5rem; margin-left:6.5rem;}
.service-cloud-item .cloud-circle.circle03{margin-top:-30%; margin-left:-3%;}
.service-cloud-item .cloud-circle.circle03 .bg-box{bottom:-1.5rem; left:50%; transform:translate(-50%, 0%) rotate(90deg);}
.service-cloud-item .cloud-circle.circle04{margin-top:-15%; margin-left:26%;}
.service-cloud-item .cloud-circle.circle04 .bg-box{top:50%; left:50%; transform:translate(-50%, -50%) rotate(143deg); margin-top:5.5rem; margin-left:-6.5rem;}
.service-cloud-item .cloud-circle.circle05{margin-top:13%; margin-left:35%;}
.service-cloud-item .cloud-circle.circle05 .bg-box{top:50%; left:1rem; transform:translate(-100%, -50%) rotate(180deg);}
/* active */
.service-cloud-item .cloud-circle.active,
.service-cloud-item .cloud-circle.active .bg-box .bg-circle{background:var(--main-color);}
.service-cloud-item .cloud-circle:not(.circle01).active .txt-box .icon svg *{stroke:#fff;}
.service-cloud-item .cloud-circle.active .txt-box .txt{color:#fff;}
.service-cloud-item .cloud-circle.circle01.active .txt-box .icon svg *{fill:#fff;}

/* *** 카메라 *** */
.service-camera-wrap .camera-img-box{margin-top:4rem;}
.service-camera-wrap .camera-img-box img{width:100%; max-width:1236.5px;}

/* *** 차량번호 인식 기술력 *** */
/* before-after */
.solution-vs-item{position: relative; display: flex; align-items:center;}
.solution-vs-item .before-item{position: relative; border-radius:2rem 0 0 2rem; overflow:hidden; width:48.387%;}
.solution-vs-item .before-item .tit-box{text-align:center; font-size:2.4rem; line-height:1.2; letter-spacing:-0.02em; color:#222; font-weight:700; padding:1.5rem; box-sizing:border-box; background:#efefef;}
.solution-vs-item .before-item .con-box{padding:2.5rem 5rem; box-sizing:border-box; background:#f7f7f7;}
.solution-vs-item .before-item .con-box .cm-ckeck-txt{font-size:1.6rem; color:#464646;}
.solution-vs-item .before-item .con-box .cm-ckeck-txt:before{color:#464646;}

.solution-vs-item .after-item{position: relative; border-radius:0 2rem 2rem 0; overflow:hidden; width:51.613%; box-shadow: -2rem 0px 2rem #1C000014;}
.solution-vs-item .after-item:before{position: absolute; content:''; width:100%; height:100%; border-radius:0 2rem 2rem 0; border:2px solid var(--main-color); box-sizing:border-box; }
.solution-vs-item .after-item .tit-box{text-align:center; font-size:2.4rem; line-height:1.2; letter-spacing:-0.03em; color:#fff; padding:2rem; box-sizing:border-box; background:var(--main-color);}
.solution-vs-item .after-item .tit-box .tit{font-weight:400;}
.solution-vs-item .after-item .con-box{padding:3rem 3rem 3rem 6rem; box-sizing:border-box; background:#fff;}

.solution-vs-item .after-item .con-box.con-style01{display: flex; align-items:center; justify-content:space-between;}
.solution-vs-item .after-item .con-box.con-style01 .txt-list{width:66.37%;}
.solution-vs-item .after-item .con-box.con-style01 .txt-list .cm-ckeck-txt{font-weight:600;}
.solution-vs-item .after-item .con-box.con-style01 .img-box{width:33.63%;}
.solution-vs-item .after-item .con-box.con-style01 .img-box .img{text-align:center; margin-bottom:1rem;}
.solution-vs-item .after-item .con-box.con-style01 .img-box .img:last-child{margin-bottom:0;}
.solution-vs-item .after-item .con-box.con-style01 .img-box .img img{max-width:100%;}
.solution-vs-item .after-item .con-box.con-style01 .img-box .img .txt{font-size:1.1rem; letter-spacing:-0.02em; line-height:1.2; margin-top:0.5rem; color:#000; font-weight:500;}
/* vs */
.solution-vs-item .vs-icon{position: absolute; top:50%; left:48.387%; transform:translate(-50%, -50%); z-index:9;}
.solution-vs-item .vs-icon span{position: relative; display: flex; align-items:center; justify-content:center; width:4.8rem; height:4.8rem; background:var(--main-color); border-radius:50%; font-size:1.7rem; letter-spacing:-0.02em; color:#fff; font-weight:500;}
.solution-vs-item .vs-icon:before{position: absolute; content:''; width:150%; height:150%; top:50%; left:50%; transform:translate(-50%, -50%); background:#FFC1BE; border-radius:50%;}
/* bg */
.solution-vs-item .bg-item{position: absolute; top: 50%; left: 48.39%; transform: translate(-100%, -50%); height: 100%;}
.solution-vs-item .bg-item img{height:100%;}


/* *** 차량번호 인식 기술력 *** */
#solutionWrap03 .cm-solution-tit-box .cm-con-tit{margin-bottom:1rem;}
#solutionWrap03 .cm-solution-tit-box .cm-con-txt.co-red{margin-bottom:1rem; color:var(--main-color);}
.service-pay-wrap{display: flex; flex-wrap:wrap; justify-content:space-between;}
.service-pay-wrap .list-item{width:calc(50% - 2.1rem); margin-bottom:4rem;}
.service-pay-wrap .list-item .img-box{overflow:hidden; border-radius:2rem;}
.service-pay-wrap .list-item .img-box img{width:100%;}
.service-pay-wrap .list-item .txt-box{display: flex; margin-top:2.5rem;}
.service-pay-wrap .list-item .txt-box .num{width:6rem; font-size:3.6rem; line-height:0.88; letter-spacing:-0.02em; color:var(--main-color); font-weight:600;}
.service-pay-wrap .list-item .txt-box dd{width:calc(100% - 6rem);}
.service-pay-wrap .list-item .txt-box dd .inner-tit{font-size:2.4rem; line-height:1.33; letter-spacing:-0.02em; color:#222;}
.service-pay-wrap .list-item .txt-box dd .inner-txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:500; margin-top:0.5rem;}

/* *** 주차관제 시스템별 구성 *** */
.service-system-wrap{display: flex; flex-wrap:wrap; justify-content:space-between;}
.service-system-wrap .list-item{width:calc(50% - 2rem); margin-bottom:8rem;}
.service-system-wrap .list-item:nth-child(n+3){margin-bottom:0;}
.service-system-wrap .list-item .img-box img{width:100%;}
.service-system-wrap .list-item .txt-box{margin-bottom:2.5rem;}
.service-system-wrap .list-item .txt-box dl{display: flex; justify-content:space-between; margin-bottom:1.2rem;}
.service-system-wrap .list-item .txt-box dl dt{width:4rem; height:3.4rem; line-height:3.4rem; font-size:1.8rem; color:#fff; text-indent:0.6rem; background:no-repeat center; background-size:contain; background-image:url('/web-static-images/content/symbol_gray.png'); margin-top:0.7rem;}
.service-system-wrap .list-item .txt-box dl dd{width:calc(100% - 5.5rem);}
.service-system-wrap .list-item .txt-box dl dd .tit{font-size:3.8rem; line-height:1.2; letter-spacing:-0.03em; color:#222; font-weight:400;}
.service-system-wrap .list-item .txt-box .txt{font-size:1.8rem; line-height:1.66; letter-spacing:-0.02em; color:#222; font-weight:600;}



/* ************* Solution :: AI 재차카운트 ************* */
/* AI 재차카운트 주요 기능 */
.recount-intro-item{display: flex; justify-content:space-between; align-items:flex-start; margin-top:4rem;}
.recount-intro-item .left-box{position: relative; display: flex; justify-content:space-between; width:60%;}
.recount-intro-item .left-box .inner-item{position: relative; width:48.39%; max-width:36rem; border-radius:2rem; box-sizing:border-box; background: #F5F5F5;}
.recount-intro-item .left-box .inner-item:before{position: absolute; content:''; width:100%; height:100%; border:3px solid #f1f1f1; border-radius:2rem; box-sizing:border-box;}
.recount-intro-item .left-box .inner-item .tit-box{display: flex; align-items:center; padding:2.5rem 4rem; background:#fff;}
.recount-intro-item .left-box .inner-item .tit-box .num{width:4.5rem; height:3rem; line-height:3rem; font-size:1.9rem; letter-spacing:-0.02em; color:#fff; font-weight:600; background:#222; border-radius:5px; text-align:center;}
.recount-intro-item .left-box .inner-item .tit-box .tit{font-size:2.2rem; line-height:1.45; letter-spacing:-0.02em; color:#222; font-weight:700; margin-left:1rem;}
.recount-intro-item .left-box .inner-item .img-box{position: relative; display: flex; align-items:center; justify-content:center; width:100%; height:24rem; background:#F5F5F5; border-radius:0 0 2rem 2rem; overflow:hidden;}
.recount-intro-item .left-box .inner-item .img-box img{max-width:100%;}
.recount-intro-item .left-box .inner-item .img-box .img-txt{position: absolute; bottom:2rem; left:50%; transform:translateX(-50%); background:#ddd; font-size:1.5rem; line-height:1.6; letter-spacing:-0.02em; color:#222; padding:0 1.2rem; border-radius:3rem}
.recount-intro-item .left-box .inner-item .dot{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%); width:1.1rem; height:1.1rem; border:0.2rem solid var(--main-color); border-radius:50%; background:#fff; box-sizing:border-box;}
.recount-intro-item .left-box .inner-item .dot:before{position: absolute; content:''; top:100%; left:50%; transform:translateX(-50%); border:1px dashed var(--main-color); width:0px; height:5rem;}
.recount-intro-item .left-box .inner-item .dot:after{position: absolute; content:''; bottom:-5.3rem; left:50%; border:1px dashed var(--main-color); width:6rem; height:0;}
.recount-intro-item .left-box .inner-plus-txt{position: absolute; bottom:-5.6rem; left:50%; transform:translate(-50%, 50%); background:#fff; font-size:2.2rem; line-height:1.45; letter-spacing:-0.02em; font-weight:600; color:var(--main-color); padding:0 3rem;}

.recount-intro-item .left-box .inner-item:nth-child(1) .img-box{padding:0 3rem; box-sizing:border-box;}
.recount-intro-item .left-box .inner-item:nth-child(1) .img-box .img{margin-bottom:4rem;}
.recount-intro-item .left-box .inner-item:nth-child(2) .dot:after{left:auto; right:50%;}

.recount-intro-item .right-box{width:27%;}
.recount-intro-item .right-box .img{position: relative; display: block;}
.recount-intro-item .right-box .img:before{position: absolute; content:''; width:4.2rem; height:3.5rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/recount_intro_arrow.png'); top:50%; right:100%; transform:translate(-100%, -50%);}
.recount-intro-item .right-box img{max-width:100%;}
.recount-intro-item .right-box .txt{text-align:center; margin-top:3rem; font-size:1.6rem; line-height:1.3125; letter-spacing:-0.02em; font-weight:600; color:#222;}

/* AI 재차카운트 특장점 */
.solution-vs-item .con-box.con-style02{padding:0;}
.solution-vs-item .con-box.con-style02 .style-tbl-list{}
.solution-vs-item .con-box.con-style02 .style-tbl-list .list-item{display: flex; border-bottom:1px solid;}
.solution-vs-item .con-box.con-style02 .style-tbl-list .list-item:last-child{border-bottom:none;}
.solution-vs-item .con-box.con-style02 .style-tbl-list .list-item *{font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:500;}
.solution-vs-item .con-box.con-style02 .style-tbl-list .list-item .inner-tit{width:34.375%; box-sizing:border-box; font-weight:600;}
.solution-vs-item .con-box.con-style02 .style-tbl-list .list-item .inner-txt{width:65.625%; box-sizing:border-box;}

.solution-vs-item .before-item .con-box.con-style02 .style-tbl-list .list-item{border-color:#ddd;}
.solution-vs-item .before-item .con-box.con-style02 .style-tbl-list .list-item .inner-tit{background:#f3f3f3; padding:1.5rem 2rem;}
.solution-vs-item .before-item .con-box.con-style02 .style-tbl-list .list-item .inner-txt{background:#f7f7f7; padding:1.5rem 2rem;}

.solution-vs-item .after-item .con-box.con-style02 .style-tbl-list .list-item{border-color:rgba(240, 65, 55, 0.2);}
.solution-vs-item .after-item .con-box.con-style02 .style-tbl-list .list-item .inner-tit{background:rgba(240, 65, 55, 0.05);  padding:2rem; padding-left:5rem; display: flex; align-items:center;}
.solution-vs-item .after-item .con-box.con-style02 .style-tbl-list .list-item .inner-txt{background:#fff;  padding:2rem;}


/* ************* Solution :: AI 루프리스 ************* */
/* 주요기능 */
.service-pay-wrap.loopless-function-wrap .list-item{margin-bottom:0;}
.loopless-function-wrap .cm-ckeck-txt{font-size:1.6rem;}
.loopless-function-wrap .txt-list{margin-top:2rem;}
.loopless-function-wrap .cm-ckeck-txt:before{color:#222}
/* 특장점 */
.service-pay-wrap.loopless-benefit-wrap{margin-bottom:6rem;}
.service-pay-wrap.loopless-benefit-wrap .list-item{width:calc(33.33% - 13px);	border:3px solid #F1F1F1; box-sizing:border-box; border-radius:2rem; padding:4rem; padding-right:2rem; min-height:30rem; margin-bottom:0rem;}
.service-pay-wrap.loopless-benefit-wrap .list-item .txt-box{margin-top:0; margin-bottom:2rem;}
.service-pay-wrap.loopless-benefit-wrap .list-item .txt-list .cm-ckeck-txt:before{color:#222;}


/* 
Service 서브 2p 추가 2024-05-22 
*/
/* ************* 공통 타이틀 ************* */
.sub-page .cm-con-tit.cm-tit-style02{flex-direction:column; font-size:4.6rem;}
.sub-page .cm-con-tit.cm-tit-style02 span{margin-bottom:0.6rem;}
.sub-page .cm-con-tit.cm-tit-style02 em{color:var(--main-color)}
.sub-page .cm-con-tit.cm-tit-style02 em.big{font-size:1.347em;}
.sub-page .cm-con-tit.cm-tit-style02 + .cm-con-txt{font-size:1.8rem; line-height:1.66; letter-spacing:-0.02em; color:#222; text-align:center;}
@media all and (max-width:800px){
	.sub-page .cm-con-tit.cm-tit-style02{font-size:2.8rem;}
}
/* ************* Service :: 365렌탈 ************* */
/* 01 */
.rental-img-list{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:4rem;}
.rental-img-list .list-item{width:48.387%; margin-top:2.2rem;}
.rental-img-list .list-item:nth-child(-n+2){margin-top:0;}
.rental-img-list .list-item .img-box{border-radius:2rem; overflow:hidden;}
.rental-img-list .list-item .img-box img{width:100%;}
.rental-img-list .list-item .txt{font-size:2.4rem; line-height:1.33; letter-spacing:-0.02em; color:#222; font-weight:700; text-align:center; margin-top:2rem;}

/* 03 */
.rental-new-con .new-item-box.gray .item-left-box .left-list-box .left-list{background-color:#fff;}
.rental-new-con .new-item-box.gray .item-left-box .left-list-box .left-list:before{display: none;}
.rental-new-con .new-item-box.gray .item-right-box .right-list{border-color:var(--main-color);}

.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots{position: absolute; top: 50%; right: -7.6rem; transform: translateY(calc(-50% - 0.5px)); display: flex; justify-content:space-between; align-items:center;width: 4.1rem; height: 1.3rem;}
.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots .dot{border-radius:50%; background:var(--main-color);}
.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots .dot:nth-child(1){width:0.6rem; height:0.6rem;}
.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots .dot:nth-child(2){width:0.8rem; height:0.8rem;}
.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots .dot:nth-child(3){width:1rem; height:1rem;}

@media all and (max-width:800px){
	.rental-img-list .list-item .txt{font-size:1.8rem; margin-top:1rem;}

	.rental-new-con .new-item-box .item-left-box .left-list-box .left-list .dots{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-box .left-list:last-child .dots{display: flex;}
}
@media all and (max-width:640px){
	.rental-img-list .list-item{width:100%;}
	.rental-img-list .list-item:nth-child(2){margin-top:2.2rem;}
}

/* ************* Service :: 365 클라우드 렌탈 ************* */
/* top */
.rental-cloud-img{text-align:center; margin-top:3.5rem;}
.rental-cloud-img img{max-width:100%;}
/* 01 */
.rental-cloud-list{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:3rem;}
.rental-cloud-list .list-item{display: flex; align-items:center; width:48.387%; margin-top:2rem; background:#fff; border-radius:2rem; padding:2rem; box-sizing:border-box; min-height:14rem;}
.rental-cloud-list .list-item:nth-child(-n+2){margin-top:0;}
.rental-cloud-list .list-item .icon{width:11rem; text-align:center;}
.rental-cloud-list .list-item .txt-box{width:calc(100% - 11rem);}
.rental-cloud-list .list-item .txt-box p{font-size:2rem; line-height:1.6; letter-spacing:-0.02em; color:#222;}
.rental-cloud-list .list-item .txt-box p b{font-weight:600;}
/* 03 */
.rental-cloud-benefit{display: flex; align-items:center; margin-top:3rem;}
.rental-cloud-benefit .img-box{width:50%; border-radius:2rem; overflow:hidden;}
.rental-cloud-benefit .img-box img{max-width:100%;}
.rental-cloud-benefit .txt-box{width:50%; padding-left:4rem; box-sizing:border-box;}
.rental-cloud-benefit .txt-box .tit{font-size:2.4rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:700; margin-bottom:1.5rem;}
.rental-cloud-benefit .txt-box .tit span{color:var(--main-color);}
.rental-cloud-benefit .txt-box .check-txt{position: relative; font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:500; padding-left:2.5rem; margin-bottom:1.2rem;}
.rental-cloud-benefit .txt-box .check-txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:2rem; color:#222; top:-0.3rem; left:0;}
.rental-cloud-benefit .txt-box .check-txt:last-child{margin-bottom:0;}

@media all and (max-width:800px){
	/* 01 */
	.rental-cloud-list{display: block;}
	.rental-cloud-list .list-item{width:100%;}
	.rental-cloud-list .list-item:nth-child(2){margin-top:2rem;}
	.rental-cloud-list .list-item .icon{width:9rem;}
	.rental-cloud-list .list-item .txt-box{width:calc(100% - 9rem);}
	/* 03 */
	.rental-cloud-benefit{display: block;}
	.rental-cloud-benefit .img-box{width:100%;}
	.rental-cloud-benefit .img-box img{width:100%; max-width:none;}
	.rental-cloud-benefit .txt-box{width:100%; padding-left:0rem; margin-top:3rem;}
}


/* ******************** 주차유도 리뉴얼 2024-06-14 MJ ******************** */
.cm-gray-box{background:#F5F5F5; padding:10rem 0; margin:10rem 0;}
.cm-gray-box:first-child{margin-top:0;}
.cm-gray-box:last-child{margin-bottom:0;}

.guidance-system-con{padding-bottom:15rem;}
/* 주차유도 시스템 소개 */
.guidance-top-con{display: flex; justify-content:space-between;}
.guidance-top-con .list-item{position: relative; width:calc(33.33% - 1.4rem); /* padding:5rem 4rem; */ background:no-repeat center; background-size:cover; border-radius:2rem;}
.guidance-top-con .list-item:nth-child(1){background-image:url('/web-static-images/content/guidance_top_bg01.jpg');}
.guidance-top-con .list-item:nth-child(2){background-image:url('/web-static-images/content/guidance_top_bg02.jpg');}
.guidance-top-con .list-item:nth-child(3){background-image:url('/web-static-images/content/guidance_top_bg03.jpg');}

.guidance-top-con .list-item .inner-box{position: relative; width:100%; height:0; padding-top:115%;}
.guidance-top-con .list-item .inner-box dl{position: absolute; bottom:5rem; left:4rem; width:calc(100% - 8rem); height:calc(100% - 10rem); display: flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; }
.guidance-top-con .list-item .inner-box dl dt{font-size:2.4rem; line-height:1.5; letter-spacing:-0.03em; color:#fff; margin-bottom:1rem;}
.guidance-top-con .list-item .inner-box dl dd{font-size:1.7rem; line-height:1.64; letter-spacing:-0.02em; color:#fff; font-weight:500;}

/* ai 영상유도 시스템 소개 */
.guidance-gray-box{display: flex; align-items:center; /* background:#f5f5f5; padding:6.5rem; */ box-sizing:border-box; border-radius:1rem;}
.guidance-gray-box .img-box img{max-width:100%;}
.guidance-ai-con{}
.guidance-ai-con .inner-guidance-box{margin-top:8rem;}
.guidance-ai-con .inner-guidance-box .cm-con-tit{margin-bottom:2.5rem;}
/* ai 영상유도 관리 프로그램 */
.guidance-program-con{margin-bottom:12rem;}
.guidance-program-con:last-child{margin-bottom:0rem;}
.guidance-white-box{background:#fff; border-radius:2rem; padding:6rem 7rem 4rem; box-sizing:border-box; margin-bottom:2rem; text-align:center;}
.guidance-white-box:last-child{margin-bottom:0;}
.guidance-white-box .img-box{display: flex; align-items:center; justify-content:space-between; margin:0 -1rem;}
.guidance-white-box .img-box span{max-width:100%; margin:0 1rem;}
.guidance-white-box .img-box img{max-width:100%; margin:0 1rem;}
.guidance-white-box .txt{font-size:2rem; line-height:1.8; letter-spacing:-0.1em; color:#222; font-weight:600; margin-top:4rem;}
.guidance-twin-box{display: flex; justify-content:space-between;}
.guidance-twin-box .guidance-white-box{width:calc(50% - 1rem); padding:5rem 4rem 4rem; margin-bottom:0; display: flex; flex-direction: column; justify-content: space-between;}

/* 초음파 유도 시스템 */
.guidance-wave-con{padding-bottom:15rem;}
.guidance-wave-con .cm-solution-tit-box ul{margin-top:2rem;}



/* ******************** 
* AI 루프리스 재차카운트 리뉴얼 2024-09-04 MJ
******************** */
.recount-tit-box{text-align:center;}
.recount-tit{font-size:3.8rem; line-height:1.47; letter-spacing:-0.03em; color:#000; font-weight:400;}
.recount-tit .big{font-size:1.1em; line-height:1.33;}
.recount-txt{font-size:1.8rem; line-height:1.66; letter-spacing:-0.03em; color:#222; font-weight:500; margin-top:1rem;}

.recount-con{margin-bottom:25rem;}
.recount-con:last-child{margin-bottom:5rem;}

/* 상단 */
.recount-intro-gray{background:#f5f5f5; padding:10rem 0 12rem; margin-bottom:20rem;}
.recount-intro-img-box{margin-top:4rem;}
.recount-intro-img-box img{max-width:100%;}
/* 비교 */
.recount-con .solution-vs-item{margin-top:5rem;}
.solution-vs-item .con-box .img-box{text-align:center; margin-bottom:6rem;}
.solution-vs-item .before-item .con-box .img-box{margin-bottom:7rem;}
.solution-vs-item .con-box .img-box img{max-width:100%;}
.solution-vs-item .con-box .img-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:600; margin-bottom:4rem;}
.solution-vs-item .before-item .con-box .img-box .txt{font-size:1.8rem;}
.solution-vs-item .before-item .con-box .cm-ckeck-txt p b{display: block; margin-top:0.7rem;}
.solution-vs-item .before-item .con-box .cm-ckeck-txt p b:not(.co-main){color:#222;}

.solution-vs-item.blue .after-item{box-shadow: 0px 0px 20px 20px #1C000014;}
.solution-vs-item.blue .after-item .tit-box{background:#3794F0;}
.solution-vs-item.blue .after-item .tit-box .tit{font-size:2.8rem; font-weight:600;}
.solution-vs-item.blue .after-item:before{border:none;}
.solution-vs-item.blue .vs-icon span{background:#3794F0;}
.solution-vs-item.blue .vs-icon:before{background:rgba(55, 148, 240, 0.4)}
.solution-vs-item.blue .cm-ckeck-txt:before{color:#3794F0;}
.solution-vs-item.blue .cm-ckeck-txt .co-blue{color:#3794F0; font-weight:700;}

/* 이렇게 이루어지고 있어요 */
.recount-how-box{display: flex; justify-content:space-between; margin-top:7rem;}
.recount-how-item{display: flex; justify-content:space-between; position: relative; border-radius:3rem; padding:4rem 2rem 2rem; box-sizing:border-box;}
.recount-how-item:before{position: absolute; content:''; width:1.8rem; height:1.5rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/recount_how_icon.png'); top:50%; right:-3rem;}
.recount-how-item:last-child:before{display: none;}
.recount-how-item .inner-tit{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); width:13.3rem; height:4rem; display: flex; align-items:center; justify-content:center; font-size:2rem; letter-spacing:-0.02em; color:#fff; font-weight:500; border-radius:1rem;}

.recount-how-item .inner-box{position: relative; display: flex; flex-direction:column; justify-content: space-between; background:#fff; border-radius:2rem;}
.recount-how-item .inner-box:before{position: absolute; content:''; width:1.8rem; height:1.5rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/recount_how_icon.png'); top:50%; right:-3rem;}
.recount-how-item .inner-box:last-child:before{display: none;}
.recount-how-item .inner-box .txt-box{text-align:center; padding:3.5rem 2rem 0;}
.recount-how-item .inner-box .txt-box .tit{display: flex; align-items:center; justify-content:center; font-size:2rem; line-height:1.4; letter-spacing:-0.03em; color:#222; font-weight:700; min-height:5.2rem;}
.recount-how-item .inner-box .txt-box .txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em; color:#464646; font-weight:500; margin-top:1.6rem;}
.recount-how-item .inner-box .bottom-box{margin-top:4rem;}
.recount-how-item .inner-box .bottom-box .img-box img{width:100%;}
.recount-how-item .inner-box .bottom-box .bottom-txt{display: flex; align-items:center; justify-content:space-between; padding:1rem 2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em;}
.recount-how-item .inner-box .bottom-box .bottom-txt dt{font-weight:500; color:#464646}
.recount-how-item .inner-box .bottom-box .bottom-txt dd{font-weight:600; color:var(--main-color);}

.recount-how-box .left-box{width:72.8%; background:rgba(240, 65, 55, 0.1)}
.recount-how-box .left-box .inner-tit{background:#F04137}
.recount-how-box .left-box .inner-box{width:calc(33.33% - 3rem);}
.recount-how-box .right-box{width:24%; background:#f5f5f5;}
.recount-how-box .right-box .inner-tit{background:#222}
.recount-how-box .right-box .inner-box{width:100%;}
/* 구분 */
.recount-sort-box{display: flex; justify-content:space-between; margin-top:4rem;}
.recount-sort-box .sort-item{width:calc(50% - 2rem);}
.recount-sort-box .sort-item .img-box{background:#f5f5f5; border-radius:2rem; padding:4rem 4rem 2rem;}
.recount-sort-box .sort-item .img-box img{display: block; max-width:100%; margin:auto;}
.recount-sort-box .sort-item .txt{text-align:center; font-size:2.2rem; line-height:1.5; letter-spacing:-0.02em; color:#222; font-weight:700; margin-top:2rem;}
/* 앱 */
.recount-app-box{margin-top:16rem;}
.recount-app-box .recount-app-item{position: relative; width:100%; height:36rem; border-radius:30rem; background:#f5f5f5; display: flex; align-items:center; justify-content:center; margin-bottom:4rem;}
.recount-app-box .recount-app-item .bg-txt{font-size:13rem; letter-spacing:-0.03em; color:rgba(39, 39, 39, 0.03); font-weight:700;}
.recount-app-box .recount-app-item .img-box{position: absolute; bottom:0; left:50%; transform:translateX(-50%);}
.recount-app-box .recount-app-item .img-box > img{width:50.2rem}
.recount-app-box .recount-app-item .img-box .plus-img{position: absolute; bottom:15rem; left:50%; transform:translateX(-50%); margin-left:27rem;}
.recount-app-box .txt{font-size:2.4rem; line-height:1.75; letter-spacing:-0.02em; color:#222; font-weight:600;  text-align:center;}



/* ******************** 
* AI 루프리스 시스템 리뉴얼 2024-09-30 MJ
******************** */
/* 기존 루프코일 방식과 AI 루프리스는 어떻게 다를까요? */
.loopless-page .recount-intro-gray .recount-tit-box{margin-bottom:4rem;}
.loopless-page .solution-vs-item .con-box .img-box{margin-bottom:1rem;}
.loopless-page .solution-vs-item .con-box .img-box .txt{margin-bottom:2rem;}
.loopless-page .solution-vs-item .before-item .con-box .img-box{margin-bottom:0;}

.loopless-page #solutionWrap01 .solution-vs-item .before-item .con-box{background:#fff;}

/* i PARKING만의 자체 기술로 개발한 루프리스 전용 LPR을 소개합니다. */
.recount-top-txt{font-size:2rem; line-height:1.5; letter-spacing:-0.03em; color:#222; margin-bottom:5rem;}
.loopless-lpr-con{position: relative; display: flex; align-items:center; justify-content:space-between;}
.loopless-lpr-con .middle-con{position: absolute; top:3rem; left:50%; width:45.1rem; height:47.2rem; transition:var(--transition-custom); opacity:0; transform:translate(-50%, 30px);}
.loopless-lpr-con .middle-con img{width:100%;}
.loopless-lpr-con .middle-con .line{position: absolute; display: block; top:50%; left:50%; transform:translate(-50%, -50%); width:10px; height:10px; border:2px solid var(--main-color); box-sizing:border-box; border-radius:50%; background:#fff; transition:var(--transition-custom); opacity:0; }
.loopless-lpr-con .middle-con .line:before{position: absolute; content:''; width:0rem; height:1px; border-top:2px dotted var(--main-color); z-index:-1; top:calc(50% - 1px); transition:var(--transition-custom);}

.loopless-lpr-con .middle-con .line.line01{margin-left:-4rem; margin-top:1.3rem; transition-delay:0.2s;}
.loopless-lpr-con .middle-con .line.line01:before{right:100%; transition-delay:0.4s;}
.loopless-lpr-con .middle-con .line.line02{margin-left:5rem; margin-top:5.3rem; transition-delay:0.6s;}
.loopless-lpr-con .middle-con .line.line02:before{left:100%; transition-delay:0.8s;}

.loopless-lpr-con .system-item{position: relative; width:44rem; z-index:1; text-align:center; opacity:0; transition:var(--transition-custom);}
.loopless-lpr-con .system-item .img-box{position: relative;}
.loopless-lpr-con .system-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:50%;}
.loopless-lpr-con .system-item .img-box span img{position: absolute; top:0rem; left:0; right:0; bottom:0; margin:auto; margin-bottom:0; max-width:100%;}
.loopless-lpr-con .system-item .tit-box{position: relative; display: inline-block; background:var(--main-color); border-radius:5rem; margin:4rem auto 2.5rem; text-align:center;}
.loopless-lpr-con .system-item .tit-box .tit{font-size:2rem; line-height:1.2; letter-spacing:-0.02em; color:rgba(255,255,255,0.7); padding:0.8rem 3rem; box-sizing:border-box; font-weight:500; }
.loopless-lpr-con .system-item .tit-box .tit b{color:#fff; font-weight:700;}
.loopless-lpr-con .system-item .info-box{text-align:left; padding:3rem; box-sizing:border-box; background:#f5f5f5; border-radius:2rem;}
.loopless-lpr-con .system-item .info-box dl{margin-bottom:2.2rem;}
.loopless-lpr-con .system-item .info-box dl:last-child{margin-bottom:0;}
.loopless-lpr-con .system-item .info-box dl dt{position: relative; font-size:1.8rem; line-height:1.555; letter-spacing:-0.03em; color:#222; font-weight:700; padding-left:2.3rem; margin-bottom:0.3rem;}
.loopless-lpr-con .system-item .info-box dl dt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:1.8rem; line-height:1.55; color:Var(--main-color); top:0; left:0;}
.loopless-lpr-con .system-item .info-box dl dd{font-size:1.6rem; line-height:1.5; letter-spacing:-0.02em; color:#464646; font-weight:500; padding-left:2.3rem;}

.loopless-lpr-con .system-item.left-item{transform:translateX(30px); transition-delay:0.5s;}
.loopless-lpr-con .system-item.right-item{transform:translateX(-30px); transition-delay:0.9s;}

/* animated */
.loopless-lpr-con.animated .middle-con{opacity:1; transform:translate(-50%, 0px);}
.loopless-lpr-con.animated .middle-con .line{opacity:1;}
.loopless-lpr-con.animated .middle-con .line:before{width:30rem;}
.loopless-lpr-con.animated .system-item.left-item,
.loopless-lpr-con.animated .system-item.right-item{transform:translateX(0px); opacity:1;}


/* i PARKING만의 AI 영상처리 기술 */
.loopless-video-con{}
.loopless-video-con .video-con{max-width:103rem; margin:3rem auto 0;}
.video-con .video-inner{overflow:hidden; position:relative; width:100%; height:0; padding-top:56.25%;  border-radius:3rem;}
.video-con .video-inner iframe,
.video-con .video-inner img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%)}

/* AI 루프리스는 어떤 점이 좋아졌나요? */
.loopless-benefit-con{margin-top:7.5rem;}
.loopless-benefit-con .benefit-con{display: flex; justify-content:space-between; margin-bottom:12rem;}
.loopless-benefit-con .benefit-con:last-child{margin-bottom:0;}
.loopless-benefit-con .benefit-con .benefit-item{position: relative; text-align:center; width:43.548%;}
.loopless-benefit-con .benefit-con .benefit-item .benefit-tit{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); display: inline-block; font-size:1.8rem; line-height:4rem; letter-spacing:-0.02em; font-weight:500; padding:0rem 1.4rem; box-sizing:border-box; border-radius:1rem; color:#fff; min-width:16rem; z-index:1;}
.loopless-benefit-con .benefit-con .benefit-item .img-box{position: relative;}
.loopless-benefit-con .benefit-con .benefit-item .img-box img{width:100%;}
.loopless-benefit-con .benefit-con .benefit-item .txt-box{text-align:center; margin-top:3rem;}
.loopless-benefit-con .benefit-con .benefit-item .txt-box .tit{font-size:2.4rem; line-height:1.41; letter-spacing:-0.02em; color:#222; font-weight:700;}
.loopless-benefit-con .benefit-con .benefit-item .txt-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.02em; color:#222; font-weight:500; margin-top:0.5rem;}

.loopless-benefit-con .benefit-con .benefit-item.before .benefit-tit{background:#222}
.loopless-benefit-con .benefit-con .benefit-item.before .img-box:before{position: absolute; content:''; width:3.4rem; height:2.7rem; top:50%; right:-8rem; transform:translate(50%, -50%); background:no-repeat center;  background-image:url('/web-static-images/content/loopless_benefit_arrow.png');}
.loopless-benefit-con .benefit-con .benefit-item.after .benefit-tit{background:var(--main-color);}

/* i PARKING AI 루프리스, 타사와 어떻게 다를까요? */
.loopless-difference-con{margin-top:5rem;}
.solution-vs-item .con-box.no-padding{padding:0 !important;}
.solution-vs-item .before-item .con-box .inner-list .list-item{padding:2.3rem; font-size:1.8rem; letter-spacing:-0.02em; line-height:1.1; color:#000; border-bottom:1px solid #eee}
.solution-vs-item .before-item .con-box .inner-list .list-item:last-child{border-bottom:0;}
.solution-vs-item .after-item .con-box .inner-list .list-item{display: flex; align-items:center; padding:2rem 2.5rem 2rem 7rem; box-sizing:border-box; border-bottom:1px solid #eee; min-height:10rem;}
.solution-vs-item .after-item .con-box .inner-list .list-item .icon{width:7.5rem;}
.solution-vs-item .after-item .con-box .inner-list .list-item .txt{width:calc(100% - 7.5rem); font-size:2rem; letter-spacing:-0.02em; color:#000; font-weight:700;}

@media all and (min-width:801px){
	.loopless-page .solution-vs-item .before-item .tit-box{font-size:2.4rem; padding:2rem;}
	.loopless-page .solution-vs-item .after-item .tit-box{font-size:2.8rem;}
}
@media all and (max-width:1280px){
	/* AI 루프리스는 어떤 점이 좋아졌나요? */
	.loopless-benefit-con .benefit-con .benefit-item.before .img-box:before{right:-7rem; background-size:cover;}
}
@media all and (max-width:800px){
	/* 기존 루프코일 방식과 AI 루프리스는 어떻게 다를까요? */
	.loopless-page .solution-vs-item .vs-icon{transform: translateX(-50%) rotate(90deg);}
	.solution-vs-item .con-box .img-box .txt{font-size:1.8rem;}

	/* i PARKING만의 자체 기술로 개발한 루프리스 전용 LPR을 소개합니다. */
	.recount-top-txt{font-size:1.8rem; margin-bottom:3rem;}
	.loopless-lpr-con{display: block;}
	.loopless-lpr-con .middle-con{position: relative; width:100%; max-width:45.1rem; height:auto;}
	.loopless-lpr-con .middle-con .line:before{display: none;}
	.loopless-lpr-con .system-item{width:100%; margin-top:5rem;}
	.loopless-lpr-con .system-item .img-box span{padding-top:0; height:auto;}
	.loopless-lpr-con .system-item .img-box span img{position: relative; top:auto; left:auto; right:auto; bottom:auto;}
	.loopless-lpr-con .system-item .tit-box{margin:2rem 0;}

	/* AI 루프리스는 어떤 점이 좋아졌나요? */
	.loopless-benefit-con .benefit-con{display: block;}
	.loopless-benefit-con .benefit-con .benefit-item{width:100%;}
	.loopless-benefit-con .benefit-con .benefit-item .benefit-tit{font-size:1.4rem; line-height:3rem; min-width:13rem;}
	.loopless-benefit-con .benefit-con .benefit-item .img-box{position: static;}
	.loopless-benefit-con .benefit-con .benefit-item.before .img-box:before{right:50%; bottom:-4rem; top:auto; transform:Translate(50%, 50%) rotate(90deg);}
	.loopless-benefit-con .benefit-con .benefit-item .txt-box .tit{font-size:2rem;}

	.loopless-benefit-con .benefit-con .benefit-item.before{margin-bottom:10rem;}

	/* i PARKING AI 루프리스, 타사와 어떻게 다를까요? */
	.solution-vs-item .after-item .con-box .inner-list .list-item{padding:1.5rem 2rem;}
	.solution-vs-item .after-item .con-box .inner-list .list-item .txt{font-size:1.8rem;}
}



/* ============================================ */
/* ******************** 
* 파킹앱 페이지 리뉴얼 2024-11-26 MJ
******************** */
#header.top-fixed.app-header{background:#fff; transform:none !important;}
.app-header:before{display: none;}
.app-header .header-util-box{display: flex;}
.app-header .header-util-box .header-down-link{margin-right:2rem;}
.app-header .header-down-btn-list .header-down-btn,.app-header .header-down-link{width:20rem;}
.app-header .header-down-btn-list .header-down-btn img,
.app-header .header-down-link img{margin-left:1.2rem;}
.app-header .header-down-link i{margin-top:0; margin-left:0.7rem; margin-right:0;}

.app-header .header-down-btn-list { opacity: 1; pointer-events: auto; }

.app-header .header-down-btn-list .header-down-list{background:#272727; border-radius:2rem; padding:1.6rem 1rem; box-sizing:border-box;}
.app-header .header-down-btn-list .header-down-list .list-item:before{display: none;}
.app-header .header-down-btn-list .header-down-list .list-item a{width:18rem; justify-content: flex-start; padding:1rem; box-sizing:border-box; border-radius:1.2rem; height:4.2rem; transition:var(--transition-custom);}
.app-header .header-down-btn-list .header-down-list .list-item a:hover{background:#606060;}
.app-header .header-down-btn-list .header-down-list .list-item a i{margin-right:0.7rem;}

#gnb.app-gnb{width:auto; left:calc(50% - 2rem); transform:translateX(-50%);}
#gnb.app-gnb > ul{margin-left:0;}
#gnb.app-gnb > ul > li{width:auto;}
#gnb.app-gnb > ul > li > a{padding:0 5rem; font-size:2.2rem; letter-spacing:-0.025em; color:#333; font-weight:700;}

#gnb.app-gnb.each-menu > ul > li .gnb-2dep:before{background:#fff; border:1px solid #ddd;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul{padding:1.7rem 1rem; box-sizing:border-box;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li{text-align:left; padding:0;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li a{font-size:1.8rem; letter-spacing:-0.025em; color:#333; padding:1rem 1.4rem; border-radius:1.2rem; box-sizing:border-box; transition:var(--transition-custom); text-align:left;}
#gnb.app-gnb.each-menu > ul > li .gnb-2dep ul li a:hover{background:#e4efff; font-weight:700;}


/* 앱 서브페이지 헤더 */
#wrap:not(.app-main) .app-header #headerInner.area-full{max-width:1240px;}
#wrap:not(.app-main) .app-header #gnb.app-gnb{left: calc(50% - 6rem);}

@media all and (max-width:1280px){
	#header.app-header .logo{width: 50%; max-width: 294px;}
	#header.app-header .logo img{width:100%;}
	.app-header .header-util-box{display: none;}
	.app-header .nav-open-btn{top:20px;}
	.app-header .nav-open-btn .line{width:21px; border-radius:2px; height:2px;}
	.app-header .nav-open-btn .line:nth-child(1){width:15px; margin-right:0;}

	.app-header .nav-open-btn:before{position: absolute; content:''; width:30px; height:30px; border-radius:50%; background:#3a3a3a; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:var(--transition-custom);}
	.app-header .nav-open-btn.active{top:20px;}
	.app-header .nav-open-btn.active:before{opacity:1;}
	#header.app-header .nav-open-btn.active .line{width:16px; background: #fff !important;}
	.app-header .nav-open-btn.active .line:nth-child(1){ transform: translateY(7px) rotate(45deg); }
	.app-header .nav-open-btn.active .line:nth-child(2){ transform: translateY(0px) rotate(-45deg); }
	.app-header .nav-open-btn.active .line:nth-child(3){opacity:0;}

	.app-header #gnbM{background:#222;}
	.app-header .gnb-m-logo{padding:0 var(--area-padding); box-sizing:border-box; display: flex; align-items:center; height:10rem;}
	.app-header .gnb-m-logo img{width: 50%; max-width: 170.5px;}
	.app-header .gnb-style-full #navigation{vertical-align:top;}
	.app-header .gnb-style-full .gnb-navigation-inner{height:calc(100% - 10rem);}

	.app-header #navigation > li{padding:0 var(--area-padding); box-sizing:border-box;}
	.app-header #navigation > li > a{font-size:2rem; line-height:1.1; letter-spacing:-0.025em; color:#fff; font-weight:700; text-align: left; padding:2.5rem 0; box-sizing:border-box; border-bottom:1px solid #444;}
	.app-header #navigation > li.active > a{color:#fff;}
	.app-header #navigation > li.has-2dep > a:before{content:'\e942'; font-weight: 400; right:0;}
	.app-header #navigation > li.has-2dep.active > a:before{content:'\e945';}
	.app-header #navigation > li .gnb-2dep{background:transparent;}
	.app-header #navigation > li .gnb-2dep > ul > li >a{font-size: 1.7rem; text-align: left; color: rgba(255, 255, 255, 0.7); padding: 1rem 0; font-weight:300;}
}
@media all and (max-width:1280px){
	#header.app-header .logo{width: 45%;}
}


/* ******************** 
* 파킹앱 서브페이지 2024-11-26 MJ
******************** */
.app-page{margin:20rem 0 0;}

.app-tit-con .app-tit{font-size:4.2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; border-bottom:1px solid #bbb; margin-bottom:1.3rem; padding-bottom:1.5rem;}
.app-tit-con .app-txt{font-size:2.2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:500;}

.app-list-wrap{margin-bottom:15rem;}
.app-list-item{display: flex; align-items:center; padding:7rem 0;}
.app-list-item .img-box{width:43.79%;}
.app-list-item .img-box .phone-img{position: relative; display: block; width:29.6rem; height:63.2rem; margin:auto;}
.app-list-item .img-box .phone-img.big-img{width:41.7rem;}
.app-list-item .img-box .phone-img:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:33.2rem; height:66.4rem; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/content/app_phone_cover.png'); filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));}
.app-list-item .img-box .phone-img img{position: relative; width:100%;}

.app-list-item .txt-box{width:56.21%;}
.app-list-item .txt-box .num-box{display: flex; align-items:center; margin-bottom:2rem;}
.app-list-item .txt-box .num-box .num{width:5.4rem; height:5.4rem; line-height:5.4rem; background:#222; border-radius:0.8rem; text-align:center; color:#fff; font-size:2.6rem; letter-spacing:-0.025em; font-weight:700;}
.app-list-item .txt-box .num-box .tit{font-size:3rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; margin-left:1rem;}
.app-list-item .txt-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:500; white-space:nowrap;}
.app-list-item .txt-box .plus-box{margin-top:3rem;}
.app-list-item .txt-box .plus-box span{display: block; margin-bottom:2.5rem}
.app-con-btn{display: flex; align-items:center; justify-content:center; width:28rem; height:8rem; border-radius:2rem; background:#cf2129; font-size:2.2rem; letter-spacing:-0.025em; color:#fff; font-weight:700;}


.app-list-item.left-item{display: flex; align-items:center;}

.app-list-item.right-item{flex-direction:row-reverse;}
.app-list-item.right-item .txt-box{max-width:355px;}

.app-page-plus{margin-bottom:10rem;}
.parking-plus-box{position: relative; display: flex;}
.parking-plus-box .plus-item{width:50%; text-align:center;}
.parking-plus-box .plus-item .tit-box{margin-bottom:4.5rem;}
.parking-plus-box .plus-item .tit{display: inline-block; position: relative; font-size:3rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700; padding-left:3.6rem;}
.parking-plus-box .plus-item .tit:before{position: absolute; content:''; width:2.4rem; height:2.4rem; background:#222; border-radius:0.8rem; top:1.2rem; left:0;}
.parking-plus-box .plus-item .inner-box{position: relative;}
.parking-plus-box .plus-item .inner-box:before{position: absolute; content:''; width:1px; height:100%; background:#bbb; top:0; right:0;}
.parking-plus-box .plus-item:last-child .inner-box:before{display: none;}
.parking-plus-box .plus-item .inner-box .txt{font-size:2rem; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight:700;}
.parking-plus-box .plus-item .inner-box .img-box{text-align:center; margin-top:4rem;}
.parking-plus-box .plus-item .inner-box .img-box img{max-width:100%; margin:auto;}

.app-page .footer-quick-wrapper,
.app-page + .footer-quick-wrapper{display: none;}

@media all and (max-width:800px){
	.app-page{margin:15rem 0 0;}
	.app-tit-con .app-tit{font-size:2.7rem;}
	.app-tit-con .app-txt{font-size:1.7rem;}
	.app-list-wrap{margin-bottom:6rem;}
	.app-list-item{flex-direction: column-reverse !important; padding:4rem 0 8rem;}
	.app-list-item .img-box{width:100%; margin-top:7rem;}
	.app-list-item .img-box .phone-img{width:22.2rem !important; height:47.4rem;}
	.app-list-item .img-box .phone-img:before{width:24.9rem; height:49.8rem;}
	.app-list-item .img-box .phone-img.big-img{width:31.275rem;}
	.app-list-item .img-box .phone-img img{left:-2px;}
	.app-list-item .txt-box{width:100%; max-width:none !important;}
	.app-list-item .txt-box .num-box{display: flex; align-items:center; margin-bottom:1rem;}
	.app-list-item .txt-box .num-box .num{width:3.7rem; height:3.7rem; line-height:3.7rem; border-radius:0.4rem; font-size:1.8rem;}
	.app-list-item .txt-box .num-box .tit{font-size:2.3rem; margin-left:0.5rem;}
	.app-list-item .txt-box .txt{font-size:1.7rem; white-space:normal;}
	.app-list-item .txt-box .plus-box{margin-top:2rem;}
	.app-list-item .txt-box .plus-box span{margin:0 auto 1.5rem; max-width:24rem;}
	.app-list-item .txt-box .plus-box span img{max-width:100%;}
	.app-list-item .txt-box .plus-box .app-con-btn{margin:auto;}
	.app-con-btn{width:18rem; height:5.6rem; border-radius:1rem; font-size:1.54rem;}
	
	
	.parking-plus-box{display: block;}
	.parking-plus-box .plus-item{width:100%; margin-bottom:5rem;}
	.parking-plus-box .plus-item:last-child{margin-bottom:0;}
	.parking-plus-box .plus-item .tit-box{margin-bottom:1.5rem;}
	.parking-plus-box .plus-item .tit{font-size:2.1rem; padding-left:2rem;}
	.parking-plus-box .plus-item .tit:before{width:1.2rem; height:1.2rem; border-radius:0.4rem; top:0.9rem;}
	.parking-plus-box .plus-item .inner-box:before{display: none;}
	.parking-plus-box .plus-item .inner-box .txt{font-size:1.5rem;}
	.parking-plus-box .plus-item .inner-box .img-box{margin-top:2rem;}
	.parking-plus-box .plus-item .inner-box .img-box img{width: 100%; max-width: 25rem;}
}


/* ******************** 
* 주차시스템 설계 2025-06-10 MJ
******************** */
.cm-sub-content{margin-bottom:10rem;}
.cm-sub-tit{font-size:4.2rem; line-height:1.2; letter-spacing:-0.02em; color:#202020; font-weight:500;}
.cm-sub-tit b{font-weight:inherit; color:var(--main-color);}
.cm-sub-txt{font-size: 2rem; line-height: 1.4; letter-spacing: -0.02em; color: #202020; font-weight: 500; margin-bottom: 2.5rem; }
.cm-sub-txt:last-child{margin-bottom:0;}
.service-top-txt + .cm-sub-txt{margin-top:2rem;}
/* 주차 설계, 어디서부터 시작할지 막막하셨나요?! */
.system-reason-box{margin-top:7rem;}
.system-reason-box .reason-tit{text-align:center; font-size:4.2rem; line-height:1.5; letter-spacing:-0.02em; color:#202020; font-weight:500; margin-bottom:4rem;}
.system-reason-box .reason-tit b{font-weight:inherit; position: relative;}
.system-reason-box .reason-tit b:before{position: absolute; content:''; width:100%; height:1.2rem; background:#ffea00; bottom:0; left:0; z-index:-1;}
.system-reason-box .reason-list{display: flex; flex-wrap:wrap; margin:-1.4rem;}
.system-reason-box .reason-list .list-item{position: relative; margin:1.4rem; width:calc(25% - 2.8rem); border-radius:1.2rem; overflow:hidden;}
.system-reason-box .reason-list .list-item .bg{position: relative; width:100%; height:0; padding-top:124.138%;}
.system-reason-box .reason-list .list-item .bg img{position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.system-reason-box .reason-list .list-item .thumb-box{position: absolute; width:100%; height:100%; top:0; left:0; display: flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.7); transition:var(--transition-custom)}
.system-reason-box .reason-list .list-item .cover-box{position: absolute; width:100%; height:100%; top:0; left:0; display: flex; align-items:center; justify-content:center; background:rgba(240,65,55,0.8); opacity:0; transition:var(--transition-custom)}
.system-reason-box .reason-list .list-item .icon{margin-bottom:6rem;}
.system-reason-box .reason-list .list-item .txt{position: absolute; top:50%; width:100%; text-align:center; font-size:2.4rem; line-height:1.41; letter-spacing:-0.02em; color:#fff; font-weight:700; padding:0 2rem; box-sizing:border-box;}

.system-reason-box .reason-list .list-item:hover .thumb-box{opacity:0;}
.system-reason-box .reason-list .list-item:hover .cover-box{opacity:1;}

/* 아이파킹 무료 설계지원 서비스 안내 */
.system-info-box{display: flex; flex-wrap:wrap; justify-content:space-between; margin:-2rem; margin-top:4rem;}
.system-info-box .inner-box{border:1px solid rgba(221,221,221,0.8); border-radius:1.2rem; box-sizing:border-box; padding:2rem 3.5rem; width:calc(50% - 4rem); margin:2rem;}
.system-info-box .inner-box .tit-box{display: flex; align-items:center;}
.system-info-box .inner-box .tit-box .tit{font-size:2.4rem; line-height:1.5; letter-spacing:-0.02em; color:#202020; font-weight:700; margin-left:1rem;}

.info-con-style01{display: flex; margin-top:2rem;}
.info-con-style01 .info-item{width:33.33%; text-align:center;}
.info-con-style01 .info-item .num{display: inline-block; width:3.2rem; height:3.2rem; border-radius:50%; background:#000; font-size:2rem; line-height:3.2rem; color:#fff; font-weight:500; text-align:center; margin-bottom:1rem;}
.info-con-style01 .info-item .txt{font-size:2rem; line-height:1.4em; letter-spacing:-0.02em; font-weight:500; color:#202020; text-align:center; padding:0 2rem; box-sizing:border-box;}

.info-con-style02{margin-top:0.5rem;}
.info-con-style02 .info-txt{position: relative; padding-left:2.5rem; box-sizing:border-box; font-size:2rem; line-height:1.8; letter-spacing:-0.02em; color:#202020; font-weight:500;}
.info-con-style02 .info-txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:2rem; top:0; left:0; color:var(--main-color);}

.system-info-box .inner-box.wide{width:100%;}

/* 아이파킹 주차시스템 설계, 지금 문의하시면, 무상 설계지원! */
.system-support-box{position: relative; margin-top:10rem; background:#fff; padding:10rem 2rem 3rem; border-radius:3rem;}
.system-support-box .support-tit{position: absolute; top:0; left:50%; transform:translate(-50%, -50%); background:var(--main-color); border-radius:1.6rem; width:30rem; height:6.6rem; display: flex; align-items:center; justify-content:center; font-size:2.2rem; letter-spacing:-0.03em; color:#fff; font-weight:400; z-index:1;}

.system-support-list{display: flex; overflow:hidden;}
.system-support-list .list-item{width:20%;}
.system-support-list .list-item .top-box{}
.system-support-list .list-item .top-box .icon{width:10rem; height:10rem; border-radius:50%; background:#f6f6f6; display: flex; align-items:center; justify-content:center; margin:0 auto 1.5rem;}
.system-support-list .list-item .top-box dl{text-align:center; min-height:16rem;}
.system-support-list .list-item .top-box dl dt{font-size:2.4rem; line-height:1.15; letter-spacing:-0.02em; color:#202020; font-weight:700;}
.system-support-list .list-item .top-box dl dd{font-size:1.8rem; line-height:1.44; letter-spacing:-0.02em; color:#202020; font-weight:500; margin-top:1rem;}

.system-support-list .list-item .bottom-box{position: relative; box-sizing:border-box; display: grid; justify-content: center; }
.system-support-list .list-item .bottom-box .num{position: relative; font-size:4rem; letter-spacing:-0.04em; color:#202020; font-weight:500;}
.system-support-list .list-item .bottom-box .num:before{position: absolute; content:''; top:-2rem; left:1.9rem; width:30rem; height:8px;}
.system-support-list .list-item .bottom-box .num:after{position: absolute; content:''; top:-2.4rem; left:1.5rem; width:1.6rem; height:1.6rem; background:#333; border-radius:50%;}
.system-support-list .list-item .bottom-box .txt-box{margin-top:1rem;}
.system-support-list .list-item .bottom-box .bottom-tit{display: flex; align-items:flex-end; min-height:4.2rem; font-size:1.8rem; line-height:1.22; letter-spacing:-0.04em; color:#333; font-weight:700;}
.system-support-list .list-item .bottom-box .bottom-txt-list{margin-top:1.5rem;}
.system-support-list .list-item .bottom-box .bottom-txt-list .bottom-txt{font-size:1.6rem; line-height:1.125; letter-spacing:-0.04em; color:#666; font-weight:500; margin-bottom:0.3rem;}
.system-support-list .list-item .bottom-box .bottom-txt-list .bottom-txt:last-child{margin-bottom:0;}

.system-support-list .list-item:nth-child(1) .bottom-box{transform:translateX(3rem);}
.system-support-list .list-item:nth-child(1) .bottom-box .num:before{background:#ddd;}
.system-support-list .list-item:nth-child(2) .bottom-box{transform:translateX(1rem);}
.system-support-list .list-item:nth-child(2) .bottom-box .num:before{background:#d8d8d8;}
.system-support-list .list-item:nth-child(3) .bottom-box{transform:translateX(3rem);}
.system-support-list .list-item:nth-child(3) .bottom-box .num:before{background:#c0c0c0;}
.system-support-list .list-item:nth-child(4) .bottom-box{transform:translateX(2rem);}
.system-support-list .list-item:nth-child(4) .bottom-box .num:before{background:#919191;}
.system-support-list .list-item:nth-child(5) .bottom-box{transform:translateX(5rem);}
.system-support-list .list-item:nth-child(5) .bottom-box .num:before{background:#fff;}

/* 설계 성공 사례 */
.system-case-tit{display: flex; align-items:flex-end; margin-bottom:2rem;}
.system-case-tit .case-tit{font-size:4.5rem; line-height:1.2; letter-spacing:-0.02em; color:#202020; font-weight:700}
.system-case-tit .case-txt{font-size:1.8rem; line-height:1.44; letter-spacing:-0.02em; color:#999; margin-left:2rem;}

.system-case-list{display: flex; flex-wrap:wrap; margin:-2.5rem -1rem;}
.system-case-list .list-item{width:calc(33.33% - 2rem); margin:2.5rem 1rem; text-align:center;}
.system-case-list .list-item .img-box{border-radius:4rem; overflow:hidden;}
.system-case-list .list-item .img-box img{width:100%; object-fit:cover;}
.system-case-list .list-item .txt-box{margin-top:2rem;}
.system-case-list .list-item .txt-box .tit{font-size:2.4rem; line-height:1.15; letter-spacing:-0.02em; color:#202020; font-weight:700;}
.system-case-list .list-item .txt-box .txt{font-size:1.8rem; line-height:1.44; letter-spacing:-0.02em; color:#202020; font-weight:500; margin-top:1rem;}

.system-case-banner{display: inline-flex; align-items:center; justify-content:center; height:10rem; padding:1rem 4rem; box-sizing:border-box; background:#f7f7f7; border-radius:1.2rem; margin:7.5rem 0;}
.system-case-banner p{font-size:3.2rem; letter-spacing:-0.02em; color:#666; font-weight:400;}
.system-case-banner p b{font-weight:500;}

.system-case-partner{background:#f5f5f5; border-radius:2rem; padding:4rem 1.5rem; box-sizing:border-box; display: flex; flex-wrap:wrap; margin:0 -1rem;}
.system-case-partner .list-item{width:14.28%; margin:1rem 0}
.system-case-partner .list-item img{max-width:100%;}

/* 시스템 슬라이드이미지 */
.system-slide-wrap{display: flex; flex-wrap:wrap; margin:-2rem;}
.system-slide-list{width:calc(50% - 4rem); margin:2rem;}
.system-slide-list .txt-box{}
.system-slide-list .txt-box .cm-con-tit{font-size:3rem; font-weight:500;}
.system-slide-list .txt-box .cm-con-tit > span{margin-right:2rem; font-weight:400;}
.system-slide-list .txt-box .txt-list{margin-top:2.5rem;}
.system-slide-list .txt-box .txt-list .txt{position: relative; padding-left:2.5rem; box-sizing:border-box; font-size:1.4rem; line-height:1.8; letter-spacing:-0.02em; color:#333;}
.system-slide-list .txt-box .txt-list .txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:2rem; top:0; left:0; color:var(--main-color); line-height:1.3}
.system-slide-list .slide-bottom-box{margin-top:3rem;}
.system-slide-list .slide-bottom-box .bottom-txt{padding:1.5rem; box-sizing:border-box; background:#fff; border:1px solid #e9e9e9; border-radius:1.6rem; box-sizing:border-box; text-align:center; font-size:1.5rem; line-height:1.5; letter-spacing:-0.02em; color:#333; margin-bottom:1rem;}

.parking-system-slide-wrap{background:#fff; border-radius:1.6rem; overflow:hidden;}
.parking-system-slide{display: flex; padding:1rem 0rem 6rem; box-sizing:border-box; width:100%;}
.parking-system-slide.wide{padding:3rem 0 6rem;}
.parking-system-slide .slick-track, 
.parking-system-slide .slick-list,
.parking-system-slide .list-item{width:100%;}
.parking-system-slide .list-item a span{position: relative; display: block; width:100%; max-width:100%; height:0; padding-top:59.26%; margin:auto;}
.parking-system-slide .list-item a span img{position: absolute; margin:auto; max-width:100%; max-height:100%; top:0; left:0; right:0; bottom:0; object-fit:cover;}

.parking-system-slide .slick-arrow{position: absolute; top:50%; transform:translateY(-50%); width:5rem; height:5rem; display: flex; align-items:center; justify-content:center; background:rgba(160,160,160,0.7); border-radius:50%;  font-size:2.2rem; color:#fff; z-index:1001;}
.parking-system-slide .slick-arrow.slick-prev{left:1rem;}
.parking-system-slide .slick-arrow.slick-next{right:1rem;}

.parking-system-slide .slick-dots{position: absolute; bottom:3rem; left:50%; transform:translateX(-50%); display: flex;}
.parking-system-slide .slick-dots li{width:5rem; height:5px; background:#ddd; margin:0 6px; transition:var(--transition-custom); cursor:pointer;}
.parking-system-slide .slick-dots li.slick-active{background:var(--main-color);}
.parking-system-slide .slick-dots li button{font-size:0; text-indent:-9999px;}

/* wide */
/* .parking-system-slide.wide{padding:1rem 0 6rem;}
.parking-system-slide.wide .list-item a span{padding-top:46.66%; max-width:100%;} */
/* tab */
.system-slide-list .slide-bottom-box .sub-tab-list-style ul{justify-content: flex-start; margin:-0.5rem;}
.system-slide-list .slide-bottom-box .sub-tab-list-style ul li{margin:0.5rem; width:19rem;}
.system-slide-list .slide-bottom-box .sub-tab-list-style ul li:not(.selected){background:#fff;}
.system-slide-list .slide-bottom-box .sub-tab-list-style ul li a{height:5.4rem; border-width:2px;}

/* 시스템 슬라이드이미지 :: 팝업 */
.parking-system-pop-box{position: relative; background:#fff; border-radius:2rem; padding:4rem; box-sizing:border-box;}
.parking-system-pop-box .pop-tit{font-size:3rem; line-height:1.5; letter-spacing:-0.02em; color:#202020; font-weight:500; text-align:left;}
.parking-system-pop-box .img-box{text-align:center; margin-top:4rem;}
.parking-system-pop-box .img-box img{max-width:100%; margin:auto;}


/* 하단 */
.parking-system-bottom-con{}
.parking-system-bottom-con .tit{font-size:4.8rem; line-height:1.25; letter-spacing:-0.02em; color:#202020; font-weight:700; text-align:center;}
.parking-system-bottom-con .tit b{color:var(--main-color); font-weight:800;}

.parking-system-bottom-list{display: flex; justify-content: center; margin-top:7rem; padding-bottom:5rem;}
.parking-system-bottom-list a{margin:0 2rem; display: inline-flex; align-items:center; justify-content:center; width:38rem; height:12rem; padding:2rem; box-sizing:border-box; border-radius:2rem;}
.parking-system-bottom-list a .txt{font-size:2.8rem; line-height:1.1; letter-spacing:-0.02em; color:#fff; font-weight:500; margin-left:1rem;}

.parking-system-bottom-list a:nth-child(1){background:#333}
.parking-system-bottom-list a:nth-child(2){background:#4b4d55}