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


@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:1.125rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
    --bs-body-color:#000000;
    --table-border-color: #ececec;

    --bs-primary:#be2b25;
    --bs-secondary: #000000;
    --bs-success: #bad53a;
    --bs-info: #31c3e5;
    --bs-warning: #ffd200;
    --bs-danger: #be2b25;
    --bs-light: #f5f5f5; /* 밝은 회색 배경 */
    --bs-dark: #000000;

    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-light-purple: #eef2fa;
    --bs-pink: #d63384;
    --bs-red: #dc241c;
    --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: #000000;
    --bs-gray-100: #f3f3f3; /* 밝은 회색 배경 */
    --bs-gray-200: #dddddd; /* border */
    --bs-gray-300: #f8f8f8; /* 밝은 회색 배경 */
    --bs-gray-400: #bbbbbb; /* 아이콘 */
    --bs-gray-500: #999999; /* 폰트색상 */
    --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;
}

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

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;}

b, strong {font-weight: 700;}

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 */
    .display-6 {font-size: 42px !important;}
    .fs-1 {font-size: 36px !important;}
    .fs-2 {font-size: 30px !important;}
    .fs-6 {font-size: 18px !important;}
}

@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;}
}

.text-16 {font-size: 16px !important;}

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;}



@media screen and (min-width:1200px){
    .display-3 {font-size: 60px;}
}


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


.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;}



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



/* subvisual */
.subvisual {width: 100%; height: 430px; background: url('/images/sub/subvisual-img-01.jpg') no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 70px;}
.subvisual-02 {background: url('/images/sub/subvisual-img-02.jpg') no-repeat center center; background-size: cover;}
.subvisual-03 {background: url('/images/sub/subvisual-img-03.jpg') no-repeat center center; background-size: cover;}
.subvisual-04 {background: url('/images/sub/subvisual-img-04.jpg') no-repeat center center; background-size: cover;}
.subvisual-05 {background: url('/images/sub/subvisual-img-01.jpg') no-repeat center center; background-size: cover;}
.subvisual-06 {background: url('/images/sub/subvisual-img-01.jpg') no-repeat center center; background-size: cover;}
.subvisual-07 {background: url('/images/sub/subvisual-img-07.jpg') 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: 1.125rem; border-bottom: 2px solid var(--bs-primary); padding-bottom: 5px;}
.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; display: none;}

@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: 150px 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; } */

.section-subnav li a {display: block; width: 100%; padding: 0rem 20px;  white-space: nowrap; font-size: 30px; font-weight: 600; color: var(--bs-gray-400); position: relative;}
.section-subnav li:not(:last-child) a::after {content: ""; position: absolute; width: 1px; height: 20px; background-color: var(--bs-gray-400); right: 0; top: 14px;}
.section-subnav li a:hover { color: var(--bs-dark);  }
.section-subnav li.active a { color: var(--bs-dark);  }



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

@media screen and (max-width: 767px) {
    .section-subnav-wrap {margin-top: 80px; margin-bottom: 50px;}
    .section-subnav li a {font-size: 1.25rem; padding: 0 10px;}
    .section-subnav li:not(:last-child) a::after { height: 20px; top: 6px;}
}


/* 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: 1px solid #cccccc; color: var(--bs-body-color); display: block; text-align: center; line-height: 20px; font-weight: 400;}
.search-cate li a.sm {min-width: 35px;}
.search-cate li a.active {background-color: var(--bs-dark); color: var(--bs-white); border: 1px solid var(--bs-primary); border-color: var(--bs-dark);}
.search-cate li a:hover {background-color: var(--bs-dark); color: var(--bs-white); border: 1px solid var(--bs-primary);}


/* transport-cate */
.section-subnav-area {margin-left: auto; margin-right: auto; margin-bottom: 70px; text-align: center;overflow-x: auto; overflow-y: hidden; width: 100%;}
.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;}
    .section-subnav-area {margin-bottom: 50px;}
}

@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; margin-right: 5px;}

.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;  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: 172px; */ margin-right: 6px; display: inline-block; white-space: nowrap;}

.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: 3px; height: 3px; background-color: var(--bs-dark); border-radius: 50%; position: absolute; top: 12px; 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; font-size: 1rem;}
.download-list li a { width: 100%; max-width: 205px; height: 40px; padding:0 20px; 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 {z-index: 9999999;}
.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-dark {color: var(--bs-dark) !important;}

.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;  display: inline-block; line-height: 40px; border-radius: 0;}
.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 {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color:  var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color:  var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
}


/* buttons - outline */
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
}
.btn-outline-primary:hover {color: var(--bs-white) !important;}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
}



/* .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);--bs-btn-border-color:  var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: 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-outline-dark-basic {color:var(--bs-dark);border-color:var(--bs-dark); padding-left: 30px; padding-right: 30px;height: 40px;}
.btn-outline-dark-basic:hover {color:#fff;background-color:var(--bs-dark);border-color:var(--bs-dark)}
.btn-outline-dark-basic:hover img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* 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: 1.125rem; 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: 1.125rem;}
.table tr td.subject a {color: var(--bs-gray-dark); font-size: 1rem;}
.table .subject {color: var(--bs-gray-dark); font-size: 1.125rem;}
.table tr td a b {font-weight: 500;}
.table tr td.num {font-weight: 600;}

@media screen and (max-width:1199px){
    .table>:not(caption)>*>* , .table thead tr th ,.table .subject {font-size: 1rem;}
}

@media screen and (min-width:768px) {
.table .subject {margin-bottom: 0;}
}

.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: 1.125rem;}
.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);}
 */


header.header-collapse .util-menu .my-icon img {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;} */
    .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;  }
.navbar .navbar-brand .logo {width: 100%; max-width: 197px; height: auto; margin-right: 10px; margin-top: -15px;}
.navbar .navbar-brand .logo.logo-dark {display: none;}

.navbar-nav {flex-direction: row; align-items: center;}
.navbar-nav .nav-item {position: relative; align-items: center;}
.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: 35px 23px 26px 23px; margin-bottom: 0; font-weight: 500; text-align: center; line-height: 1;}
.navbar-nav .nav-link.on {color: var(--bs-primary);}
.navbar .btn-trigger {width: 60px; height: 50px; margin-left: 20px; color: var(--bs-white); border:1px solid var(--bs-white); border-radius: 0; display: flex; justify-content: center; align-items: center; font-size: 0.875rem; display: none; -webkit-border-radius: 0.5rem; border-radius: 0.5rem;}

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


/* submneu */
.navbar .submenu {position: absolute; left: 50%; transform: translateX(-50%); 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; color: var(--bs-dark);}
.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);} */
    .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);}
@media screen and (max-width: 1440px) {
    /* .util-menu .my-icon {margin-top: 0;} */
}

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

}






/* 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; border-radius: 0;}
.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);}


.header .btn-dropdown {color: var(--bs-white); border-color: var(--bs-white);}
.header .btn-dropdown:active {color: var(--bs-white); border-color: var(--bs-white);}
.header.header-collapse .btn-dropdown:active {color: var(--bs-dark); border-color: var(--bs-dark);}

@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: 140px;}
    .badge.dday {width: 60px; height: 20px; font-size: 0.75rem; line-height: 21px; padding: 0 0.65em; }
}

@media screen and (max-width: 360px) {
    .navbar .navbar-brand .logo {width: 90px;}
    .navbar .btn-trigger{font-size: 10px; width: 40px; height: 40px; margin-left: 5px;}
    .main-visual-content {word-break: break-all;}
    .badge.dday {display: none;}
} 


/* 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.on .nav-link {color: var(--bs-primary);}
.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 ****** */
/* ****************** */

