@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");


:root {
    --bs-body-font-family:'Pretendard', Dotum, Sans-serif;
    --bs-body-font-size:1rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
    --bs-body-color:#666666;
    --table-border-color: #ececec;

    --bs-primary:#be2b25;
    --bs-secondary: #000000;
    --bs-success: #bad53a;
    --bs-info: #31c3e5;
    --bs-warning: #ffd200;
    --bs-danger: #e52f7a;
    --bs-light: #f5f5f5;
    --bs-dark: #222222;

    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-light-purple: #eef2fa;
    --bs-pink: #d63384;
    --bs-red: #e00000;
    --bs-orange: #ff5938;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #c2e7f0;
    --bs-navy: #151620; /* footer bg */
    --bs-white: #fff;
    --bs-gray: #666666;
    --bs-gray-dark: #222222;
    --bs-gray-100: #f4f4f4;
    --bs-gray-200: #dfdfdf; /* border */
    --bs-gray-300: #f8f8f8; /* 밝은 회색 배경 */
    --bs-gray-400: #ced4da;
    --bs-gray-500: #949fb4; /* 탭 */
    --bs-gray-600: #586275; /* 어두운 회색 */
    --bs-gray-700: #444444; /* main banner 글씨 */
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-purple-light:#ebddff;

    --admin-bg-color:#28344e;
    --admin-login-color:#535d71;
    --white-color-light:hsla(0,0%,100%,.3);
    --snb-bg-light-color:hsla(0,0%,0%,.3);
    --info-light-color:#d0ffff;
    --danger-light-color:#ffebea;
    --bs-breadcrumb-divider:'l';

    --bs-border-r-6: 6px;
}

body {font-family:var(--bs-body-font-family); -webkit-font-smoothing: antialiased; color:var(--bs-body-color); font-weight:var(--bs-body-font-weight); font-size:var(--bs-body-font-size); line-height:var(--bs-body-line-height);-webkit-touch-callout: none;}

header, section, footer {word-break: keep-all;}

