#mb_login .mbskin_box .join{display: none;}
.mb_log_cate h2{width: 100% !important;}
.textShadow {text-shadow: 0 0 8px rgba(0, 31, 54, .5);}

.moreBtn {width: fit-content; padding: .625rem 2rem; background: var(--pointcolor); border-radius: 100px; color: #fff; display: flex; align-items: center; gap: .625rem;}
.moreBtn img {width: 1.625rem;}

@media(max-width:768px) {
    .font-15,
    .font-16,
    .font-18 {font-size: 1.25rem;}
    .font-22 {font-size: 1.5rem;}
}

#hero {background-image: url("/img/parking/hero.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 55rem; display: flex; align-items: center; justify-content: center;}

@media(max-width:1680px) {
    #hero .container {width: 90% !important;}
}

@media(max-width:768px) {
    #hero {height: 65rem;}
    #hero .font-80 {font-size: 4rem;}
}

#process {max-width: 1800px; width: 95%; margin: auto; background-image: url("/img/parking/process.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 2rem;}
#process .cont_box {width: 47rem; display: flex; flex-wrap: wrap; row-gap: 1rem; column-gap: .8rem;}
#process .box {background: #fff; border-radius: 100px; padding: .375rem; display: flex; align-items: center; gap: .75rem;}
#process .box:nth-child(odd) {width:calc(45% - .4rem);}
#process .box:nth-child(even) {width: calc(55% - .4rem);}
#process .box img {width: 3rem;}

/* @media(max-width:1680px) {
    #process {width: 90%;}
} */

@media(max-width: 620px) {
    #process  {background-position: left;}
    #process .cont_box {flex-direction: column; width: 100%;}
    #process .box {width: 100% !important; padding: .5rem;}
}

#keyPoint {background-image: url("/img/parking/keyPoint_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; position: relative; z-index: 1;}
#keyPoint:after,
#keyPoint:before {position: absolute; top: 0; height: 100%; width: 1px; background: #516983; content: ""; opacity: .3;}
#keyPoint:after {left: calc((100% - var(--layoutwidth)) / 2);}
#keyPoint:before {right: calc((100% - var(--layoutwidth)) / 2);}

#keyPoint .top {--x-gap: 5rem; --y-gap: 5rem; width: 90%;}
#keyPoint .top .box {background: #fff; padding: 3.5rem 0; border-radius: 1.25rem; box-shadow: 0 0 9px rgba(0, 89, 184, .13); position: relative;}
#keyPoint .top .box:after,
#keyPoint .top .box:before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .5rem; height: .5rem; background: var(--pointcolor); border-radius: 50%; content: "";}
#keyPoint .top .box:after {left: -3.25rem;}
#keyPoint .top .box:before {left: -2.25rem;}
#keyPoint .top .box:first-child:after,
#keyPoint .top .box:first-child:before {display: none;}
#keyPoint .top .box img {width: 3.75rem;}

#keyPoint .bottom .item {display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; position: relative;}
#keyPoint .bottom .item:after,
#keyPoint .bottom .item:last-child:before {position: absolute; left: -100%; width: 10000%; height: 1px; background: #516983; content: ""; opacity: .3;}
#keyPoint .bottom .item:after {top: 0;}
#keyPoint .bottom .item:last-child:before {bottom: 0;}


@media(max-width:1680px) {
    #keyPoint:after {left: 5%;}
    #keyPoint:before {right: 5%;}
}

@media(max-width:990px) {
    #keyPoint .top .box:after,
    #keyPoint .top .box:before {top: -2.5rem; transform: translateX(-50%);}
    #keyPoint .top .box:after {left: calc(50% + .5rem);}
    #keyPoint .top .box:before {left: calc(50% - .5rem);}

    #keyPoint .bottom .item {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0;}
    #keyPoint .bottom .item .imgbox {width: 100%;}

    #keyPoint .bottom .item .textbox {padding: 5rem 5% !important; width: 100%;}

    #keyPoint .bottom .item:nth-child(2) .imgbox {padding-right: 5%;}
    #keyPoint .bottom .item:nth-child(1) .imgbox,
    #keyPoint .bottom .item:nth-child(3) .imgbox {order: -1; padding-left: 5%;}
}

@media(max-width:768px) {
    #keyPoint .top .box {padding: 5rem 0;}
}

@media(max-width:500px) {
    #keyPoint .cont_box {padding-bottom: 30px;}
}

#special {position: relative; z-index: 2; display: flow-root; overflow-x: clip; overflow-y: visible; background: #fff;}
#special .bg {position: absolute; left: 50%; top: 0; transform: translate(-50%, -15%); width: 140%; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff; pointer-events: none; z-index: 1;}
#special .box {color: #282e44; aspect-ratio: 1 / 1; background: var(--subcolor); display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: .75rem;}
#special .box img {margin: 0 auto; width: 6rem;}
#special .container {position: relative; z-index: 2; margin-top: clamp(-7rem, -8vw, -4rem);}

@media(max-width:500px) {
    #special .bg {transform: translate(-50%, -25%);}
}

#specialties {position: relative; z-index: 2; display: flow-root; overflow-x: clip; overflow-y: visible; background: #fff;}
#specialties .bg {position: absolute; left: 50%; top: 0; transform: translate(-50%, -15%); width: 140%; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff; pointer-events: none; z-index: 1;}
#specialties .container {position: relative; z-index: 2; margin-top: clamp(-7rem, -8vw, -4rem);}

#specialties .label {width: max-content; margin: auto; background: var(--pointcolor); color: #fff; padding: .625rem 2rem; border-radius: 100px; position: absolute; left: 50%; top: -2rem; transform: translateX(-50%);}
#specialties .box {background: #f0f7ff; border-radius: .75rem; padding: 3.75rem 2rem 2rem; margin-top: 3rem; }
#specialties .box:last-child {background-image: url("/img/parking/specialties_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right bottom;}
#specialties .box li {display: flex; align-items: flex-start; gap: .75rem; padding: 1rem .25rem; border-bottom: 1px dashed rgba(12,130,254,.3);}
#specialties .box li:first-child {padding-top: 0;}
#specialties .box li:last-child {padding-bottom: 0; border-bottom: none;}
#specialties .box li img {width: 2.18rem;}

@media(max-width:990px) {
    #specialties .box:last-child {background: #f0f8fe;}
}

@media(max-width:500px) {
    #specialties .bg {transform: translate(-50%, -25%);}
}

#bestDoctor {position: relative; z-index: 3;}
#bestDoctor .container {background-image: url("/img/parking/bestDoctor_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 80px 5%; border-radius: 3.125rem; overflow: hidden;}
#bestDoctor .flexList {--x-gap: .5rem; align-items: flex-end;}


#bestDoctor .Career {background: #fff; padding: 2.5rem 1rem; border-radius: 1.25rem; display: flex; align-items: center;}
#bestDoctor .Career .subTit .name {width: max-content; background: #e9f5fe; padding: .625rem 2rem; border-radius: 100px; margin: auto;}
#bestDoctor .Career .box {padding: 0 2.5%;}
#bestDoctor .Career .list {position: relative;}
#bestDoctor .Career .list:after {position: absolute; left: -1.75%; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: #516983; content: ""; opacity: .3;}
#bestDoctor .Career .list:nth-child(2):after {display: none;}
#bestDoctor .Career .list li {display: flex; align-items: flex-start;}
#bestDoctor .Career .list li:nth-child(n+2) {margin-top: .625rem;}
#bestDoctor .Career .list span {color: var(--pointcolor); padding-right: .625rem;}


@media(max-width:1440px) {
    #bestDoctor .Career {flex-wrap: wrap; padding: 3rem;}
    #bestDoctor .Career .subTit {width: 100%; margin-bottom: 2rem;}
    #bestDoctor .Career .list {width: 50%;}
}

@media(max-width:990px) {
    #bestDoctor .Career {gap: 1rem; padding: 3rem 2.5%;}
    #bestDoctor .container  {padding: 50px 5%;}
    #bestDoctor .Career .box {padding: 0;}
    #bestDoctor .Career .list {max-width: 32rem; width: 90%; display: block; margin: auto;}
    #bestDoctor .Career .list li:nth-child(n+2) {margin-top: 1rem;}
    #bestDoctor .Career .list:after {display: none;}
}

@media(max-width:768px) {
    #bestDoctor .doctor .box:first-child {width: 50%; margin: auto;}
}

@media(max-width:500px) {
    #bestDoctor .container {width: 95%;}
    #bestDoctor .doctor .box:first-child {width: 90%;}
}



#doctor {overflow: hidden; max-width: 1920px; width: 100%; margin: auto; position: relative; z-index: 3;}
#doctor .flexList {--x-gap: 0rem;}
#doctor .cont_box {margin-top: 5rem;}
#doctor .En {position: absolute; left: 50%; transform: translateX(-50%); top: calc(200px + 11rem); font-size: 7.25vw; color: var(--pointcolor); opacity: .1; font-weight: 800; width: 100%; text-transform: uppercase; letter-spacing: .0125em; text-wrap: nowrap;}

@media (max-width:1680px) {
    #doctor .En {top: calc(130px + 11rem);}
}

@media (max-width:990px) {
    #doctor .En {top: calc(100px + 11rem); font-size: 11vw;}
}

@media(max-width:500px) {
    #doctor .En {font-size: 22vw;}
    #doctor .flexList {justify-content: flex-start;}
}

#care {background-image: url("/img/parking/care_bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; max-width: 1800px; width: 95%; margin: auto; border-radius: 3rem; position: relative; z-index: 3;}
#care .box {background-size: cover; background-position: 60% center; background-repeat: no-repeat; padding: 3.5rem 5%; border-radius: 1.25rem;}
#care .box:nth-child(1) {background-image: url("/img/parking/care01.jpg");}
#care .box:nth-child(2) {background-image: url("/img/parking/care02.jpg");}
#care .box:nth-child(3) {background-image: url("/img/parking/care03.jpg");}
#care .box:nth-child(4) {background-image: url("/img/parking/care04.jpg");}

#care .percent {width: fit-content; padding: .625rem 1rem; background: var(--subcolor); display: flex; align-items: center; gap: .25rem; border-radius: 2px;}
#care .percent .cir {width: .625rem; height: .625rem; background: #d5e1f0; display: inline-block; border-radius: 50%;}
#care .percent .cir.chk {background: var(--pointcolor);}

/* @media(max-width:1680px) {
    #care {width: 90%;}
} */

#notice .cont_box {margin-top: 5rem;}
#notice .item {position: relative; cursor: pointer;}
#notice .item:after {content: ""; position: absolute; top: 50%; right: 10%; width: 1px; height: 8rem; background: #000; opacity: .5; transform: translateY(-50%); pointer-events: none;}

#notice .item .subject {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#notice .item .desc {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

#notice .swiper-pagination {position: initial; background: #c8d4dc;}
#notice .swiper-pagination-progressbar-fill {background: var(--pointcolor);}

#notice .empty {width: 100%;}

@media (min-width: 769px) and (max-width: 1020px) {
    #notice .swiper-slide-next:after {display: none;}
}

@media (min-width: 1021px) {
    #notice .swiper-slide-next + .swiper-slide:after {display: none;}
}

@media(max-width:768px) {
    #notice .container {width: 100%;}
    #notice .cont_box {padding-left: 5%;}
    #notice .swiper-pagination {width: 95%;}
}

#location {border-top: 1px solid rgba(81, 105, 131, .5)}
#location .flexList {--x-gap: 0rem; --y-gap: 0rem;}
#location .contbox {padding: 100px 5%;}
#location .contbox .subTit {width: fit-content; padding: .5rem 1rem; background: var(--subcolor); color: var(--pointcolor); border-radius: 7px;}
#location .timeTable li {display: flex; gap: 1rem; align-items: center; text-transform: uppercase;}
#location .timeTable li:nth-child(n+2) {margin-top: .625rem;}
#location .timeTable .day {display: inline-block; width: 6rem; text-align: justify; text-align-last: justify;}
#location .timeTable .night {width: fit-content; padding: .25rem .625rem .125rem; background: var(--pointcolor); color: #fff; border-radius: 3px;}

#location .mapBtn {display: flex; align-items: center; gap: 1rem;}
#location .Btn {display: flex; align-items: center; justify-content: center; gap: .5rem; padding: 1rem; border: 1px solid #d2d2d2; border-radius: 100px; width: 9rem; background: #fff;}
#location .Btn.kakao {gap: .75rem;}
#location .Btn img {width: 1.25rem;}

#location .mapbox .root_daum_roughmap .wrap_controllers {display: none;}
#location .mapbox .root_daum_roughmap .cont .section.lst {display: none;}
#location .mapbox .root_daum_roughmap_landing {width: 100%; height: 100%;}
#location .mapbox .root_daum_roughmap .wrap_map {height: 100%;}

#location .bg {position: absolute; right: 1rem; bottom: 0; width: 29rem;}

@media(max-width:1680px) {
    #location .contbox {padding: 80px 5%;}
}

@media(max-width: 990px) {
    #location .mapbox .root_daum_roughmap_landing {height: 40rem;}
    #location .contbox {border-top: 1px solid rgba(81, 105, 131, .5)}
}

@media(max-width:768px) {
    #location {margin-bottom: 8rem;}
}