/* 메인비주얼 */


/* ******************** */
/* ****** visual ****** */
/* ******************** */
/* main-visual */
.main-visual {position: relative;height: 830px;}
.main-visual * {color: var(--bs-white);}
.main-visual .swiper-slide {width: 100%;  }

.main-visual .visual {width: 100%; height: 830px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.main-visual .visual-01 { background-image: url("/images/main/main-visual-01.jpg");}
.main-visual .visual-02 { background-image: url("/images/main/main-visual-02.jpg");}
.main-visual .visual-03 { background-image: url("/images/main/main-visual-03.jpg");}
.main-visual .visual-04 { background-image: url("/images/main/main-visual-04.jpg");}
.main-visual .visual-05 { background-image: url("/images/main/main-visual-05.jpg");}



@media screen and (min-width: 1200px) {
    .main-visual .swiper-slide {max-height: 950px;}
}

.blind {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; border: 0;}
.swiper-controls {width: 100%; height: 3px; max-width: 1480px; padding-left: 4%; padding-right: 4%; position: absolute; bottom: 150px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: flex-start; z-index: 1;}
.swiper-controls .progress {width: 100%; max-width: 200px; height: 3px; background-color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0; border-radius: 0; overflow: hidden;}
.swiper-controls .progress .progress-bar {width: 0%; background-color: var(--bs-white);   animation-name: progress; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: 1;}

@media screen and (min-width: 1200px) {
    .swiper-controls {padding-left: 20px; padding-right: 20px;}
}

@-webkit-keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}


.main-visual .main-visual-button-next, 
.main-visual .main-visual-button-prev {top: auto; bottom: auto; left: auto; right: auto; position: relative; color: var(--bs-white); opacity: 1 !important;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); background-size: 10px;}
.main-visual .main-visual-button-next:hover , 
.main-visual .main-visual-button-prev:hover {background-size: 10px;}

.main-visual .main-visual-button-next, 
.main-visual .swiper-rtl .main-visual-button-next {margin-left: 15px;}
.main-visual .main-visual-button-prev, 
.main-visual .swiper-rtl .main-visual-button-prev {margin-left: 15px;}

.main-visual .main-visual-button-next:after, 
.main-visual .main-visual-button-prev:after {font-size: 1rem; font-weight: 900; color: var(--bs-white);}
.button-area button {padding: 0;  font-size: 1.5rem; margin-top: -26px;} 


/* .main-visual-content {position: absolute; left: 50%; top: 26%; height: fit-content; z-index: 1; transform: translateX(-720px); width: fit-content;} */
#mainSlide {position: absolute; left: 0; top: 0; width: 100%; z-index: -1;}
.main-visual-content {height: 100%;}
.main-visual-content .container{height: 100%; }

.main-slide-btn-area {position: relative; width: 100px; display: flex;}

.main-visual-pagination {font-size: 0.875rem; bottom: -8px !important; z-index: -1 !important;}




.main-visual-content .container {width: 100%; height: 100%; display: flex;  justify-content: space-between; align-items: flex-start; color: var(--bs-white);}
.main-visual-content .container .left {padding-top: 90px;}
.main-visual-content .container .right {padding-top: 90px;}

.main-visual-link li {background-color: var(--bs-white); color: var(--bs-dark);}
.main-visual-link li:not(:last-child) {margin-bottom: 14px;}

.main-visual-link li strong {color: var(--bs-dark);}
.main-visual-link li p {color: var(--bs-gray-500);}
.main-visual-link li .icon-right {color: var(--bs-gray-500); font-weight: 700; font-size: 20px;}
.main-visual-link li a {display: flex; align-items: center; padding: 25px 45px; min-width: 500px; justify-content: space-between;}
.main-visual-link li a>div {display: flex; align-items: center;}
.main-visual-link li .icon {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin-right: 30px;}
.main-visual-link li .icon img {width: 45px; height: auto;-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}
.main-visual-link li .icon-01 img {width: 40px; height: auto;}
.main-visual-link li .icon-02 img {width: 36px; height: auto;}
.main-visual-link li .icon-03 img {width: 39px; height: auto;}
.main-visual-link li .icon-04 img {width: 45px; height: auto;}

.main-visual-link .icon-right {position: relative; font-size: 20px; z-index: 1;}
.main-visual-link .icon-right::before {content: ""; width: 45px; height: 45px; background-color: var(--bs-red); border-radius: 50%; position: absolute; top: 50%;  left: 50%; transform: translate(-50% , -50%); z-index: -1; opacity: 0;}

.main-visual-link li a:hover .icon img {filter:none; -webkit-filter:none;}
.main-visual-link li a:hover p {color: var(--bs-red);}
.main-visual-link li a:hover .icon-right {color: var(--bs-white);}
.main-visual-link li a:hover .icon-right::before {opacity: 1;}



.event-dday {padding-top: 30px;  margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.2);}
.event-dday span.start-day {padding-right: 20px;margin-right: 10px;}
.event-dday span.start-day::after { content: ""; width: 14px; height: 4px; background-color: var(--bs-white);  position: absolute; bottom: 20px; right: 0px;}

.event-dday {font-weight: 500;}
.event-dday span {font-size: 30px; position: relative; }

@media screen and (min-width: 1200px){
.event-dday.display-5 {font-size: 52px;}

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

@media screen and (max-width: 1199px) {
    .main-visual {height: 100%;}
    #mainSlide {height: 100%;}
    .main-visual .visual {height: 100%;}

    .main-visual-content .container {flex-direction: column; align-items: center;}
    .main-visual-content .container .right {padding-top: 50px; padding-bottom: 100px;}
    .swiper-controls {justify-content: center; bottom: 100px;}
    .main-visual-content .container .left {text-align: center;}
    .event-dday {text-align: center;}
}

@media screen and (max-width: 767px) {
    .main-visual-link li a {min-width: auto; padding: 30px;}
    .main-visual-link .icon-right { display: none;}

}







/* 20230913 준비중입니다. 추가*/
/* .preparing{position: relative;}
.preparing-area {display: none;}
.preparing:hover .preparing-area{position: absolute; top: 0; left: 0; width: calc(100% - 28px); height: 100%; background-color: var(--bs-dark); z-index: 9; color: var(--bs-white); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-left: 14px; margin-right: 14px;} */
/* 준비중입니다. 끝 html가서 preparing-area를 없애버리거나 위의 .preparing:hover .preparing-area 주석처리하면 없어짐*/

.info-section .container {padding-top: 100px; padding-bottom: 100px;}
.info-section article:not(:last-child) {padding-bottom: 100px;}



.main-article-01 {display: flex; gap: 100px;}
.main-article-01>div {width: calc(50% - 50px);}

/* GAMEX 둘러보기 */
.main-link-area-01 {display: flex; gap: 10px; flex-wrap: wrap;}
.main-link-area-01 li {width: calc(50% - 5px);}
.main-link-area-01 a {padding: 35px 40px; border: 1px solid var(--bs-dark); display: block; display: flex; align-items: center; justify-content: space-between; font-size: 1.125rem; color: var(--bs-dark);}
.main-link-area-01 a >div {display: flex; align-items: center;}
.main-link-area-01 .icon {width: 20px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem;}
.main-link-area-01 .icon img {width: 20px; height: auto;}
.main-link-area-01 .icon-02 img {width: 18px; height: auto;}
.main-link-area-01 .icon-04 img {width: 18px; height: auto;}

.main-link-area-01 a:hover {background-color: var(--bs-dark); color: var(--bs-white);}
.main-link-area-01 a:hover .icon img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


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

    .main-link-area-01 {flex-direction: column;}
    .main-link-area-01 li {width: 100%;}
    .main-link-area-01 a {padding: 30px;}
    
}