a {text-decoration:none; color:#666666;}
a:hover {text-decoration:none; color:inherit;}

b {font-weight: 500;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {letter-spacing: -.03rem; color:var(--bs-gray-dark);}

.h1, h1 {font-size: calc(1.5rem + 2vw); line-height: 1.35; margin-bottom: 25px;} /* 70px */
.h2, h2 {font-size: 3.75rem;} /* 60px */
.h3, h3 {font-size: calc(1.425rem + 2.5vw); margin-bottom: 15px;} /* 52px */
.h4, h4 {font-size: 1.875rem; font-weight: 700;} /* 30px */
.h5, h5 {font-size: 1.625rem; margin-bottom: 15px;} /* 24px */
.h6, h6 {font-size: 1.125rem;} /* 18px */

@media screen and (min-width: 1200px) {
    .h1, h1 {font-size: 4.375rem;}  /* 70px */
    .h2, h2 {font-size: 3.75rem;} /* 60px */
    .h3, h3 {font-size: 3.25rem;} /* 52px */
}

@media screen and (max-width: 767px) {
    .h5, h5 {font-size: 1.375rem;}
}


@media screen and (max-width: 575px) {
    .h1, h1 {margin-bottom: 15px;}
    .h4, h4 {font-size: 1.5rem;}
    .h5, h5 {font-size: 1.25rem;}
}

@media screen and (max-width: 360px) {
    h5, .h5 {font-size: 1.125rem;}
}

ul, ol {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.scroll-horizontal::-webkit-scrollbar {
    height: 6px;
}

.scroll-horizontal::-webkit-scrollbar-track,
.scroll-vertical::-webkit-scrollbar {
    background-color: var(--bs-gray-300);
}

.scroll-horizontal::-webkit-scrollbar-thumb {
    height: 6px;
    background-color: var(--bs-gray-200);
    border-radius: 10px;
}

.scroll-horizontal::-webkit-scrollbar-thumb:hover,
.scroll-vertical::-webkit-scrollbar-thumb:hover {
    background-color: var(--bs-gray-200);
}

.open-menu {overflow: hidden;}

@media screen and (max-width: 767px) {
    .md-hide {display: none;}
}

.scroll-vertical::-webkit-scrollbar {width: 6px;}
.scroll-vertical::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: var(--bs-gray-200);
    border-radius: 10px;
}

.border-top-dark {border-top: 1px solid var(--bs-dark);}
span.border-top-dark {margin: 24px 0 34px 0; display: block;}

/* z-index */
.z-500 {z-index:500;}

/* title */
h6.blue-title-bar::before {top: 11px;}
.blue-title-bar {padding-left: 13px; margin-bottom: 20px; color: var(--bs-primary); font-weight: 500; font-size: 1.25rem; position: relative;}
.blue-title-bar::before { content: ''; width: 3px; height: 15px; background-color: var(--bs-primary); position: absolute; top: 16px; left: 0; transform: translateY(-50%);}

/* vertical-align */
.align-text-bottom {vertical-align: text-bottom;}

/* width */
.mw-33 {max-width: 33.3%;}
.mw-50 {max-width: 50%;}
.w-85 {width: 85px !important;}
.min-1000 {min-width: 1000px;}

/* font size */
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-21 {font-size:21px;}
.font-22 {font-size:22px;}
.font-23 {font-size:23px;}
.font-24 {font-size:24px;}
.font-25 {font-size:25px;}
.font-26 {font-size:26px;}
.font-27 {font-size:27px;}
.font-28 {font-size:28px;}
.font-29 {font-size:29px;}
.font-30 {font-size:30px;}
.font-32 {font-size:32px;}
.font-34 {font-size:34px;}

/* Font weight */
.fs100_c {font-weight:100 !important;}
.fs200_c {font-weight:200 !important;}
.fs300_c {font-weight:300 !important;}
.fs400_c {font-weight:400 !important;}
.fs500_c {font-weight:500 !important;}
.fs600_c {font-weight:600 !important;}
.fs700_c {font-weight:700 !important;}
.fs800_c {font-weight:800 !important;}
.fs900_c {font-weight:900 !important;}


/* container */
.container {padding-top: 130px; padding-bottom: 130px; padding-left: 4%; padding-right: 4%;}
.container-fluid {padding-left: 4%; padding-right: 4%;}

@media screen and (max-width: 991px) {
    .container {padding-top: 100px; padding-bottom: 100px;}
}

@media screen and (max-width: 767px) {
    .container {padding-top: 80px; padding-bottom: 80px;}
    .container.py-130 {padding-top: 80px; padding-bottom: 80px;}
}


@media (min-width: 576px) {
    .container{max-width: 1480px;}
}

@media (min-width: 768px) {
    .container {max-width: 1480px;}
}

@media (min-width: 992px) {
    .container{max-width: 1480px;}
}

@media (min-width: 1200px) {
    .container {max-width: 1480px; padding-left: 20px; padding-right: 20px;}
    .container-fluid {padding-left: 40px; padding-right: 40px;}
}

@media (min-width: 1400px) {
    .container{max-width: 1480px;}
    .container-sm {min-width: 1480px;}
}


@media (min-width: 1640px) {
    .container-fluid {padding-left: 70px; padding-right: 70px;}
}


/* intro */
.intro {width: 100%; height: 100vh; background: url('/images/intro_bg.jpg') center center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.intro .container {display: flex; flex-direction: column; justify-content: center; align-items: center;}

.intro-btns {width: 100%; text-align: center;}

.intro-btn {width: calc(50% - 8px); max-width: 240px; height: 110px; padding: 1rem; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 0.5rem; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 500; color: var(--bs-white); text-align: center; display: inline-block;}
.intro-btn:first-child {margin-right: 48px;}
.intro-btn:hover .text-box {background-color: var(--bs-info); color: var(--bs-dark);}

.text-box {display: block; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; background-color: transparent; -webkit-border-radius: 0.5rem; border-radius: 0.5rem;}


@media screen and (max-width: 767px) {
    .intro-btn:first-child {margin-right: 20px;}
}

@media screen and (max-width: 575px) {
    .intro-btn:first-child {margin-right: 10px;}
}



@media screen and (max-width: 380px) {
    .intro-btn {height: 90px; font-size: 1.125rem;}
}




/* .intro-btn::after {content: ''; width: calc(100% - 16px); height: calc(100% - 16px); background-color: var(--bs-info); -webkit-border-radius: 0.5rem; border-radius: 0.5rem; position: absolute; top: 50%; left: 50%;} */

/* subvisual */
.subvisual {width: 100%; height: 406px; margin-top: 120px; background: url('/images/sub/subvisual-img-01.png') no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.subvisual-02 {background: url('/images/sub/subvisual-img-02.png') no-repeat center center; background-size: cover;}
.subvisual-03 {background: url('/images/sub/subvisual-img-03.png') no-repeat center center; background-size: cover;}
.subvisual-04 {background: url('/images/sub/subvisual-img-04.png') no-repeat center center; background-size: cover;}
.subvisual-05 {background: url('/images/sub/subvisual-img-05.png') no-repeat center center; background-size: cover;}
.subvisual-06 {background: url('/images/sub/subvisual-img-06.png') no-repeat center center; background-size: cover;}
.subvisual-07 {background: url('/images/sub/subvisual-img-07.png') no-repeat center center; background-size: cover;}
.subvisual-08 {background: url('/images/sub/subvisual-img-08.png') no-repeat center center; background-size: cover;}


.subvisual .category-name {font-size: 1.125rem; font-weight: 700; margin-bottom: 8px;}
.subvisual .page-title {font-weight: 700; margin-bottom: 0;}
.vertical-line {width: 1px; height: 100px; background-color: var(--bs-white); margin-top: 8px; margin-bottom: 26px;}

@media (min-width: 1200px) {
    .display-4 {font-size: 3.75rem;}
}

@media (max-width: 767px) {
    .subvisual {height: 260px;}
    .vertical-line {height: 60px; margin-top: 0px; margin-bottom: 15px;}
}

/* section-snb */
.section-subnav-wrap {width: calc(100% - 1%); margin: 130px auto 70px auto; overflow-x: auto; overflow-y: hidden;}

.section-subnav {display: inline-flex; justify-content: flex-start; align-items: center;}
.section-subnav li {min-width: 120px; margin: 0 4px;}
.section-subnav li a {display: block; width: 100%; height: 50px; padding: 0rem 0.75rem; border: 1px solid var(--bs-gray-200); border-radius: 6px; line-height: 50px; text-align: center; white-space: nowrap;}
.section-subnav li a:hover {background-color: #283351; color: var(--bs-white); border: 1px solid #283351;}
.section-subnav li.active a {background-color: #283351; color: var(--bs-white); border: 1px solid #283351;}

@media screen and (max-width: 991px) {
    .section-subnav-wrap {margin-top: 100px;}
}

@media screen and (max-width: 767px) {
    .section-subnav-wrap {margin-top: 80px;}
}


/* search-cate */
.search-cate {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.search-cate li {margin: 2.5px;}
.search-cate li a{min-width: 85px; height: 35px; padding: 0.5rem; border-radius: 6px; border: 1px solid #cccccc; color: var(--bs-body-color); display: block; text-align: center; line-height: 20px;}
.search-cate li a.sm {min-width: 35px;}
.search-cate li a.active {background-color: var(--bs-primary); color: var(--bs-white); border: 1px solid var(--bs-primary);}
.search-cate li a:hover {background-color: var(--bs-primary); color: var(--bs-white); border: 1px solid var(--bs-primary);}


/* transport-cate */
.transport-at {padding-top: 0px;}
.transport-cate {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 70px;}
.transport-cate li {margin: 2.5px;}
.transport-cate li a{min-width: 140px; height: 50px; padding: 0.5rem; border-radius: 6px; border: 1px solid #dddddd; color: var(--bs-body-color); display: block; text-align: center; line-height: 35px;}
.transport-cate li a.active {background-color: #283351; color: var(--bs-white); border: 1px solid var(--bs-primary);}


@media screen and (max-width: 991px) {
    .transport-at {padding-top: 80px;}
    .transport-cate {margin-bottom: 50px;}
}

@media screen and (max-width: 767px) {
    .transport-at {padding-top: 60px;}
    .transport-cate {margin-bottom: 30px;}
}

@media screen and (max-width: 575px) {
    .transport-cate li a {min-width: 100px; height: 40px; line-height: 25px;}
}


/* num-list-nav */
.tabs {overflow-x: auto; margin-bottom: 80px; margin-top: 130px;}
.num-list-nav {width: 100%; height: 45px; counter-reset: tab; display: flex; justify-content: center; align-items: center; white-space: nowrap;}
.num-list-nav li {padding: 0 5px; position: relative;}
.num-list-nav li:not(:last-child) {margin-right: 10px;}
.num-list-nav li a::before {counter-increment: tab; content: counter(tab); width: 20px; height: 20px; background-color: #999999; color: var(--bs-white); border-radius: 50%; text-align: center; line-height: 20px; font-size: 0.8125rem; display: inline-block;}

.num-list-nav li.active::before {content: ''; width: 100%; height: 2px; background-color: var(--bs-dark); position: absolute; bottom: -10px; left: 0;}
.num-list-nav li.active a {color: var(--bs-dark);}
.num-list-nav li.active a::before {background-color: var(--bs-dark);}


@media screen and (max-width: 991px) {
    .tabs {margin-top: 100px;}
}

@media screen and (max-width: 767px) {
    .tabs {margin-top: 80px;}
}

@media screen and (max-width: 575px) {
}



/* badge */
.badge {display: inline-block; min-width: 70px; height: 24px;  line-height: 22px; font-size: 13px; border-radius:3px; font-weight: 400; vertical-align: middle;}
.badge.dday {width: 80px; height: 31px; margin-bottom: 4px; font-size: 1.125rem; line-height: 18px; font-weight: 700; border-radius: 45px; box-shadow: 8px 0 20px rgba(0,0,0,0.2);}
.badge.badge-time {min-width: 115px; height: 24px; padding: 5px 14px; line-height: 14px; vertical-align: text-top;}
.badge.badge-booth {min-width: 68px; height: 28px; line-height: 18px; font-weight: 500;}
/* .badge.rounded-pill {min-width: 70px; height: 24px; line-height: 15px;} */
.badge.align-baseline {line-height: 14px;}

.badge.bus {min-width: 138px; height: 32px; line-height: 22px; font-size: 0.875rem;}


.badge-md {min-width: 105px; height: 32px; line-height: 22px; font-size: 0.9375rem;}

.badge.badge-recruit {height: 34px; line-height: 24px; background-color: var(--bs-primary); color: var(--bs-white); border: 1px solid var(--bs-primary);}
.badge.badge-end {height: 34px; line-height: 24px; background-color: var(--bs-white); color: var(--bs-gray-dark); border: 1px solid var(--bs-gray-dark);}





.bg-gray {background-color: #596174; color: var(--bs-white);}
.bg-outline-danger {background-color: var(--bs-white); color: var(--bs-danger); border: 1px solid var(--bs-danger);}
.bg-outline-dark {background-color: var(--bs-white); color: #555555; border: 1px solid var(--bs-dark);}
.bg-outline-light {background-color: var(--bs-white); color: #9fa7ba; border: 1px solid #9fa7ba;}
.bg-outline-primary {background-color: var(--bs-white); color: var(--bs-primary); border: 1px solid var(--bs-primary);}


/* banner */
.banner {padding: 40px 44px;}
.banner-link {font-size: 0.875rem; color: var(--bs-dark); font-weight: 600; position: relative; text-transform: uppercase;}
.banner-link::after {content: ''; width: 100%; height: 2px; background-color: var(--bs-dark); position: absolute; bottom: -2px; left: 0;}
.banner-link:hover {color: var(--bs-primary);}
.banner-link:hover::after {background-color: var(--bs-primary);}

.banner-btns .btn {width: 100%;}

@media screen and (max-width: 767px) {
    .banner-link {font-size: 1rem;}
}

/* main-banner */
.main-banners {padding: 30px 40px; border: 1px solid var(--bs-gray-200); border-radius: 6px;}
.main-banners h6 {margin-bottom: 20px; font-size: 1.25rem; font-weight: 700;}
.main-banners .banner-link {display: block; text-align: center;}
.main-banners .banner-link::after {display: none;}

.main-banners .swiper {margin-top: 30px;}
/* .main-banners .swiper.partners-banner {margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px solid var(--bs-gray-200);} */
.main-banners .swiper-wrapper {transition-timing-function: linear;}
.main-banners .logo {max-width: 100%;}


/* caution */
.caution { padding: 30px 50px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.caution .row {border: none;}
.caution h5 {display: flex; align-items: flex-start; font-size: 1.25rem; font-weight: 700; margin-bottom: 0;}
.caution h5 i {margin-right: 6px;}
.caution h5 i::before {vertical-align: -0.125em;}
.caution .list-style-1 li:not(:last-child) {margin-bottom: 0px;}

@media screen and (max-width: 767px) {
    .caution {padding:30px;}
    .caution .list-style-1 li:not(:last-child) {margin-bottom: 10px;}
}

@media screen and (max-width: 575px) {
    .caution h5 {justify-content: center; text-align: center;}
}


/* purple-box */
.purple-box {padding: 50px; border: 10px solid var(--bs-light-purple); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}

@media screen and (max-width: 575px) {
    .purple-box {padding: 25px 20px;}
}


/* gray-box */
.gray-box {width: 100%; height: 60px; padding: 10px 30px; margin-bottom: 30px; background-color: #a0a7ba; display: flex; justify-content: space-between; align-items: center; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.gray-box h6, 
.gray-box p {margin-bottom: 0; color: var(--bs-white);}
.gray-box h6 span {font-weight: 400; margin-left: 10px;}
.gray-box p {font-size: 0.9375rem;}

/* dotted-box */
.dotted-box {padding-top: 70px; padding-bottom: 70px;}
.dotted-box {border-top: 1px dotted var(--bs-gray-200);}
.dotted-box h4 {margin-bottom: 24px;}
.dotted-box h5 {font-size: 1.25rem;}

@media screen and (max-width: 767px) {
    .dotted-box {padding-top: 50px; padding-bottom: 50px;}
}

.border-box { width: 100%; height: auto; padding:2.5rem 1.25rem; display: flex; justify-content: center; align-items: center; border: 1px solid var(--bs-gray-200); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}


/* list */
.list.flex li {display: flex; align-items: flex-start; justify-content: flex-start;}
.list.flex li b {min-width: 70px; margin-right: 6px; display: inline-block;}

.list-unstyled li {padding-left: 0 !important;}
.list-unstyled li::before {display: none; padding-left: 0;}

.list-style-1 li {position: relative; padding-left: 15px;}
.list-style-1 li:not(:last-child) {margin-bottom: 10px;}
.list-style-1 li::before {content: ''; width: 4px; height: 4px; background-color: var(--bs-body-color); border-radius: 50%; position: absolute; top: 9px; left: 0;}

.list-style-1 li b {color: var(--bs-dark); font-weight: 500;}

.list-style-2 {counter-reset: list;}

.list-style-2 > li {position: relative; padding-left: 18px;}
.list-style-2 > li:not(:last-child) {margin-bottom: 10px;}
.list-style-2 > li::before {counter-increment: list; content: counter(list)'.'; position: absolute; top: 0; left: 0;}

.list-style-1.text-danger li::before {background-color: var(--bs-danger);}

.list-style-3 {counter-reset: num;}
.list-style-3 li {padding-left: 30px; margin: 5px 0; position: relative; display: inline-block;}
.list-style-3 li:not(:last-child) {margin-right: 26px;} 
.list-style-3 li::before {counter-increment: num; content: counter(num); width: 20px; height: 20px; background-color: var(--bs-dark); color: var(--bs-white); border-radius: 50%; text-align: center; line-height: 20px; font-size: 0.8125rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media screen and (max-width: 767px) {
    .list-style-3 li {display: block;}
}


.download-list li {display: inline-block; vertical-align: top}
.download-list li a { width: 100%; max-width: 205px; height: 40px; padding:0 25px; border: 1px solid #aaaaaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; line-height: 40px;}
.download-list li:not(:last-child) {margin-right: 15px;}

@media screen and (max-width: 460px) {
    .download-list li {margin-bottom: 10px;}
}

/* modal */
/* .modal {padding: 10px;} */
.modal-dialog {max-width: 700px; width: calc(100% - 20px);}
.modal-dialog.modal-xl {max-width: 1140px;}
.modal .modal-header {padding: 1.25rem 1.875rem; background-color: var(--bs-primary);}
.modal .modal-header .modal-title {color: var(--bs-white); font-size: 1.375rem; font-weight: 700;}
.modal .btn-close {background: none; color: var(--bs-white); font-size: 1.375rem;}
.modal .btn-close i.bi:before {vertical-align: 0;}

.modal .modal-content .link {width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 24px; color: #596174; font-size: 1.125rem;}
.modal .modal-content .link.search-home {background-color: var(--bs-primary); border-radius: 50%; color: var(--bs-white); font-size: 0.75rem;}
.modal .modal-content .link.search-location i::before {vertical-align: middle;}

.modal .modal-content .table .gu {white-space: nowrap;}

.modal .modal-body {padding:1.875rem;}
.modal.search-office .modal-body {padding: 1rem 1rem 1rem 1.875rem;}

.modal .modal-footer {padding: 1.875rem 1rem; justify-content: center;}
/* .modal .modal-footer .btn {min-width: 175px; height: 60px; font-size: 1.125rem; font-weight: 500} */

.receipt .table-responsive {border-top: 2px solid var(--bs-dark); border-bottom:2px solid var(--bs-dark); padding: 1.25rem 1rem;}
.receipt-tit {font-weight: 700;}
.receipt-sub {font-weight: 500; color: var(--bs-dark); font-size: 1.125rem; margin-bottom: 0;}
.receipt-info {position: relative; display: inline-block;}
.receipt-seal {position: absolute; bottom: 0px; right: 0px; width: 80px; height: auto;}

@media screen and (min-width: 480px) {
    .receipt-seal { bottom: -10px; right: -90px;}

}




.modal.theme-white .modal-header {background-color: var(--bs-white); position: relative;}
.modal.theme-white .modal-header::after {content: ''; width: calc(100% - 60px); height: 1px; background-color: var(--bs-dark); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.modal.theme-white .modal-header .modal-title,
.modal.theme-white .btn-close {color: var(--bs-dark); font-size: 1.5rem;}

.modal.cancle .col-form-label {min-width: 70px; text-align: center;}
.modal.cancle .btn-cancle {width: 100%; height: 60px; font-size: 1.125rem; font-weight: 500;}

.modal.cancle .modal-body {padding: 50px 80px;}


@media screen and (max-width: 575px) {
    .modal.search-office .modal-body {padding: 1rem;}
}


/* 취소 신청 */

@media screen and (max-width: 575px) {
    .modal.reserv .gray-box {flex-direction: column; height: auto;}
    .modal.reserv .gray-box h6 {margin-bottom: 5px;}
}




/* 전시장 도면*/
/* .modal.showroom {overflow-y: hidden;} */
.modal.showroom .sd-img-wrap { text-align: center;}
.modal.showroom .sd-img-wrap img {width: 100%; height: auto;}
.modal.showroom .modal-body {padding:1.875rem 1rem; overflow: auto; max-height: 800px; position: static;}

@media screen and (max-width: 991px) {
   .modal.showroom .modal-body {max-height: calc(100vh - 6rem);} 
}




/* 숙박 안내 숙박 모달 */
.modal.lodgment .lodgment-img {border-radius: 6px; overflow: hidden;}
.lodgment h6 {margin-bottom: 14px;}

@media screen and (max-width: 1140px) {
    /* .modal .modal-dialog {margin: 0.5rem;} */
}

@media screen and (max-width: 991px) {
    .modal.search-office .modal-dialog {max-width: calc(100% - 40px);}
}

@media screen and (max-width: 767px) {
    .modal.search-office .modal-dialog {max-width: 100%;}
}

@media screen and (max-width: 575px) {
    .modal .modal-header .modal-title {font-size: 1.125rem;}
    .modal.theme-white .modal-header .modal-title {font-size: 1.25rem;}
    .modal .modal-body {padding: 1rem;}

    .modal .modal-footer .btn {min-width: calc(50% - 8px);}

    .modal.cancle .modal-body {padding: 1.875rem 1.25rem;}
    .modal.lodgment .modal-body {padding: 1.25rem 1.875rem;}
}

@media screen and (max-width: 360px) {
    .modal.cancle .modal-body {padding: 20px 30px;}
}


@media screen and (min-width: 576px) {
    .lodgment .modal-dialog {max-width: 510px; margin: 0 auto;}
}


/* 참가신청(계약)서 모달 */
.agreement-modal .modal-dialog {max-width: 900px;}
.agreement-modal .table-3 td {vertical-align: middle;}
.agreement-modal .bank-info {margin-top: 30px;}
.agreement-modal .reg-box2 {margin-bottom: 50px; margin-top: 30px;}
.agreement-modal .modal-body .container {padding-top: 0; padding-bottom: 0;}

/* font-family  */
.font-lato {font-family: 'Lato', sans-serif;}
.font-noto {font-family: 'Noto Sans KR', Sans-serif;}
.font-montserrat {font-family: 'Montserrat', Sans-serif;}

/* font color */
.text-darkgray {color:var(--bs-gray-dark);}
.text-green {color: #00a116;}
.text-lightgreen {color: #09c323;}
.text-orange {color:var(--bs-orange);}
.text-purple {color:var(--bs-purple);}
.text-purple2 {color: #92279e;}
.text-danger {color: var(--bs-danger) !important;}
.text-success {color: var(--bs-success) !important;}
.text-primary {color: var(--bs-primary) !important;}
.text-warning {color: var(--bs-warning) !important;}
.text-red {color: var(--bs-red);}
.text-red2 {color: #f80000;}

.text-light-1 {color: #888888 !important;}

/* border color */
.border-orange {border-color:var(--bs-orange) !important;}
.border-gray {border-color:var(--bs-gray) !important;}
.border-white-light {border-color:var(--white-color-light) !important;}

/* border line */
.border-end-lg {border-right:1px solid #e2e5f1 !important;}

/* Text Link color */
.btn-orange-link {border-bottom: 2px solid var(--bs-orange); color: var(--bs-orange); font-weight: 600; text-decoration: none;}
.btn-orange-link:hover {border-bottom: 2px solid var(--bs-orange); color: var(--bs-orange); font-weight: 600; text-decoration: none;}


/* btn color */
/* a.btn {line-height: 36px;} */
a.btn {display: inline-flex; justify-content: center; align-items: center;}
.btn {padding:0.375rem 1rem; min-width: 120px; height: 50px; font-weight: 500; border-radius: 6px; display: inline-block; line-height: 40px;}
.btn-xs {min-width: 80px; height: 34px;}
.btn-xxs {min-width: 50px; height: 50px; padding: 0.375rem; line-height: 30px;}
.btn-xxs2 {min-width: 28px; height: 28px; padding: 0.2em; line-height: 23px; border: 1px solid var(--bs-primary); color: var(--bs-primary); font-size: 1.125rem;  -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
.btn-sm {min-width: 90px; font-size: 1rem;}
.btn-sm2 {min-width: 140px; height: 40px; line-height: 28px;}
.btn-md {min-width: 170px; height: 36px; font-size: 1rem; line-height: 24px;}
.btn-md2 {min-width: 170px; height: 60px; font-size: 1.125rem;}
.btn-md3 {width: 200px; height: 50px; font-weight: 400;}
.btn-xl {min-width: 270px; height: 60px; font-size: 1.125rem}



.btn-primary {background-color:var(--bs-primary); -webkit-box-shadow:0 2px 6px 0 rgba(114,124,245,.5);box-shadow:0 2px 6px 0 rgba(114,124,245,.0); border-color:var(--bs-primary);}
.btn-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-secondary {color: #fff;background-color:var(--bs-secondary);border-color:var(--bs-secondary); box-shadow: 0 2px 6px 0 rgb(108 117 125 / 0%);}
.btn-secondary:hover{color:#fff;background-color:var(--bs-secondary); border-color:var(--bs-secondary);}
.btn-success {color: #fff; background-color:var(--bs-success); border-color:var(--bs-success); box-shadow: 0 2px 6px 0 rgb(10 207 151 / 0%);}
.btn-success:hover {color: #fff; color:#fff;background-color:#5c28a9; border-color:#5c28a9; }
.btn-danger {color: #fff; background-color:var(--bs-danger); border-color:var(--bs-danger); box-shadow: 0 2px 6px 0 rgb(250 92 124 / 0%);}
.btn-danger:hover {color:#fff; background-color:#d94c30;border-color:#d94c30}
.btn-warning {color: #313a46;background-color: #ffbc00;border-color: #ffbc00; box-shadow: 0 2px 6px 0 rgb(255 188 0 / 0%);}
.btn-warning:hover {color:#313a46;background-color:#ffc626;border-color:#ffc31a}
.btn-info {color: #fff;background-color: #39afd1;border-color: #39afd1; box-shadow: 0 2px 6px 0 rgb(57 175 209 / 0%);}
.btn-info:hover{color:#fff;background-color:#3095b2;border-color:#2e8ca7}
.btn-light {color: #313a46;background-color: #eef2f7;border-color: #eef2f7;box-shadow: 0 2px 6px 0 rgb(238 242 247 / 0%);}
.btn-light:hover{color:#313a46;background-color:#f1f4f8;border-color:#f0f3f8}
.btn-link {font-weight: 400;color: #727cf5;text-decoration: none;}
.btn-darkgray {background-color:var(--bs-gray-dark); border-color:var(--bs-gray-dark); color:var(--bs-white);}
.btn-darkgray:hover {background-color:#222222; border-color:#222222; color:var(--bs-white);}
.btn-gray {background-color:var(--bs-gray); border-color:var(--bs-gray); color:var(--bs-white);}
.btn-gray:hover {background-color:#555555; border-color:#555555; color:var(--bs-white);}
.btn-orange {background-color:var(--bs-orange); border-color:var(--bs-orange); color:var(--bs-white);}
.btn-orange:hover {background-color:#d94c30; border-color:#cc472d; color:var(--bs-white);}
.btn-purple {background-color:var(--bs-purple); border-color:var(--bs-purple); color:var(--bs-white);}
.btn-purple:hover {background-color:#58279f; border-color:#522596; color:var(--bs-white);}

.btn-lightsky {background-color: var(--bs-cyan); border-color: var(--bs-cyan)}
.btn-lightsky:hover {background-color: var(--bs-primary); border-color: var(--bs-primary); color: var(--bs-white);}

.btn-navy {background-color: #283351; border-color: #283351; color: var(--bs-white);}
.btn-navy:hover {color: var(--bs-white);}

.btn-social {border: 1px solid transparent; border-radius: 0.25rem;color: #a8a3b9;display: inline-block;font-size: .875rem;height: 2.25rem;line-height: 2.25rem;padding: 0;text-align: center;transition: border-color .25s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;width: 2.25rem;}
.btn-social:hover{color:#fff}
.btn-social-outline {background-color: transparent; border-color: #ecebf1;}
.btn-social-outline:hover{border-color:transparent}
.btn-facebook:hover{background-color:#3b5998}
.btn-twitter:hover{background-color:#1da1f2}
.btn-instagram:hover{background-color:#5851db}
.btn-google:hover{background-color:#ea4335;border-color:#ea4335;color:#fff}
.btn-github:hover{background-color:#4078c0}
.btn-linkedin:hover{background-color:#0077b5}


/* btn style */
.btn-close {min-width: 21px; height: 21px;  background: url('/images/common/icon/icon-close.png') no-repeat center center; opacity: 1;}

.btn-receipt {min-width: 105px; height: 32px; font-size: 0.9375rem; font-weight: 400; line-height: 20px;}
.btn-cancle {min-width: 105px; height: 32px; font-size: 0.9375rem; font-weight: 400; line-height: 22px;}

.btn-abstract {position: absolute; top: 0px; right: -10px;}
.btn-abstract img {margin-right: 5px;}


@media screen and (max-width: 767px) {
    .btn-abstract {position: relative; top: auto; right: auto; width: 100%; max-width: 90px; margin-left: auto; margin-top: 30px; display: block;}
}

@media screen and (max-width: 575px) {
    .btn-abstract {margin-top: 0; position: absolute; top: 24px; right: 20px; z-index: 100;}
}

.btn-reserv {min-width: 130px; height: 32px; font-size: 0.9375rem; font-weight: 400; border-radius: 40px; line-height: 20px;}
.btn-reserv2 {min-width: 68px; height: 28px; font-weight: 400; font-size: 0.875rem; line-height: 16px; margin-left: 10px;}

.btn-visit {min-width: 170px; height: 60px; font-size: 1.125rem;}

.btn-rental {min-width: 130px; height: 32px; margin-left: 20px; font-size: 0.875rem; line-height: 20px;}

.btn-lodgmentView {width: 100%; max-width: 190px; height: 40px; font-weight: 400; margin-top: 12px;}

@media screen and (max-width: 1200px) {
    .btn-rental {margin-left: 0; margin-top: 10px;}
}

@media screen and (max-width: 991px) {
    .btn-rental {margin-left: 20px; margin-top: 0px;}
}

@media screen and (max-width: 575px) {
    .btn-rental {min-width: 160px; height: 40px; line-height: 28px; margin-left: 0; margin-top: 10px;}
    .btn-lodgmentView {height: 50px; line-height: 38px; max-width: 100%;}
}

.btn-marker {min-width: 0; width: 60px; height: 60px; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem;}
.btn-marker:focus {box-shadow: none;}

.btn-download {width: 100%; height: 60px; font-size: 1.125rem; margin-top: 50px; margin-bottom: 42px;}



/* btn outline */
.btn-outline-primary {color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-outline-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-outline-secondary {color:var(--bs-secondary);border-color:var(--bs-secondary);}
.btn-outline-secondary:hover {color:#fff;background-color:var(--bs-secondary);border-color:var(--bs-secondary);}
.btn-outline-success {color:var(--bs-success);border-color:var(--bs-success);}
.btn-outline-success:hover {color:#fff;background-color:var(--bs-success);border-color:var(--bs-success);}
.btn-outline-info {color:var(--bs-info); border-color:var(--bs-info);}
.btn-outline-info:hover {color:#fff;background-color:var(--bs-info);border-color:var(--bs-info)}
.btn-outline-warning {color:var(--bs-warning);border-color:var(--bs-warning)}
.btn-outline-warning:hover {color:#3e1918;background-color:var(--bs-warning);border-color:var(--bs-warning)}
.btn-outline-danger {color:var(--bs-danger);border-color:var(--bs-danger)}
.btn-outline-danger:hover {color:#fff;background-color:var(--bs-danger);border-color:var(--bs-danger);}
.btn-outline-light {background-color: var(--bs-white); color:var(--bs-body-color); border-color:var(--bs-gray-200)}
.btn-outline-light:hover {color: var(--bs-body-color); background-color:var(--bs-gray-100);border-color:var(--bs-gray-200)}

.btn-outline-light2 {background-color: var(--bs-white); color:var(--bs-dark); border-color: #aaaaaa;}
.btn-outline-light2:hover {color: var(--bs-dark); background-color:var(--bs-gray-100);border-color: #aaaaaa;}

.btn-outline-dark {color:var(--bs-dark);border-color:var(--bs-dark)}
.btn-outline-dark:hover {color:#fff;background-color:var(--bs-dark);border-color:var(--bs-dark)}
.btn-outline-purple {border-color:var(--bs-purple); color:var(--bs-purple);}
.btn-outline-purple:hover {background-color:var(--bs-purple); color:var(--bs-white);}


/* btn type */
.btn-lang {width: 75px; height: 30px; padding: 0; line-height: 30px; font-size: 0.875rem; text-transform: uppercase; border-radius: 35px; border: 1px solid var(--bs-white); color: var(--bs-white); font-weight: 500;}
.btn-lang:hover {background-color: var(--bs-white); color: var(--bs-dark); border: 1px solid var(--bs-gray-200);}
.btn-lang:focus {box-shadow: none;}


/* background color */
.bg-primary {background-color:var(--bs-primary) !important;}
.bg-navy {background-color:var(--bs-primary);}
.bg-admin {background-color:var(--admin-bg-color);}
.bg-admin-login {background-color:var(--admin-login-color);}
.bg-lightgray {background-color:var(--bs-light);}
.bg-purple-light {background-color:var(--bs-purple-light);}
.bg-info-light {background-color:var(--info-light-color);}
.bg-danger-light {background-color:var(--danger-light-color);}

/* background */
.bg-cover {background: no-repeat 50%/cover;}
.bg-shape {position:relative;}
.bg-shape:after {background: url('/images/common/curve-shape.svg');  background-position-x: center; background-repeat: no-repeat; background-size: cover; bottom: -15px; content: ""; height: 62px; position: absolute; width: 100%; left:0;}
.bg_dimmed {background-image: linear-gradient(180deg, rgba(30, 24, 53, 0.4) 0%, rgba(30, 24, 53, 0.4) 90.16%); position:absolute; top: 0;left: 0;right: 0;bottom: 0;}

/* img filter */
.grayscale {filter: grayscale(100%); opacity: .5;}

/* img zoom */
.img-zoom {border-radius: 0.25rem; overflow: hidden;}
.img-zoom img {transition: transform .5s ease;}
.img-zoom img:hover {transform:scale(1.1)}

/* icon */
.icon-shape {align-items: center; display: inline-flex; justify-content: center; text-align: center; vertical-align: middle;}
.icon-xl {height: 4.375rem; line-height: 4.375rem; width: 4.375rem;}
.icon-lg {height:3.125rem; line-height:3.125rem; width:3.125rem;}
.icon-arrow {width: 20px; height: 20px; background: url('/images/common/icon/icon-arrow.png') no-repeat right center; display: inline-block;}
.icon-home {width: 24px; height: 24px; background-color: var(--bs-primary); border-radius: 50%; color: var(--bs-white); font-size: 0.75rem; display: inline-flex; justify-content: center; align-items: center;}



/* Nav Tabs 타입 01 */
.main-tab {border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; border-bottom: none; border: 1px solid var(--bs-gray-200);}
.main-tab .nav-item {flex: 1 1 33.3%;} 
/* .main-tab .nav-item:last-child {width: 16%;} */
.main-tab .nav-item .nav-link {width: 100%; height: 60px; padding: 0.25rem 1.25rem; background-color: var(--bs-gray-500); color: var(--bs-white); border-radius: 0; font-size: 1.125rem; position: relative;}
.main-tab .nav-item .nav-link::before {content: ''; width: 16px; height: 9px; background: url('/images/main/icon-arrow-bottom.png') no-repeat center center; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); display: none;}
.main-tab .nav-item .nav-link::after {content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background-color: rgba(255,255,255,0.2);}
.main-tab .nav-item .nav-link.active {background-color: var(--bs-white); color: var(--bs-gray-dark); font-weight: 500; border-right: 1px solid var(--bs-white);}
.main-tab .nav-item .nav-link.active::before {display: block;}
/* .main-tab.nav-tabs .nav-link:focus, 
.main-tab.nav-tabs .nav-link:hover {border: 1px solid transparent} */

@media screen and (max-width: 768px) {
    .main-tab .nav-item .nav-link {font-size: 1rem; padding: 0.25rem 0.5rem;}
}

@media screen and (max-width: 575px) {
    .main-tab .nav-item .nav-link  {font-size: 0.875rem;}
    .main-tab .nav-item {line-height: 1.2;}
    /* .main-tab .nav-item:first-child {width: 22%;} */
    /* .main-tab .nav-item:last-child {width: 13%;} */
}


/* tab-content */
.main-tab-c {background-color: var(--bs-white); min-height: 280px; max-height: 280px; padding: 27px 40px 18px 40px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid var(--bs-gray-200); border-top: 0;}
.main-tab-c .list-group-item {border:none; padding: 0;}
.main-tab-c .date-box {width: 106px; height: 112px; margin-right: 30px; border: 5px solid var(--bs-gray-200); display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 1.625rem; font-weight: 600; color: var(--bs-gray-dark);}
.main-tab-c .date-box .year {font-size: 1.125rem; line-height: 1; font-weight: 400;}

.main-tab-c .board-top {height: 125px;}
.main-tab-c .board-title {font-size: 1.125rem; color: var(--bs-gray-dark); font-weight: 500; margin-bottom: 10px;}
.main-tab-c a:hover .board-title {color: var(--bs-primary);}
/* .main-tab-c a:hover .board-desc {color: var(--bs-gray-dark);} */
.main-tab-c .board-desc {width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.main-tab-c .board-date {color: var(--bs-gray-dark); font-size: 0.875rem; line-height: 34px; font-weight: 400; white-space: nowrap;}
.main-tab-c .board-content {width: calc(100% - 130px);}

@media screen and (max-width: 410px) {
    .main-tab-c {padding: 26px 20px;}
}





/* Form */
.form-label {width: 100%; margin-bottom: 0;}
.form-label .form-control {margin-bottom: 10px;}
.form-file-label {width: 50px; height: 50px; border: 1px solid var(--bs-gray-200); display: flex; justify-content: center; align-items: center; margin-right: 8px;}

.input-group-text {background-color: var(--bs-white); border: none;}

.form-control { width: 100%; height: 50px; padding: .875rem 1.25rem; background-color: #f4f4f4; border: 1px solid #f4f4f4; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.form-control[type="file"] {height: auto; padding: 0.375rem 0.75rem;}
.form-control::placeholder {color: #999999;}
.form-control:disabled {font-weight: 500;}
.form-control.file-name:disabled {background-color: #f4f4f4;}

.form-select {width: 100%; height: 50px; background:#f4f4f4 url('/images/common/icon/icon-select-arrow.png') no-repeat right 0.75rem center; border: none;}

.form-check {color: var(--bs-dark); margin-bottom: 16px; display: inline-flex; justify-content: flex-start; align-items: center;}
.form-check-input {width: 20px; height: 20px; margin-top: 0.15em; margin-right: 10px; border: 2px solid var(--bs-gray-200);}
.form-check-input.align-sub {vertical-align: sub;}

.form-check-input:checked {background-color: var(--bs-gray-dark); border-color: var(--bs-gray-dark);}
.form-check-input:checked[type=radio],
.form-check-input:checked[type=checkbox] {background-image: url('/images/common/icon/icon-check.png'); background-size: 13px auto;}
textarea.form-control {background-color: #f4f4f4; height: 100px;}
textarea {resize: none; /* 사용자 임의 변경 불가 */}


/* paging */
.pagination {margin-top: 130px;}

.page-item {padding: 0.4rem 0.78rem; background-color: #fff; line-height: 1.5; display: block;}
.page-link-c {position:relative; padding:.4rem .78rem; background-color:#fff; border-radius:0.5rem; border:1px solid transparent; margin-right:0.15rem; font-size: 1rem; line-height:1.25; font-weight:500; display:block; position:relative;}
.page-link-c>i {font-size:1.2em;}
.page-link-c:hover {border-color:transparent; z-index:2;}
.page-link-c:focus, .page-link-c:hover {background-color:transparent; color:#766df4;}
.page-link-c:focus {box-shadow:0 0 0 0 rgba(255, 89, 56, .25); outline:0;z-index:3;}
.page-item-c .page-link-c {font-size: 1.125rem; font-weight: 700; color: #aaaaaa;}
.page-item-c.active .page-link-c {color: var(--bs-dark);}
.page-item-c.disabled .page-link-c {background-color:#fff;border-color:#d5d4d9;color:#6f6985;pointer-events:none}

.bi.bi-chevron-bar-left::before {content: ''; width: 14px; height: 13px; background: url('/images/common/icon/icon-prev-all.png') no-repeat center center;}
.bi.bi-chevron-bar-right::before {content: ''; width: 14px; height: 13px; background: url('/images/common/icon/icon-next-all.png') no-repeat center center;}

@media screen and (max-width: 991px) {
    .pagination {margin-top: 100px;}
}

@media screen and (max-width: 767px) {
    .pagination {margin-top: 80px;}
}

@media screen and (max-width: 575px) {
    .page-link-c {padding: 0.3rem 0.15rem;}
}

/* .pagination {text-align: center; margin-top: 150px; justify-content: center;}
.pagination li {display: inline-block; width: 20px; height: 30px; margin: 0 14px; vertical-align: top; font-weight: 700; font-size: 1.125rem; line-height: 30px;}
.pagination li:first-child {margin-left: 0;}
.pagination li:last-child {margin-right: 0;}
.pagination li.btn-prev {margin-right: 40px;}
.pagination li.btn-next {margin-left: 40px;}
.pagination li a {display: block; width: 100%; height: 100%; color: #aaaaaa;}
.pagination li a.active {color: var(--bs-dark);}

.pagination li img {vertical-align: inherit;}

@media screen and (max-width: 991px) {
    .pagination { margin-top: 100px;}
}

@media screen and (max-width: 767px) {
    .pagination { margin-top: 80px;}
}


@media screen and (max-width: 585px) {
    .pagination li {margin: 0 5px; font-size: 1rem;}
    .pagination li.btn-prev {margin-right: 10px;}
    .pagination li.btn-next {margin-left: 10px;}
}

@media screen and (max-width: 360px) {
    .pagination li {margin: 0 2px;}
} */



/* Table */
.table {color: var(--bs-body-color); --bs-table-hover-color: var(--bs-body-color); border-color: var(--table-border-color); margin-top: 30px;}
.table.table-history td {padding: 0.75rem 1rem;}
.table>:not(caption)>*>* {font-size: 0.9375rem; padding: 0.875rem 1rem; vertical-align: middle;}
.table-hover>tbody>tr:hover {--bs-table-accent-bg: var(--bs-gray-300);}
.table thead {border-top: 1px solid var(--bs-dark); white-space: nowrap;}
.table thead.border-bottom.border-dark {border-bottom: 1px solid var(--bs-dark) !important;}
.table tbody {border-top: 1px solid var(--bs-gray-200);}
.table tbody tr.notice .badge {display: none}
.table tbody tr.notice:hover {--bs-table-accent-bg: #eef2fa;}
.table thead tr th {color: var(--bs-gray-dark); font-weight: 500; border-bottom-width: 0; font-size: 1rem;}
.table tr td.subject a {color: var(--bs-gray-dark); font-size: 1rem;}
.table .subject {color: var(--bs-gray-dark); font-size: 1rem;}
.table tr td a b {font-weight: 500;}
.table tr td.num {font-weight: 600;}



.table-2 thead tr{text-align: center;}
.table-2 tbody th {font-weight: 400; color: var(--bs-body-color);}

.table-2 tbody .gu {font-size: 1rem; font-weight: 500; color: var(--bs-dark);}
.table-2 tbody .gu + td {color: var(--bs-dark); text-align: left !important;}


.table-3 {border-collapse: separate; border-spacing:0 20px;}
.table-3 b {color: var(--bs-dark); font-weight: 500;}
.table-3 thead tr th {text-align: center; border-top: 1px solid var(--bs-dark); border-bottom: 1px solid var(--bs-gray-200) !important; font-size: 1.125rem;}
.table-3 tbody tr th { text-align: center; font-size: 1.125rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
.table-3 tbody tr th[scope="row"] {background-color: var(--bs-gray-300);}
.table-3 tbody tr td {vertical-align: top; padding: 1rem 2.875rem; font-size: 1rem;}
.table-3 tbody tr td:not(:last-child) { border-right: 1px solid var(--bs-gray-200);}
.table-3 tbody tr th,
.table-3 tbody tr td {border-bottom: 0;}
.table-3 .bg-primary { color: var(--bs-white); text-align: center; vertical-align: middle; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}


.table-3.h-14 {margin-top: -13px; border-spacing:0 14px;}
.table-3.h-14 td.border-top {border-color: var(--table-border-color) !important; border-bottom: 0;}
.table-3.h-14 tbody th[scope="row"] {text-align: left;}
.table-3.h-14 tbody th[scope="row"] + td {border: 0;}
.table-3.h-14 tbody th,
.table-3.h-14 tbody td {padding:1.25rem 1.875rem; vertical-align: middle;}
.table-3.h-14 td[rowspan="5"] {border-top: 0; border-bottom: 0; border-left:1px solid var(--table-border-color); }

.table-3.py tbody th, .table-3.h-14 tbody td {padding: 0.875rem 1.875rem;}
.table-3.h-14.py tbody th[scope="row"] {text-align: center;}

.table-3.border-s-20 {border-spacing:10px 14px;}
.table-3.border-s-20 tbody th[scope="row"] + td,
.table-3.border-s-20 tbody td {border: 1px solid var(--bs-gray-200)}
.table-3.border-s-20 tbody td {min-width: 55px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0.5rem;}


/* .table-4 tbody.border-top {border-top: 1px solid var(--bs-dark) !important;} */
.table-4 tbody {border-top: 1px solid var(--bs-dark);}
.table-4 tbody th {color: var(--bs-dark); font-weight: 500; background-color: var(--bs-gray-300); text-align: center; font-size: 1rem;}



.table-lh-2 td {line-height: 2;}

@media screen and (max-width: 767px) {
    .table-3 thead tr th,
    .table-3 tbody tr th {font-size: 1rem;}
    .table-3 tbody tr th[scope="row"] { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
    .table-3 tbody tr th[scope="col"] {border-top: 1px solid var(--bs-gray-200); border-bottom: 1px solid var(--bs-gray-200); -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}
    .table-3 tbody tr td {padding: 0 1rem;}

    .table-3.h-14 {max-width: 767px; min-width: 575px;}
}



/* Card */
.card {border: 1px solid #eeeeee;}
.card .card-header {border-bottom: 1px solid #eeeeee;}
.card .card-footer {border-top: 1px solid #eeeeee;}


.card-1 .card-header {width: 100%; height: 210px; padding: 1.25rem; display: flex; justify-content: center; align-items: center;}
.card-1 .card-header img {max-width: 100%; height: auto;}
.card-1 .card-body {width: 100%; min-height: 140px; padding: 1.25rem;}
.card-1 .card-body p {margin-bottom: 0;}
.card-1 .card-footer .btn {width: 100%; height: 40px; font-weight: 400; border-top-left-radius: 0; border-top-right-radius: 0;}

@media screen and (max-width: 575px) {
    .card-1 .card-body {min-height: 0;}
}

.card-2 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.card-2 .card-header {background-color: var(--bs-white); border-bottom: 0;}
.card-2 .card-header,
.card-2 .card-body {padding: 1.25rem; padding-left: 0;}
.card-2 .card-body p {margin-bottom: 0; min-height: 55px;}

.card-links li {display: inline-block;}
.card-links li a {display: block;}
.card-links .location {font-size: 1.375rem;}

@media screen and (max-width: 991px) {
    .card-2 {flex-direction: column;}
    .card-2 .card-header,
    .card-2 .card-body {width: 100%; padding-left: 1.25rem;}
    .card-2 .card-body {padding-top: 0;}
    .card-2 .card-header img {width: 100%;}
    .card-2 .card-links {text-align: right;}
}



/* swiper */

/* gallery */
.list-item {position:relative;margin-bottom:20px;}
.list-img img {width:100%;/*height:250px;*/}
.over-img {display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.6); border-radius:0.25rem;}
.over-img-wrap {position:relative; width:100%; height:100%;}
.over-view {position:absolute; left:0; right:0; bottom:6rem; color:#ffffff; text-align:center;}
.over-view-btn {display:inline-block; background:url('/images/common/over_view_arrow.png') no-repeat right center; padding-right:45px; background-size:39px 24px; width:170px; height:24px; line-height:24px; font-size:1rem;}
.over-img-title {color:#ffffff; font-size:1.6rem; font-weight:bold; padding-top:6rem; margin-bottom:10px; text-align:center;}
.over-img-stt {color:#ffffff; text-align:center;}

/* tip */
.tip {font-size: 0.875rem; color: var(--bs-white); display: inline-block; padding: 0.25rem 1.25rem; background-color: var(--bs-dark); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; position: relative; box-shadow: 8px 0 20px rgba(0,0,0,0.2);}
.tip::after { content: ''; width: 10px; height: 10px; background-color: inherit; position: absolute; bottom: -8px; left: 50%; transform:rotate(45deg) translateX(-50%); -webkit-transform:rotate(45deg) translateX(-50%); -moz-transform:rotate(45deg) translateX(-50%); -ms-transform:rotate(45deg) translateX(-50%); -o-transform:rotate(45deg) translateX(-50%); }
.tip.tip-danger {background-color: var(--bs-danger);}
.tip.tip-secondary {background-color: var(--bs-secondary);}



/* ************************* */
/* 게시판 CSS 20221025 윤주명 */
/* ************************* */
.board-form-groups {border-top: 1px solid #000000; padding-top: 0; padding-bottom: 0;}
.board-form-groups .col-form-label {background-color: #f8f9fa; color: var(--bs-dark); font-weight: 500; display: flex; justify-content: flex-start; align-items: center; padding: 1rem;}
.board-form-groups .form-group {border-bottom: 1px solid #ced4da; margin-left: -20px; margin-right: -20px;}

@media screen and (max-width: 575px) {
    .board-form-groups {border-top: 1px solid #000000;}
    .board-form-groups .col-form-label {background-color: transparent; padding: 20px 0 8px 0}
    .board-form-groups .form-group {border-bottom: 0; }

    .input-group>.form-select{width: 100%;}
}



/* ************************* */
/* ********* header ******** */
/* ************************* */
/* .header.theme-white */
.header.theme-white {background-color: var(--bs-white); border: 1px solid var(--bs-gray-200);}
.header.theme-white .logo {display: none;}
.header.theme-white .navbar .navbar-brand .logo.logo-dark {display: block;}
.header.theme-white .navbar-nav .nav-link {color: var(--bs-dark);}
.header.theme-white .navbar-nav .nav-link.on {color: var(--bs-primary);}
.header.theme-white .navbar-nav .nav-link:hover {color: var(--bs-primary);}
.header.theme-white .dropdown-toggle {color: var(--bs-dark); border: 1px solid var(--bs-dark);}
.header.theme-white .dropdown-toggle:hover {color: var(--bs-dark);}
.header.theme-white .dropdown-menu {border: 1px solid var(--bs-dark);}
.header.theme-white .dropdown-item {color: var(--bs-dark); background-color: var(--bs-white);}
.header.theme-white .dropdown-menu li::after {background-color: rgba(0,0,0,0.3);}

.header.theme-white .util-menu .my-icon {background-color: var(--bs-primary); border: 1px solid var(--bs-primary);}
.header.theme-white .util-menu .my-icon img {-webkit-filter: invert(0); filter: invert(0);}

@media screen and (max-width: 1440px) {
    .header.theme-white .navbar .btn-trigger {background-color: var(--bs-primary); border: 1px solid var(--bs-primary);}
}

@media screen and (max-width: 767px) {
    .header.theme-white .navbar .btn-trigger {width: 30px; height: 30px; padding: 0; background-color: transparent; border: none; -webkit-filter: invert(1); filter: invert(1);}
    .header.theme-white .util-menu .my-icon {background-color: var(--bs-white); border: none;}
}



/* nav-bar */
.header .btn {min-width: auto; height: auto; margin-left: 15px;}
.header .btn-close {height: 21px;}

.navbar {width: 100%; height: 120px; padding: 0;}
.navbar>.container-fluid {width: 100%; height: 100%; justify-content: flex-end;}
.navbar .navbar-brand {display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; top: 50%; left: 70px; transform: translateY(-50%);}
.navbar .navbar-brand .logo {width: 100%; max-width: 192px; height: auto; margin-right: 10px;}
.navbar .navbar-brand .logo.logo-dark {display: none;}

.navbar-nav {flex-direction: row;}
.navbar-nav .nav-item {position: relative;}
.navbar-nav .nav-item:hover {color: var(--bs-primary);}
.navbar-nav .nav-item:hover .submenu {display: block;}
.navbar-nav .nav-link {font-size: 1.125rem; color: var(--bs-white); padding: 44px 23px 26px 23px; margin-bottom: 0; font-weight: 400;}

.navbar .btn-trigger {width: 54px; height: 44px; margin-left: 20px; border:1px solid var(--bs-white); border-radius: 0; display: flex; justify-content: center; align-items: center; display: none;}

@media screen and (max-width: 767px) {
    .navbar .btn-trigger {width: 30px; height: 30px; padding: 0; background-color: transparent; border: none;}
}


/* submneu */
.navbar .submenu {position: absolute; left: 20px; top: calc(100% - 16px); padding: 17.5px 25px; background-color: var(--bs-white); border: 1px solid var(--bs-gray-200); white-space: nowrap; border-radius: 6px; box-shadow: 1px 0px 3px rgba(0,0,0,0.3); display: none;}
.navbar .submenu .sub-link {padding: 8px 0; font-size: 0.9375rem; font-weight: 400; display: inline-block; position: relative; }
.navbar .submenu .sub-link.on::after {display: block;}
.navbar .submenu .sub-link:hover::after {display: block;}
.navbar .submenu .sub-link::after {content: ''; width: 100%; height: 2px; background-color: var(--bs-primary); position: absolute; bottom: 8px; left: 0; display: none;}

/* util-menu */
.util-menu {display: flex; align-items: center; justify-content: flex-start;}
.util-menu .my-icon {width: 84px; height: 30px; font-size: 0.8125rem; text-transform: uppercase; text-align: center; line-height: 29px; border: 1px solid var(--bs-white); border-radius: 45px; color: var(--bs-white); margin-top: 10px;}
.util-menu .my-icon:hover {background-color: var(--bs-primary); border: 1px solid var(--bs-primary);}

@media screen and (max-width: 1440px) {
    .util-menu .my-icon {margin-top: 0;}
}

@media screen and (max-width: 767px) {
    .util-menu .my-icon  {width: auto; height: auto; border-radius: 0; border: none;}
    .util-menu .my-icon:hover {background-color: transparent; border: none;}
    .util-menu .my-icon img {width: 26px; height: auto; -webkit-filter: invert(1); filter: invert(1);}
}



/* dropdown */
.dropdown-toggle {width: 75px; height: 30px; margin-top: 10px; font-size: 0.8125rem; text-transform: uppercase; color: var(--bs-white); border: 1px solid var(--bs-white); border-radius: 40px; line-height: 17px; font-weight: 500;}
.dropdown-toggle:focus {box-shadow: none;}
.dropdown-toggle:hover {color: var(--bs-white);}
.dropdown-toggle::after {vertical-align: middle;}

.dropdown-menu {min-width: 0; width: 100%; max-width: 75px; padding: 0; background: transparent; border: 1px solid var(--bs-white); text-align: center; overflow: hidden;}
.dropdown-menu[data-bs-popper] {margin-top: 0.25rem; left: auto; right: 0;}
.dropdown-menu li {position: relative;}
.dropdown-menu li:last-child::after {display: none;}
.dropdown-menu li::after {content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.dropdown-item {padding: 0.375rem 0.875rem; color: var(--bs-white); text-transform: uppercase; font-size: 0.8125rem; font-weight: 500; }
.dropdown-item:focus, .dropdown-item:hover {color: var(--bs-dark); background-color: var(--bs-white);}

@media screen and (max-width: 1640px) {
    .navbar-nav .nav-link {padding: 44px 15px 26px 15px;}
    .dropdown-toggle {margin-left: 15px;}
    .navbar .navbar-brand {left: 40px;}
}

@media screen and (max-width: 1440px) {
    .navbar>.container-fluid {padding-left: 50px; padding-right: 50px;}
    /* .navbar .navbar-brand {left: 50px;} */
    .navbar-nav {display: none;}
    .navbar .btn-trigger {display: flex; margin-top: 0px;}
    .dropdown {display: none;}
}

@media screen and (max-width: 1200px) {
    .navbar>.container-fluid {padding-left: 4%; padding-right: 4%;}
    .navbar .navbar-brand {left: 2%;}
}

@media screen and (max-width: 767px) {
    .navbar .btn-trigger {background-color: transparent;}
}


@media screen and (max-width: 450px) {
    .navbar .navbar-brand {flex-direction: column;}
    .navbar .navbar-brand .logo {max-width: 175px;}
    .badge.dday {width: 60px; height: 20px; font-size: 0.75rem; line-height: 21px; padding: 0 0.65em; position: absolute; bottom: 0;}
}


/* all-menu */
.all-menu {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; max-height: 100vh; z-index: 5000; background-color: var(--bs-white); display: flex; justify-content: flex-start; align-items: flex-start; display: none;}
.all-menu.open {display: flex;}
.all-menu .all-menu-bg {flex: 0 1 450px; height: 100%; background: url('/images/main/all-menu-bg.png') no-repeat center center; background-size: cover;}
.all-menu .all-menu-wrap {flex: 1 1 auto; height: 100%; padding: 10px 100px 50px 100px; position: relative; display: flex; flex-direction: column; /* overflow-y: auto; */}
.menu-top {width: 100%; min-height: 94px; display: flex; justify-content: flex-end; align-items: center;}
.all-menu-nav {display: flex; flex-wrap: wrap; flex: 1; overflow-y: auto;}
.all-menu-nav .nav-item {flex:1 1 14%; margin-bottom: 25px;}
.all-menu-nav .nav-item .nav-link {font-size: 1.25rem; font-weight: 500; color: var(--bs-gray-dark); padding-left: 0; cursor: default; pointer-events: none;}


/* all-menu submenu  */
.all-menu-nav .submenu .sub-link {color: var(--bs-dark); display: inline-block; padding: 6px 0; position: relative;}
.all-menu-nav .submenu .sub-link:hover {color: var(--bs-primary);}
.all-menu-nav .submenu .sub-link:hover::after {display: block;}
.all-menu-nav .submenu .sub-link::after {content: ''; width: 100%; height: 1px; background-color: var(--bs-primary); position: absolute; bottom: 6px; left: 0; display: none;}
.all-menu-nav .submenu .sub-link.on {color: var(--bs-primary);}
.all-menu-nav .submenu .sub-link.on::after {display: block;}

/* all-menu 3depth submenu  */
.all-menu-nav .three-depth-submenu {max-width: 160px; background-color: var(--bs-gray-300); border-radius: 6px; padding: 4px 16px; margin: 6px 0;}
.three-depth-submenu .sub-link {position: relative; font-size: 0.875rem; display: inline-block; padding: 6px 0;}
.three-depth-submenu .sub-link:hover::after {display: block;}
.three-depth-submenu .sub-link::after {content: ''; width: 100%; height: 1px; background-color: var(--bs-primary); position: absolute; bottom: 6px; left: 0; display: none;}


/* all-menu-info */
.all-menu-info {border-top: 1px solid var(--bs-gray-200); padding-top: 25px; margin-top: 80px; color: var(--bs-gray-dark); font-weight: 400; font-size: 0.9375rem;}
.all-menu-info b {font-weight: 600; text-transform: uppercase;}
.all-menu-lang {min-width: 100px;}
.all-menu-lang .dropdown {display: block;}
.all-menu-lang .dropdown-toggle {color: var(--bs-dark); border: 1px solid var(--bs-dark); margin: 0;}
.all-menu-lang .dropdown-menu {border: 1px solid var(--bs-dark); background-color: var(--bs-white);}
.all-menu-lang .dropdown-menu li::after {background-color: rgba(0,0,0,0.3)}
.all-menu-lang .dropdown-item {color: var(--bs-dark);}
.all-menu-lang .dropdown-item:hover {color: var(--bs-primary);}

@media screen and (max-width: 1400px) {
    .all-menu .all-menu-wrap {padding: 0px 50px 50px 50px;}
    .all-menu-nav .nav-item {flex:0 1 20%;}
}


@media screen and (max-width: 1280px) {
    .all-menu-nav .nav-item {flex-basis: 25%;}
}

@media screen and (max-width: 991px) {
    .all-menu-nav .nav-item {flex-basis: 33.3%;}
    .all-menu-info {margin-top: 40px;}
}


@media screen and (max-width: 767px) {
    .all-menu .all-menu-wrap {padding: 0; background-color: var(--bs-gray-300);}
    .all-menu .menu-top {border-bottom: 1px solid var(--bs-gray-200);}
    .menu-top {justify-content: space-between; align-items: center; padding-left: 4%; padding-right: 4%; background-color: var(--bs-white);}
    .menu-top .menu-home {align-items: center; justify-content: flex-start; font-size: 1.125rem; font-weight: 500;}
    .menu-top .menu-home img {width: 28px; height: auto;}
    .menu-top .btn-close {width: 25px; height: 25px; background: url('/images/common/icon/icon-close-bk.png') no-repeat center center; background-size: cover;}

    .all-menu-nav {flex: unset; flex-wrap: unset; flex-direction: column;}
    .all-menu-nav .nav-item {width: 46%; padding:26px 4%; padding-right: 0; margin-bottom: 0; flex-basis: auto;}
    .all-menu-nav .nav-item .nav-link {pointer-events: all; cursor: pointer; padding: 0;}
    .all-menu-nav .nav-item.on {background-color: var(--bs-white);}
    .all-menu-nav .nav-item.on .nav-link {color: var(--bs-primary);}

    .all-menu-nav .nav-item.on .submenu {display: block;}

    .all-menu-nav .submenu {width: 58%; height: calc(100% - 94px); padding: 20px 30px; position: fixed; top: 94px; right: 0; background-color: var(--bs-white); display: none; overflow-y: auto;}
    .all-menu-nav .submenu .sub-item {margin-bottom: 15px;}
    .all-menu-nav .submenu .sub-item:last-child {margin-bottom: 0;}
    .all-menu-nav .submenu .sub-link {font-size: 1.25rem; font-weight: 500;}
    .all-menu-nav .three-depth-submenu {max-width: 100%; padding: 16px 20px;}
    .all-menu-nav .three-depth-submenu .sub-item {margin-bottom: 0px !important;}
    .all-menu-nav .three-depth-submenu .sub-link {font-size: 1.125rem; color: var(--bs-gray); font-weight: 400;}

    .all-menu-nav .sns-img {width: 55px; height: auto;}
}

@media screen and (max-width: 480px) {
    .all-menu-nav .nav-item {padding: 20px 4%;}
    .all-menu-nav .nav-item .nav-link {font-size: 1.125rem;}
    .all-menu-nav .submenu {padding: 14px 30px;}
    .all-menu-nav .submenu .sub-item {margin-bottom: 10px;}
    .all-menu-nav .submenu .sub-link {font-size: 1.125rem;}
    .all-menu-nav .three-depth-submenu .sub-link {font-size: 1rem;}
    .all-menu-nav .sns-img {width: 45px;}
}

@media screen and (max-width: 360px) {
    .all-menu-nav .nav-item {padding: 18px 4%;}
    .all-menu-nav .nav-item .nav-link {font-size: 1rem;}

    .all-menu-nav .submenu {padding: 12px 30px;}
    .all-menu-nav .submenu .sub-item {margin-bottom: 8px;}
    .all-menu-nav .submenu .sub-link {font-size: 1rem;}
    .all-menu-nav .three-depth-submenu .sub-link {font-size: 0.875rem;}
    .all-menu-nav .sns-img {width: 40px;}
    
}


/* ****************** */
/* ****** main ****** */
/* ****************** */
.hero-section {width: 100%; height: 1px; min-height: 1080px; background: url('/images/main/hero-bg-01.png') no-repeat center center; background-size: cover; text-align: center;}
.hero-section .container {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.hero-section .hero-logo {display: inline-block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.hero-section h3 {color: var(--bs-white);}


.event-dday {font-weight: 500;}
.event-dday sup {font-size: 1.25rem; vertical-align: revert; position: relative;}
.event-dday sup.start-day::after {content: ''; width: 14px; height: 4px; background-color: var(--bs-white); position: absolute; bottom: -10px; right: 0;}

@media screen and (max-width: 575px) {
    .event-dday .display-5 {font-size: calc(1.425rem + 1.3vw);}
    .event-dday sup {font-size: 0.875rem;}
}

.hero-quick-nav { width: 100%; min-height: 188px; padding: 20px 0; margin: 60px 0 0 0; background-color: rgba(255,255,255,0.2); box-shadow: 20, 0, 40, rgba(0,0,0,0.2);  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px;}
.hero-quick-nav li {flex: 1 1 auto; width: 16%; height: 100%; padding: 0 14px; position: relative;}
.hero-quick-nav li:last-child::after {display: none;}
.hero-quick-nav li::after { content: ''; width: 1px; height: 108px; background-color: rgba(255,255,255,0.2); position: absolute; top: 50%; right: 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.hero-quick-nav li a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 36px 4% 14px 4%; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px;}

.hero-quick-nav li a:hover {background-color: var(--bs-info);}
.hero-quick-nav li a:hover h6 {color: var(--bs-dark);}
.hero-quick-nav li a:hover .small {color: var(--bs-danger);}
.hero-quick-nav li a:hover .quick-icon::after {opacity: 1;}

.hero-quick-nav li a:hover .quick-icon.icon-01::before {background: url('/images/main/mv-icon-01-on.png') no-repeat top center; background-size: 100% auto;}
.hero-quick-nav li a:hover .quick-icon.icon-02::before {background: url('/images/main/mv-icon-02-on.png') no-repeat top center; background-size: 100% auto;;}
.hero-quick-nav li a:hover .quick-icon.icon-03::before {background: url('/images/main/mv-icon-03-on.png') no-repeat top center; background-size: 100% auto;;}
.hero-quick-nav li a:hover .quick-icon.icon-04::before {background: url('/images/main/mv-icon-04-on.png') no-repeat top center; background-size: 100% auto;;}
.hero-quick-nav li a:hover .quick-icon.icon-05::before {background: url('/images/main/mv-icon-05-on.png') no-repeat top center; background-size: 100% auto;;}
.hero-quick-nav li a:hover .quick-icon.icon-06::before {background: url('/images/main/mv-icon-06-on.png') no-repeat top center; background-size: 100% auto;;}

.hero-quick-nav h6 {color: var(--bs-white); margin-top: 20px; margin-bottom: 2px;}
.hero-quick-nav .small { color: var(--bs-success);}
.hero-quick-nav .bottom-100 {bottom: 88% !important;}

.quick-icon {width: 55px; height: 56px; position: relative;}
.quick-icon::before {content: ''; width: 100%; height: 100%; background: url('/images/main/mv-icon-01.png') no-repeat top center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 2;}
.quick-icon::after {content: ''; width: 50px; height: 50px; background: url('/images/main/mv-icon-circle.png') no-repeat center center; background-size: cover; position: absolute; bottom: 10px; right: -20px; opacity: 0;}

.quick-icon.icon-02::before {background: url('/images/main/mv-icon-02.png') no-repeat top center; background-size: 100% auto;}
.quick-icon.icon-03::before {background: url('/images/main/mv-icon-03.png') no-repeat top center; background-size: 100% auto;}
.quick-icon.icon-04::before {background: url('/images/main/mv-icon-04.png') no-repeat top center; background-size: 100% auto;}
.quick-icon.icon-05::before {background: url('/images/main/mv-icon-05.png') no-repeat top center; background-size: 100% auto;}
.quick-icon.icon-06::before {background: url('/images/main/mv-icon-06.png') no-repeat top center; background-size: 100% auto;}

@media screen and (max-width: 1200px) {
    .hero-quick-nav li {width: 33%; height: 1px; min-height: 170px;}
    .hero-quick-nav li:nth-child(n+4):nth-child(-n+6) {margin-top: 30px;}
    .hero-quick-nav li:nth-child(3)::after{display: none;}
}

@media screen and (max-width: 767px) {
    .hero-section {min-height: 100vh; height: 100%;}
    .hero-section .container {padding-top: 180px; padding-bottom: 80px;}
    .hero-quick-nav li {width: 50%;}
    .hero-quick-nav li:nth-child(3n) {margin-top: 30px;}
    .hero-quick-nav li:nth-child(3)::after{display: block;}
    .hero-quick-nav li:nth-child(2)::after,
    .hero-quick-nav li:nth-child(4)::after{display: none;}
}

@media screen and (max-width: 460px) {
    .tip {font-size: 0.8125rem; padding: 0.25rem 1rem;}
}

@media screen and (max-width: 360px) {
    .quick-icon {width: 45px; height: 45px;}
    .quick-icon::after  {width: 45px; height: 45px; bottom: 0;}
    .hero-quick-nav li:nth-child(3n) {margin-top: 40px;}
    .hero-quick-nav li:nth-child(n+4):nth-child(-n+6) {margin-top: 40px;} 
    .hero-quick-nav li {min-height: 150px;}
    .hero-quick-nav li a {padding: 26px 5% 14px 5%;}
    .hero-quick-nav h6 {font-size: 1rem;}
}


/* inform-section */
/* inform */
.inform-section .row {margin-bottom: 26px;}
.inform,
.inform-02 {display: flex; justify-content: space-between; align-items: center;}

.inform-banner {width: 100%; max-width: 340px; height: 340px; border-radius: 6px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden;}
.if-banner-01 {background: url('/images/main/banner-bg-01.png') no-repeat center center; background-size: cover;}
.if-banner-02 {background: url('/images/main/banner-bg-02.png') no-repeat center center; background-size: cover;}
.if-banner-03 {background-color: var(--bs-gray-600);}
.if-banner-04 {border: 1px solid var(--bs-gray-200); padding: 0;}
.if-banner-04 .list img {width: 40px;}

.inform-banner h5 {margin-bottom: 16px; font-size: 1.5rem;}
.inform-banner p {color: var(--bs-gray-700); flex: 1;}

.if-banner-03 .list-style-1 {width: 100%; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.if-banner-03 .list-style-1 li {padding: 16px 0px 16px 20px; margin-bottom: 0; flex: 0 0 auto; width: calc(50% - 10px); margin-right: 20px;}
.if-banner-03 .list-style-1 li::before {background-color: var(--bs-white); top: 50%; transform: translateY(-50%);}
.if-banner-03 .list-style-1 li::after {content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0;}
.if-banner-03 .list-style-1 li a {color: var(--bs-white); font-weight: 400;}
.if-banner-03 .list-style-1 li a:hover {color: var(--bs-info);}
.if-banner-03 .list-style-1 li a .bi {margin-left: 2px; display: none;}
.if-banner-03 .list-style-1 li a .bi::before {font-size: 0.5rem; font-weight: 900 !important; vertical-align: 0.1em;}
.if-banner-03 .list-style-1 li a:hover .bi {display: inline-block;}

.if-banner-04 p {color: var(--bs-body-color); font-weight: 300;}
.if-banner-04 .list {width: 100%; margin-bottom: 0;}
.if-banner-04 .list li:nth-child(2) {position: relative;}
.if-banner-04 .list li:nth-child(2)::before {content: ''; width: calc(100% - 80px); height: 1px; background-color: var(--bs-gray-200); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.if-banner-04 .list li:nth-child(2)::after {content: ''; width: calc(100% - 80px); height: 1px; background-color: var(--bs-gray-200); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.if-banner-04 .list a {padding: 30px 40px; display: flex; justify-content: space-between; align-items: center;}
.if-banner-04 .list a:hover {background-color: var(--bs-cyan);}

.inform-banner .banner-btns .btn {height: 40px; line-height: 28px;}
.inform-banner .banner-btns .btn:first-child {margin-bottom: 10px;}

.academic-movie {width: 100%; max-width: 707px; height: 340px; cursor: pointer; position: relative;}
.academic-movie h5 {font-size: 1.5rem;}
.academic-movie .movie-area {position: relative; width: 100%; height: 100%; padding-top: 48%; border-radius: 6px; overflow: hidden;}
.academic-movie .movie-poster {width: 100%; height: 100%; background: url('/images/main/movie-poster.png') no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; padding: 40px 44px;}

.academic-movie .btn-play {width: 85px; height: 85px; background: url('/images/main/btn-play.png') no-repeat center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.academic-movie .movie-box {width:100%; height: 100%; position: absolute; top: 0; left: 0;}
.academic-movie .movie-box .movie {position: relative; width: 100%; height: auto; padding-bottom: 50%;}

@media screen and (max-width: 1446px) {
    .inform {flex-wrap: wrap; justify-content: center;}
    .if-banner-02{margin-left: 26px;}
    .academic-movie {margin-top: 26px;}
}

@media screen and (max-width: 768px) {
    .inform-banner {max-width: 100%;}
    .inform-banner .banner-btns {width: 100%;}
    .inform-banner .banner-btns .btn {height: 50px; font-size: 1.125rem;}
    .if-banner-02 {margin-left: 0px; margin-top: 26px;}
    .if-banner-03 .list-style-1 li {width: calc(50% - 13px); margin-right: 26px;}
}


@media screen and (max-width: 360px) {
    .inform-banner, 
    .academic-movie .movie-poster {padding: 30px;}

    .if-banner-04 {padding: 0; height: 100%;}
    .if-banner-04 .list a {padding:29.5px 30px;}
    .if-banner-04 .list li:nth-child(2)::before {width: calc(100% - 60px);}
    .if-banner-04 .list li:nth-child(2)::after {width: calc(100% - 60px);}
}


/* inform-02 */
.board-tab {max-width: 707px; width: 100%;}


@media screen and (max-width: 1446px) {
    .inform-02 {flex-wrap: wrap; justify-content: center;}
    .board-tab {order: 3; margin-top: 26px;}
    .if-banner-03 {margin-right: 26px;}
}

@media screen and (max-width: 768px) {
    .board-tab {order: 1; margin-top: 0;}
    .if-banner-03 {order: 2; margin-right: 0; margin-top: 26px; margin-bottom: 26px;}
    .if-banner-04 {order: 3;}
}


.ada {padding: 20px 40px; margin-top: 26px; background-color: #838f8b; border-radius: 6px; display: flex; justify-content: space-between; align-items: center;}
.ada .ada-logo {flex: 0 0 250px; padding-right: 40px; margin-right: 40px; position: relative;}
.ada .ada-logo::after {content: ''; width: 1px; height: 38px; background-color: rgba(255,255,255,0.2); position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.ada p {width: calc(100% - 290px); font-size: 0.8125rem; margin-bottom: 0; color: var(--bs-white);}

@media screen and (max-width: 991px) {
    .ada {flex-direction: column; align-items: flex-start;}
    .ada .ada-logo {flex: auto; margin-bottom: 20px; margin-right: 0; padding-right: 0;}
    .ada .ada-logo::after {display: none;}
    .ada p {width: 100%;}
}

@media screen and (max-width: 767px) {
    .ada {padding: 30px 5%;}
    .ada p {font-size: 12px;}
}



/* ****************** */
/* ******* sub ****** */
/* ****************** */
/* greetings-section [인사말] */
.greetings-section h5 {margin-top: 74px;}
.greetings-section p:not(:last-child) {margin-bottom: 20px;}
.greetings-section .event-dday sup.start-day::after {background-color: var(--bs-dark);}
.greetings-section .row {margin-bottom: 100px;}

@media screen and (max-width: 991px) {
    .greetings-section .row {margin-bottom: 50px;}
    .greetings-section h5 {margin-top: 60px;}
}


/* overview-section [개요] */
.overview-section h3 {font-weight: 700; margin-bottom: 70px;}

.overview {border-top: 1px solid var(--bs-dark); line-height: 1.54;}
.overview h6 {margin-bottom: 0;}
.overview dl {display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--bs-gray-200); margin-bottom: 0;}
.overview dl:hover {background-color: var(--bs-gray-300);}
.overview dt,
.overview dd {padding: 20px; margin-bottom: 0;}
.overview dt {flex: 0 0 auto; min-width: 180px; text-indent: 30px;}


@media screen and (max-width: 767px) {
    .overview-section h3 {margin-bottom: 50px;}
    .overview dt {min-width: 140px; text-indent: 10px;}
}

@media screen and (max-width: 575px) {
    .overview dt {text-indent: 0;}
    .overview dl {flex-direction: column;}
    .overview dt, .overview dd {width: 100%;}
    .overview dd {padding-top: 0;}
} 


/* ci-section [Sidex ci] */
.ci-section h3,
.ci-section h4 {font-weight: 700;}
/* .ci-section h3 { white-space: nowrap;} */
.ci-section h6 {color: var(--bs-body-color); line-height: 1.5;}
.ci-section h6 strong {color: var(--bs-dark);}

.ci-section h4 {margin-bottom: 30px;}

.logo-mark {margin: 100px 0 70px 0;}
.logo-mark-top {margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.logo-mark-img {width: 100%; height: 210px; background: url('/images/sub/about/ci/ci-logo-mark.jpg') no-repeat center center; background-size: cover;}


.logo-dowonloads li {display: inline-block;}
.logo-dowonloads .btn {min-width: 128px; height: 32px; font-size: 0.875rem;}
.logo-dowonloads .btn i {margin-right: 3px;}

.color-system p {margin-bottom: 40px;}

.cs-imgs {display: flex; justify-content: space-between; align-items: center;}
.cs-imgs .img-wrap:not(:last-child) {margin-right: 20px;}

@media screen and (max-width: 991px) {
    .logo-mark {margin: 70px 0 70px 0;}
    .cs-imgs {flex-wrap: wrap; justify-content: center;}
    .cs-imgs .img-wrap:first-child {margin: 0 0 20px 0;}
    .cs-imgs .img-wrap,
    .cs-imgs .img-wrap img {width: 100%;}
} 

@media screen and (max-width: 950px) {
    .cs-imgs {flex-direction: column; align-items: flex-start;}
    .cs-imgs .img-wrap:not(:last-child) {margin-right: 0; margin-bottom: 20px;}
} 


@media screen and (max-width: 767px) {
    .ci-section h4 {margin-bottom: 24px;}

} 


@media screen and (max-width: 575px) {
    .logo-mark-top {flex-direction: column; align-items: flex-start;}
    .logo-mark-img {height: 40vw}
    .logo-dowonloads {margin-top: 24px;}
} 


/* program-section [학술프로그램] */
.program-section h6 {color: var(--bs-body-color); font-weight: 400;}
.program-section .list li {margin-bottom: 0;}




/* pre-registration-section [사전등록안내] */

.pre-banner { width: 100%; height: 320px; margin:70px 0; padding: 10px 70px; background: url('/images/sub/scientific/pre-registration/pre-registration-banner.png') no-repeat center center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: var(--bs-white); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.pre-banner h3 {color: inherit; margin-bottom: 30px;}
.pre-banner-list {font-size: 1.125rem; font-weight: 300;}
.pre-banner-list li:not(:last-child) {margin-bottom: 8px;}
.pre-banner-list li span { display: inline-block; min-width: 150px; height: 34px; margin-right: 25px; font-weight: 400; text-align: center; background-color: #888582; line-height: 34px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; border-radius:16px;}

.pre-registration-section .caution {margin-top: 36px; margin-bottom: 70px;}


@media screen and (max-width: 767px) {
    .pre-banner {padding: 10px 50px;}
    .pre-banner-list {font-size: 1rem;}
    .pre-banner-list li span {margin-right: 20px;}
    .pre-registration-section .table-3 .bg-primary {min-height: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
}

@media screen and (max-width: 575px) {
    .pre-banner {height: 100%; min-height: 320px; padding: 50px 4%; align-items: center; background-position: center right;}
    .pre-banner-list {font-size: 0.875rem; text-align: center;}
    .pre-banner-list li span {min-width:0; width: 100%; display: block; margin-bottom: 6px;}
    .pre-banner-list li:nth-child(2) {margin: 12px 0; padding: 12px 0; border-top: 1px dotted rgba(255,255,255,0.2); border-bottom: 1px dotted rgba(255,255,255,0.2);}
}



/* application-section [사전등록 신청] */
.application-section h4 span {display: block;}
.line-box {min-height: 280px; padding: 35px 18px 35px 35px; border: 1px solid var(--bs-gray-200); border-radius: 6px;}
.line-box.min-h-auto {min-height: auto;}
.line-box .icon-wrap {margin-right: 25px;}

.line-box li {min-width: 210px; text-align: center;}
.line-box li a {max-width: 210px;}

.account {margin-top: 40px;}
.account .account-list li:not(:last-child) {margin-bottom: 10px;}

@media screen and (max-width: 992px) {
    .line-box {padding:35px 25px; text-align: center;}
    .line-box .d-flex {flex-wrap: wrap; justify-content: center;}
    .line-box h6 {text-align: center; margin-bottom: 15px;}
    .line-box .icon-wrap {width: 100%; margin-bottom: 20px; margin-right: 0;}
    .line-box .icon-wrap  img {max-width: 50px; height: auto;}
}

@media screen and (max-width: 767px) {
    .line-box {margin-bottom: 20px;}
}


@media screen and (max-width: 360px) {
    .application-section h4 span {display: inline;}
}

@media screen and (max-width: 575px) {
    .application-form-section .form-select {max-width: 100%;}
}





/* reg-inquiry-section [등록조회/영수증] */
.reg-inquiry-section .purple-box {margin-top: 30px;}
.inquery-search-form {max-width: 720px; width: 100%;}
.inquery-search-form .col-form-label {min-width: 74px;}
.reg-inquiry-section .btn {display: flex; justify-content: center; align-items: center; font-size: 1.125rem;}

/* academician-section [학술위원 소개] */
.academician-section .row .col-12 {display: flex; justify-content: flex-start; align-items: flex-start;}
.academician-section h4 {font-weight: 700; margin-bottom: 40px;}

.academician {text-align: center;}
.academician h5 {margin-top: 16px;}
.academician-section .list {position: relative; padding-left: 30px; margin-left: 60px;}
.academician-section .list::before {content: ''; width: 1px; height: 100%; background-color: var(--bs-gray-200); position: absolute; top: 0; left: 0;}

.academician-section .bg-light .container {padding-top: 60px; padding-bottom: 60px;}
.academician-section .bg-light .row .col-12:last-child {padding-left: 50px;}

@media screen and (max-width: 991px) {
    .academician-section .director .col-12:last-child {margin-left: 160px;}
    .academician-section .bg-light .row .col-12:last-child {padding-left: 12px;}
}

@media screen and (max-width: 575px) {
    .academician-section .row .col-12 {flex-direction: column;}
    .academician-section .list {margin-left: 0px;}
    .academician-section .list::before {left: 10px;}
    .academician-section .director .col-12:last-child {margin-left: 0px;}
    .academician {margin-bottom: 10px;}
    
}


/* speaker-section [연자 소개] */
.speaker-section h4 {font-weight: 700;}
.speaker-section .blue-title-bar {margin-top: 36px; margin-bottom: 30px;}
.speaker-section .speaker {padding: 24px 40px; display: flex; justify-content: flex-start; align-items: center; position: relative; border: 1px solid var(--bs-gray-200); border-radius: 6px;}
.speaker-topic {position: relative; width: 100%; min-height: 130px; margin-left: 40px; padding-left: 30px;}
.speaker-topic::before {content: ''; width: 1px; height: 100%; background-color: var(--bs-gray-200); position: absolute; top: 0; left: 0;}
.speaker-name {margin-bottom: 2px;}
.speaker-belong {margin-bottom: 16px;}


@media screen and (max-width: 767px) {
    .speaker-section .speaker {padding: 24px 30px;}
    .btn-abstract {position: relative; top: auto; right: auto; width: 100%; max-width: 90px; margin-left: auto; margin-top: 30px; display: block;}
}

@media screen and (max-width: 575px) {
    .speaker-section .speaker {flex-direction: column; align-items: flex-start; position: relative;}
    .speaker-topic {min-height: auto; margin-top: 20px; margin-left: 0px; padding-left: 0px; position: static;}
    .speaker-topic::before {display: none;}
    .btn-abstract {margin-top: 0; position: absolute; top: 24px; right: 20px; z-index: 100;}
}



/* Hands-on [Hands-On] */
.handson-section h6 {color: var(--bs-body-color); font-weight: 400;}

.handson-section .table-3 td {vertical-align: middle;}

/* handson_view - 등록 신청 */
.handson-section .view {width: calc(100% - 450px); min-height: 500px; margin-right: 56px; border-top: 1px solid var(--bs-dark); border-bottom: 1px solid var(--bs-gray-200); display: inline-block; padding: 60px 0; color: var(--bs-dark);}

.handson-section .form {width: calc(100% - 450px);  margin-right: 56px; display: inline-block;}

.handson-section .sidebar-list b {min-width: 60px;}
.handson-section .input-group .input-group-text.d-block {width: auto;}

.sidebar {display: inline-block; width: 100%; max-width: 390px; vertical-align: top; position: absolute;}
.sidebar.fixed-top {position: fixed; top: 120px; left: auto; right: auto; width: 100%; max-width: 390px;}

.badge.badge-sm {padding:0; min-width: 40px; max-width: 50px; height: 20px; border-radius: 4px; font-size: 0.75rem; line-height: 18px;}

.sidebar .sidebar-wrap {width: 100%; height: auto; padding: 25px 20px; border: 10px solid #eef2fa; border-radius: 6px;}
.sidebar .sidebar-title {font-size: 1.375rem; font-weight: 700; margin-bottom: 38px;}
.sidebar .price {display: flex; justify-content: flex-start; align-items: center;}
.sidebar .price .h5 {font-size: 1.25rem;}
.sidebar .personnel {position: relative; padding-right: 20px;}
.sidebar .personnel .h5 {font-size: 1.25rem;}
.sidebar .personnel::after {content: ''; width: 1px; height: 14px; background-color: #cccccc; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.sidebar-list {margin-top: 26px; padding-top: 16px; border-top: 1px solid #eeeeee;}
.sidebar-list li {display: flex; justify-content: flex-start; align-items: center; margin: 10px 0;}
.sidebar-list li:last-child {margin-bottom: 0;}
.sidebar-list li b {min-width: 120px; font-weight: 500;}


@media screen and (max-width: 991px) {
    .handson-section .view {width:100%; margin-right: 0;}
    .handson-section .form {width: 100%; margin-right: 0;}
    .sidebar {max-width: 100%; position: relative;}
    .sidebar.fixed-top {position: relative; top: 0; right: auto; left: auto; max-width: 100%;}
    .sidebar-list {word-break: break-all;}
}

@media screen and (max-width: 767px) {
    .handson-section .input-group .input-group-text.d-block {width: 100%;} 
    .handson-section .view {width: 100%; min-height: 250px; padding: 40px 0; margin-right: 0px;}
}






/* admission-section [관람 안내] */
@media screen and (max-width: 575px) {
    .admission-section img {width: 100%;}
}



/* shoroom-draw-section [전시장 도면] */
.showroom-img {border-top: 1px solid var(--bs-dark); padding: 75px 0 116px 0; text-align: center;}
.showroom-btns {text-align: center;}
.showroom-btns .btn {width: 200px; height: 50px; font-weight: 400;}
.showroom-btns .btn:nth-child(2) {margin: 0 15px;}

.zoom-btns {min-width: 40px; position: absolute; top: 90px; right: 30px; z-index: 100; display: flex; flex-direction: column;}
.zoom-btns .btn {min-width: 0px; width: 40px; height: 40px; padding: 0.5rem; border-radius: 2px; font-weight: 900; background-color: var(--bs-white); border: 1px solid #aaaaaa; font-size: 1.375rem; color: var(--bs-dark); line-height: 20px;}
.zoom-btns .btn .bi::before {font-weight: bold !important; vertical-align: middle;}

@media screen and (max-width: 767px) {
    .showroom-img {padding: 50px 0 100px 0;}
    .showroom-btns .btn {width: calc(33.3% - 13px);}
}

@media screen and (max-width: 575px) {
    .showroom-btns .btn:nth-child(2) {margin: 0 10px;}
    /* .showroom-btns .btn:last-child {margin-top: 10px;} */
    .showroom-btns .btn {width: calc(50% - 14px);}
}

@media screen and (max-width: 360px) {
    .showroom-img {padding: 50px 0;}
    .showroom-btns .btn {width: 100%;}
    .showroom-btns .btn:nth-child(2) {margin: 10px 0 0;}
}



/* partner-section [참가업체 검색:: list] */
.total .count {color: var(--bs-dark); font-weight: 600;}

.partner-section form {width: 100%; display: flex; justify-content: center;}
.partner-section form .search-bar {max-width: 350px; margin-top: 40px; margin-bottom: 10px;}

/* .partner-table {table-layout: fixed;} */
.partner-table tr td {padding: 1.875rem 1.25rem;}
.partner-table tr td b {color: var(--bs-dark); font-weight: 500; margin-right: 6px;}
.partner-table p {margin-bottom: 0; margin-top: 6px;}
.partner-table img {width: 150px; height: auto;}

@media screen and (max-width: 767px) {
    .partner-table tr td {padding: 1.5rem 1rem;}
    .partner-table img {width: 100px;}
}

@media screen and (max-width: 575px) {
    .partner-table {min-width: 750px;}
    .partner-table p {max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}



/* partner-view-section [참가업체 검색:: view] */
.partner, .booth {text-align: center;}
.partner {margin-bottom: 22px; font-weight: 700;}
.partner .eng {color: var(--bs-body-color); font-weight: 300;}
.booth {margin-bottom: 100px; display: flex; align-items: center; justify-content: center;}
.booth span {margin-right: 10px;}

.partner-logo-wrap {flex: 0 0 auto; width: 38%; margin-right: 28px; }
.partner-logo {width: 100%; height: 350px; padding: 1.25rem; display: flex; justify-content: center; align-items: center; border: 1px solid var(--bs-gray-200); border-radius: 6px;}

.partner-logo img {max-width: 100%; height: auto;}

.partner-view-section .table tbody th {text-align: left; font-size: 1.125rem;}
.partner-view-section .table tbody td {font-size: 1rem;}
.partner-view-section .table>:not(caption)>*>* {padding:1.125rem 1.875rem;}

.partner-btns {display: flex; justify-content: flex-end; align-items: center; margin-top: 30px; margin-bottom: 100px;}
.partner-btns li {margin-left: 10px;}
.partner-btns .btn {min-width: 200px; height: 60px; font-size: 1.125rem;}

.product .product-link {display: flex; justify-content: center; align-items: center; width: 100%; height: 210px; padding: 0.5rem; border: 1px solid var(--bs-gray-200); border-radius: 6px; overflow: hidden;}
.product .product-link img {max-width: 100%; height: auto;}
.product .product-tit {color: var(--bs-body-color); font-weight: 400; margin: 20px 0 16px 0;}



@media screen and (max-width: 1180px) {
    .partner-logo-wrap  {width: 100%; margin-bottom: 20px; margin-right: 0;}
}


@media screen and (max-width: 991px) {
    .booth {margin-bottom: 80px;}
    .product {margin-bottom: 20px;}
}

@media screen and (max-width: 767px) {
    .partner {margin-bottom: 15px;}
    .booth {margin-bottom: 60px;}
    .partner-btns {margin-bottom: 60px;}
    .partner-btns li {flex: 1 1 33.3%;}
    .partner-btns li:first-child {margin-left: 0; flex: 0 0 80px;}
    .partner-btns li:first-child .btn {font-size: 1.5rem;}
    .partner-btns {margin-top: 20px;}
    .partner-btns .btn {min-width: 100%;}
}

@media screen and (max-width: 575px) {
    .partner-logo {height: 250px;}
    .partner-btns {justify-content: center; flex-wrap: wrap;}
    .partner-btns .btn  {padding: 0.375rem 0.5rem;}
    /* .partner-btns li,
    .partner-btns li:first-child {flex: 1 1 100%;} */
    .partner-btns li:last-child {flex: 1 1 100%; margin-left: 0;}
}

@media screen and (max-width: 360px) {
    /* .partner-btns li:nth-child(2) {margin-left: 0; margin-top: 10px;} */
}




/* partner-visit-section [참가업체 방문예약:: list] */
.partner-visit-section form {width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.partner-visit-section .search-bar {margin-bottom: 10px;}
.search-bar.company {max-width: 350px; margin-right: 20px;}


@media screen and (max-width: 767px) {
    .partner-visit-section .partner-table {min-width: 900px;}
}

@media screen and (max-width: 575px) {
    .partner-visit-section form {flex-direction: column;}
    .partner-visit-section .search-bar {flex: 1 1 100%; max-width: 100%;}
    .search-bar.company {margin-right: 0; margin-bottom: 30px;}
}



/* partner-visit-view-section [참가업체 방문예약:: view] */
.btn-collapse {width: 100%; padding: 0; text-align: left; color: var(--bs-body-color); display: flex; align-items: center; justify-content: space-between; line-height: 1.4;}
.btn-collapse[aria-expanded="true"] {color: var(--bs-dark); margin-bottom: 15px;}
.btn-collapse[aria-expanded="true"] .icon-arrow {background: url('/images/common/icon/icon-arrow-on.png') no-repeat right center;}
.btn-collapse:focus {box-shadow: none;}

.partner-visit-view-section .col-auto {width: 300px;}

.visitTime-list {font-size: 0.9375rem;}
.visitTime-list li {color: var(--bs-dark); margin-bottom: 20px;}
.visitTime-list li.disabled {color: #999999;}

@media screen and (max-width: 575px) {
    .partner-visit-view-section .col-auto {width: 100%;}
}




/* reservation-section [참가업체 방문예약조회] */
.reservation-section .purple-box .row {width: 100%; max-width: 700px; margin: 0 auto;}
.reservation-section .purple-box label {min-width: 100px; text-align: center; line-height: 36px;}
.reservation-section .purple-box .btn {font-size: 1.125rem;}


@media screen and (max-width: 767px) {
    .reservation-section .purple-box {padding: 30px;}
}

@media screen and (max-width: 575px) {
    .reservation-section .purple-box label {width: 100%; text-align: left;}
}



@media screen and (max-width: 360px) {
    .reservation-section .col-12 {padding-left: 0; padding-right: 0;}
}



/* invitation-form-section [전시초청장 발급] */
.invitation-form-section .form-check {width: calc(25% - 20px);}

@media screen and (max-width: 991px) {
    .invitation-form-section .form-check {width: calc(33.3% - 20px);}
}

@media screen and (max-width: 767px) {
    .invitation-form-section .form-check {width: calc(50% - 25px);}
}

@media screen and (max-width: 575px) {
    .invitation-form-section .form-check {width: 100%; margin-right: 0;}
}


/* product-section [전시품 검색] */
/* 전시품 검색 header */
/* .header.product {-webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);} */

.header.product {width: 100%; height: 120px; background-color: var(--bs-primary); position: fixed; top: 0; left: 0; z-index: 2000;}

@media screen and (min-width: 992px) {
    .header.product {width: 300px; height: 100%; padding: 30px 0; overflow-y: auto;}
    .header.product .navbar .navbar-brand .logo {max-width: 190px; height: auto; margin-bottom: 40px;}
    .header.product .navbar {width: 100%; height: auto;}
    .header.product .navbar .navbar-brand {position: relative; top: 0; left: 0; transform: none;}
    .header.product .navbar>.container-fluid {justify-content: center; align-items: flex-start; padding: 0;}
    .header.product .navbar .navbar-nav {width: 100%; height: calc(100% - 100px); flex-direction: column; display: flex;}
    .header.product .navbar-nav .nav-link {width: 100%; height: 48px; padding:0 3.125rem; line-height: 48px; transition: none; font-size: 1.125rem; font-weight: 300;}
    .header.product .navbar-nav .nav-link.on,
    .header.product .navbar-nav .nav-link:hover {background-color: #3fc8e8;}

    /* .header.product {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);} */
}

/* all-menu  */
@media screen and (max-width: 767px) {
    .all-menu.product .all-menu-nav {background-color: var(--bs-primary);}
    .all-menu.product .all-menu-nav .nav-item .nav-link {color: var(--bs-white);}
    .all-menu.product .all-menu-nav .nav-item.on {background-color: #3fc8e8;}
    .all-menu.product .all-menu-nav .nav-item.on .submenu {background-color: #283351;}
    .all-menu.product .all-menu-nav .submenu .sub-link {color: var(--bs-white);}
    .all-menu.product .all-menu-nav .submenu .sub-link::after {background-color: var(--bs-white);}
}


/* 전시품 검색 검색창 */

.product-search {max-width: 950px; margin: 0 auto;}
.product-search .input-group-text {width: 100px; border: none; background-color: transparent; justify-content: center; color: var(--bs-body-color);}
.product-search .form-select {min-width: 145px;}
.product-search .btn {min-width: 130px;}

@media screen and (max-width: 575px) {
    .product-search .input-group-text {width: 60px; padding-left: 0;}
    .product-search .input-group>.form-select {flex: 0 1 200px; width: 1%;}
    /* .product-search .input-group-text {width: 100%; justify-content: flex-start; margin-bottom: 5px; padding-left: 0;}
    .product-search .form-select {width: 100%;} */

    .product-search .btn {width: 100%;}
}


@media screen and (max-width: 380px) {
    .product-search .input-group-text {width: 100%; justify-content: flex-start; margin-bottom: 5px; padding-left: 0;}
    .product-search .form-select {width: 100%;}
}


/* 전시품 검색 contents */
.product-section {padding-left: 300px; display: block;}
.product-section .container {width: 100%; max-width: 100%; min-height: calc(100vh - 172px);  padding: 50px 4%;}

.cate-tit {font-weight: 700; margin-top: 50px; margin-bottom: 25px;}

.product-list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.product-list li {width: calc(25% - 25px); margin-bottom: 50px; margin-top: 25px;}

.product-list .img-wrap {width: 100%; height: 340px; margin-bottom: 20px; position: relative; border: 1px solid var(--bs-gray-200); border-radius: 6px; overflow: hidden;}
.product-list .img-wrap img {width: auto; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.product-name {width: 100%; margin-bottom: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.model-name {display: block; margin-bottom: 6px; color: #31c3e5;}
.company-name {width: 100%; font-size: 0.9375rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.company-name b {font-weight: 500; margin-right: 4px;}

.product-section .pagination {margin-top: 50px; margin-bottom: 130px;}


@media screen and (max-width: 1280px) {
    .product-list li {width: calc(50% - 10px); margin-top: 10px;}
}


@media screen and (max-width: 991px) {
    .product-section {padding-left: 0; margin-top: 120px;}
    .product-section .pagination {margin-bottom: 100px;}
}

@media screen and (max-width: 767px) {
    .product-list .img-wrap {height: 60vw;}
    .product-section .pagination {margin-bottom: 80px;}
}

@media screen and (max-width: 575px) {
    .product-list .img-wrap {height: 320px} 
    .product-list li {width: 100%; margin-bottom: 20px;}
    .product-section .pagination {margin-bottom: 60px;}
}

/* 전시품 검색 footer */
.footer.product {padding-left: 300px; border-top: 1px solid var(--bs-gray-200);}
.footer.product .container {max-width: 100%; padding: 50px 4%;}
.footer.product .footer-info {padding: 0px; background-color: var(--bs-white); color: var(--bs-body-color);}
.footer.product .footer-info-r {min-width: 200px;}

@media screen and (min-width: 1200px) {
    .product-section .container {padding: 50px;}
    .footer.product .container {padding: 50px;}
}

@media screen and (max-width: 991px) {
    .footer.product {padding-left: 0;}
}


/* 전시품 검색 - 상세페이지 */

/* 드롭다운메뉴 */
.product-dropdown {width: 100%; min-height: 54px; padding: 0.3rem 0.875rem; margin-bottom: 80px; background-color: #f6f6f6; border-radius: 12px; display: flex; justify-content: flex-start; align-items: center;}

.product-dropdown .dropdown-toggle {width: auto; margin: 0; font-size: 0.9375rem; color: #888888; font-weight: 400; border: none; text-align: left;}
.product-dropdown .dropdown-toggle::after {content: '\F118'; font-family: bootstrap-icons;color: #a2a2a2; border: none; }

.product-dropdown .dropdown-menu {min-width: 200px; max-width: 100%; background-color: var(--bs-white); border: 1px solid var(--bs-gray-200); margin-left: 1rem;}
.product-dropdown .dropdown-menu li {width: 100%; text-align: left; vertical-align: top;}


.product-dropdown .dropdown-item {padding:0.6rem 1.25rem; color: #888888; font-size: 0.9375rem; font-weight: 400;}
.product-dropdown .dropdown-item:hover {background-color: #f6f6f6; color: var(--bs-primary); font-weight: 500;}

.product-category li {display: inline-block; vertical-align: middle; position: relative;}
.product-category .lg-cate::after {content: '\F285'; font-family: bootstrap-icons; font-size: 0.625rem; position: absolute; top: 50%; right: -8px; transform: translateY(-50%);}

@media screen and (max-width: 1440px) {
    .product-dropdown {display: flex;}
}

@media screen and (max-width: 767px) {
    .product-dropdown {margin-bottom: 50px;}
}

@media screen and (max-width: 575px) {
    /* .product-category li {width: 50%;} */
}



/* 컨텐츠 */
.product-section.view .col-xl-4 {margin-right: 30px;}
.product-section.view .table-4 th {text-align: left; padding: 16px 30px;}

.product-section.view .product-name {overflow: unset; white-space: normal;}

.product-left-box .img-wrap { width: 100%; height: 340px; border: 1px solid var(--bs-gray-200); display: flex; justify-content: center; align-items: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.product-left-box .img-wrap img {width: auto; max-height: 100%;}

.company-box {margin-top: 26px; display: flex; justify-content: space-between; align-items: center; color: var(--bs-white); background-color: #767f9a; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow: hidden;}
.company-box .company-name {margin-bottom: 0; line-height: 60px; padding:0 30px;}
.company-box .company-view {height: 60px; color: var(--bs-white); background-color: #283351; white-space: nowrap; padding: 0 30px; line-height: 60px;}

@media screen and (max-width: 575px) {
    .company-box {flex-direction: column;}
    .company-box .company-view {width: 100%;}
}


/* map */
.map-area {border: 1px solid var(--bs-gray-200); border-radius: 6px; overflow: hidden;}
.map-info {width: 100%; min-height: 120px; padding: 1.875rem; display: flex; justify-content: space-between; align-items: center;}
.map-info .place {font-weight: 600;}
.map-info .address {margin-bottom: 0;}
.map-btns .btn {margin-left: 4px;}

@media screen and (max-width: 767px) {
    .map-info {flex-direction: column; align-items: flex-start;}
    .map-btns {margin-top: 20px; width: 100%;}
    .map-btns .btn {width: calc(50% - 5px);}
    .map-btns .btn:first-child {margin-left: 0;}
}

@media screen and (max-width: 360px) {
    .map-info {padding: 1.875rem 1.125rem;}
    .map-btns .btn {width: 100%; margin-left: 0;}
    .map-btns .btn:first-child {margin-bottom: 10px;}
}



/* subway-section [교통안내 - 지하철] */
.traffic-box {width: 100%; border: 1px solid #eeeeee; border-radius: 6px; overflow: hidden; display: inline-flex; }

.traffic-box .traffic-img {width: 100%; max-width: 860px; height: inherit; display: inline-flex; align-items: center; justify-content: center;}
#airpottbus1 .traffic-box .traffic-img {margin-top: 130px;}




.subway-list {width: 100%; max-width: 580px; height: inherit; border-left: 1px solid #eeeeee;}
.subway-list li {min-height: 145px; height: 33.4%; padding:30px 60px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; cursor: pointer;}
.subway-list li:not(:last-child) {border-bottom: 1px solid #eeeeee;}

.subway-list li h5 {font-weight: 700; margin-bottom: 0; font-size: 1.25rem;}
.subway-list li p {margin-top: 12px; margin-bottom: 0; display: none;}

.subway-list li:hover {background-color: var(--bs-gray-300);}
.subway-list li:hover h5 {color: #37b42d;}
.subway-list li:hover p {display: block;}

.subway-list li.active {background-color: var(--bs-gray-300);}
.subway-list li.active h5 {color: #37b42d;}
.subway-list li.active p {display: block;}

@media screen and (max-width: 1200px) {
    .subway-box .traffic-img  {max-width: 1000px;}
    .subway-list {max-width: 440px;}
    .subway-list li {padding: 30px 40px;}
}

@media screen and (max-width: 991px) {
    #airpottbus1 .traffic-box .traffic-img {margin-top: 0px;}
    .traffic-box {flex-direction: column;}
    .subway-list {max-width: 100%; border-left: 0; border-top: 1px solid #eeeeee; max-width: 100%;}
    .subway-list li {min-height: 125px; height: auto; padding: 20px 30px;}
}

@media screen and (max-width:767px) {
    .subway-list li h5 {font-size: 1.125rem;}
    .subway-list li p {margin-top: 10px;}
}

@media screen and (max-width:575px) {
    .subway-list li {padding: 10px 20px;}
    .subway-list li h5 {font-size: 1rem;}
    .subway-list li p {margin-top: 6px; font-size: 0.875rem;}
}


/* bus-section [교통안내 - 버스] */
.traffic-info {width: 100%; max-width: 580px; padding: 40px 50px; height: inherit; border-left: 1px solid #eeeeee;}
.traffic-info h5 {font-size: 1.25rem; font-weight: 700; margin-bottom: 16px;}
.traffic-info i.bi::before {font-weight: bold !important;}

.bus-list {margin-top: 50px; margin-bottom: 55px; }
.bus-list li {display: flex; justify-content: flex-start; align-items: flex-start;}
.bus-list li:not(:last-child) {margin-bottom: 10px;}
.bus-list li b {font-weight: 600; flex: 0 0 110px; display: inline-block;}

@media screen and (max-width: 1200px) {
    .traffic-info {max-width: 440px; padding: 40px 30px;}
}

@media screen and (max-width: 991px) {
    .num-list-nav {justify-content: flex-start;}
    .traffic-info {max-width: 100%; border-left: none; border-top: 1px solid #eeeeee;}
}



@media screen and (max-width: 575px) {
    .bus-list {margin-top: 35px; margin-bottom: 35px;}
}


/* car-section [교통안내 - 승용차] */
.traffic .tab-c:last-child .traffic-box {padding: 40px 50px;}
.traffic .blue-title-bar {margin-top: 42px; margin-bottom: 12px; font-size: 1.125rem;}
.traffic .blue-title-bar::before {top: 10px;}


@media screen and (max-width: 1200px) {
    .traffic .tab-c:last-child .traffic-box {padding: 40px 30px;}
}



/* airportbud-section [교통안내 - 공항] */
.traffic-info dl {margin-top: 42px; display: flex; justify-content: flex-start; align-items: flex-start;}
.traffic-info dl dt {margin-right: 24px;}
.traffic-info dl dd {margin-top: 8px;}

.traffic-info .list li {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.traffic-info .list li b {margin-right: 4px;}


@media screen and (max-width: 575px) {
    .traffic-info dl {flex-direction: column; margin-bottom: 0; margin-top: 0;}
    .traffic-info dl dd {margin-top: 20px;}
}


/* lodgment-section [숙박 안내] */
.lodgment-slide-wrap {width: 100%; max-width: 1550px; margin: 0 auto; padding: 38px 55px 130px 55px; position: relative;}
.lodgment-slide-wrap .swiper {position: static;}

.swiper-button-prev {width: 20px; height: 32px; background: url('/images/common/icon/icon-slide-btn.png') no-repeat right center; transform: rotate(180deg);}
.swiper-button-prev:hover {background: url('/images/common/icon/icon-slide-btn-on.png') no-repeat left center;  transform: rotate(0deg);}
.swiper-button-next {width: 20px; height: 32px; background: url('/images/common/icon/icon-slide-btn.png') no-repeat right center;}
.swiper-button-next:hover { background: url('/images/common/icon/icon-slide-btn-on.png') no-repeat left center;  transform: rotate(180deg);}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}
.lodgment-slide .swiper-button-prev,
.lodgment-slide .swiper-button-next {top: 140px;}

.lodgment-info .info-header {padding: 20px 0 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.lodgment-info .info-header h6 {margin-bottom: 0;}

.lodgment-info .info-body {display: flex; justify-content: flex-start; align-items: flex-start;}
.lodgment-info .info-body p.address {margin-bottom: 0;}
.lodgment-info .info-body .btn {min-width: 0; width: 100%; max-width: 38px; height: 18px; padding: 0; margin-top: 2px; margin-left: 8px; font-size: 0.8125rem; background-color: #a0a7ba; color: var(--bs-white); line-height: 16px; border-radius: 2px; font-weight: 300;}

.rating {position: relative; display: inline-block; width: 100px; height: 18px;}
.rating .rating-star {width: 100%; height: 15px; background: url('/images/common/icon/icon-star.png'); background-repeat: repeat-x; display: inline-block; position: absolute; top: 0; left: 0; z-index: 1;}
.rating .rating-star.on {background: url('/images/common/icon/icon-star-on.png'); z-index: 2;}
.rating .rating-star.star-1 {width: 20px;}
.rating .rating-star.star-2 {width: 40px;}
.rating .rating-star.star-3 {width: 60px;}
.rating .rating-star.star-4 {width: 80px;}
.rating .rating-star.star-5 {width: 100px;}

.lodgment-slide .swiper-button-prev, 
.lodgment-slide .swiper-rtl .swiper-button-next {left: 0;}
.lodgment-slide .swiper-button-next, 
.lodgment-slide .swiper-rtl .swiper-button-prev {right: 0;}


@media screen and (max-width: 1550px) {
    .lodgment-slide .swiper-button-prev, 
    .lodgment-slide .swiper-rtl .swiper-button-next {left: 20px;}
    .lodgment-slide .swiper-button-next, 
    .lodgment-slide .swiper-rtl .swiper-button-prev {right: 20px;}
}

@media screen and (max-width: 767px) {
    .lodgment-info .info-header {flex-direction: column-reverse; align-items: flex-start;}
    .rating {margin-bottom: 6px;}
}


@media screen and (max-width: 575px) {
    .lodgment-slide .img-wrap img {width: 100%;}
    .lodgment-slide .swiper-button-prev,
    .lodgment-slide .swiper-button-next {top: 33vw;}
}

@media screen and (max-width: 360px) {
    .lodgment-slide-wrap {padding: 38px 40px 130px 40px;}
    .lodgment-slide .swiper-button-next, .lodgment-slide .swiper-rtl .swiper-button-prev {right: 10px;}
    .lodgment-slide .swiper-button-prev, .lodgment-slide .swiper-rtl .swiper-button-next {left: 10px;}
}


/* lodgment-view-section [숙박 안내 - 상세보기] */
.lodgment-view-section .left-box {max-width: 530px; margin-right: 30px;}
.lodgment-title {margin-bottom: 110px;}
.lodgment-title h3 {margin-bottom: 30px; font-weight: 700;}
.lodgment-img .img-wrap {margin-bottom: 10px; border: 1px solid #eeeeee; border-radius: 6px;  overflow: hidden;}
.lodgment-img img {width: 100%; height: auto;}
.lodgment-thumb-list li {display: inline-block; width: calc(25% - 5px); margin-right: -5px; margin-left: 8px;}
.lodgment-thumb-list li:first-child {margin-left: 0;}
.lodgment-thumb-list li a {display: block;}
.lodgment-thumb-list li a:hover img {opacity: 0.75;}
.lodgment-thumb-list li img {width: 100%; border: 1px solid #eeeeee; border-radius: 6px;  overflow: hidden;}

.lodgment-view-section .table-4 th {text-align: left; font-size: 1.125rem;}
.lodgment-view-section .table-4 th,
.lodgment-view-section .table-4 td {padding: 1.125rem 1.75rem;}
.lodgment-view-section .table-4 td {font-size: 1rem;}


.lodgment-view-section .dotted-box {margin-top: 80px;}


@media screen and (max-width: 1200px) {
    .lodgment-view-section .left-box {max-width: 100%; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center;}
    .lodgment-img {margin-right: 20px;}
    .lodgment-img + div {display: flex; flex-direction: column-reverse;}
    .btn-download {margin-bottom: 0;}
}

@media screen and (max-width: 991px) {
    .lodgment-title {margin-bottom: 70px;}
}


@media screen and (max-width: 768px) {
    .lodgment-view-section .left-box {flex-direction: column; margin-right: 0;}
    .lodgment-title {margin-bottom: 50px;}
    .lodgment-img {width: 100%; margin-right: 0px;}
    .lodgment-img + div {width: 100%; flex-direction: column;}
    .btn-download {margin-bottom: 42px;}
}

@media screen and (max-width: 575px) {
    .lodgment-view-section .table-4 {min-width: 575px;}
    .lodgment-view-section .table-4 th,
    .lodgment-view-section .table-4 td {padding: 1rem 1.125rem;}
}


/* parking-section [주차안내 - 코엑스 주차 안내] */
.parking-section .table td {padding: 1.875rem; border: 1px solid var(--table-border-color); vertical-align: top;}
.parking-section .table td:first-child {border-left: 0;}
.parking-section .table td:last-child {border-right:0;}

.parking-section .table.align-middle td {padding:0.875rem 1.875rem; vertical-align: middle; text-align: center;}

.parking-section .traffic-box {width: auto;}
.parking-section .traffic-box .traffic-img{max-width: 100%;}

@media screen and (max-width: 767px) {
    .parking-section .table {min-width: 850px;}
    .table-3.h-14 {max-width: 767px; min-width: 680px;}
    .parking-section .table td {padding: 1.375rem;}
    .parking-section .caution {margin-bottom: 60px;}
}

/* parking-section [주차안내 - 주차요금 안내] */


/* parking-section [주차안내 - 코엑스 주변 주차안내] */
.parking-section .caution {margin-bottom: 80px;}
.parking-section .blue-title-bar {font-size: 1.125rem;}
.parking-section .blue-title-bar::before {top: 13px;}

@media screen and (max-width: 575px) {
    .parking-section .caution {margin-bottom: 50px;}
}



/* registration-section [전시참가업체 안내] */
.registration-section .btn-download {max-width: 230px; height: 40px; margin-bottom: 0; margin-top: 30px; font-size: 1rem; color: var(--bs-dark);}


/* .table-2.table-fee {border-spacing: 0; margin-top: 0;} */
/* .table-2.table-fee thead tr:last-child th {border-color: var(--bs-gray-200);} */
.table-2.table-fee thead tr:last-child th {border-bottom: 1px solid var(--bs-gray-200); border-top: 1px solid var(--bs-gray-200);}
.table-2.table-fee tbody {border-top: 0;}
.table-2.table-fee tbody td {text-align: center;}

.table-2.table-fee thead th,
.table-2.table-fee tbody td {padding: 1rem;}

span.label {width: 100%; height: 44px; color: var(--bs-white); background-color: var(--bs-dark); display: inline-block; border-radius: 20px; text-align: center; line-height: 44px;}

.label-primary {background-color: var(--bs-primary) !important;}
.label-skyblue {background-color: #31c3e5 !important;}
.label-grren {background-color: #bcd634 !important;}

.reg-box {display: flex; justify-content: flex-start; align-items: flex-start;}

.reg-list {margin-top: 20px; padding: 1.125rem 0; display: flex; justify-content: space-between; align-items: flex-start; border: 1px solid var(--bs-gray-200); border-radius: 6px;}
.reg-list li {width: 100%; min-height: 102px; padding: 0 0.3125rem; display: flex; flex-direction: column; align-items: center; justify-content: space-around; font-size: 0.9375rem; text-align: center; flex: 1 1 25%;}
.reg-list li:not(:last-child) {border-right: 1px dotted var(--bs-gray-200);}
.reg-list p {margin-bottom: 0;}

/* 전시회 이전 */
.reg-before {width: 100%; max-width: 610px;}

/* 전시회 기간 */
.reg-period {width: 100%; max-width: 215px; margin: 0 14px;}

/* 전시회 이후 */
.reg-after {width: 100%; max-width: 110px;}


/* 참가비용 */
.registration-section .table-3 {margin-top: -14px;}
.registration-section .table-3 td {text-align: center; vertical-align: middle;}

.registration-section .line-box {padding: 33px 18px 31px 35px;}

.reg-group {justify-content: center;}
.reg-group .form-select {flex: 0 0 24%;}
.reg-group .form-control {flex: 0 0 24%;}
.reg-group .w-60 {flex: 0 0 60px;}

@media screen and (max-width: 1480px) {
    .reg-box {flex-wrap: wrap;}
    .reg-before {max-width: 100%;}
    .reg-period {max-width: calc(60% - 14px); margin: 20px 14px 0 0;}
    .reg-after {max-width: 40%; margin-top: 20px; }
}


@media screen and (max-width: 767px) {
    .reg-group .form-select {width: calc(100% - 165px);}
    .purple-box .reg-group .form-select {flex: 1 1 auto;}
    .purple-box .reg-group .form-control {flex: 1 1 auto;}
    .purple-box .reg-group .form-control.w-60 {flex: 1 1 60px; padding: 0.5rem;}
}


@media screen and (max-width: 690px) {
    .reg-before .reg-list {white-space: nowrap; overflow-x: auto;}
    .reg-before .reg-list li {flex: 0 0 110px;}
}

@media screen and (max-width: 575px) {
    .reg-group {text-align: center;}
    .reg-group .tot-price {display: block; width: 100%;}
}

@media screen and (max-width: 360px) {
    .reg-period {max-width: 100%;}
    .reg-after {max-width: 100%;} 
}




/* registration-section [전시참가업체 안내 - 신청방법(동의)] */
.registration-section .num-list-nav {justify-content: center;}


.exhibition-rules {white-space: pre-line; width: 100%; height: 380px; padding: 1.875rem 1.25rem; overflow-y: auto; border-top: 1px solid var(--bs-dark);}
.exhibition-rules strong {color: var(--bs-dark); margin-bottom: 30px; display: inline-block;}

.agreement {padding: 1.25rem 3.75rem; display: flex; justify-content: flex-end; align-items: center;}


@media screen and (max-width: 575px) {
    .agreement {padding: 1.25rem 1.375rem;}
}


/* registration-section [전시참가업체 안내 - 참가신청(계약)서] */
.mt-100 {margin-top: 100px;}
.bank-info {padding: 30px; margin-top: 100px; display: flex; justify-content: flex-start; align-items: center;}
.bank-info h5 {margin-right: 100px;}
.bank-info h5,
.bank-info p {margin-bottom: 0;}

.reg-box2 {margin-top: 50px; margin-bottom: 130px;}
.reg-box2 p:not(.date) {font-size: 1.25rem; font-weight: 500; color: var(--bs-dark);}
.reg-box2 .form-control {flex: 0 0 210px}


@media screen and (max-width: 991px) {
    .reg-box2 {margin-top: 50px; margin-bottom: 100px;}
    .bank-info {margin-top: 70px;}
}

@media screen and (max-width: 767px) {
    .reg-box2 {margin-top: 50px; margin-bottom: 60px;}
    .reg-box2 p:not(.date) {font-size: 1.125rem;}
    .bank-info {margin-top: 60px;}
}

@media screen and (max-width: 575px) {
    .reg-box2 .form-control {flex: 1 1 auto;}
    .bank-info {flex-wrap: wrap;}
    .bank-info p {margin-top: 20px;}
}


/* sponsorship-section [공식 후원 프로그램] */
.sponsorship-section .img-wrap {margin-bottom: 80px;}

@media screen and (max-width: 767px) {
    .sponsorship-section .img-wrap {margin-bottom: 60px;}
}



/* 부스 */
.booth-img {width: 100%; max-width: 746px;}



/* ******************** */
/* ****** mypage ****** */
/* ******************** */
.visit-section .search-bar,
.myform-section .search-bar {border-bottom: 0; max-width: 100%;}
.visit-section .pagination,
.myform-section .pagination{margin-top: 0;}

.myform-section form[name="search"] {max-width: 708px; margin-left: auto;}

.myform-section .table-3.h-14 {max-width: 100%; min-width: 0;}

/* form 04 */
.booth-img {align-items: center;}
.booth-img .col-12 {min-height: 510px; display: flex; justify-content: center; align-items: center; position: relative; border: 1px solid var(--bs-gray-200); margin-right: -1px;}
.booth-img .img-wrap {max-width: 400px; height: auto;}
.booth-img .booth-right .col-12 {min-height: 254px; border: none;}
.booth-img .booth-right .img-wrap {max-width: 260px; height: auto;}

.booth-img .col-12:first-child {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.booth-img .col-12:last-child {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

.booth-btn {width: 50px; height: 50px; background-color: #a2a2a2; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 35px; right: 35px; text-align: center; line-height: 50px;}
.booth-btn:hover {background-color: var(--bs-primary);}
.booth-btn img {vertical-align: sub;}


@media screen and (max-width: 1200px) {
    .booth-img .img-wrap {max-width: 100%; height: auto;}
}

@media screen and (max-width: 991px) {
    .booth-img .booth-right .img-wrap {max-width: 100%; height: auto;}
}

@media screen and (max-width: 768px) {
    .booth-img .img-wrap {padding: 15px 30px;}
    .booth-img .col-12 {margin-bottom: -1px; margin-right: 0;}
    .booth-img .col-12:first-child {border-bottom-left-radius: 0; border-top-right-radius: 6px;}
    .booth-img .col-12:last-child {border-top-right-radius: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
    .booth-img .col-12,
    .booth-img .booth-right .col-12 {min-height: auto;}
}

@media screen and (max-width: 575px) {
    .booth-btn {bottom: 20px; right: 20px;}
}


.price-table {text-align: center; border-spacing: 10px 14px !important;}
.price-table.table-3 tbody td {padding-top: 0; padding-bottom: 0;}
.price-table.table-3 thead th {border-top: 0; border-bottom: 0 !important; padding-top: 0; padding-bottom: 0;}
.price-table.table-3 tbody th[scope="row"] + td {border-right: 1px solid var(--bs-gray-200);}
.price-table tbody td span {width: calc(100% - 50px); min-width: 100px; height: 50px; margin-right: 10px; display: inline-block; text-align: center; line-height: 50px; vertical-align: middle; border: 1px solid var(--bs-gray-200); -webkit-border-radius: 6px; border-radius: 6px; text-align: right; padding: 0 1.25rem;}

.price-table tbody td .input-group {min-width: 150px;}


.files .file {width: calc(100% - 185px); height: 140px; border: 1px solid var(--bs-gray-200); -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; margin-right: -5px; overflow-y: auto; white-space: normal; text-align: left;}
.files .file p {margin-bottom: 0;}
.files .btns {width: 100%; max-width: 185px; height: 140px; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; vertical-align: top;}

/* ******************** */
/* ****** footer ****** */
/* ******************** */
/* footer-info */
.footer-info-r {min-width: 250px;}
.footer-info {padding: 70px 0; background-color: #151620; color: #999999;}
.footer-info .container {display: flex; justify-content: space-between; align-items: flex-start;}
.footer-info a {color: inherit;}
.footer-info a:hover {color: var(--bs-primary);}

@media screen and (max-width: 1440px) {
    .footer-nav .footer-navbar > li {flex: 0 1 25%; margin-bottom: 40px;}
    .footer-nav .footer-navbar > li:nth-child(4)::after {display: none;}
}

@media screen and (max-width: 991px) {
    .footer-info-r {width: 100%; display: flex; justify-content: flex-end; margin-top: 30px;}
    .footer-info .container {flex-direction:column;}
}

@media screen and (max-width: 767px) {
    .footer-info {padding: 40px 0; font-size: 0.875rem;}
    .footer-info .container {flex-direction: column-reverse; align-items: flex-start;}
    .footer-info-r {margin-top: 0; margin-bottom: 30px; width: 100%; justify-content: flex-start;}
}



/* ******************** */
/* ******* board ****** */
/* ******************** */
.divcontents {font-size: 1rem;}
.board-table {margin-top: 20px;}

/* 게시판 카테고리 */
.board-content .snb {padding-top: 40px; border-bottom: 1px solid var(--bs-gray-200);}
.board-content .snb .nav {justify-content: center; overflow-y: auto; white-space: nowrap; flex-wrap: nowrap;}
.board-content .snb .nav a {font-size: calc(0.875rem + 1vw);; font-weight: 500; color: #aaaaaa; padding: 10px 20px; white-space: nowrap;}
.board-content .snb .nav a.active{color: var(--bs-gray-dark); border-bottom: 4px solid var(--bs-primary);}

@media screen and (min-width: 1200px) {
    .board-content .snb .nav a {font-size: 1.5rem;}
}

@media screen and (max-width: 991px) { 
    .board-content .snb .nav {justify-content: flex-start;}
    .board-content .snb .nav.dentist {justify-content: center !important;}
    /* .board-content.container {padding-top: 100px; padding-bottom: 100px;} */
}

@media screen and (max-width: 767px) { 
    .board-content .snb {padding-top: 30px;}
    /* .board-content.container {padding-top: 80px; padding-bottom: 80px;} */
}

@media screen and (max-width: 360px) { 
    .board-content .snb .nav.dentist {justify-content: flex-start !important;}
}



/* 게시판 아이콘 */
.bi.bi-paperclip::before {vertical-align: middle;}
.bi.bi-exclamation-circle-fill {vertical-align: text-bottom;}
.bi.bi-exclamation-circle-fill::before {vertical-align: middle;}
.bi.bi-bell-fill::before {content: ''; width: 30px; height: 30px; background: url('/images/common/icon/icon-bell.png') no-repeat center center;}
/* .bi.bi-download::before {content: ''; width: 14px; height: 16px; background: url('/images/common/icon/icon-file.png') no-repeat center center;} */
.bi.bi-chevron-bar-left::before {content: ''; width: 14px; height: 13px; background: url('/images/common/btn/btn_paging_prev_end.png') no-repeat center center;}
.bi.bi-chevron-bar-right::before {content: ''; width: 14px; height: 13px; background: url('/images/common/btn/btn_paging_next_end.png') no-repeat center center;}
.bi.bi-chevron-bar-right::before {content: ''; width: 14px; height: 13px; background: url('/images/common/btn/btn_paging_next_end.png') no-repeat center center;}

.bi.bi-pencil::before {content: ''; width: 13px; height: 13px; background: url('/images/common/icon/icon-pencil.png') no-repeat center center;}
.bi.bi-trash::before {content: ''; width: 13px; height: 13px; background: url('/images/common/icon/icon-trash.png') no-repeat center center;}

/* 아이콘 뉴 */
.icon_new img {max-width: 34px; height: auto;}



/* 검색창 */
.search-bar {width: 100%; max-width: 350px; border-bottom: 2px solid var(--bs-dark);}
.search-bar input {height: auto; background-color: var(--bs-white); padding: 0.375rem 0.75rem;}
.search-bar .input-group-text {width: 36px; height: 36px; background: transparent; align-items: flex-start; justify-content: flex-end;}



/* comment 댓글 */
.comment-count {font-size: 1rem;}
.comment-icon {width:22px; height: 22px; display: inline-block; background-color: #cccccc; border-radius: 4px; text-align: center; line-height: 18px;}

.board-view .btn-gray-2 {width: 120px; height: 100px; margin-left: 8px !important; border-radius: 6px !important;}

.list-group-flush {text-align: left;}
.list-group-flush li {padding: 30px 20px !important; background-color: var(--bs-gray-300); border-top: 1px solid var(--bs-gray-200); color: var(--bs-body-color);}
.list-group-flush>.list-group-item {border-width: 1px 0 0;}
.list-group-flush li span b {color: var(--bs-dark);}




/* e-포스터 */
.e-poster .caution {margin-bottom: 50px;}
.e-poster .author {margin-top: 3px; margin-bottom: 0; font-size: 0.9375rem; color: var(--bs-body-color); font-weight: 400;}
.pdf-file-list {margin-top: 10px; padding-top: 10px; border-top: 1px dotted var(--bs-gray-200);}
.pdf-file-list li {position: relative; padding-right: 10px;}
.pdf-file-list li::before {content: ''; width: 4px; height: 4px; background-color: var(--bs-body-color); border-radius: 50%; position: absolute; top: 50%; right: -6px; transform: translateY(-50%);}
.pdf-file-list li:last-child::before {display: none;}




/* 공지사항 */
.board-table tr td.subject > a {width: 100%;}

.board-table .download-file a {display: inline-block;}
.board-table .download-file a:hover span {background-color: var(--bs-primary);}
.board-table .download-file a:hover .bi.bi-download::before {background: url('/images/common/icon/icon-file-wh.png') no-repeat center center;}
.board-table .download-file span {width: 26px; height: 26px; border-radius: 2px; border: 1px solid var(--bs-primary); float: none !important; display: inline-block;}
.board-table .download-file span .bi.bi-download {width: 100%; height: 100%; margin-bottom: 0; display: inline-flex; justify-content: center; align-items: center;}

.icon-download {width: 26px; height: 26px; display: inline-block; border: 1px solid var(--bs-primary); background: url('/images/common/icon/icon-file.png') no-repeat center center}
.icon-download:hover {background:var(--bs-primary) url('/images/common/icon/icon-file-wh.png') no-repeat center center;}

.icon-file {width: 18px; height: 18px; display: inline-block; background: url('/images/common/icon/icon-file-2.png') no-repeat center center; background-size: cover;}


/* 포토갤러리 */
.gallery .row {margin-top: 50px;}
.gallery .gallery-img{width: 100%;}
.gallery dd {margin-top: 20px; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.gallery dd label {margin-right: 2px;}
.gallery dd p {flex: 1 1 100%;}
.gallery dd > .gallery-link {font-size: 1.125rem; color: var(--bs-gray-dark); font-weight: 500;}
.gallery dd .icon_new {margin-left: 4px;}
.gallery dd .comment {margin-left: 2px;}

@media screen and (max-width: 575px) {
    .gallery .row .col-12:last-child {margin-bottom: 0 !important;}
}

.board-view .table {table-layout: fixed;}
.board-view .table th,
.board-view .table td {min-height: 60px;}
.board-view .writer-wrap {color: var(--bs-primary);}
.board-view h4 {white-space: normal; text-align: left; font-size: 1.5rem;}


.download-files {margin-bottom: 40px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.download-files a {max-width: 100%; height: 40px; padding: 10px 20px; margin: 6px; border: 1px solid #aaaaaa; border-radius: 6px; display:flex; justify-content: flex-start; align-items: center;}
.download-files a:hover {color: var(--bs-white); background-color: var(--bs-primary);}

.download-files .bi.bi-paperclip::before {content: ''; width: 15px; height: 15px; margin-right: 4px; display: inline-block; background: url('/images/common/icon/icon-file-2.png') no-repeat center center; background-size: cover;}
.download-files a:hover .bi.bi-paperclip::before {background: url('/images/common/icon/icon-file-2-wh.png') no-repeat center center; background-size: cover;}

.board-view .bi.bi-download::before {content: ''; width: 14px; height: 14px; background: url('/images/common/icon/icon-file-2.png') no-repeat center center;}
.board-view .download-files a:hover .bi.bi-download::before {background: url('/images/common/icon/icon-file-2-wh.png') no-repeat center center;}

.file-box {height: 40px; padding: 10px 20px; margin-top: 5px; margin-right: 5px; border: 1px solid #aaaaaa; border-radius: 6px; display: inline-flex; justify-content: flex-start; align-items: center;}
.file-box:hover {background-color: var(--bs-gray-100);}
.file-box img {margin-right: 6px;}





/* FAQ (F-basic) */
.board-view.faq span:not(.badge) { color: var(--bs-body-color) !important;}
.accordion-wrap {border-top: 1px solid var(--bs-gray-dark);}
.accordion-wrap .card {padding: 0; border-bottom: 1px solid var(--bs-gray-200);}
.accordion-wrap .card .card-body {padding:0;}

/* admin 로그인 시 나타나는 타이틀 */
.accordion-wrap .card .card-title {margin-bottom: 0; font-size: 1rem; font-weight: 500; color: var(--bs-gray-dark); padding: 22px 46px 20px 30px; display: inline-block; position: relative;}
.accordion-wrap .card .card-title::before {content: 'Q.'; font-weight: 800; font-family: 'Montserrat', Sans-serif; position: absolute; top: 20px;  left: -8px;}
.accordion-wrap .card .card-title.collapsed {color: var(--bs-gray-dark);}

/* 로그인 안했을 때 */
.accordion-wrap .card a.btn {min-height: 60px; height: 100%; position: relative; padding: 20px 46px 20px 60px;line-height: 1.5;}
.accordion-wrap .card a.btn:focus {box-shadow: none;}
.accordion-wrap .card a.btn::before {content: 'Q.'; font-weight: 800; font-family: 'Montserrat', Sans-serif; position: absolute; top: 20px;  left: 26px;}
.accordion-wrap .card a.btn::after {content: ''; width: 20px; height: 20px; background: url('/images/sub/doctor/oral/icon-arrow.png') no-repeat center center; position: absolute; top: 50%; right: 26px; transform: translateY(-50%);}
.accordion-wrap .card a.btn[aria-expanded="true"]::after {background: url('/images/sub/doctor/oral/icon-arrow-on.png') no-repeat center center;}

.accordion-wrap .card a.btn[aria-expanded="true"] {background-color: #eef2fa; color: var(--bs-primary);}
.accordion-wrap .card a[aria-expanded="true"].btn::before {color: var(--bs-gray-dark);}

.accordion-wrap .card .qu {font-family: 'Montserrat', Sans-serif; color: var(--bs-gray-dark); font-weight: 800; margin-right: 10px;}

.accordion-wrap .collapsing .card-body {position:relative; padding: 20px 26px 20px 68px; background-color: var(--bs-gray-300);}
.accordion-wrap .collapsing .card-body::before {content: 'A.'; font-weight: 800; font-family: 'Montserrat', Sans-serif;position: absolute; top: 20px; left: 26px; color: var(--bs-primary);}
.accordion-wrap .collapsing .card-body span {background-color: transparent !important; }

.accordion-wrap .collapse .card-body{ position: relative; padding: 20px 26px 20px 68px;background-color: var(--bs-gray-300);}
.accordion-wrap .collapse .card-body span {background-color: transparent !important;}
.accordion-wrap .card .collapse .card-body::before {content: 'A.'; font-weight: 800;position: absolute; top: 20px; left: 26px; color: var(--bs-primary);}



@media screen and (max-width: 575px) {
    .accordion-wrap .card a.btn {padding: 20px 36px 20px 50px;}
    .accordion-wrap .card a.btn::before {left: 16px;}
    .accordion-wrap .card a.btn::after {right: 16px;}

    .accordion-wrap .collapsing .card-body{padding: 20px 20px 20px 50px;}
    .accordion-wrap .collapsing .card-body::before {left: 16px;}

    .accordion-wrap .collapse .card-body {padding: 20px 20px 20px 50px;}
    .accordion-wrap .card .collapse .card-body::before {left: 16px;}
}



.ogevent-section .purple-box .col-form-label {min-width: 70px;}




/* ******************** */
/* ****** Login ****** */
/* ******************** */
.login-section .purple-box .row {flex: 1 1 auto; max-width: 720px;}
.login-section label {display: inline-block; min-width: 64px;}
.login-section .btn {min-width: 130px; font-size: 1.125rem;}

.belong_require, .licence_require {display:none;}


.inipay_modal {opacity: 100 !important;}

.comp_txt {position: absolute;right: 20px;bottom: 13px;z-index:10000}

.filebox .filecon {display:inline-block; width:calc(40% + 106px); position:relative;}
.filebox .filecon input.text {width:calc(100% - 106px) !important; white-space:nowrap; text-overflow:ellipsis;}
.filebox .filecon input[type="file"] {position: absolute; top:0; right:0; width: 100px; height: 45px; padding: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; z-index:10;}
.filebox .filecon label {position:absolute; top:0; right:0; width:100px; height:50px; border:1px solid #aaaaaa;text-align:center; line-height:50px; box-sizing:border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;border-radius: 6px;cursor:pointer;
background-color: var(--bs-white);color: var(--bs-dark);}
.filebox .add_file_list {position:relative; display:inline-block; max-width:calc(60% - 125px); height:45px; padding:0 12px; padding-right:70px; margin-left:5px; background:#ffede0; font-weight:300; color:#222; line-height:42px; vertical-align:middle; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.filebox .add_file_list .CheckType01 {position:absolute; top:50%; right:12px; transform:translateY(-50%);}
.filebox .add_file_list .btn_delete {display:inline-block; width:18px; height:18px; border:none; margin-left:10px; background:url('/images/common/btn/btn_file_delete.png') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; cursor:pointer;}

.btn_add_file {display:inline-block; width:50px; height:50px; border:1px solid #b9b9b9; border-radius: 6px;background:#ededed url('/images/btn_file_add.jpg') no-repeat center center; box-sizing:border-box; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle;top: -1px;position: relative;}
.btn_delete_file {display:inline-block; width:50px; height:50px; border:1px solid #b9b9b9;border-radius: 6px; background:#ededed url('/images/btn_file_delete.jpg') no-repeat center center; box-sizing:border-box; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle;top: -1px;position: relative;}




/* 가멕스 인트로 */



.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}

.font-fit {font-family: 'Outfit' , Dotum, Sans-serif;}

.intro-logo { margin-bottom: 40px;}
.intro-logo img {width: 350px; height: auto;}

.ls-1 {letter-spacing: -1px;}

.intro-btn-area {display: flex; gap: 10px; justify-content: center; align-items: center;}
.intro-btn-area .btn {background-color: var(--bs-white); border-radius: 0; text-align: left;}

.intro-btn-area a {display: flex;align-items: center;padding: 25px 45px;  min-width: 290px;justify-content: space-between; color: var(--bs-dark); font-weight: 700; min-height: 80px;}
.intro-btn-area .icon-right {color: var(--bs-gray-500); font-weight: 700; font-size: 20px; position: relative; z-index: 1;}
.intro-btn-area a .icon-right::before {content: ""; width: 45px; height: 45px; background-color: #dc241c; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 0;}
.intro-btn-area a:hover {color: #dc241c;}
.intro-btn-area a:hover .icon-right {color: var(--bs-white);}
.intro-btn-area a:hover .icon-right::before {opacity: 1;}


@media screen and (min-width:1200px){
    .display-4 {font-size: 50px;}
    .fs-2 {font-size: 30px;}
}


@media screen and (max-width:767px) {

    .intro {height: 100%;min-height: 100vh; word-break: keep-all; text-align: center;}
    .intro-btn-area {flex-wrap: wrap;}
    .intro-btn-area a {min-width: 150px; padding: 10px 20px; min-height: auto; height: auto;}

    .intro-btn-area .fs-4 {font-size: 1rem !important;}
    .intro-btn-area a .icon-right::before {width: 35px; height: 35px;}
}