@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .flex {margin-bottom:var(--space-70); gap:var(--space-80); display:flex;}
.greeting .cnt {padding-top:var(--space-40); flex:1;}
.greeting .cnt span {padding:2px 5px; font-size:var(--font-size-18); color:#fff; background-color:var(--color-secondary);}
.greeting .cnt .tit {margin-bottom:var(--space-40); font-size:var(--font-size-56); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:var(--color-primary);}
.greeting .cnt strong {margin-bottom:var(--space-30); display:block; font-size:var(--font-size-20); color:#121212; font-weight:600; letter-spacing:-.03em; line-height:1.6em;}
.greeting .cnt p {margin-bottom:var(--space-20);}
.greeting .cnt p.last {margin-bottom:0;}
.greeting .greet-txt {font-size:var(--font-size-24); font-weight:700; letter-spacing:.98em; color:#ddd; text-align:center;}

.local {display:flex; border-bottom:2px solid #ddd; padding-bottom:var(--space-60); margin-bottom:var(--space-60);}
.local .col {width:50%;}
.local .col-l {font-size:var(--font-size-40); font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.4em;}
.local .col-l span {color:var(--color-primary);}
.local .col-r {padding-left:var(--space-60);}
.local .col-r .tit {position:relative; margin:var(--space-20) 0 var(--space-30); font-size:var(--font-size-24); font-weight:500; color:#121212; letter-spacing:-.03em; line-height:1.3em;}
.local .col-r .tit:before {width:40px; height:4px; top:-20px; position:absolute; content:''; left:0; background-color:#121212;}
.local .col-r p {margin-bottom:var(--space-20); font-size:var(--font-size-20); font-weight:500; color:#121212; letter-spacing:-.03em; line-height:1.3em;}
.local .col-r ul {display:flex; flex-wrap:wrap;}
.local .col-r ul li {font-size:var(--font-size-18); width:50%;}
.local .col-r ul li:last-child {margin-top:15px; width:100%;}
.local .col-r ul li i {width:30px; height:30px; margin:-1px 10px 0 0; vertical-align:middle; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.local .col-r ul li i.tel {background-image:url('../images/sub/tel-ico.png');}
.local .col-r ul li i.fax {background-image:url('../images/sub/fax-ico.png');}
.local .col-r ul li i.mail {background-image:url('../images/sub/mail-ico.png');}

.map {display:flex; margin:0 -30px;}
.map .group {padding:0 30px; width:50%;}
.map .tit {padding:var(--space-30) 0 var(--space-20); font-size:var(--font-size-32); position:relative; font-weight:700; color:#121212; letter-spacing:-.03em; line-height:1.4em;}
.map .tit:before {width:8px; height:8px; position:absolute; top:0; left:0; border-radius:100%; content:'';}
.map .group:nth-child(1) .tit:before {background-color:var(--color-primary);}
.map .group:nth-child(2) .tit:before {background-color:var(--color-secondary);}
.map p {font-size:var(--font-size-22); font-weight:600; color:#121212; letter-spacing:-.03em; line-height:1.4em; margin-top:var(--space-20);}
.root_daum_roughmap {width:100% !important;}

.doc-cnt30 {margin-bottom:var(--space-30);}
.doc-cnt60 {margin-bottom:var(--space-60);}
.doc-cnt100 {margin-bottom:var(--space-100);}

.parkinglot-business {display:flex; margin:0 -30px; color:#fff; text-align:center;}
.parkinglot-business li {padding:0 30px; width:25%;}
.parkinglot-business .box {padding:50px 0; border-radius:30px; background-color:var(--color-primary);}
.parkinglot-business img {border-radius:100%; box-shadow:1px 3px 10px rgba(0,0,0,.2);}
.parkinglot-business p {text-shadow:1px 3px 10px rgba(0,0,0,.15); margin-top:var(--space-20); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.development {margin-bottom:var(--space-80);}
.development .title {margin-bottom:var(--space-40); font-size:var(--font-size-24); text-align:center;}
.development .title strong {color:#121212; position:relative; letter-spacing:-.03em; font-weight:600;}
.development .title strong:after {height:16px; z-index:-1; position:absolute; content:''; bottom:0; left:0; right:0; background-color:#d9e0ef;}
.development ol {display:flex; margin:0 -10px;}
.development ol li {padding:0 10px; width:33.3333%;}
.development ol li .box {height:150px; align-items:center; padding:0 var(--space-35); display:flex; border:1px solid #ddd;}
.development ol li .cnt {padding-left:var(--space-20); flex:1;}
.development ol li .cnt .num {font-size:var(--font-size-14); letter-spacing:-.03em; line-height:1.3em; font-weight:700; color:var(--color-primary);}
.development ol li .cnt strong {margin:10px 0; font-size:var(--font-size-20); color:#121212; font-weight:700; letter-spacing:-.03em; line-height:1.3em; display:block;}

.cs-center {padding:var(--space-150) 0; text-align:center; background:url('../images/sub/cs-centerbg.jpg') no-repeat 50% 50% / cover; color:#fff;}
.cs-center h1 {color:#fff;}
.cs-center .img {margin-top:var(--space-70);}

.system {gap:var(--space-80); display:flex; align-items:center;}
.system .col-l {position:relative;}
.system .cnt {flex:1;}
.system .cnt .title {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:600; color:#121212; letter-spacing:-.031em; line-height:1.3em;}
.system .tabs {left:50%; transform:translateX(-50%); position:absolute; top:var(--space-60); display:flex; justify-content:center;}
.system .tabs li {background-color:#eee;}
.system .tabs li:first-child {border-radius:30px 0 0 30px;}
.system .tabs li:last-child {border-radius:0 30px 30px 0;}
.system .tabs li a {height:40px; align-items:center; padding:0 var(--space-30); text-align:center; display:flex; font-size:var(--font-size-15); font-weight:600;}
.system .tabs li.active a {border-radius:30px; background:linear-gradient(90deg, rgba(4, 183, 240, 1) 0%, rgba(64, 99, 175, 1) 100%); color:#fff;}

.parking-system {margin:var(--space-120) 0; padding:var(--space-120) 0; color:#fff; background:url('../images/sub/parking-systembg.jpg') no-repeat 50% 50% / cover;}

.s-tit {margin-bottom:var(--space-40);}
.s-tit h2 {margin-bottom:var(--space-20); letter-spacing:-.03em; line-height:1em; font-size:var(--font-size-40);}

.ps-list1 {margin-bottom:var(--space-50); display:flex; color:#fff;}
.ps-list1 li {width:50%; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.3em;}
.ps-list1 li i {width:16px; height:12px; margin:-2px 12px 0 0; vertical-align:middle; background-image:url('../images/sub/chk-ico.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

.ps-list2 {display:flex;}
.ps-list2 li {width:25%;}
.ps-list2 li .box {width:250px; height:250px; flex-direction:column; align-items:center; justify-content:center; display:flex; border-radius:100%; background-color:#fff;}
.ps-list2 li strong {margin-top:12px; line-height:1.3em; font-weight:600; color:#121212; display:block;}
.ps-list2 li small {font-size:var(--font-size-14); display:block; color:#505050;}

.parking-support {display:flex; justify-content:flex-end; max-width:1920px; margin:auto;}
.parking-support .col-l {max-width:600px; flex:1;}
.parking-support .s-tit h2 {color:#121212;}
.parking-support .s-tit p {font-size:var(--font-size-18);}
.parking-support ul {margin:0 -45px -25px; display:flex; flex-wrap:wrap;}
.parking-support ul li {padding:0 45px; margin-bottom:25px; text-align:center;}
.parking-support ul li strong {margin-top:12px; font-size:var(--font-size-18); color:#121212; font-weight:600; display:block;}

.dot-item {padding-left:15px; margin-bottom:var(--space-20); line-height:1.7em; font-size:var(--font-size-18); position:relative;}
.dot-item:last-child {margin-bottom:0;}
.dot-item:before {width:6px; height:6px; top:10px; position:absolute; content:''; left:0; border-radius:100%; background-color:var(--color-primary);}
.dot-item strong {font-weight:600; color:#121212;}
.dot-item small {font-size:var(--font-size-16); display:block; color:#878787;}
.dot-item.ty2 {font-size:var(--font-size-16);}
.dot-item.ty2 strong {font-size:var(--font-size-18); display:block;}

.slideshow {width:600px;}
.slideshow .slick-track {display:flex; justify-content:flex-start; margin:0; transform:none !important;}
.slideshow .slick-track:before,
.slideshow .slick-track:after {display:none;}
.slideshow .slick-slide {flex-shrink:0; width:100%;}
.slideshow .image {position:relative;}
.slideshow .slider-for {margin-bottom:10px;}
.slideshow .slider-nav .items {margin:0 -5px;}
.slideshow .slider-nav .item {padding:0 5px;}
.slideshow .slider-nav .image {opacity:.5;}
.slideshow .slider-nav .image:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ddd;}
.slideshow .slider-nav .slick-current .image {opacity:1;}
.slideshow .slider-nav .slick-current .image:after {border-color:#4062ae;}
.slideshow .slick-arrow {width:20px; height:36px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.slideshow .slick-prev {left:20px; background-image:url("../images/sub/slideshow-prev.png");}
.slideshow .slick-next {right:20px; background-image:url("../images/sub/slideshow-next.png");}

.method {margin-top:var(--space-30); display:flex;}
.method .item {width:50%; text-align:center;}
.method .item strong {margin-top:15px; font-size:var(--font-size-18); display:block; font-weight:600; color:#121212;}