/* 메인 연동 게시판 */
/* Notice , Press , event*/

.main-info-tab .plus-btn{font-size: 1rem;}
.main-info-tab .plus-btn:hover {font-weight: 700;}

.up {text-transform: uppercase;}

.tab-content .main-content {flex-direction: column; margin: 0; width: 100%;  max-width: 670px;}
.tab-content .main-board-item {width: 100%; margin: 0;  border-radius: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);background-color: transparent; display: flex; align-items: center; justify-content: space-between; padding: 0;}

.tab-content .main-board-item:first-child {border-top: 1px solid var(--bs-gray-200)}
.tab-content .regist {white-space: nowrap;}

.tab-content .main-board-item {padding: 1.25rem; font-size: 1.125rem;color: var(--bs-dark); padding-left: 0; padding-right: 0;border-bottom: 1px solid var(--bs-gray-200);}
.tab-content .main-board-item:hover { color: var(--bs-dark);}
/* .tab-content .bi {color: var(--bs-white);} */

.main-board-item .tt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block !important;}
.main-board-item .tt>span {width: 100%;/*  display: inline-block; */}
.main-board-item .date {white-space: nowrap; padding-left: 30px; font-size: 1rem; color: var(--bs-gray-500);}


.main-info-tab>div {display: flex; align-items: center; justify-content: space-between;}
.main-info-tab .nav button { background-color: transparent; font-size: 30px; border: none; padding: 0; font-weight: 600; color: var(--bs-gray-500);}

.main-info-tab .nav button.active {color: var(--bs-dark);}
.main-info-tab .nav button:hover  {color: var(--bs-dark);}

.main-info-tab .nav li  {position: relative;margin-right: 1rem; padding-right: 1rem;}
.main-info-tab .nav li:not(:last-child)::after{content: ""; width: 1px; height: 20px; background-color: var(--bs-gray-200); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.tab-content .main-board-item:hover  {color: var(--bs-primary);}
.tab-content>div {flex: 1 ;}
.tab-content .main-board-item .tt {width: calc(100% - 130px);}
.tab-content .main-board-item .tt>span {width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}


@media screen and (max-width:1199px){
    .main-article {flex-direction: column;}
    .main-article>div {width: 100%;}
    .tab-content .main-content {max-width: 1100px;}
    .main-board-item .tt {white-space:normal;}
    .tab-content .main-board-item .tt>span{white-space:normal;}
}

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

    .main-info-tab .nav button {font-size: 20px;}
    .main-info-tab .nav li {margin-right: 8px; padding-right: 8px;}
}

@media screen and (max-width:360px) {
    .main-info-tab .nav button {font-size: 1.125rem;}
    .tab-content .main-board-item {font-size: 1rem;}
    .main-board-item .date {font-size: 0.875rem;}
    .main-info-tab > div {flex-direction: column; gap: 20px; justify-content: flex-start; align-items: flex-start;}
}

/* 관람안내 */

.main-article-02 {display: flex;}
.main-article-02>a {width: 50%;}


.main-link-area-02 {display: flex; width: 50%;}
.main-link-area-02 img {width: 50px; height: auto;}

.main-link-area-02 .bag-dark {background-color: var(--bs-dark); color: var(--bs-white); padding: 40px; width: 42%;display: flex; flex-direction: column; justify-content: space-between;}
.main-link-area-02 .bag-dark h2 {color: var(--bs-white);}
.main-link-area-02 .bag-dark>div {display: flex; justify-content: space-between; align-items: flex-end;}


.main-link-area-02 .bag-gray {background-color: #e5e5e5; color: var(--bs-dark); padding: 40px; width: 58%; display: flex; flex-direction: column; justify-content: space-between;}
.main-link-area-02 .bag-gray h2 {color: var(--bs-dark);}
.main-link-area-02 .bag-gray>div {display: flex; justify-content: space-between; align-items: flex-end;}

.main-link-area-03.bag-light-gray {background-color: var(--bs-gray-300);padding: 40px;width: 50%;}

.main-link-area-03 ul {color: var(--bs-dark); padding-left: 180px; width: 100%; display: flex; align-items: center; flex-wrap: wrap; row-gap: 14px; column-gap: 28px;}
.main-link-area-03 ul .icon-01 {width: 38px; height: auto;}
.main-link-area-03 ul .icon-02 {width: 35px; height: auto;}
.main-link-area-03 ul .icon-03 {width: 35px; height: auto;}
.main-link-area-03 ul .icon-04 {width: 34px; height: auto;}
.main-link-area-03 ul a {color: var(--bs-dark);}
.main-link-area-03 ul a:hover {color: var(--bs-primary);}

.main-link-area-03 ul li {display: flex; justify-content: space-between; width: calc(50% - 14px); padding-bottom: 10px; border-bottom: 1px solid var(--bs-dark); align-items: end;}

@media screen and (max-width:1199px) {
    .main-link-area-03.bag-light-gray {width: 100%;}
}
@media screen and (max-width:767px) {

    .main-link-area-02 {flex-wrap: wrap;}
    .main-link-area-02 .bag-dark {width: 100%;}
    .main-link-area-02 .bag-gray {width: 100%;}
    .main-link-area-03 ul {padding-left: 0;}
}
@media screen and (max-width:565px) {
    .main-link-area-03 ul li {width: 100%;}
}


/* FAQ , Q&A , Gallery , 학술동영상 */

.main-article-03 {display: flex; gap: 100px;}
.main-article-03>div {width: calc(50% - 50px);}



/* 메인에 갤러리 연동 */
.main-gallery {display: flex; gap: 10px;}
.main-gallery .main-board-item {padding: 0; width: calc(50% - 5px); position: relative;}

.main-gallery h5 {position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem 1.5rem; border: none; margin-bottom: 0;}
.main-gallery .title-area { display: flex; align-items: center; }

.main-gallery .title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: auto; font-size: 1.125rem;}
.main-gallery .new img{vertical-align: middle; margin-left: 5px;}

.main-gallery .img-area {overflow: hidden; max-height: 205px;}
.main-gallery .img-area img {height: 100%; object-fit: cover; min-height: 205px;}
.main-gallery .img-area:hover img {transform: scale(1.1); transition: all 0.5s;}

@media screen and (max-width:1199px) {
    .main-gallery .main-board-item {width: calc(50% - 5px);}
    .main-gallery .main-board-item a {width: 100%;}

}

@media screen and (max-width:767px){
    .main-gallery {flex-wrap: wrap;}
    .main-gallery .main-board-item {width: 100%;}
    .main-gallery .img-area {max-height: max-content;}
    .main-gallery .img-area img {min-height: auto;}
}



/* ************************* */
/* ** 홍보동영상 (G.video) ** */
/* ************************* */
.video-wrap {position: relative; padding-bottom: 56.25%; margin-bottom: 20px; overflow: hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.board-list.video .subject a {font-size: 1.125rem;}



@media screen and (max-width:1199px){
    .main-article-03>div {width: 100%;}
}




/* main-bottom */
.main-bottom .container {padding-bottom: 50px;}

.main-bottom  ul {display: flex;align-items: center; font-size: 1.125rem; font-weight: 700; color: var(--bs-dark);  flex-wrap: wrap; row-gap: 20px; column-gap: 48px;}

.main-bottom  ul li img {margin-left: 10px;}
.main-bottom  ul li:nth-child(2) img{margin-top: -15px;}

@media screen and (max-width:360px) {
    .main-bottom ul li {display: flex; flex-direction: column;}
    .main-bottom  ul li img {margin-left: 0; margin-top: 5px;}

}

/* -------메인 끝 ------- */




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

.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%;height: auto;}
    .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 ****** */
