@charset "utf-8";

/* 기본 설정 */
body {color:#444;}
a {color:#444;text-decoration:none;}
a:hover {color:#999;text-decoration:none;}


/* Colors */
:root {
--color-default:#2b180d;
--color-primary:#56b8e6;
--color-secondary:#1b2f45;
}


/* Sections General */
section {padding:60px 0;overflow:hidden;}
.section-bg {background-color:#f7f9fc;}

.section-title {text-align:center;padding-bottom:30px;}
.section-title h2 {font-size:32px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;color:#37517e;}
.section-title h2::before {content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);}
.section-title h2::after {content:"";position:absolute;display:block;width:40px;height:3px;background:var(--color-secondary);bottom:0;left:calc(50% - 20px);}
.section-title p {margin-bottom:0;}

.section-title1 {text-align:center;padding-bottom:30px;}
.section-title1 h2 {font-size:32px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;color:#fff;}
.section-title1 h2::before {content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);}
.section-title1 h2::after {content:"";position:absolute;display:block;width:40px;height:3px;background:var(--color-secondary);bottom:0;left:calc(50% - 20px);}

@media (max-width:768px) {
section {padding:50px 0;overflow:hidden;}

.section-title {text-align:center;padding-bottom:15px;}
.section-title h2 {font-size:24px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;padding-bottom:15px;position:relative;color:#37517e;}
.section-title p {font-size:12px;margin-bottom:0;}

.section-title1 {text-align:center;padding-bottom:15px;}
.section-title1 h2 {font-size:24px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;padding-bottom:15px;position:relative;color:#fff;}
}


/* Back to top button */
.back-to-top {position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#56B8E6;width:40px;height:40px;border-radius:50px;transition:all 0.4s;}
.back-to-top i {font-size:24px;color:#fff;line-height:0;}
.back-to-top:hover {background:#78C6EB;color:#fff;}
.back-to-top.active {visibility:visible;opacity:1;}


/* Header */
.header {transition:all 0.5s;z-index:997;padding:24px 0;}

@media (max-width:1200px) {
.header {padding:12px 0;}
}

.header.sticked {background:rgba(27, 47, 69, 0.9);padding:12px 0;}
.header .logo img {max-height:40px;margin-right:6px;}
.header .logo {font-size:30px;font-weight:700;color:#fff;margin:0;}


/* Desktop Navigation */
@media (min-width:1280px) {
.navbar {padding:0;}
.navbar ul {margin:0;padding:0;display:flex;list-style:none;align-items:center;}
.navbar li {position:relative;}
.navbar a, .navbar a:focus {display:flex;align-items:center;justify-content:space-between;padding:15px 0 15px 30px;font-size:15px;font-weight:500;color:rgba(255, 255, 255, 0.6);white-space:nowrap;transition:0.3s;}
.navbar a i, .navbar a:focus i {font-size:12px;line-height:0;margin-left:5px;}
.navbar a:hover, .navbar a.sel, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color:#fff;}
.navbar .dropdown ul {display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);transition:0.2s;}
.navbar .dropdown ul li {min-width:200px;}
.navbar .dropdown ul a {padding:10px 20px;font-size:15px;text-transform:none;color:var(--color-secondary);}
.navbar .dropdown ul a i {font-size:12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul a.sel, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {color:var(--color-primary);}
.navbar .dropdown:hover>ul {opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul {top:0;left:calc(100% - 30px);visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity:1;top:0;left:100%;visibility:visible;}}

@media (min-width:1280px) and (max-width:1366px) {
.navbar .dropdown .dropdown ul {left:-90%;}
.navbar .dropdown .dropdown:hover>ul {left:-100%;}
}

@media (min-width:1280px) {
.mobile-nav-show, .mobile-nav-hide {display:none;}
}


/* Mobile Navigation */
@media (max-width:1279px) {
.navbar {position:fixed;top:0;right:-100%;width:100%;max-width:400px;bottom:0;transition:0.3s;z-index:9997;}
.navbar ul {position:absolute;inset:0;padding:50px 0 10px 0;margin:0;background:rgba(27, 47, 69, 0.9);overflow-y:auto;transition:0.3s;z-index:9998;}
.navbar a, .navbar a:focus {display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:15px;font-weight:600;color:rgba(255, 255, 255, 0.7);white-space:nowrap;transition:0.3s;}
.navbar a i, .navbar a:focus i {font-size:12px;line-height:0;margin-left:5px;}
.navbar a:hover, .navbar a.sel, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color:#fff;}
.navbar .dropdown ul, .navbar .dropdown .dropdown ul {position:static;display:none;padding:10px 0;margin:10px 20px;background-color:rgba(20, 35, 51, 0.6);}
.navbar .dropdown>.dropdown-active, .navbar .dropdown .dropdown>.dropdown-active {display:block;}
.mobile-nav-show {color:rgba(255, 255, 255, 0.9);font-size:28px;cursor:pointer;line-height:0;transition:0.5s;}
.mobile-nav-hide {color:rgba(255, 255, 255, 0.9);font-size:32px;cursor:pointer;line-height:0;transition:0.5s;position:fixed;right:15px;top:15px;z-index:9999;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .navbar {right:0;}
.mobile-nav-active .navbar:before {content:"";position:fixed;inset:0;background:rgba(27, 47, 69, 0.7);z-index:9996;}
}


/* 메인 상단 이미지 */
.hero {width:100%;min-height:100vh;background:url("../img/hero-bg.jpg") top center;background-size:cover;position:relative;padding:120px 0;z-index:3;}

@media (min-width:1034px) {
.hero:after {position:absolute;content:"";width:40%;background:var(--color-secondary);top:0;bottom:0;}
}

.hero:before {position:absolute;content:"";background:rgba(27, 47, 69, 0.3);inset:0;}

@media (max-width:1034px) {
.hero:before {background:rgba(27, 47, 69, 0.3);}
}

.hero .container {z-index:1;}

@media (min-width:1365px) {
.hero {background-attachment:fixed;}
}


.hero h2 {font-size:48px;font-weight:700;line-height:1.2;color:#fff;margin:0 0 40px 0;}
.hero p {font-size:24px; color:#C0C0C0;}
.hero blockquote {color:#fff;padding-left:20px;font-size:15px;font-family:var(--font-default);border-left:2px solid var(--color-primary);margin:0 0 40px 0;}
.hero .btn-get-started {font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:12px 30px;border-radius:50px;transition:0.5s;color:#fff;background:#FF0000;}
.hero .btn-get-started:hover {background:rgba(255, 0, 0, 0.8);}

.hero .btn-get-started1 {font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:12px 30px;border-radius:50px;transition:0.5s;color:#fff;background:var(--color-primary);}
.hero .btn-get-started1:hover {background:rgba(86, 184, 230, 0.8);}

.hero .btn-watch-video {font-size:16px;transition:0.5s;margin-left:25px;color:rgba(255, 255, 255, 0.7);font-weight:600;}
.hero .btn-watch-video i {color:var(--color-primary);font-size:32px;transition:0.3s;line-height:0;margin-right:8px;}
.hero .btn-watch-video:hover {color:#fff;}
.hero .btn-watch-video:hover i {color:#82cbed;}

.hero .cafe {transition:0.5s;margin-left:25px;}
.hero .cafe1 {transition:0.5s;margin-top:10px;}

@media (max-width:640px) {
.hero {width:100%;height:calc(100vh - 60px);min-height:calc(100vh - 60px);background:url("../img/hero-bg.jpg") top center;background-size:cover;position:relative;padding:120px 0;z-index:3;}
.hero h2 {font-size:36px;line-height:1;}
.hero p {font-size:18px;}
.hero .btn-get-started, .hero .btn-watch-video {font-size:13px;padding:12px 15px;}

.hero .btn-get-started1, .hero .btn-watch-video {font-size:13px;padding:12px 15px;}
}


/* 메인상단 검색 */
#hero h4 {font-size:20px;letter-spacing:-0.1px;font-weight:700;margin:40px 0 10px 0;color:#fff;}
#hero input[type=text] {border:0;padding:10px 8px;width:65%;}
#hero button[type=submit] {background:var(--color-primary);border:0;width:35%;padding:10px 0;text-align:center;color:#fff;transition:0.3s;cursor:pointer;}
#hero button[type=submit]:hover {background:rgba(86, 184, 230, 0.8);}
#hero input[type=text]:focus{-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:0px solid #558ab7 !important;}


/* 메인상단 예약내역 */
#hero .stats-item {padding:30px;width:100%;}
#hero .stats-item span {font-size:32px;display:block;font-weight:700;color:#fff;margin-bottom:15px;padding-bottom:15px;position:relative;}
#hero .stats-item span:after {content:"";position:absolute;display:block;width:20px;height:3px;background:var(--color-primary);left:0;right:0;bottom:0;margin:auto;}
#hero .stats-item p {padding:0;margin:0;width:100%;font-size:12px;font-weight:600;color:#fff;}

@media (max-width:1024px) {
#hero h4 {font-size:14px;letter-spacing:-0.1px;font-weight:700;margin:40px 0 10px 0;color:#fff;}
#hero .stats-item {padding:20;width:100%;}
#hero .stats-item span {font-size:20px;display:block;font-weight:700;margin-bottom:5px;padding-bottom:5px;position:relative;}
#hero .stats-item p {padding:0;margin:0;font-size:10px;font-weight:600;}
}


/* 메인상단 스크롤 */
.down {position:absolute;width:46px;bottom:50px;left:50%;margin-left:-25px;z-index:14;}
.down img {text-align:center;z-index:14;}


/* 메인 주차요금계산 */
table.parking {width:100%;border:0;border-collapse:separate;border-spacing:0;text-align:left;margin:0;}

table.price {width:100%;border-collapse:separate;border-spacing:0;text-align:left;margin:0;}
table.price th {width:110px;padding:0;}
table.price td {padding:0;border-spacing:0;}
table.price .td1 {width:50%;}
table.price .td2 {width:25%;}
table.price .td3 {width:40%;}
table.price .td4 {width:20%;}
table.parking .td5 {height:7px;}

@media all and (max-width:992px) {
table.price th {display:none;}
 }

/* 요금 셀렉트 */
.main_price_select {float:left; height:40px;background:url(../img/img_select_arrow_m.png) no-repeat 99% 0px#fff; border:1px solid #CCC;overflow:hidden; width:99%;margin-left:2px;}
.main_price_select select {position:relative; top:0px; left:0px; width:135%; height:40px; background:transparent;120%; border:none; cursor:pointer;}
.main_price_select select:focus {outline:-webkit-focus-ring-color auto 0px; }
.main_price_select select option{min-height:31px; vertical-align:text-top}

 /* 예약하기 버튼 */
.btn_submit2 {background:#4B545E;border:1px solid #353C43;color:#fff;cursor:pointer;border:0}
.btn_submit2:hover {background:#353C43}

a.btn1,.btn1{line-height:40px;height:40px;width:99%;padding:0 7px;text-align:center;font-weight:bold;border:0;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out;}

 /* 예약하기 폼 */
.frm_input1 {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.frm_input1 {height:40px;width:140px;}
.frm_input2 {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.frm_input2 {height:40px;width:99%;}

 /* 달력 폼 */
.frm_inputc {display:initial; background:#fff url('../img/cal.png') top 50% right 5px no-repeat;}


/* 메인 게시판 */
#bbs h2 {margin-bottom:20px;font-size:26px;}
.bbsmain {width:100%;margin:0 auto;overflow:hidden;}
.bbsmain .bbs1, .bbs3 {width:47%;float:left;margin-left:-1px;}
.bbsmain .bbs1 {margin:0 6% 0 0;}

@media all and (max-width:767px){
#bbs h2 {margin-bottom:20px;font-size:20px;}
.bbsmain {padding:0 15px;}
.bbsmain .bbs1, .bbs3 {width:100%;float:none;}
.bbsmain .bbs1 {margin:20px 0;}
}


/* 메인 이용후기 */
.testimonials {background:url("../img/testimonials-bg.jpg") no-repeat;background-position:center center;background-size:cover;position:relative;}
.testimonials::before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(17, 17, 17, 0.7);}
.testimonials .section-header {margin-bottom:40px;}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {overflow:hidden;}
.testimonials .testimonial-item {text-align:center;color:#fff;}
.testimonials .testimonial-item .testimonial-img {width:100px;border-radius:50%;border:6px solid rgba(255, 255, 255, 0.15);margin:0 auto;}
.testimonials .testimonial-item h3 {font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#fff;}
.testimonials .testimonial-item h4 {font-size:14px;color:#ddd;margin:0 0 15px 0;}
.testimonials .testimonial-item .stars {margin-bottom:15px;}
.testimonials .testimonial-item .stars i {color:#ffff00;margin:0 1px;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color:rgba(255, 255, 255, 0.4);font-size:26px;}
.testimonials .testimonial-item .quote-icon-left {display:inline-block;left:-5px;position:relative;}
.testimonials .testimonial-item .quote-icon-right {display:inline-block;right:-5px;position:relative;top:10px;}
.testimonials .testimonial-item p {font-style:italic;margin:0 auto 15px auto;color:#eee;}
.testimonials .swiper-pagination {margin-top:20px;position:relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;opacity:1;background-color:rgba(255, 255, 255, 0.4);}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color:var(--color-primary);}

@media (min-width:1024px) {
.testimonials {background-attachment:fixed;}
}

@media (min-width:992px) {
.testimonials .testimonial-item p {width:80%;}
}


/* 메인, 서브 주차장모습 */
.portfolio .portfolio-item {margin-bottom:30px;}
.portfolio #portfolio-flters {padding:0;margin:0 auto 25px auto;list-style:none;text-align:center;border-radius:50px;padding:2px 15px;}
.portfolio #portfolio-flters li {cursor:pointer;display:inline-block;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all 0.3s ease-in-out;border-radius:5px;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {color:#fff;background:var(--color-secondary);}
.portfolio #portfolio-flters li:last-child {margin-right:0;}
.portfolio .portfolio-wrap {transition:0.3s;position:relative;overflow:hidden;z-index:1;}
.portfolio .portfolio-wrap::before {content:"";background:rgba(0, 0, 0, 0.4);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out 0.3s;z-index:2;opacity:0;}
.portfolio .portfolio-wrap .portfolio-info {opacity:0;position:absolute;top:10%;left:0;right:0;text-align:center;z-index:3;transition:all ease-in-out 0.3s;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size:20px;color:#fff;font-weight:600;}
.portfolio .portfolio-wrap .portfolio-info p {color:#ffffff;font-size:14px;text-transform:uppercase;}
.portfolio .portfolio-wrap .portfolio-links {opacity:0;left:0;right:0;bottom:10%;text-align:center;z-index:3;position:absolute;transition:all ease-in-out 0.3s;}
.portfolio .portfolio-wrap .portfolio-links a {color:rgba(255, 255, 255, 0.6);margin:0 2px;font-size:28px;display:inline-block;transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-links a:hover {color:#fff;}
.portfolio .portfolio-wrap:hover::before {top:0;left:0;right:0;bottom:0;opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info {opacity:1;top:calc(50% - 48px);}
.portfolio .portfolio-wrap:hover .portfolio-links {opacity:1;bottom:calc(50% - 50px);}
.portfolio .portfolio-item .link-preview, .portfolio .portfolio-item .link-details {position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;line-height:1;text-align:center;width:36px;height:36px;background:#fff;border-radius:50%;transition:0.2s linear;}
.portfolio .portfolio-item .link-preview i, .portfolio .portfolio-item .link-details i {font-size:22px;color:#333;line-height:0;}
.portfolio .portfolio-item .link-preview:hover, .portfolio .portfolio-item .link-details:hover {background:var(--color-secondary);}
.portfolio .portfolio-item .link-preview:hover i, .portfolio .portfolio-item .link-details:hover i {color:#fff;}
.portfolio .portfolio-item .link-preview {left:calc(50% - 38px);top:calc(50% - 18px);}
.portfolio .portfolio-item .link-details {right:calc(50% - 38px);top:calc(50% - 18px);}
.portfolio .portfolio-item:hover .link-preview {opacity:1;left:calc(50% - 44px);}
.portfolio .portfolio-item:hover .link-details {opacity:1;right:calc(50% - 44px);}


/* 메인 클라이언트 */
.clients .swiper-slide img {opacity:1;transition:0.3s;}
.clients .swiper-slide:hover img {opacity:0.5;}
.clients .swiper-pagination {margin-top:20px;position:relative;}
.clients .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #0880e8;}
.clients .swiper-pagination .swiper-pagination-bullet-active {background-color:#0880e8;}
.clients .owl-item {display:flex;justify-content:center;align-items:center;padding:0 20px;}
.clients .owl-item img {width:60%;opacity:1;transition:0.3s;}
.clients .owl-item img:hover {opacity:0.5;}
.clients .owl-nav, .clients .owl-dots {margin-top:5px;text-align:center;}
.clients .owl-dot {display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd !important;}
.clients .owl-dot.active {background-color:#0880e8 !important;}


/* 메인 FAQ */
.faq .faq-list {padding:0 100px;}
.faq .faq-list ul {padding:0;list-style:none;}
.faq .faq-list li+li {margin-top:15px;}
.faq .faq-list li {padding:20px;background:#f7f9fc;border-radius:4px;position:relative;}
.faq .faq-list a {display:block;position:relative;font-size:16px;line-height:24px;font-weight:500;padding:0 30px;outline:none;cursor:pointer;}
.faq .faq-list .icon-help {font-size:24px;position:absolute;right:0;left:20px;color:var(--color-secondary);}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {font-size:24px;position:absolute;right:0;top:0;}
.faq .faq-list p {margin-bottom:0;padding:10px 0 0 0;}
.faq .faq-list .icon-show {display:none;}
.faq .faq-list a.collapsed {color:#37517e;transition:0.3s;}
.faq .faq-list a.collapsed:hover {color:var(--color-secondary);}
.faq .faq-list a.collapsed .icon-show {display:inline-block;}
.faq .faq-list a.collapsed .icon-close {display:none;}

@media (max-width:1200px) {
.faq .faq-list {padding:0;}
}

/* Footer */
#footer {background:#fff;padding:0 0 20px 0;color:#1B2F45;}

#footer .footer-top {background:#f7f9fc;padding:50px 0 0px 0;}
#footer .footer-top .footer-logo {text-align:center;margin-bottom:30px;}

#footer .footer-top h4 {font-size:16px;font-weight:bold;color:#294881;text-transform:uppercase;position:relative;padding-bottom:12px;}
#footer .footer-top h4::before,
#footer .footer-top h4::after {content:"";position:absolute;left:0;bottom:0;height:2px;}
#footer .footer-top h4::before {right:0;background:#D8EBF9;}
#footer .footer-top h4::after {background:#C8D8EE;width:60px;}

#footer .footer-top .footer-contact {margin-bottom:30px;color:#31547c;}
#footer .footer-top .footer-contact p {line-height:26px;}
#footer .footer-top .footer-contact p span {display:inline-block;margin-right:20px; line-height:1.8em;}

#footer .footer-top .footer-newsletter {margin-bottom:30px;}
#footer .footer-top .footer-newsletter input[type=text] {border:0;padding:6px 8px;width:65%;}
#footer .footer-top .footer-newsletter button[type=submit] {background:#56B8E6;border:0;width:35%;padding:6px 0;text-align:center;color:#31547c;transition:0.3s;cursor:pointer;}
#footer .footer-top .footer-newsletter button[type=submit]:hover {background:#38618E;}

#footer .footer-top .footer-newsletter input[type=text]:focus{
-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:0px solid #558ab7 !important;}

#footer .footer-top .social-links a {display:inline-block;background:#56B8E6;color:#eee;line-height:1;margin-right:5px;border-radius:50%;width:34px;height:34px;transition:0.3s;display:inline-flex;align-items:center;justify-content:center;}
#footer .footer-top .social-links a i {line-height:0;font-size:16px;}
#footer .footer-top .social-links a:hover {background:#38618E;color:#fff;}

#footer .copyright {font-size:12px;text-align:center;padding-top:20px;}

/* footer bar */
bar { position:relative; margin-right:24px;}
bar::after { content:''; position:absolute; margin:0px 12px; width:1px; height:12px; background:#dcdcdc; top:5px;}


@media all and (max-width:1024px) {
#footer .footer-top .footer-logo {margin-bottom:20px;text-align:center;}
#footer .footer-top .footer-contact {margin-bottom:20px;text-align:center;}
#footer .footer-top .footer-newsletter {margin-bottom:20px;text-align:center;}

#footer .footer-top h4 {font-size:14px;font-weight:bold;color:#31547c;text-transform:uppercase;text-align:center;position:relative;padding-bottom:12px;}
#footer .footer-top h4::before,
#footer .footer-top h4::after {content:"";position:absolute;display:block;}
#footer .footer-top h4::before {width:120px;height:1px;background:#555;bottom:1px;left:calc(50% - 60px);}
#footer .footer-top h4::after {content:"";position:absolute;display:block;width:40px;height:3px;background:var(--color-secondary);bottom:0;left:calc(50% - 20px);}
#footer .footer-top p {font-size:11px;}

#footer .footer-top .footer-contact {margin-bottom:10px;color:#31547c;}
#footer .footer-top .footer-contact p {line-height:18px;}
#footer .footer-top .footer-contact p span {display:inline-block;margin-right:10px; line-height:1.6em;}

#footer .footer-top .footer-newsletter {margin-bottom:50px;}

/* footer bar */
bar { position:relative; margin-right:17px;}
bar::after { content:''; position:absolute; margin:0px 8.5px; width:1px; height:12px; background:#dcdcdc; top:5px;}
}




/* 서브상단 타이틀 바 */
.breadcrumbs .page-header {padding:140px 0 80px 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";background-color:rgba(27, 47, 69, 0.7);position:absolute;inset:0;}
.breadcrumbs .page-header h2 {font-size:40px;font-weight:500;color:#fff;padding:0 0 20px 0;}
.breadcrumbs .page-header p {color:rgba(255, 255, 255, 0.8);}

@media (max-width:768px) {
.breadcrumbs .page-header {padding:80px 0 40px 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";background-color:rgba(27, 47, 69, 0.7);position:absolute;inset:0;}
.breadcrumbs .page-header h2 {font-size:20px;font-weight:500;color:#fff;padding:0;}
.breadcrumbs .page-header p {font-size:11px;color:rgba(255, 255, 255, 0.8);}
}


/* 서브페이지 네비 */
.sub_navi_wrap {position:relative;width:100%;height:46px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:1296px;margin:0 auto;}
.sub_navi .navi {float:left;font-size:1.0em;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:46px;height:46px;background:url("../img/navi_home.png") no-repeat 17px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:46px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li:first-child {margin-left:0px;}
.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:160px;line-height:46px;color:#555;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 21px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 21px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:45px;width:100%;border:1px solid #e7e7e7;border-top:0;
background:#fff;/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ box-sizing:content-box;display:none;z-index:9999999}
.sub_navi .navi > li.navili .selectnavi.open {display:block;}	
.sub_navi .navi > li.navili .selectnavi li {background:#fff;}
.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:46px;font-size:0.95em;}
.sub_navi .navi > li.navili .selectnavi li a:hover,
.sub_navi .navi > li.navili .selectnavi li a:focus {background:#f9f9f9;}
.sub_navi .navi > li.navili .selectnavi li.on a {color:#777;}

@media (max-width:1140px) {
.sub_navi_wrap {position:relative;width:100%;height:36px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:100%;margin:0 auto;}
.sub_navi .navi {float:left;font-size:0.875em;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:36px;height:36px;background:url("../img/navi_home.png") no-repeat 11px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:36px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:130px;line-height:36px;color:#555;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 16px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 16px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:35px;width:100%;border:1px solid #e7e7e7;border-top:0;}

.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:36px;font-size:0.95em;}
}


/* 서브 회사소개 */
.company .content h3 {font-weight:600;font-size:20px;}
.company .content ul {list-style:none;padding:0;}
.company .content ul li {display:flex;align-items:flex-start;margin-top:40px;}
.company .content ul h5 {font-size:18px;font-weight:600;}
.company .content p:last-child {margin-bottom:0;}
.sub_about_r p {text-align:right;margin:15px 0 0 0 }


/* 서브 맵 */
.mapwrap {position:absolute;left:0;bottom:40px;width:322px;height:132px;margin-left:-161px;text-align:left;overflow:hidden;line-height:1.5;}
.mapwrap * {padding:0;margin:0;}
.mapwrap .mapinfo {width:320px;height:120px;border-radius:5px;border-bottom:2px solid #ccc;border-right:1px solid #ccc;overflow:hidden;background:#fff;}
.mapwrap .mapinfo:nth-child(1) {border:0;box-shadow:0px 1px 2px #888;}
.mapinfo .maptitle {padding:3px 0 0 10px;height:30px;background:#eee;border-bottom:1px solid #ddd;font-size:18px;font-weight:bold;}
.mapinfo .mapbody {position:relative;overflow:hidden;}
.mapinfo .mapdesc {position:relative;margin:13px 0 0 90px;height:75px;}
.mapdesc .mapellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mapdesc .mapjibun {color:#888;margin:4px 0 2px 0;}
.mapinfo .mapimg {position:absolute;top:8px;left:5px;width:74px;height:72px;border:1px solid #ddd;color:#888;overflow:hidden;}
.mapinfo:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:0;width:22px;height:12px;}


/* 서브 라이센스 */
.single-team-member {border:1px solid #ddd;}
.single-team-member:hover .team-img a:after {opacity:1;}
.single-team-member:hover .team-social-icon {top:45%;opacity:1;}
.team-img {position:relative;}
.team-img>a {display:block;}
.team-img>a::after {background:rgba(0, 0, 0, 0.7);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all 0.5s ease 0s;width:100%;opacity:0;}

.team-content {padding:10px 0px;}
.team-content>h4, .team-content>p {color:#444;margin-bottom:5px;}
.team-content.head-team p {margin-bottom:0;}


/* 서브 이용안내 */
.information .box {padding:30px;position:relative;overflow:hidden;background:#fff;box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);transition:all 0.3s ease-in-out;text-align:center;height:100%;}
.information .box:hover {transform:scale(1.1);}
.information .icon {margin:0 auto 15px auto;padding-top:12px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px;}
.information .icon i {font-size:36px;line-height:0;}
.information .title {font-weight:700;margin-bottom:15px;font-size:18px;}
.information .title a {color:#111;}
.information .box:hover .title a {color:#1bb1dc;}
.information .description {line-height:28px;margin-bottom:0;text-align:left;}


/* 서브 주차요금 */
.pricing .box {padding:20px;background:#fff;text-align:center;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.12);border-radius:5px;position:relative;overflow:hidden;}
.pricing h3 {font-weight:400;margin:-20px -20px 20px -20px;padding:20px 15px;font-size:16px;font-weight:600;color:#847872;background:#f8f8f8;}
.pricing ul {padding:0;list-style:none;color:#4d4643;text-align:center;line-height:20px;}
.pricing ul li {padding-bottom:16px;}
.pricing ul i {color:var(--color-secondary);font-size:18px;padding-right:4px;}
.pricing ul .na {color:#ccc;text-decoration:line-through;}
.pricing .btn-wrap {margin:20px -20px -20px -20px;padding:20px 15px;background:#f8f8f8;text-align:center;}
.pricing .btn-buy {background:var(--color-secondary);display:inline-block;padding:8px 35px 10px 35px;border-radius:4px;color:#fff;transition:none;font-weight:400;font-weight:600;transition:0.3s;}
.pricing .btn-buy:hover {background:var(--color-primary);}
.pricing .featured h3 {color:#fff;background:var(--color-secondary);}
.pricing .advanced {width:200px;position:absolute;top:18px;right:-68px;transform:rotate(45deg);z-index:1;padding:1px 0 3px 0;background:var(--color-secondary);color:#fff;}

.pricing1 .container {padding:20px 0 0 0;}
.pricing1 .content ul {list-style:none;padding:0;}
.pricing1 .content ul li {padding-left:28px;position:relative;}
.pricing1 .content ul li+li {margin-top:10px;}
.pricing1 .content ul i {position:absolute;left:0;top:2px;font-size:20px;color:var(--color-secondary);line-height:1;}


/* 서브페이지 제목 타이틀 */
.sub_title {font-size:20px;font-weight:600;margin:40px 0 0 0;}
.sub_title:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}

/* 서브페이지 인사말 테이블 */
table.sub_table {width:100%;border-collapse:collapse;font-size:1.15em;line-height:2.0;}
table.sub_table tbody {border-top:2px solid #464e6b;}
table.sub_table tbody th {width:20%;padding:10px;font-weight:bold;text-align:center;border-bottom:1px solid #e5e5e5;background:#f8f8f8;color:#404040;}
table.sub_table td {width:30%;color:#777;padding:10px 10px 10px 10px;border-bottom:1px solid #e5e5e5;}

/* 서브페이지 오시는길 테이블 */
table.sub_table1 {width:100%;border-collapse:collapse;font-size:1.15em;line-height:2.0;}
table.sub_table1 tbody {border-top:2px solid #464e6b;}
table.sub_table1 tbody th {width:20%;padding:10px;font-weight:bold;text-align:center;border-bottom:1px solid #e5e5e5;background:#f8f8f8;color:#404040;}
table.sub_table1 td {width:80%;color:#777;padding:10px 10px 10px 40px;border-bottom:1px solid #e5e5e5;}

/* 테이블 반응형 */
@media screen and (max-width:765px) and (min-width:300px){
.table-container{width:100%;overflow-x:auto;white-space:nowrap;}
 table{width:auto;}
::-webkit-scrollbar { -webkit-appearance:none; } 
::-webkit-scrollbar:vertical { width:12px; } 
::-webkit-scrollbar:horizontal { height:8px; } 
::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius:10px; background-color:#ffffff; }
}

/* 서브페이지 박스 */
.sub_title1 h4 {color:#020202;font-size:20px;font-weight:600;margin:0 0 10px 0;}
.sub_title1:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}
.sub_title2 h4 {color:#020202;font-size:20px;font-weight:600;margin:30px 0 10px 0;}
.sub_title2:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}

.sub_box1 {width:100%;overflow:hidden;padding:15px;margin:0px;border:2px solid #E5E5E5;clear:both;}
.sub_box1 p {font-size:15px;color:#777;margin:0 0 0 0;letter-spacing:-0.1em;line-height:1.8em}
.sub_box1 ul {list-style:circle;padding-left:20px;font-size:15px;color:#777;letter-spacing:-0.1em;line-height:1.8em}
.sub_box1 p.txtb {font-weight:600;color:var(--color-primary);line-height:170%;}

/* 서브페이지 항공사정보 테이블 */
table.sub_table2 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:15px;color:#777;}
table.sub_table2 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table2 thead .th1 {width:15%;}
table.sub_table2 thead .th2 {width:10%;}
table.sub_table2 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.sub_table2 .tr1 {background:#f9f9f9;}

/* 서브페이지 인천공항 오시는길 테이블 */
table.sub_table3 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.5;border-left:1px solid #e5e5e5;font-size:15px;color:#777;}
table.sub_table3 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table3 thead .th1 {width:18%;}
table.sub_table3 thead .th2 {width:28%;}
table.sub_table3 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

/* 서브페이지 주차요금 테이블 */
table.sub_table4 {border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:15px;color:#777;}
table.sub_table4 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table4 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.sub_table4 .th0 {width:75px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .th1 {width:165px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .th2 {width:465px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .tr1 {background:#f9f9f9;}
table.sub_table4 .tr2 {color:#FF0000;}
table.sub_table4 .td2 {text-align:left;}

/* 서브 주차예약 셀렉트 */
.main_price_select00 {float:left;height:40px;overflow:hidden;width:165px;margin-right:4px;}
.main_price_select1 {float:left;height:40px;background:url(../img/img_select_arrow_m.png) no-repeat 99% 0px #fff;border:1px solid #ccc;overflow:hidden;width:100px;margin-right:4px;}
.main_price_select1 select {position:relative;top:0px;left:0px;width:155%;height:40px;background:transparent;120%;border:none;cursor:pointer;}
.main_price_select1 select:focus {outline:-webkit-focus-ring-color auto 0px;}
.main_price_select1 select option{min-height:41px;vertical-align:text-top}


/* 스페이스 */
.margin5 {margin-top:5px !important;}
.margin10 {margin-top:10px !important;}
.margin20 {margin-top:20px !important;}
.margin30 {margin-top:30px !important;}
.margin40 {margin-top:40px !important;}
.margin50 {margin-top:50px !important;}
.margin60 {margin-top:60px !important;}
.margin70 {margin-top:70px !important;}
.margin80 {margin-top:80px !important;}
.margint {margin:30px 0 10px 0 !important;}

.red {color:#FF0000;padding:0;}

/* 코멘트 수정 */
#bo_vc {overflow:visible;}

.blue1 {color:#4040FF;margin-top:10px}

/* 우측 메뉴 */
.sh-side-options {position:fixed;top:50%;margin-top:-110px;width:100%;max-width:200px;right:5px;z-index:98;transition:0.3s all ease;transition:0.2s all;padding:0 0;transform:translateX(0px);box-shadow:-10px 0px 20px 2px rgba(0, 0, 0, .06);}
.sh-side-options.open {transform:translateX(200px);}
.sh-side-options-container {position:absolute;top:50%;margin-top:90px;left:-35px;width:30px;background-color:#fff;border-radius:5px;margin-right:0px;box-shadow:-10px 0px 20px 2px rgba(0, 0, 0, .06);}

.sh-side-options-item {display:block;text-align:center;margin:0px;transition:0.3s all ease-in-out;position:relative;padding:0px;cursor:pointer;}
.sh-side-options-item:not(:last-child) {border-bottom:1px solid #f1f3fc;}
.sh-side-options-item-container {border-radius:4px;padding:8px 0;}
.sh-side-options-item:hover .sh-side-options-item-container,
.sh-side-options-item:focus .sh-side-options-item-container,
.sh-side-options.open .sh-side-options-item-trigger-demos .sh-side-options-item-container {}

.sh-side-options-item i {font-size:22px;}
.sh-side-options-item:not(:hover):not(:focus) {color:#9396a5 !important;}
.sh-side-options-item:hover .sh-side-options-hover {opacity:1;transform:translateX(-97%);}
.sh-side-options-hover {position:absolute;background-color:#f0f4f8;color:#32343d;padding:20px 26px;transform:translateX(-70%);left:0px;top:0;bottom:0;opacity:0;transition:0.2s all ease-in-out;
z-index:-100;border-top-left-radius:5px;border-bottom-left-radius:5px;font-size:13px;box-shadow:0px 0px 20px 2px rgba(0, 0, 0, 0.08);}
.sh-side-options-hover span {padding:0px 3px;}
.sh-side-options-item i {color:#9396a5 !important;}
.sh-side-options.open .sh-side-options-item-trigger-demos i,
.sh-side-options-item:hover i,
.sh-side-options-item:focus i {color:#294cff !important;}
.sh-side-demos-container {top:0;left:0;right:0px;bottom:0;position:absolute;background-color:#000;}

.sh-side-demos-loop-container {position:relative;padding:20px;height:220px;background:#fff;border-radius:20px;box-shadow:4px 4px 10px rgba(0,0,0,0.4);}

.sh-side-demos-loop-container h3.tit {font-size:18px;font-weight:700;color:#000;padding:0;}
.sh-side-demos-loop-container h3.tit > span {color:var(--color-secondary);}

.sh-side-demos-loop-container i {display:inline-block;background:#333;color:#eee;line-height:1;border-radius:50%;width:34px;height:34px;transition:0.3s;display:inline-flex;align-items:center;justify-content:center;}
.sh-side-demos-loop-container a i {line-height:0;font-size:16px;}

.sh-side-demos-loop-container .customer {width:100%;float:left;padding-left:50px;position:relative;text-align:left;margin:5px 0;}
.sh-side-demos-loop-container .customer .icon {width:40px;height:40px;border-radius:100%;background-color:#333;position:absolute;left:0px;top:0px;display:flex;justify-content:center;align-items:center;}

.sh-side-demos-loop-container .customer .txt {width:100%;float:left;color:#000;font-weight:600;}
.sh-side-demos-loop-container .customer .txt .txt1 {width:100%;float:left;color:#ff0000}
.sh-side-demos-loop-container .customer .txt .txt1 a {width:100%;float:left;color:#ff0000}
.sh-side-demos-loop-container .customer .txt .txt2 {width:100%;float:left;color:#999}
.sh-side-demos-loop-container .customer .txt .txt2 a {width:100%;float:left;color:#999}

.sh-side-demos-item {display:inline-block;position:relative;margin-right:-4px;margin-bottom:25px;width:50%;padding:0 10px;text-align:center;transition:.3s all ease;top:0;}
.sh-side-demos-item:hover {top:-4px;}
.sh-side-demos-item .sh-image-lazy-loading {border-radius:3px;box-shadow:0 2px 20px 1px rgba(0, 0, 0, .1);}
.sh-side-demos-item img {border-radius:3px;}
.sh-side-demos-item-name {font-size:12px;color:#32343d;font-weight:600;padding-top:10px;}
.sh-side-demos-item-tag {position:absolute !important;width:auto !important;height:auto !important;top:4px;left:6px;background-color:#ff5944;color:#fff;font-size:9px;font-weight:600;display:block;padding:1px 9px;text-transform:capitalize;border-radius:100px;}
.close_add {transform:translateX(205px);}