/** Layout **/
:root {
  --bs-body-font-family: 'Noto Sans KR', sans-serif;
  --bs-body-color: #333;
  --offcanvas-width: 320px;
  --zd-mc: #0b328c;
  --bs-border-color: #ddd;
  --zd-sv-bg: #eee;
  --color-darkblue: #0b328c;
  --color-darkblue-rgb: 11, 50, 140;

}


* {
    margin: 0;
/*    padding: 0;*/
    box-sizing: border-box;
}



body {
  font-family: var(--bs-body-font-family);
  color: var(--bs-body-color);
  background-color: #fff;
}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size:16px;overflow: hidden;overflow-y: scroll !important;background: #fff;position:relative;}
html {scroll-behavior: smooth;}
body {font-size:1rem;line-height:1.6;font-weight:400; color: #222; -webkit-font-smoothing: antialiased; /*overflow: hidden;*/font-family:'Noto Sans KR', sans-serif !important;}

a {color:#222;text-decoration:none}
.table.table-bordered td a:not(.btn),
.conts a:not(.btn) { color: var(--zd-mc); }
a:hover {color:var(--zd-mc);}


#map_yongon, #map_gwanak { height:300px; }

/** layout **/
#content-layout{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.main-cont-wrap,
.cont-wrap {flex: 1;}



/** TOP **/
.page-main .site-header { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:100;
}
.page-sub .site-header,
.page-main.scrolled .site-header,
.page-main .site-header:hover { background-color:#fff; }

.site-header.sticky-topx {
  z-index: 1030;
  background-color: #fff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.main-navbar {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-family: 'Pretendard-Medium' !important;
}
.page-sub.scrolled .main-navbar,
.page-main.scrolled .main-navbar { border-bottom:1px solid #ddd; }

.main-navbar.navbar { --bs-navbar-padding-y:0rem;}
.main-navbar .navbar-nav .nav-link {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0rem 1.5rem;
    color: #333;
    transition: color 0.2s;
}
.page-main .main-navbar .navbar-nav .nav-link { color:#fff; }
.page-main.scrolled .site-header .main-navbar .navbar-nav .nav-link,
.page-main .site-header:hover .main-navbar .navbar-nav .nav-link { color:#333; }

.top-bar {
  /*height:36px;*/
  padding: 7px 0 9px 0px;
  /*background: var(--zd-mc); !important;*/
  width:100%;
  z-index:10;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.page-main.scrolled .site-header .top-bar,
.page-sub .site-header .top-bar,
.site-header:hover .top-bar {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

@media screen and (max-width: 990px) {
  .top-bar { display:none; }
}

.navi-dummy { width:10%; }
@media screen and (max-width: 1200px) {
  .navi-dummy { display:none; }
}
@media screen and (max-width: 990px) {
}

.top-bar .top-link-wrap { height:100%; display:flex; justify-content: flex-end !important; align-items: center !important; gap:20px; margin-right:50px;}
.top-bar .top-link-wrap a { color:#fff; text-decoration:none;font-size:0.9em;}

.page-main.scrolled .site-header .top-bar .top-link-wrap a,
.page-sub .site-header .top-bar .top-link-wrap a,
.site-header:hover .top-bar .top-link-wrap a { color:#333; }

@media screen and (max-width: 578px) {
  .top-bar .top-link-wrap.fs-sm a { font-size:0.8em; padding-left:0px; }
}

/*
.main-navbar .navbar-nav li:last-child .nav-link { padding-right:0; }
*/

/*
  .main-navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .25em solid;
    border-right: .25em solid transparent;
    border-bottom: 0;
    border-left: .25em solid transparent;
    color:#63666A
}
*/



.main-navbar .dropdown-toggle::after {display:none}

.main-navbar .navbar-nav > .nav-item > .nav-link {
    padding-top: 33px;
    padding-bottom: 33px;
}
  .mega-menu {
      position: absolute;
      width: 100%;
      left: 0;
      top: 100%;
      background-color: rgba(255, 255, 255,1);
      backdrop-filter: blur(5px);
      box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
      padding: 2rem 0 2.5rem;
      border-top: 2px solid var(--bs-primary);
      display: none;border-radius:0;
  }

  .mega-menu .mega-menu-title {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--bs-primary);
      margin-bottom: 1rem;
  }

  .mega-menu .nav-link {
      padding: 0.5rem 0;
      color: #555;
      transition: color 0.2s ease-in-out;
  }

  .mega-menu .nav-link:hover {
      color: var(--bs-primary);
  }

.dri-menu .menu-block{width:calc(30% - 4px); margin:12px 8px;}
.dri-menu .menu-block-wrap {
    flex-wrap: wrap !important;
    display: flex !important;
}
.dri-menu .dri-mtit {font-size:1.75rem;margin-top:8px;font-weight:400;letter-spacing:-0.02em}

@media (max-width: 1400px) {
  .dri-menu .dri-mtit {font-size: 1.5rem !important;}
}

@media (max-width: 1200px) {
  .dri-menu .dri-mtit {font-size: 1.3rem !important;}
}

.top-fn { display:none; }
.top-fn, .top-logo {/*width:250px*/}
.top-logo {width:250px}
.top-logo {margin-left:50px;}
@media (max-width: 992px) {
.top-logo {margin-left:10px;}
}
.top-logo .toplogo-img {max-width:240px; }
.page-main:not(.scrolled) .top-logo .toplogo-img {filter: brightness(0) invert(1);}

.site-header:hover .top-logo .toplogo-img { filter: none; }

.top-fn {text-align:right}
.top-fn a, .top-fn button {font-weight:900 !important;font-size:1.375rem;}
.top-fn a.btn-primary { color:#fff; }
.top-fn button {border-radius:50%}


.top-fn .btn-pc {display:inline-block}
.top-fn .offcanvas-btn {display:none;}
.page-main .top-fn .offcanvas-btn { border-color:#fff; color:#fff;}
.page-main.scrolled .site-header .top-fn .offcanvas-btn,
.page-main .site-header:hover .top-fn .offcanvas-btn {color:var(--bs-btn-color);border-color:var(--bs-btn-color); }
.page-main .site-header:hover .top-fn .offcanvas-btn:hover { color:#fff; }
.top-fn .dropdown-toggle::after {display: none;}
.top-fn .dropdown-item {font-size:1.063rem;font-weight:500 !important}
.top-fn .dropdown-menu {min-width: 130px;}

.main-navbar .mega-menu  [class*="col"] { /*margin:10px 0px;*/}
.main-navbar a.menu-2 {font-size:0.938rem;font-weight:600;letter-spacing:-0.03em;text-align:center;display:block;border:1px solid #ccc;padding:8px;border-radius:10px;background:#fff;transition:all 0.2s;}
.main-navbar a.menu-2:hover {background:var(--bs-primary); color:#fff;}
.main-navbar a.menu-3{font-size:0.875rem;transition: color 0.2s;}
.main-navbar a.menu-3:hover {color:var(--bs-primary); text-decoration:underline;font-weight:500;}
.main-navbar .tmu  {list-style:none;margin:10px 0 0;padding:0;text-align:center;}

@media (min-width: 992px) {

    .site-header .nav-item.dropdown {
        position: static;
    }
    .navbar-nav > .nav-item.dropdown {
        padding-bottom: 1rem;
        margin-bottom: -1rem;
    }
    .navbar-nav .nav-item.dropdown:hover > .nav-link {
        color: var(--bs-primary);
    }
    .navbar-nav .nav-item.dropdown:hover .mega-menu {
        display: block;
    }
}

@media (max-width: 1700px) {
  .top-fn, .top-logo {width:auto;}
}

.top-logo a { display:block; }

@media (max-width: 1400px) {
  .main-navbar .navbar-nav .nav-link {
      font-size: 1.063rem;
      padding: 0rem 1rem;
  }
  .top-fn a, .top-fn button {font-size:1.125rem;}
}

@media (max-width: 1300px) {
  .main-navbar .navbar-nav .nav-link {
      font-size: 1.063rem;
      padding: 0rem 0.7rem;
  }
  .top-fn a, .top-fn button {font-size:1.063rem;}
  .top-logo .toplogo-img {max-width:200px}
}

@media (max-width: 991.98px) {
  .top-fn { display:block; }
  #mainNav {display:none !important}
  /*.main-navbar{padding-top: 15px;padding-bottom: 15px;} */
  .top-fn .offcanvas-btn {display:block}
  .top-fn .btn-pc {display:none}
  .top-fn .dropdown-menu { display:none; }
  .top-fn a, .top-fn button {font-size:1.5rem;}
}

@media (max-width: 991.98px) {
  .mega-menu {
    position: static;
    width: auto;
    box-shadow: none;
    padding: 1rem;
    border-top: none;
    backdrop-filter: none;
  }
  .main-navbar .navbar-nav .nav-link {
      padding: 0.75rem 1rem;
  }
  .main-navbar{padding-top:16px;padding-bottom:16px;}
}

#scroll-line {
  position: fixed;
  top: 150px;
  left: 0;
  height: 3px;
  background-color: var(--zd-mc);
  opacity:0.2;
  z-index: 9999;
}


#gotoTop {
  display: none;
  z-index: 299;
  position: fixed;
  padding:15px 20px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 0px;
  border: 1px solid var(--color-darkblue);
  background-color:rgba(var(--color-darkblue-rgb), 0.5);
}
#gotoTop i { color:#fff; }


#gotoTop:hover {
  border: 1px solid var(--color-darkblue);
  background-color:rgba(var(--color-darkblue-rgb), 1);
}

/* sv */
/*
.sv-bar {background:var(--zd-mc);padding:20px;font-size:0.875rem;font-weight:500;color:#fff;}
.sv-bar .tit {font-size:1.25rem;font-weight:700;color:#f1f2f6;}
.breadcrumb-container {width:500px;}
.breadcrumb {white-space: nowrap;flex-wrap: nowrap;margin-bottom: 0;}
.breadcrumb-item a {color: #fff !important;opacity: 0.7;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.breadcrumb-item.active {color: #fff; font-weight:700}
.breadcrumb-item + .breadcrumb-item::before {color: #fff; opacity: 0.4;}
.page-title {text-align:center;padding:60px 0 50px;}
.page-title h1{font-size:2.25rem;font-family:'GmarketSansBold';margin-bottom:0;font-weight:500}
*/
.sv-bar {background:var(--zd-mc);;padding:20px;font-size:0.875rem;font-weight:500;color:#fff;}
.sv-bar .tit {font-size:1.25rem;font-weight:700;color:#fff;}
.breadcrumb-container {width:500px;}
.breadcrumb {white-space: nowrap;flex-wrap: nowrap;margin-bottom: 0;}
.breadcrumb-item a {color: #fff !important;opacity: 0.7;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.breadcrumb-item.active {color: #fff; font-weight:700}
.breadcrumb-item + .breadcrumb-item::before {color: #fff; opacity: 0.4;}
.page-title {text-align:center;padding:60px 0 50px;}
.page-title h1{font-size:2.25rem;font-family:'GmarketSansBold';margin-bottom:0;font-weight:500}


@media (max-width: 991.98px) {
  .sv-bar .tit {display:none}
  .page-title {padding:50px 0 30px;}
  .page-title h1{font-size:2rem;}
}

@media (max-width: 567.98px) {
  .page-title {padding:40px 0 20px;}
  .page-title h1{font-size:1.75rem;}
}

/* footer */
  .footer {
      background-color: #343a40;
      color: #adb5bd;
      padding: 40px 0;
      font-size: 0.9rem;
  }
  .footer .footer-logo {
      max-height: 45px;
      opacity: 0.8;
      margin-bottom: 1rem;
  }
  .footer p {
      margin-bottom: 0.5rem;
  }
  .footer a {
      color: #adb5bd !important;
      text-decoration: none;
  }
  .footer a:hover {
      color: #fff  !important;
  }

.footer-toplink { display:flex;align-items: center !important; margin-bottom:10px; }
.related-site { position:relative; text-align:right;  padding-left:100px;}
.related-site .site-list { display:none; position:absolute; right:0; bottom:2em; text-align:left; width:100%; background-color:#fff; border:1px solid var(--zd-mc); z-index:100}
.related-site .site-list a { display:block; padding:7px 10px; border-bottom:1px solid #ddd; font-weight:300; font-size:1em; color:var(--zd-mc) !important; font-weight:400; }
.related-site .site-list a:hover { background-color:var(--zd-mc); color:#fff !important;}
.related-site .site-list a:last-child { border-bottom:0; }
.related-site button { background-color:transparent; border:none; color:#fff; }

@media (max-width: 991.98px) {
  .footer-toplink{
    justify-content: center !important;
  }
}

/* sitemap */
.fullscreen-overlay {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    background-color:#f1f2f6;
    /*backdrop-filter: blur(10px);*/
    z-index: 9999;
    display: flex; justify-content: center;;
    opacity: 0; visibility: hidden;
    transition: opacity .3s, visibility .3s;
    overflow-y: auto;
}
.fullscreen-overlay.active {
    opacity: 1;
    visibility: visible;
}
.fullscreen-overlay .btn-close {
    position:fixed !important;; top: 2rem; right: 2rem; font-size: 1.5rem;
}
.fullscreen-overlay-content {
    width:100%;
    max-width: 1200px; /* 사이트맵을 위해 너비 확장 */
    padding: 5rem 0;
}

.sitemap-content h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 700;
}
.sitemap-content .sitemap-col h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bs-primary);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--bs-primary);
}
.sitemap-content .sitemap-col .nav-link {
    padding: 0.4rem 0;
    font-size:0.9em;
    color: #555;
}
.sitemap-content .sitemap-col .nav-link:hover {
    color: var(--bs-primary);
}

.sitemap-col .nav { margin-bottom:20px; }
.fullscreen-overlay {align-items: flex-start !important;}



/* monavi */
.offcanvas {width: var(--offcanvas-width);background:#fff;}
.offcanvas-header {background:var(--bs-primary);color:#fff;padding:30px 20px 24px;line-height:1;}
.offcanvas-header h5.offcanvas-title a {color:#fff !important;font-weight:600;margin-bottom:0;}

.offcanvas-fn {background:#fafafa;padding:14px;text-align:center;}
/*
.offcanvas-fn .btn {font-family: 'GmarketSansMedium';padding-top:12px; border-radius:30px;}
*/
.offcanvas-fn .btn {padding-top:5px; border-radius:30px;}

.offcanvas-body {font-size:1rem;padding:20px;}
.offcanvas-body .nav-link {padding:0.5rem 0;}
.offcanvas-body .sm-3-wrap .nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.3rem;
}
.offcanvas-body .submenu-arrow {
  width: 1rem;height: 1rem;
  transition: transform .1.5s ease-in-out;
}
.offcanvas-body a[aria-expanded="true"] .submenu-arrow {
  transform: rotate(90deg);
}
.offcanvas-body .sm-1.nav-link {font-size:1.125rem;font-weight:700;padding-left:5px;}
.offcanvas-body .sm-2 .nav-link {font-size:1rem;font-weight:500}
.offcanvas-body .sm-3 .nav-link {font-size:0.875rem;font-weight:500}
.offcanvas-body .sm-2-wrap{padding:12px 20px;background:#f1f2f6;border-radius:16px;}
.offcanvas-body .sm-3-wrap{padding:8px 14px;background:#dfe4ea}


.offcanvas-body .collapse {
    transition: height 0.35s ease;
}
.offcanvas-body .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}



/* TYPO */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;    line-height: 1.5;
}

/*
<div class="con-tit">
  <span></span>
  <h3>담당자</h3>
</div>
*/

.con-tit > h3 {
    display: inline-block;
    font-size:1.625rem;
    font-weight: 700;
    word-break: keep-all;letter-spacing:-0.03em;
}
.con-tit span {
    display: inline-block;
    position: relative;
    width:14px;
    min-width:14px;
    height: 14px;
    margin-right: 6px;
    background: linear-gradient(90deg, #0b328c, #0b7b8c);
    border-radius: 50%;
}
.con-tit span:after {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    content: "";
}





/* contents */
.cont-wrap {padding:10px 0 120px}

.cont-wrap,
.conts {font-size:1.125rem;}

.btn.dri {
  --bs-btn-font-weight: 500;
   --bs-btn-padding-x: 1.125rem;
   --bs-btn-padding-y: 0.4rem;
}


@media (max-width: 767.98px) {
  .cont-wrap,
  .conts {font-size:1rem;}
  .btn.dri {
    --bs-btn-font-weight: 500;
     --bs-btn-padding-x: 1rem;
     --bs-btn-padding-y: 0.4rem;
  }
}


.greeting  {width:110px;}
.google-map {width:100%;border:0;}


.animal-facilities .card-header{text-align:center;font-weight:700;color:#fff;padding:14px;}
.animal-facilities .bg-blue {background:#a4a8ff}
.animal-facilities .bg-blue2 {background:#7ab4de}

.microscope-facilities .card-body,
.animal-facilities .card-body,
.equipment-facilities .card-body {padding:20px 30px}
.microscope-facilities .card-body h4,
.animal-facilities .card-body h4,
.equipment-facilities .card-body h4 {color:#34495e}

.equipment-guide .img-w1{max-width:440px}
.equipment-guide .img-w2{max-width:550px}

@media (max-width: 767.98px) {
  .equipment-guide .img-w1,
  .equipment-guide .img-w2{max-width:100%}
}
.dbice-people .card-body {padding:20px 30px;font-size:0.875rem}
.dbice-people .card-body h5,
.dbice-people .card-body h4 {color:#34495e}


.dbice-intro .hero {background-color: #f8f9fa;padding:30px;border-radius:8px;}


.feature-card {
border:1px solid #ddd;
border-radius: 8px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 1rem 3rem rgba(0,0,0,0.1) !important;cursor: pointer;
}
.feature-card .card-icon {
font-size: 4rem;
color: var(--bs-primary);
}
.feature-card .card-body {padding:20px 30px}


.dbice-mission {max-width:1100px}
.dbice-mission .mbox {border:3px solid #eee;padding:20px;border-radius:200px;}
.dbice-mission .icon-box {
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  background-color:#16a085;
  color: var(--bs-primary);
  border-radius:50%;
  color:#fff;font-size:3rem;
  }
.dbice-mission h4.txt-01 {color:#16a085 !important}
.dbice-mission h4.txt-02 {color:#2980b9}
.dbice-mission h4.txt-03 {color:#8e44ad}

.dbice-mission .icon-box.bg-02 {background-color:#2980b9;}
.dbice-mission .icon-box.bg-03 {background-color:#8e44ad;}
.dbice-mission .icon-box i {font-size:120%}

.dbice-mission .card-header {padding:10px 20px;letter-spacing:-0.03em}
.dbice-mission .card-body {padding:20px;color:#222;}

@media (max-width: 767.98px) {
  .dbice-mission .mbox {border:2px solid #eee;padding:20px;border-radius:20px;}
  .dbice-mission .icon-box {
    width: 100px;
    height: 100px;
    font-size:2rem;
  }
}

@media (max-width: 567.98px) {
  .dbice-mission .mbox {padding:16px;border-radius:10px;}
  .dbice-mission .icon-box {
    width: 80px;
    height: 80px;
    font-size:1.5rem;margin-bottom:10px;margin-right:60px;
  }
  .dbice-mission .ms-4 {margin-left:0 !important}
}

.dbice-evaluation-method {max-width:1100px}
.dbice-evaluation-method .text-bg-purple{background-color:#8e44ad;color:#fff}
.dbice-evaluation-method .card-header {padding:10px 20px;letter-spacing:-0.03em}
.dbice-evaluation-method .card-body {padding:20px;color:#222;}

.equipment-img img{max-width:70%;}
@media (max-width: 991.98px) {
  .equipment-img img{max-width:80%;}
}
@media (max-width: 767.98px) {
  .equipment-img img{max-width:90%;}
}
@media (max-width: 567.98px) {
  .equipment-img img{max-width:100%;}
}

/** 공용기기 **/
.equipment-wrap .s-box {
  background-color: #f5f6fa;
  border: 1px dotted #dcdde1;
  padding: 20px;
  margin-bottom: 20px;
}
.equipment-wrap .card {
border:1px solid #ccc;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.equipment-wrap .card:hover {
  border-color: var(--bs-primary);
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.1) !important;cursor: pointer;
}

.page-sub .equipment-wrap .card:hover {
  transform: translateY(-5px);
}
.equipment-wrap .card .card-body {padding:22px}
.equipment-wrap .card-img-container {
    overflow: hidden;border-bottom:1px solid #ddd;
}
.equipment-wrap .card-img-top {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: auto;
}
.equipment-wrap .tit {font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:-0.03em;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-main .equipment-wrap .tit {font-size:1rem;}
.equipment-wrap .e-tit {font-size:0.875rem;font-weight:400;line-height:1.3;color:#555;margin-top:6px;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.equipment-wrap .info {font-size:0.875rem;color: #333;margin-top:14px;letter-spacing:-0.03em}
.equipment-wrap .info dl { display:flex;margin-bottom:2px; align-items: center !important;}
.equipment-wrap .info dl:last-child {margin-bottom:0;}
.equipment-wrap .info dl dt { font-weight:400; width:40px;flex-shrink: 0; }
.equipment-wrap .info dl dd { color: #444;margin-bottom:0;font-weight:400; }
.equipment-wrap .info dl:last-child {margin-bottom:0px;}
.equipment-wrap .card .status-box {position:absolute;bottom:0;right:0;font-size:0.875rem;font-weight:500;padding:2px 10px;border-radius:.375rem 0 .375rem 0;background: var(--bs-primary);color:#fff}



/** 기기 상세보기 **/
.equipment-view {}
.equipment-view .tit-box{background:#f1f3f8;border-radius:10px;padding:30px;}
.equipment-view h2.tit {font-size:1.5rem;margin-bottom:5px;}
.equipment-view .tit-en {font-size:1rem;}
.equipment-view .tit {font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:-0.03em;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.equipment-view .e-tit {font-size:0.875rem;font-weight:400;line-height:1.3;color:#555;margin-top:6px;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.equipment-view .info {font-size:1rem;color: #333;margin-top:20px;letter-spacing:-0.03em}
.equipment-view .info dl { display:flex;margin-bottom:3px; align-items: center !important;}
.equipment-view .info dl:last-child {margin-bottom:0;}
.equipment-view .info dl dt { font-weight:500; width:66px;flex-shrink: 0; }
.equipment-view .info dl dd { color: #444;margin-bottom:0;font-weight:400; }
.equipment-view .info dl:last-child {margin-bottom:0px;}
.equipment-view .card .status-box {position:absolute;bottom:0;right:0;font-size:0.875rem;font-weight:500;padding:2px 10px;border-radius:.375rem 0 .375rem 0;background: var(--bs-primary);color:#fff}
.equipment-view .img-box {border-radius:10px;position:relative;}
.equipment-view .img-box span{position:absolute;top:0;left:0;padding:3px 8px;font-size:0.875rem;font-weight:500;background:var(--bs-primary);color:#fff;border-radius:10px 0px 0px 0;}
.equipment-view .img-box img{border:1px solid #ddd;border-radius:10px;}
.equipment-view .detail-box{ max-width:1200px;}


.rc-03 .rc-img {max-width:740px}

.btn-wrap {margin-top:2.5rem; text-align:center; border-top:1px solid #ddd; padding-top:26px;}
.btn-wrap .btn{font-size:1.063rem;font-weight:700;padding:7px 18px;margin:0 2px;}



.modal-header {background:var(--bs-primary);color:#fff}
.modal-header .btn-close{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}


/** my page **/
.mypage-wrapper {
  background-color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.00);
  overflow: hidden;
}

.mypage-lnb-wrap {
  background-color: #f8f9fa;
  /* LNB 배경색 */
  padding: 1.5rem;
  font-size: 1rem;
  height: auto;
  border: 1px dashed #ddd;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
}

.mypage-lnb-top .name {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.mypage-lnb-top .name span {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #6c757d;
  margin-top: 0.25rem;
}

@media (max-width: 1199.98px) {
  .mypage-lnb-top .name {}
  .mypage-lnb-top .name span {display: inline-block;margin-left:5px}
}

.mypage-lnb-top .btn {
  width: 100%;
  margin-top: 0.5rem;
  font-weight: 500;
}

.mypage-lnb {
  margin-top: 1rem;
}

.mypage-lnb ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.mypage-lnb>ul>li {
  margin-bottom: 0.25rem;
}

.mypage-lnb>ul>li>a {
  /* 1depth */
  display: block;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

@media (max-width: 1199.98px) {
  .mypage-lnb>ul>li>a { border-radius:0; }
}

.mypage-lnb>ul>li>a:hover {
  background-color: #e9ecef;
}

.mypage-lnb>ul>li.active>a {
  /* 현재 페이지 활성화 */
  background-color: var(--bs-primary);
  color: #fff;
  font-weight: 700;
}

.mypage-lnb ul ul {
  /* 2depth */
  padding-left: 1rem;
  margin-top: 0.5rem;
}

.mypage-lnb ul ul a {
  display: block;
  padding: 0.5rem 0.2rem;
  font-size: 0.9rem;
  color: #495057;
  text-decoration: none;
}

.mypage-lnb ul ul a:hover,
.mypage-lnb ul ul li.active a {
  color: var(--bs-primary);
  font-weight: 500;
}

.mypage-content {
  padding: 0 2.5rem;
}

.mypagetitle {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding-bottom:0.75rem;
  border-bottom: 1px dashed #888;
}

@media (max-width: 1199.98px) {
  .mypage-wrapper {
    box-shadow: none;
    border-radius: 0;
  }

  .mypage-lnb-wrap {
    height: auto;
  }

  .mypage-content {
    padding: 2rem 0rem;
  }

  .mypage-lnb-mobile-accordion .accordion-button {
    font-size: 1.1rem;
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }

  .mypage-lnb-mobile-accordion .accordion-body {
    padding: 0;
    border: 1px solid #dee2e6;
    border-top: 0;
  }
}
/*.dri-wrap .form-control {
    width: 100%;
    padding: .5rem .5rem;
    font-size: 1.125rem;
 }
*/
.dri-wrap .form-group {
  margin-bottom: 1.5rem !important;
  }
form .form-group label.form-head,
.dri-wrap  .form-head {
  margin-bottom: 0.6rem;
  }

.dri-wrap  .form-control.form-txt
  background-color: #e9ecef;
  opacity: 1;
  }
.dri-wrap .reqitem { color: var(--bs-danger); }
.dri-wrap .alert {font-size:1rem !important}


.info-box {
  background:#dfe4ea;padding:18px;font-size:1rem;border-radius:6px;color:#2f3542;font-weight:500;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.info-box.red {background:#ffe3e3;color:#000}

.line-box {
  border:1px solid #ccc;padding:18px;font-size:1rem;border-radius:6px;color:#222;font-weight:500;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.img-box {
  border:1px solid #ccc;padding:30px;border-radius:10px;
}



.mypage-content .table{font-size:0.875rem !important}
.mypage-content .sub-tit {font-size:1.063rem;font-weight:500;margin-bottom:10px;}



















/** hwa **/

.pager {
  --bs-pagination-color: var(--logo-orange);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--logo-orange-rgb), 0.25);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-primary);;
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--bs-primary);;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}


.pagination { gap:10px; }
.pagination .page-link { border-radius:50% !important; width:40px; height:40px; padding:0; margin:0; text-align:center; line-height:40px; border:none; }
.pagination .page-link:hover,
.pagination .page-link.active { color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); }

.pager .disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pager {
    padding-left: 0;
    list-style: none;
    text-align: center;
    font-size: 14px;
    display:none;
}

.pager li {
    display: inline;
}

.pager li > a,.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: var(--bs-pagination-color);
    color: var(--pagination-color);
    border: 1px solid var(--bs-pagination-color);
    border-radius: 15px;
}

.pager li > a:focus {
    text-decoration: none;
    background-color: var(--bs-pagination-color);
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed;
  pointer-events: none;
  border: 1px solid var(--bs-pagination-disabled-border-color);
}

.pager .pagenum {
  font-size: 16px;
  line-height: 32px;
}


@media (max-width: 991px) {
  .pagination { display:none !important; }
  .pager { display: flex; justify-content: space-between !important; align-items: center !important; gap:20px; }

  .pager li > a,.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color:var(--bs-pagination-color);
    color:#555;
    border: 1px solid #555;
    border-radius: 15px;
  }

  .pager li > a:hover,
  .pager li > a:focus {
    background-color: var(--bs-primary);
    color:#fff;
  }

  .pager .pagenum {
    font-size: 15px;font-weight:500
  }
}

@media (max-width: 900px) {
  .hide-md-down {display:none !important;}
}

.hide-md-up {border-top: 1px solid #aaa !important;}
@media (min-width: 900px) {
  .hide-md-up {display:none !important;}
}

@media screen and (max-width: 900px) {
  .table.lg-block,
  .table.lg-block thead,
  .table.lg-block tbody,
  .table.lg-block th,
  .table.lg-block td,
  .table.lg-block tr {
    display: block;
  }
  .table.lg-block thead,
  .table.lg-block tbody th {
    display: none;
  }
  .table.lg-block tr {
    margin: 0px;padding:0;
    border-bottom: none !important;
    border-style:none !important;
  }
  .table.lg-block td {
    border: none;
    position: relative;
    padding-left:22% !important;
    text-align: left !important;
    border-top: none;
    padding:7px 3px;
    border-bottom: 1px solid #ccc;
  }
  .table.lg-block tr td:first-child {
    border-top: 1px solid #aaa !important;
  }

  /*
  .table.lg-block td:last-child {
    border-bottom: none;
  }
  */
  .table.lg-block td::before {
    content: attr(data-label);
    position: absolute;
    left: 0px;
    top: 0;
    width: 19%;
    padding: 8px 8px;
    white-space: nowrap;
    text-align: left;
    font-weight: 500;
    background: #f9f9f9;
    height: 100%;
  }

  .table.lg-block.th25p td::before {
    width: 25% !important;
  }
  .table.lg-block.th25p td {
    padding-left:28% !important;
  }

  .table.lg-block.th30p td::before {
    width: 30% !important;
  }
  .table.lg-block.th30p td {
    padding-left:33% !important;
  }

  .table.lg-block.tr-space tr:not(:last-child) td:last-child { border-bottom:1px solid #ccc !important; margin-bottom:10px !important; }

  .table.lg-block.small-head td {
    padding-left: 20% !important;
  }
  .table.lg-block.small-head td::before {
    width: 10%;
  }
}

@media screen and (max-width: 578px) {
  .table.sm-block,
  .table.sm-block thead,
  .table.sm-block tbody,
  .table.sm-block th,
  .table.sm-block td,
  .table.sm-block tr {
    display: block;
  }
  .table.sm-block thead,
  .table.sm-block tbody th {
    display: none;
  }
  .table.sm-block tr {
    margin: 0px;padding:0;
    border-bottom: none !important;
    border-style:none !important;
  }
  .table.sm-block td {
    border: none;
    position: relative;
    padding-left:22% !important;
    text-align: left !important;
    border-top: none !important;
    padding:7px 3px;
    border-bottom: 1px solid #ccc;
  }
  .table.sm-block tr td:first-child {
    border-top: 1px solid #aaa !important;
  }

  /*
  .table.sm-block td:last-child {
    border-bottom: none;
  }
  */
  .table.sm-block td::before {
    content: attr(data-label);
    position: absolute;
    left: 0px;
    top: 0;
    width: 19%;
    padding: 8px 8px;
    white-space: nowrap;
    text-align: left;
    font-weight: 500;
    background: #f9f9f9;
    height: 100%;
  }

  .table.sm-block.tr-space tr:not(:last-child) td:last-child { border-bottom:1px solid #ccc !important; margin-bottom:10px !important; }

  .table.sm-block.small-head td {
    padding-left: 20% !important;
  }
  .table.sm-block.small-head td::before {
    width: 10%;
  }
}


.tab-btn-wrap { display:flex; justify-content: center !important; align-items: center !important;flex-wrap: wrap !important;}
.tab-btn-wrap a { display:block;  margin:4px;}
.tab-btn-wrap a.btn {padding:4px 18px;border-radius:50px;font-weight:500;}


.search-wrap { border: 1px solid #eee; border-radius: 10px; padding:10px; margin-bottom: 20px;background:#f1f2f6;font-size:1.125rem; }
.search-wrap .search-item { display:flex; justify-content: center !important; gap:10px; }
.search-wrap .search-item .item-box { display:flex; justify-content: center !important; gap:10px; }
.search-wrap .search-item .btn-box { display:flex; justify-content: center !important; gap:10px; }
.search-wrap .form-select,
.search-wrap .btn {font-size:1.125rem;font-weight:500 !important}


.search-wrap .srh-note { font-size:0.8em; margin-top:10px; color:var(--bs-danger); text-align:center; }

@media screen and (max-width: 768px) {
  .search-wrap .search-item { display:block; }
  .search-wrap .search-item .btn-box { display:block; margin-top:10px; }
  .search-wrap .search-item .btn-box .btn { width:100%; }
  .search-wrap .search-item .item-box { display:block; }
  .search-wrap .search-item .item-box.md-block { display:block; }
  .search-wrap .search-item .item-box .btn-group { display:block; margin-top:10px; }
  .search-wrap .search-item .item-box.md-block .btn-group:nth-child(1) { margin-top:0px; }
  .search-wrap .search-item .form-control { width:100%; }
}


.mypage-content tr.status_wait td { background-color:rgba(0, 0, 255, 0.05); }
.mypage-content tr.status_cancel td { background-color:rgba(255, 0, 0, 0.05); }
.mypage-content tr.status_rejected td { background-color:rgba(255, 255, 0, 0.05); }
.mypage-content tr.pay_n td { background-color:rgba(255, 0, 0, 0.05); }



.org-item dl { border:1px solid #ccc; padding:10px; border-radius:10px; transition: all 0.5s; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.05);}
.org-item dl.res-center { background-color:rgba(225, 235, 255, 0.5); }
.org-item dt { font-size:1.1em; }
.org-item dd { font-size:0.9em; margin-top:5px; margin-bottom:0; padding-left:15px; }


.stafflist { margin:0; padding:0; display:flex; flex-wrap: wrap; font-size:0.9em;}
.stafflist li { display:block;  flex: 1; width: 100%;list-style:none; padding:5px 20px; text-align:center;}


.fc-sun, .fc-sat {
  color: #f00 !important;
}

th.fc-day-header { font-weight:500; font-size:0.8em; }

.cont-wrap .btn { border-radius: 20px; padding-left: 2em; padding-right: 2em; font-weight: 500 !important;}
.cont-wrap .btn.btn-lg { border-radius: 40px !important;}
.cont-wrap td .btn { padding-left: 1em; padding-right: 1em; }

.modal { padding-right:0 !important; }


.searchequipment { background-color:#fff !important; width:400px;  }
@media (max-width: 768px) {
  .twitter-typeahead { display:block !important; }
  .searchequipment {width:100%;  }
}

.google-map { margin-top:50px; }

.eq-filter { display:flex; gap:10px;flex-wrap: wrap !important;justify-content: center !important; margin-bottom:20px; }
.eq-filter button { cursor:pointer; border:1px solid #ddd; display:inline-block; padding:5px 10px; background-color:#eee;}
.eq-filter button:hover,
.eq-filter button.active { border:1px solid #000; background-color:#000; color:#fff;}