/* ****************** */
/* .subpage-section article:not(:last-child) {margin-bottom: ;} */


/* greetings-section [인사말] */

.greetings-top { padding: 70px 0; border-top: 1px solid var(--bs-dark); border-bottom: 1px solid var(--bs-dark); display: flex; justify-content: space-between; gap: 30px;}
.greetings-top .text-area {display: flex; flex-direction: column; justify-content: space-between;}
.greetings-top .text-area p {text-align: right; margin-right: 10px; font-size: 1.125rem;}
.greetings-bottom {padding-top: 100px; font-size: 1.125rem; font-weight: 300;}

@media screen and (max-width:1440px){
    .greetings-top .text-area p {margin-right: 0;}
}
@media screen and (max-width:767px) {
    .greetings-top {flex-direction: column-reverse; justify-content: center; align-items: center;}
}






/* 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: 40px; margin-bottom: 0; font-size: 1.125rem; font-weight: 300;}
.overview dt {flex: 0 0 auto; min-width: 210px; text-indent: 30px; padding-left: 0;}

.dot {position: relative; padding-left: 0.875rem;}
.dot::before {content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: var(--bs-dark);}

.add-area .icon-box {min-width: 24px;}
.add-area li {display: flex; }

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

@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; padding-left: 0;}
} 

/* 조직도 */

.organization-section {text-align: center;}
.organization-section h2 {margin-bottom: 80px;}
.organization-section img {margin: 0 auto;}

@media screen and (max-width: 767px) {
    .organization-section h2 {margin-bottom: 50px;}
}





/* 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: 300px; background: url('/images/sub/about/ci/ci-logo-mark.jpg') no-repeat center center; background-size: cover;}

.logo-dowonloads {margin-top: 30px; display: flex; justify-content: flex-end;}
.logo-dowonloads li {display: inline-block;}
.logo-dowonloads .btn {min-width: 240px; height: 40px; font-weight: 600;}
.logo-dowonloads .btn i {margin-right: 3px;}

.logo-dowonloads .btn:hover img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

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

.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%;}
    .logo-mark-img {height: 210px;}
} 

@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; flex-direction: column; gap: 10px; justify-content: center;}
} 


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

.program-top { width: 100%; height: 100px; background-color: var(--bs-light); display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 600;}

.table-5 {border-bottom: none; margin-bottom: 40px; margin-top: 40px;}
.table-5 tbody {border-top: 1px solid var(--bs-dark);}

.am-pm a {color: var(--bs-gray-400);}
.am-pm .active {color: var(--bs-dark);}

.table-5>:not(caption)>*>* {vertical-align: top; padding: 0; padding-top: 40px; padding-bottom: 40px; border-color: var(--bs-gray-200);}

.table-5 .time {background-color: var(--bs-dark); width: fit-content; padding: 2px 12px; font-weight: 700; color: var(--bs-white); padding-right: 20px; font-size: 1.125rem;}
.table-5 p {margin-bottom: 0; font-size:1.125rem; color: var(--bs-dark); font-weight: 300;}
.table-5 p:not(:last-child) {margin-bottom: 4px;}

.border-bottom-none {border-bottom: none !important;}

.table-5 .new-badge {font-size: 14px; color: var(--bs-white); min-height: 20px; display: inline-block; padding: 1px 8px; border-radius: 2px;}
.table-5 .new-badge-01 {background-color: var(--bs-primary);}
.table-5 .new-badge-02 {background-color: #d28481;}

.table-5 .border-top {position: relative;}
.table-5 .border-top::after {content: ""; width: 100%; height: 1px; background-color: var(--bs-dark); position: absolute; left: 0; top: -1px;}

.program-bottom {display: flex; margin-top:30px;}
.program-bottom div {width: 100%; padding: 50px; font-size: 1.125rem; display: flex; justify-content: center; gap: 30px; align-items: center;}
.program-bottom .bag-dark { background-color: var(--bs-dark); color: var(--bs-white);}
.program-bottom .bag-gray {background-color: var(--bs-gray-100); color: var(--bs-dark);}



@media screen and (max-width:767px){
    .table-5 colgroup {display: none;}
    .table-5 .am-pm {display: flex; gap: 10px;}
    .table-5 th {display: block; width: 100% !important;}
    .table-5 td {display: block;width: 100% !important;}
    .border-bottom-none {border-bottom: 1px solid var(--bs-gray-200) !important;}
    .program-bottom {flex-direction: column;}
    .program-bottom>div {width: 100%; padding: 30px; flex-direction: column; gap: 10px;}
}






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


.subpage-section .bag-dark-box {background-color: var(--bs-dark); color: var(--bs-white); padding: 30px; width: 100%; text-align: center; font-size: 20px;}


.box-style-01 {font-size: 1.125rem;display: flex; gap: 10px; justify-content: space-between; margin-top: 40px;}
.box-style-01 p {margin-bottom: 0;}
.box-style-01>div { border: 1px solid var(--bs-dark); padding: 40px;}
.box-style-01 .con01 {min-height: 110px; padding-bottom: 30px;}

.box-style-01 .con02 {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--bs-gray-200);}
.box-style-01 .con02>div {display: flex; justify-content: space-between;}

.box-style-01 .con03 span {font-size: 1rem; display: block;}

@media screen and (max-width:1440px){
    .box-style-01 {flex-wrap: wrap;}
    .box-style-01>div {width: calc(50% - 5px);}
}
@media screen and (max-width:767px) {
        .box-style-01>div {width: 100%; padding: 30px;}
        .box-style-01 .con01 {min-height: auto;}
        .subpage-section .bag-dark-box strong {display: block; margin:  0 !important;}
}

.pt-100 {padding-top: 100px;}
.pb-100 {padding-bottom: 100px;}

@media screen and (max-width:767px) {
    .pt-100 {padding-top: 40px;}
    .pb-100 {padding-bottom: 40px;}

}


.layout-style-01 {display: flex; padding-top: 40px;}
.layout-style-01 .tt {min-width: 360px;}

.box-style-02 {display: flex;}

.box-style-02 .bag-dark { background-color: var(--bs-dark); color: var(--bs-white); padding: 40px; display: flex; flex-direction: column; justify-content: space-between; min-width: 320px;}
.box-style-02 .bag-dark:hover {opacity: 0.9;}
.box-style-02 .bag-dark>div {display: flex; align-items: flex-end; justify-content: space-between;}
.box-style-02 .bag-gray {background-color: var(--bs-gray-100); color: var(--bs-dark); padding: 40px; width: 100%;}

.btn-style-01 {min-width: 240px; min-height: 60px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1.125rem;}


@media screen and (max-width:1199px) {
    .layout-style-01 .tt {min-width: auto;}
    .layout-style-01 {flex-direction: column; gap: 20px;}
}
@media screen and (max-width:767px) {

    .box-style-02 {flex-direction: column;}
    .box-style-02 .bag-dark {min-width: auto;}
}











.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 [사전등록 신청] */
.layout-style-01 .bag-dark-box {padding: 30px 40px; font-size: 1.125rem;}





.application-section h4 span {display: block;}
.line-box {min-height: 240px; 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: 250px;}

.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; font-size: 1rem; color: var(--bs-dark); font-weight: 700;}
.reg-inquiry-section .btn {display: flex; justify-content: center; align-items: center; font-size: 1.125rem;}
.list-style-1.text-primary li::before {background-color: var(--bs-primary);}

/* poster-present-section [포스터 발표신청] */

.poster-present-section .section-header {font-weight: 700;margin-bottom: 70px;}

.poster-box dd {width: 100%;}

.box-style-03 {width: 100%; display: flex;}
.box-style-03>div {width: 25%; padding: 30px 40px;}
.box-style-03 .bag-dark {background-color: var(--bs-dark); color: var(--bs-white);}
.box-style-03 .bag-gray-01 {background-color: #e5e5e5;}
.box-style-03 .bag-gray-02 {background-color: #ededed;}
.box-style-03 .bag-gray-03 {background-color: var(--bs-gray-300);}

@media screen and (max-width:1199px){
    .box-style-03 {flex-wrap: wrap;}
    .box-style-03>div  {width: 50%;}
}

@media screen and (max-width:767px) {
    .box-style-03>div {padding: 30px;width: 100%;}

}















/* 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 {padding-left: 172px;}
    .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 {padding-left: 12px;}
    .academician {margin-bottom: 10px;}
    
}

.text-gray {color: var(--bs-body-color) !important;}

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

/* .speaker-profile {width: 100%; max-width: 100%; height: 100px;} */
.speaker-profile img {width: 100px;}

@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-section .num-list-nav {width: 100%; height: auto; counter-reset: tab; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow-y: hidden;}
.handson-section .num-list-nav li {}
/* .handson-section .num-list-nav li.active {background-color: var(--bs-dark); color: var(--bs-white);}
.handson-section .num-list-nav li:hover {background-color: var(--bs-dark); color: var(--bs-white);} */
.handson-section .num-list-nav li a {padding: 12px 1rem; display: block;font-size: 1.125rem; font-weight: 700; color: var(--bs-dark);}
.handson-section .num-list-nav li a span:last-child {display: none;}
.handson-section .num-list-nav li:hover a {background-color: var(--bs-dark); color: var(--bs-white);}
.handson-section .num-list-nav li.active a {background-color: var(--bs-dark); color: var(--bs-white); border: 0;}

.handson-section .num-list-nav li.active a span:last-child, .handson-section .num-list-nav li:hover a span:last-child {display: inline;}
.handson-section .num-list-nav li a::before {display: none;}

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



/* 전시회 안내 */
/* 사전등록 안내 */


.info-box:not(:last-child) {margin-bottom: 70px;}

.box-style-04 {display: flex; gap: 15px; width: 100%; flex-wrap: wrap;}
.box-style-04>div {background-color: var(--bs-dark); color: var(--bs-white); padding: 30px 40px; width: calc(33.333% - 10px); display: flex; flex-direction: column; justify-content: space-between; gap: 5px; font-size: 1.125rem;  }

.box-style-04 p img {vertical-align: baseline;}


.box-style-05 {display: flex; gap: 15px; width: 100%; flex-wrap: wrap;}
.box-style-05>div {background-color: var(--bs-light);  padding: 30px 40px; width: calc(33.333% - 10px); display: flex; flex-direction: column; justify-content: space-between; gap: 5px; font-size: 1.125rem; min-height: 156px;}

.box-style-05 p img {vertical-align: baseline;}

.btn-dark-02 {padding: 4px 10px; background-color: var(--bs-dark); color: var(--bs-white); display: block; width: fit-content; font-size: 1rem; font-weight: 600;}

.btn-dark-02:hover {color: var(--bs-white);}


@media screen and (max-width:991px){
    .box-style-04>div,
    .box-style-05>div {width: calc(50% - 10px);}
}

@media screen and (max-width:767px) {
    .box-style-04>div, 
    .box-style-05>div {width: 100%; padding: 30px; font-size: 1rem; min-height: auto;}
}





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



/* shoroom-draw-section [전시장 도면] */
.showroom-img { padding: 0px 0 100px 0; text-align: center;}
.showroom-btns {text-align: center; display: flex; gap: 12px; justify-content: center;}
.showroom-btns .btn {width: 240px; height: 60px; font-weight: 600; font-size: 1.125rem;}

.showroom-btns .btn:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.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: 0 0 100px 0;}
    .showroom-btns {flex-wrap: wrap;}
    .showroom-btns .btn {width: calc(50% - 8px);}
    
}

@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: 100%; height: auto;}
}

@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;} */
}
@media screen and (min-width: 768px) {
    .showroom_draw_2{ width: 70%;}
} 


/* 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);  }

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

.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-right: 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%; padding-bottom: 60%; /*  height: 210px; padding: 0.5rem; */ border: 1px solid var(--bs-gray-200);  overflow: hidden; position: relative; height: 340px;}
.product .product-link img {max-width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: contain;}
.product .product-tit {color: var(--bs-body-color); font-weight: 400; margin: 20px 0 40px 0; color: var(--bs-dark); font-weight: 400;}



@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; word-break: break-all;}
    .booth {margin-bottom: 60px;}
    .partner-btns {margin-bottom: 60px;}
    .partner-btns li {flex: 1 1 33.3%;}
    .partner-btns .partner-home {margin-left: 0; flex: 0 1 80px;}
    .partner-btns .partner-home .btn {font-size: 1.5rem;}
    .partner-btns {margin-top: 20px;}
    .partner-btns .btn {min-width: 100%;}

    /* .product .product-link {padding-bottom: 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 {margin-right: 0;}
    /* .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 .navbar .btn-trigger {display: none;}


.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; overflow-x: auto;}
    .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: var(--bs-dark);}

    /* .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: 991px) {
    .header.product .navbar .btn-trigger {display: flex;}
}


@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: var(--bs-dark);}
    .all-menu.product .all-menu-nav .nav-item.on .submenu {background-color: var(--bs-dark);}
    .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;}
.product-search .btn.btn-primary {background-color: var(--bs-primary); border-color: var(--bs-primary);}

@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: flex-start; align-items: flex-start; gap: 33px;}
.product-list li {width: calc(25% - 25px); margin-bottom: 0; margin-top: 25px;}

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

.product-name {width: 100%; margin-bottom: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.model-name {display: block; margin-bottom: 6px; color: var(--bs-primary);}
.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 {gap: 20px;}
    .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; white-space: normal;}
.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%;} */
}

/* 전시품 검색 헤더 바꾸기 */

.header.product {background-image: url("/images/common/product-search-visual.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 220px;}

.header.product .container {padding-top: 0; padding-bottom: 0;}

.product-section {padding-left: 0;}

.header.product  .navbar-brand {display: flex; align-items: center; gap: 25px;}
.header.product .logo-area {display: flex; align-items: center; justify-content: space-between; width: 100%;}


.purple-box {background-color: var(--bs-white); padding: 0; border: 0; border-radius: 0; min-width: 400px;}
.product-search .form-control {border-radius: 0; background-color: transparent;}
.product-search .form-control::placeholder {color: var(--bs-gray-400);}
.product-search button {background-color: transparent; border: 0; margin-right: 10px; border:0;}

.link-navigation a {display: none;}

@media screen and (min-width: 992px) {
    .header.product {width: 100%; position: static; padding-top: 40px; padding-bottom: 0;}
    .header.product .navbar .navbar-brand .logo {margin-bottom: 0; margin-right: 0;}
    .header.product .navbar .navbar-nav {display: flex; flex-direction: row; height: auto; overflow-x: auto; overflow-y: hidden; width: calc(100% - 40px); -ms-overflow-style: none;}
    .header.product .navbar .navbar-nav::-webkit-scrollbar{display:none;}
    .header.product .logo-area>div {display: flex;}
    .header.product .navbar-nav .nav-link{padding: 0 15px; white-space: nowrap;}
    .header.product .navbar-nav .nav-link.on, .header.product .navbar-nav .nav-link:hover {background-color: var(--bs-primary); color: #ffffff;}
    .product-link-wrap {position: relative; max-width:100%;}
    .link-navigation a {width: 30px; height: 30px; background-color: var(--bs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--bs-dark);}
    .link-nav-prev {position: absolute; top: 8px; left: 0;}
    .link-nav-next {position: absolute; top: 8px; right: 0;}
    .header.product .container {height: 180px; display: flex; flex-direction: column; justify-content: space-between;}
    
}

@media screen and (max-width: 991px) {
    .header.product {min-height: auto; height: 100px;}
    .header.product .navbar{min-height: auto; height: 100px;}
    .header.product .navbar-brand { display: block; width: fit-content;}
    .header.product .logo-area {display: block; width: fit-content; width: 150px;}
    .navbar .navbar-brand .logo {width: 150px;}
    .navbar .logo-area h1.fs-2 {font-size: 18px !important;}


    .header.product .product-search {display: none;}
    .header.product .container {display: flex; flex-direction: row;}
    .product-link-wrap {display: none;}
    .purple-box {min-width: auto;}
    .product-section .purple-box {margin-bottom: 40px;}
}


@media screen and (min-width: 992px) {
.product-section .purple-box  {display: none;}

}

.product-section .purple-box #proname {border: 0;}
.product-section .purple-box .input-group {border: 3px solid var(--bs-primary);}
.product-search .form-control {border: none; }
.product-search .form-control:focus {border-color: none; box-shadow: none; border: none; }
.product-section .form-control:focus {border-color: none; box-shadow: none; border: none;}


@media screen and (min-width: 1200px) {
    .product-section .container {padding-top: 100px; padding-bottom: 100px;}
}
.product-section .pagination {margin-bottom: 50px;}








/* 컨텐츠 */
.product-section.view .col-xl-4 {margin-right: 30px;}
.product-section.view .table-4 th {text-align: left; padding: 16px 0; background-color: transparent; font-size: 1rem;}
.product-section.view .table-4 td {color: var(--bs-dark); font-size: 1.125rem;}

.product-section.view .product-name {overflow: unset; white-space: normal; font-weight: 700; margin-top: 20px;}

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

.company-box {margin-top: 26px; display: flex; justify-content: space-between; align-items: center; color: var(--bs-dark); background-color: #f0f0f0; 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: var(--bs-dark); 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%;}
}

@media screen and (min-width: 1200px) {
    .product-left-box .img-wrap {height: 430px;}
}


.product-section .add-area .icon-box {display: flex; align-items: center; justify-content: center;}

.product-section .add-area li:not(:last-child) {margin-bottom: 5px;}
.product-section .add-area li a:hover {color: var(--bs-primary);}

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

}
 */

/* 교통안내 새로하기 */

/* 지하철 */

.traffic-area {display: flex;padding-top: 40px; border-top: 1px solid var(--bs-dark);}

.traffic-list {min-width: 360px;}
.traffic-list li {max-width: 300px;  font-size: 1.125rem; padding: 12px 1rem; font-weight: 700; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: var(--bs-dark);}
.traffic-list li span:last-child {display: none; margin-left: 10px;}
.traffic-list li.active {background-color: var(--bs-dark); color: var(--bs-white);}
.traffic-list li.active span:last-child {display: block;}

.traffic-list li:hover {background-color: var(--bs-dark); color: var(--bs-white);}
.traffic-list li:hover span:last-child {display: block;}

.traffic-img>div {padding-right: 1rem;}
.traffic-img .info {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px;}
.traffic-img .info p{color: var(--bs-dark); font-size: 1.125rem;}
.traffic-img .btn-outline-dark-basic {min-width: 260px;}


@media screen and (max-width:1199px){
    .traffic-area {flex-direction: column; gap: 50px;}
    .traffic-list {min-width: auto; display: flex; overflow-x: auto;}
    .traffic-list li {max-width: 100%; white-space: nowrap; font-size: 1rem;}
    .traffic-img .info {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .traffic-img>div {padding-right: 0;}
}

/* 버스 */
.bus-info {font-size: 1.125rem;}
.bus-info li {display: flex; gap: 15px; align-items: center;}
.bus-info li:not(:last-child) {margin-bottom: 10px;}
.bus-info .badge {border: 1px solid #0b56d1; padding: 0.5rem; min-width: 75px; min-height: 30px; border-radius: 30px; line-height: 1.2; display: flex; align-items: center; justify-content: center; width: fit-content; font-size: 15px;}
.bus-info .badge-01 {color: #0b56d1; border-color:#0b56d1;}
.bus-info .badge-02 {color: #10b807; border-color:#10b807;}
.bus-info .badge-03 {color: #07bfbd; border-color:#07bfbd;}
.bus-info .badge-04 {color: #e00000; border-color:#e00000;}

.traffic-img .info-02 {justify-content: space-between; align-items: flex-start;}
.traffic-img .btn-area {width: min-content;}
.traffic-img .btn-area a:not(:last-child) {margin-bottom: 10px;}



@media screen and (max-width:767px) {
.traffic-img .info p{font-size: 1rem; }
.bus-info {font-size: 1rem;}
}



/* 승용차 */
.car-info {font-size: 1.125rem; }
.car-info li {display: flex;}
.car-info li:not(:last-child) {margin-bottom: 5px;}
.car-info b{min-width: 20px; font-weight: 600; display: block;}


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


/* 공항버스 */
.bus-info .badge-05 {color: #890bd1; border-color:#890bd1; padding-left: 12px; padding-right:12px;}


/* 자전거 */
.cycle-info {font-size: 1.125rem; margin-top: 30px;}
.cycle-info li:not(:last-child) {margin-bottom: 5px;}


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


































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




/* 주차안내 새로하기 */
.parking-tabs {display: flex; justify-content: center; padding-top: 30px; border-top: 1px solid var(--bs-dark);}
.parking-list-nav {font-size: 1.125rem; display: flex; gap: 8px; color: var(--bs-dark); font-weight: 700; overflow-y: hidden;}

.parking-list-nav a {color: var(--bs-dark); padding: 5px 10px; white-space: nowrap;}
.parking-list-nav li.active a {background-color: var(--bs-dark); color: var(--bs-white);}

.parking-info {font-size: 1.125rem;}

.parking-info>div {padding-bottom: 40px; border-bottom: 1px solid var(--bs-gray-200); margin-bottom: 40px;}
.parking-info>div:last-child {margin-bottom: 0;}

.parking-style-01 {display: flex; justify-content: space-between;}

.parking-info .color-info {font-size: 0.875rem;font-weight: 400; display: flex; gap: 14px;}
.parking-info .color-info>div {display: flex; align-items: center; gap: 10px; width: 114px; line-height: 1.2;}
.parking-info .color-info .box{font-weight: 600; color: var(--bs-white); min-width: 46px; height: 46px; display: flex; align-items: center; justify-content: center;}
.parking-info .color-info .box-01 {background-color: #71be45;}
.parking-info .color-info .box-02 {background-color: #876dae;}
.parking-info .color-info .box-03 {background-color: #2ca8e0;}
.parking-info .color-info .box-04 {background-color: #f59323;}
.parking-info .color-info .box-05 {background-color: var(--bs-dark);}

@media screen  and (max-width:991px) {
    .parking-info>div {flex-direction: column; gap: 20px; }
}

@media screen  and (max-width:767px) {
    .parking-info {font-size: 1rem;}
    .parking-info .color-info {flex-wrap: wrap;}
    .parking-info .color-info>div {width: auto; }
}


/* 주차장 목적지 정보 */
.parking-info-02 .color-info {gap: 35px; font-size: 1.125rem;}
.parking-info-02 .color-info>div {width: auto;}

@media screen  and (max-width:767px) {
    .parking-info-02 .color-info {font-size: 1rem;}
}


/* 주차장 편의 시설 */
.parking-section {font-size: 1.125rem;}

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

/* 주차요금 */

.price-list>div {padding: 40px 0; border-bottom: 1px solid var(--bs-gray-200); display: flex; align-items: flex-start;}

.price-list>div>div:first-child {font-weight: 600; min-width: 340px;}


@media screen  and (max-width:1199px) {
    .price-list>div {padding: 30px 0;}
    /* .price-list>div {padding-top: 40px !important;} */
    /* .price-list>div:first-child {border-top: 1px solid var(--bs-gray-200);} */
}

@media screen  and (max-width:767px) {
    .price-list>div>div:first-child {min-width: auto;}
    .price-list>div {flex-direction: column; gap: 10px;}
}

.price-list-bottom {background-color: var(--bs-light); padding: 35px 40px; display: flex; align-items: center; font-size: 1.125rem;}

.price-list-bottom div:first-child {min-width: 315px;}

@media screen  and (max-width:1199px) {
    .price-list-bottom {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; }
    .price-list-bottom div:first-child {min-width: auto;}
}
@media screen  and (max-width:767px) {
    .price-list-bottom {font-size: 1rem; padding: 30px;}
}


/* 주변안내 */
.tour-site {display: flex; gap: 20px;}

.tour-site>div {width: calc(25% - 15px); border: 1px solid var(--bs-dark); display: flex; flex-direction: column; justify-content: space-between;}

.tour-site .info-top {padding: 40px}

.tour-site .logo {min-height: 114px; text-align: center; display: flex; align-items: center; justify-content: center; padding-bottom: 34px; border-bottom: 1px solid var(--bs-gray-200);}
.tour-site .info {padding-top: 40px; font-size: 1.125rem;}
.tour-site .info strong {margin-bottom: 0.5rem;}
.tour-site a {font-size: 17px; padding: 1rem; border-top: 1px solid var(--bs-gray-200); text-align: center; font-weight: 700; color: var(--bs-dark);}

.tour-site a:hover {background-color: var(--bs-dark); color: var(--bs-white); border-color: var(--bs-dark);}


@media screen and (max-width:1440px){
    .tour-site {flex-wrap: wrap;}
    .tour-site>div {width: calc(50% - 15px);}
}

@media screen and (max-width:767px){
    .tour-site>div {width:100%;}
    .tour-site .info {font-size: 1rem;}
    .tour-site a {font-size: 1rem;}
}

.tour-list>div{display: flex; gap: 30px;}
.tour-list>div:not(:last-child) {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid var(--bs-gray-200);} 
.tour-list>div .tour-box:not(:last-child):last-child {margin-left: 30px;}

.tour-box {display: flex; align-items: center; gap: 40px; width: 50%; font-size: 1.125rem;}
.tour-box .text p {margin-bottom: 30px;}
.tour-box .img {min-width: max-content;}
.tour-box .img img {min-width: max-content;}


@media screen and (max-width:991px) {
    .tour-list>div {flex-direction: column; gap: 0;}
    .tour-list>div .tour-box:not(:last-child):last-child {margin-left: 0;}
    .tour-list>div:not(:last-child) {margin-bottom: 0; padding-bottom: 0; border: none;}
    .tour-box {width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--bs-gray-200);}
    .tour-list>div:last-child .tour-box{margin-bottom: 0; padding-bottom: 0; border: none;}
}
@media screen and (max-width:767px)  {
    .tour-box {flex-direction: column; align-items: flex-start; gap: 30px; font-size: 1rem;}
    .tour-box .text p {margin-bottom: 1rem;}
}

















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





.registration-section .num-list-nav {width: 100%; height: auto; counter-reset: tab; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow-y: hidden;}
.registration-section .num-list-nav li {}

.registration-section .num-list-nav li a {padding: 12px 1rem; display: block;font-size: 1.125rem; font-weight: 700; color: var(--bs-dark);}
.registration-section .num-list-nav li a span:last-child {display: none;}
.registration-section .num-list-nav li:hover a {background-color: var(--bs-dark); color: var(--bs-white);}
.registration-section .num-list-nav li.active a {background-color: var(--bs-dark); color: var(--bs-white); border: 0;}

.registration-section .num-list-nav li.active a span:last-child, .handson-section .num-list-nav li:hover a span:last-child {display: inline;}
.registration-section .num-list-nav li a::before {display: none;}


/* .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: var(--bs-gray-500) !important;}
.label-grren {background-color: var(--bs-dark) !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: 760px;}

/* 전시회 기간 */
.reg-period {width: 100%; max-width: 285px; 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 26%;}
.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;}
.mb-100 {margin-bottom: 100px;}

@media screen and (max-width: 767px) {
    .mt-100 {margin-top: 50px;}
    .mb-100 {margin-bottom: 50px;}
}


.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;}



/* 공식후원 프로그램 */
.sponsorship-list {font-size: 1.125rem; display: flex; flex-wrap: wrap; column-gap: 60px;}
.sponsorship-list>div {width: calc(50% - 30px); border-top: 1px solid var(--bs-dark);padding-top: 40px; padding-bottom: 100px;}
.sponsorship-list strong {margin-bottom: 1.5rem;}

.sponsorship-bottom {background-color: var(--bs-light); padding: 35px 40px; display: flex; align-items: center; font-size: 1.125rem;}

.sponsorship-bottom div:first-child {min-width: 315px;}

@media screen  and (max-width:1199px) {
    .sponsorship-bottom {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; }
    .sponsorship-bottom div:first-child {min-width: auto;}
}
@media screen  and (max-width:767px) {
    .sponsorship-list {font-size: 1rem;}
    .sponsorship-list>div {width: 100%; padding-bottom: 40px;}
    .sponsorship-list strong {margin-bottom: 0.5rem;}
    .sponsorship-list p {margin-bottom: 5px;}
    .sponsorship-bottom {font-size: 1rem; padding: 30px;}
}
@media screen  and (max-width:360px){
    .sponsorship-bottom p span {display: block;}
}



/* 조립부스 */

/* .booth-slide {position: relative;} */
.booth-section .w-100 {max-width: 1080px;}
.booth-button-area {position: relative; min-height: 90px; width: 204px; margin-left: auto; margin-right: auto;}

.booth-button-prev, .booth-button-next {background-image: none;transform: none; min-width: 50px; min-height: 50px; border: 1px solid var(--bs-gray-200); top: auto !important; bottom: 0 !important;}

.booth-button-prev .bi , .booth-button-next .bi {color: var(--bs-dark);}
.booth-button-prev .bi::before , .booth-button-next .bi::before {font-weight: 700 !important;}
.booth-button-prev:hover, .booth-button-next:hover {background-image: none; transform: none;}
.booth-slide .booth-pagination {top: auto; bottom: 0.875rem;z-index: -1;}


.booth-slide .swiper-slide {width: 100% !important;}






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


/* form 04 디자인 바꿈 20240429 */

.form4-tab {margin-top: 40px;}
/* .form4-tab-content {border: 1px solid var(--bs-gray-200); border-radius: 6px;} */
.form4-tab { align-items: center; justify-content: center;}
.form4-tab .nav-link {min-width: 128px; height: 32px; font-size: 0.875rem; border: 1px solid var(--bs-dark); color: var(--bs-dark); padding: 5px;border-radius: 6px; }
.form4-tab .nav-link.active {border-color: var(--bs-primary); background-color: var(--bs-primary);}
.form4-tab .nav-item:not(:last-child) .nav-link {margin-right: 10px;}


.form4-tab-content {width: 100%;}
.form4-tab-content .booth-img {max-width: 100%;}
.form4-tab-content .booth-img .booth-right .img-wrap {max-width: 330px;}

.form4-tab-content .booth-img .img-wrap {max-width: 100%;}




@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;}
    .form4-tab-content .booth-img .booth-right .img-wrap {max-width:100%}
}

@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 { color: var(--bs-gray-500);  font-size: 0.875rem; font-weight: 300; border-top: 1px solid var(--bs-gray-200); padding: 60px 0;}

.footer .container {position: relative;  padding-top: 0; padding-bottom: 0;}



.footer ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.footer ul li:not(:last-child) {padding-right: 0.875rem; margin-right: 0.875rem; position: relative;}
.footer ul li:not(:last-child)::after {content: ''; width: 1px; height: 14px; background-color: var(--bs-gray-200); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
.footer ul li b {padding-right: 0.5rem; font-weight: 500; display: inline-block;}


.policy-list {width: 100%; margin-bottom: 2rem; font-size: 0.875rem; font-weight: 600; }
.policy-link {color: var(--bs-gray); font-size: 15px;}
.policy-link:hover {color: var(--bs-dark);}

.copyright { font-size: 13px; color: var(--bs-gray-500);}
.copyright a {color: inherit;}
.copyright a:hover {color: var(--bs-primary);}

.btn-top {position: absolute; top: 0; right: 10px; min-width: 46px; height: 46px; padding: 0; font-size: 1.5rem; z-index: 9; border: 2px solid var(--bs-gray-400);}
.btn-top .bi {color: var(--bs-gray-400);}
.btn-top .bi::before {font-weight: 700 !important;}
.btn-top {--bs-btn-active-bg: var(--bs-primary);}
.btn-top:hover {background-color: var(--bs-primary); border: none;}
.btn-top:hover .bi::before {color: var(--bs-white);}

.btn-top.active {background-color: var(--bs-primary); border: none;}
.btn-top.active .bi::before {color: var(--bs-white); }

.footer address ul {color: var(--bs-gray); font-weight: 400;}

@media screen and (min-width: 412px) {
    .btn-top { right: 20px;}
}





/* ******************** */
/* ******* 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: 1.125rem; 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;}

.booth-info {color: var(--bs-danger) !important;float: right;}


/* 테이블 새로짜기 20240106*/
.table-new thead tr th:first-child {width: 20%;}
.md-block {display: none;}

@media screen and (max-width:767px) {
    .table-new thead tr th:first-child {width: 30%;}
    .table-new thead tr th:last-child {display: none;}
    .table-new tbody td {display: block;}

    .md-block {display: block; border-top: 1px solid var(--bs-gray-200); border-bottom: 1px solid var(--bs-gray-200);font-size: 1rem;text-align: center;padding: 0.875rem 1rem;
        vertical-align: middle;font-weight: 500; margin-bottom: 20px;}
    .table-new tbody tr td:not(:last-child) {margin-bottom: 20px;padding-right: 0;border-right: none;}
    .table-new tbody tr td:not(:last-child) {}
    .table-new .border-top {display: table-cell;}
}


/* 숙박안내 수정 */

.lodgment-slide .img-wrap  {height: 225px; overflow: hidden;}
.lodgment-slide .img-wrap img {object-fit: cover; min-height: 100%;}

.lodgment-img .img-wrap {height: 352px; overflow: hidden;}
.lodgment-img img{object-fit: cover; min-height: 100%;}
.lodgment-thumb-list li a{height: 92px;overflow: hidden;}
.lodgment-thumb-list li img {object-fit: cover; min-height: 100%;}


@media screen and (max-width:767px){
    .lodgment-img .img-wrap {height: 60vw;}
    .lodgment-thumb-list li a{height: 80px;}
}

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

    .lodgment-thumb-list li a{height: 60px;}
}


/* 20240314 모달창 만들기 */

.form-modal {z-index: 999999999;}
.form-modal  .btn-close {background-color: transparent; padding: 0;}
.form-modal .modal-header {padding: 1.25rem 1.875rem; background-color: var(--bs-primary);}

.private-wrap {width:100%;background-color: #e9ecef;height:100px;padding:20px 20px 0 20px;overflow-y: auto;margin-bottom:1rem;}
.ptt {font-weight:bold;margin-bottom:0;}
.pct {font-size:0.9rem;margin-bottom:0.8rem;padding-left:10px;}

.cmp-wrap {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;margin-right: .5rem !important;}
@media screen and (max-width: 575px) {
	.cmp-wrap {width:100%;margin-right: 0 !important;}
	.cmp-btn {width:100% !important;}
}

.receiptBtn {font-size: 0.9rem;color:#ffffff;width:200px;padding:5px 20px;}



/* 신청방법의 온라인신청 레이아웃 바꾸기 */

.registration-section .line-box-02 {padding: 30px; }
.registration-section .line-box-02 .d-flex {align-items: center !important;}
.application-box {display: flex; justify-content: space-between; width: 100%; margin-left: 2rem; align-items: center;}


@media screen and (max-width:992px) {
    .application-box {flex-direction: column; margin-left: 0;padding-right: 0;}
}
@media screen and (min-width:992px) {
    .registration-section .line-box-02 .d-flex .btn-primary {margin-top: 0 !important;padding: 2rem 1rem;font-size: 1.125rem;}
    .registration-section .line-box-02 .application-box .font-20 {font-size: 1.5rem;}

    .registration-section .line-box-02 .application-box p {font-size: 1.125rem;}
    
}

.align-content-center {align-content: center;}

.input-group-cp {max-width: 350px;}


/* visa-section */
.visa-section h6 {color: var(--bs-body-color); font-weight: 400;}

.visa-btns {display: flex; justify-content: center; align-items: center; padding: 3rem; border: 1px solid var(--bs-gray-200);}
.visa-btns .btn {width: 100%; max-width: 480px; height: 90px; font-size: 1.25rem; font-weight: 700;}
.visa-btns .btn.btn-gray {background-color: var(--bs-gray-500); border: 1px solid var(--bs-gray-500);}
.visa-btns .btn.btn-gray:hover {color: var(--bs-white);}

@media screen and (max-width: 767px) {
    .visa-btns {flex-wrap: wrap;}
}

@media screen and (max-width: 575px) {
    .visa-btns {padding: 1.5rem;}
    .visa-btns .btn {max-width: 100%; font-size: 1rem;}
}


/* 영문 조절 */

.eng-box-style-01 > div {width: 100%;}
.eng-box-style-01 .con01 {min-height: 70px;}
.box-style-02 {width: 100%;}
.box-style-02 .bag-dark {width: 40%;}
.box-style-02 .bag-gray {width: 60%;}

@media screen and (max-width: 767px) {
    .box-style-02 .bag-dark {width: 100%;}
    .box-style-02 .bag-gray {width: 100%;}
}

.table-6 thead tr{background-color: var(--bs-gray-100);}