.footer a.privacy { color:#50c8db !important; }
.offcanvas.offcanvas-end { border-left:none; }
html.mobile-open { overflow:hidden !important; }
html.mobile-open body { position:fixed; width:100%; }

.dropdown-menu[data-bs-popper] { margin-top:0 !important; } /* 1depth 메뉴 클릭시 불필요한 공간이 생김 */



select.form-control { appearance: auto; }

/* tab design*/
.tab-st {margin-bottom:30px;list-style:none;padding:0;margin:0 0 20px 0;}
.tab-st:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}
.tab-st > li {float:left;}
.tab_20 > li {width:20%;}
.tab_50 > li {width:50%;}
.tab_33 > li {width:33.33333%;}
.tab_25 > li {width:25%;}
.tab_20 > li {width:20%;}
.tab_16 > li {width:16.66666%;}
.tab_9 > li {width:9.09%;}

.tab-st > li > span,
.tab-st > li > a {display:block; margin-left:3px; margin-bottom:0px; background-color:#fff; font-weight:700; font-size:16px;height:54px; line-height:54px; color:#19398a; text-align:center;text-decoration:none;border:1px solid #ccc;}
.tab-st > li > a:hover {color:#19398a;border:1px solid #19398a;}

.tab-st > li.active > span,
.tab-st > li.active > a {background-color:#19398a; color:#fff;text-decoration:none;border:1px solid #19398a;}
.tab-st > li.active:after {content:"▼"; display:block; color:#19398a; margin:0 auto;text-align:center;line-height:0px;font-size:17px;}
.tab-st > li:first-child > a {margin-left0;}

@media (max-width: 767.98px) {
  .tab-st > li > span,
  .tab-st > li > a {font-size:14px;}

  .tab_20 > li,
  .tab_50 > li,
  .tab_33 > li,
  .tab_25 > li,
  .tab_20 > li,
  .tab_16 > li,
  .tab_9 > li {width:100%;display:none}
  .tab-st > li > span,
  .tab-st > li > a {margin-left:0px; font-size:14px;height:40px; line-height:40px;border-bottom:0px solid #ccc;}
  .tab-st > li.active {display:block}

  .tab-st > li:last-child > a {border-bottom:1px solid #ccc;}
  .tab-st > li.active:after {display:none}
  .tab-st > li {float:none;}
}


.mb30 {
    margin-bottom: 30px !important;
}


.login .btn { display:block; width:100%; }

.member .banner { display:flex;flex-wrap: wrap !important;justify-content: space-between !important; margin-top:30px; margin-bottom:30px;text-align:center}
.member .banner.jcc {justify-content: center !important;}
.member .banner a { display:inline-block; border:1px solid #ccc; border-radius:12px; width:23%; padding:20px 20px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}


.member .banner a span { display:block; font-size:0.7rem; }
.member .banner a span.subtitle { display:inline-block; font-size:1rem; color: #193889; padding:6px 18px; background: #f0f0f0; border-radius:30px;font-weight:700;margin-bottom:10px;
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
.member .banner a span.icon { margin-top:20px; text-align:center;}
.member .banner a span.icon img { max-width:54px; }

.member .banner a:hover { box-shadow: rgba(0, 0, 0, .15) 0 3px 20px;background:#fefefe; }
.member .banner a:hover span.subtitle { background: #193889; color:#fff;}


.member .banner a { width:30%; }
@media (max-width: 767.98px) {
  .member .banner a { width:40%; }
}
@media (max-width: 575.98px) {
  .member .banner a { width:100%; }
}

.member  .privacy-box {
  height: 320px;
  overflow-y: scroll;
  background: #f0f0f0;
  padding: 30px;
}

.signup-box {
  border: 1px solid #ccc;
  padding: 18px;
  font-size: 1rem;
  border-radius: 6px;
  color: #222;
}

.signup-box .icon i { font-size:4em; }

.login-guide {
  margin: 0px 0 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 20px 20px;
  background: #eee;
  border-radius: 0.4rem;
}

.member .bottom { margin:30px 0; font-size:0.9rem;font-weight:500 }

.member .bottom { display:flex;justify-content:center !important}
.member .bottom .links a { display:inline-block; position:relative; margin-right:20px; color:#666;}
.member .bottom .links a:hover {color:var(--cnvs-themecolor);}
.member .bottom .links a:last-child { margin-right:0; }

.member .bottom .links a:not(:last-child):after  {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 1px;
  height: 12px;
  margin-top: -4px;
  background: #ddd;
}


.mypage .mypage-lnb-wrap { margin-right: 20px;}
.mypage .mypage-lnb-top { display:flex; justify-content: space-between !important; align-items: center !important; background-color:var(--bs-primary); border-radius:5px; padding:5px 10px;}
.mypage .mypage-lnb-top .name { font-size:30px; font-weight:600; color:#fff; }
.mypage .mypage-lnb-top .name span { display:block; font-size:13px; font-weight:400; }
.mypage .mypage-lnb-top .btn { border-radius:30px; }
/*
@media (min-width: 990px) and (max-width: 1200px) {
  .mypage .mypage-lnb-top { display:block; }
  .mypage .mypage-lnb-top .name { margin-bottom:20px; }
}
*/


.mypage .mypage-lnb { margin-bottom:50px; }
.mypage .mypage-lnb > ul { margin:0; padding:0; margin-top:10px;}
.mypage .mypage-lnb > ul > li {
  list-style:none;
  font-size: 1em;
  color: #000;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
}

.mypage .mypage-lnb > ul > li:hover,
.mypage .mypage-lnb > ul > li.active { border-color:var(--bs-primary); }

.mypage .mypage-lnb > ul > li > a { display:block; padding: 12px 10px; }
.mypage .mypage-lnb > ul > li:hover > a,
.mypage .mypage-lnb > ul > li.active > a { color:var(--bs-primary);}

.mypage .mypage-lnb > ul > li > ul { margin:0; padding:0; border-top: 1px solid #ddd;}
.mypage .mypage-lnb > ul > li:hover > ul,
.mypage .mypage-lnb > ul > li.active > ul { border-color:var(--bs-primary);}
.mypage .mypage-lnb > ul > li > ul > li {
  list-style:none;
  font-size: 1rem;
  color: #000;
  font-weight: 400;
  margin-left: 10px;
  border-bottom: 1px solid #ddd;
}
.mypage .mypage-lnb > ul > li > ul > li:last-child { border-bottom: none; }

.mypage .mypage-lnb > ul > li > ul > li:hover,
.mypage .mypage-lnb > ul > li > ul > li.active { border-color:var(--bs-primary); }

.mypage .mypage-lnb > ul > li > ul > li > a { display:block; padding: 8px 10px; }
.mypage .mypage-lnb > ul > li > ul > li:hover > a,
.mypage .mypage-lnb > ul > li > ul > li.active > a { color:var(--bs-primary);}



h3.mypagetitle { margin-bottom:50px; font-weight:600; position:relative; font-size:clamp(1.5rem, 2.5vw, 2rem);}
h3.mypagetitle:after { content:''; z-index:1; position:absolute; bottom:-8px; left:0; width:100%; height:1px; background-color:#ccc; }
h3.mypagetitle span { position:relative; }
h3.mypagetitle span:after { content:''; z-index:2; position:absolute; bottom:-8px; left:0; width:100%; height:5px; background-color:#000;}




form .form-group label.form-head {
    position: relative;
    padding-left: 12px;
    font-weight: 500;
    margin-bottom: 0.25em;
    color: rgb(51, 51, 51);
}

form .form-group label.form-head::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    width:1px;
    height:0.875em;
    border:3px solid #57678c;
}
form .form-group label.form-head.flex { display:flex; justify-content: space-between !important; align-items: center !important; }

form .form-group label.form-head .form-comment { font-size:0.8em; }

form .form-group {
    margin-bottom: 1.25em;
}

.form-txt {
    background-color: rgba(0, 0, 0, 0.03);
    border-style: dashed;
}

div.form-comment {
    display: block;
    margin-top: 5px;
}

.form-comment {
    color: rgb(241, 84, 84);
    padding-left: 1.2em;
    position: relative;
    font-size: 1rem;
}

.form-comment:before {
    content: "\f430";
    position: absolute;
    left: 0;
    top: 0.25em;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.program-page .btn.btn-space-rounded { border-radius:20px; display:inline-block; padding-left:2em; padding-right:2em;font-weight:500;}
.bottom-btns { margin-top:5em; text-align:center; border-top:1px solid #ddd; padding-top:30px; }

/* 소속연구원 관리 */
/*.set-pistatus { max-width:80px; white-space: nowrap; font-size:0.8em;}*/

.table.table-mypage { font-size:1rem; }

table.lg-block td .form-control { display:inline-block; padding: .2rem .5rem;}


/*
.table-mypage a { color:var(--bs-primary) !important;}
*/


.section { margin:10px 0;}
.section.flex { display:flex;justify-content: space-between !important;align-items: center !important;}
.section .section-title{ display:inline-block; width:100%;}
.section .section-title strong { color:var(--logo-orange); }
.section span { display:inline; font-size:0.85em; color:#999;}
.section .btn {  white-space: nowrap;}



.roomaccess_agree { margin:0; padding:0; background-color:rgba(255, 0, 0, 0.05); padding:10px; font-size:0.9em;}
.roomaccess_agree li { margin-bottom:10px; list-style:none; font-size:0.95em; }


/* 장비 */

.equipment .s-box {
  background-color: #f5f6fa;
  border: 1px dotted #dcdde1;
  padding: 20px;
  margin-bottom: 20px;
}
.equipment .card-img {
  position: relative;
  height: 260px;
  line-height: 260px;
  text-align: center;background:#f6f6f6;border-bottom:1px solid #ccc;border-radius:0;
}
.equipment .card-img img {max-width:100%; max-height:100%;padding:16px 20px 20px;border-radius:24px !important;}
.equipment .card-body {padding:10px 10px}
.equipment .c-title {font-size:1.125rem;font-weight:700;line-height:1.3;}
.equipment .c-etitle {font-size:0.8125rem;font-weight:400;line-height:1.2;color:#666;margin-top:6px;}

.equipment .info {font-size:0.875rem;color: #666;}
.equipment .info dl { display:flex;margin-bottom:2px; align-items: center !important;}
.equipment .info dl:last-child {margin-bottom:0;}

.equipment .info dl dt { font-weight:400; width:52px;flex-shrink: 0; }
.equipment .info dl dd { color: #444;margin-bottom:0;font-weight:500; }
.equipment .card {position:relative;
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
.equipment .card:hover {border:1px solid #19388a;box-shadow: rgba(0, 0, 0, .15) 0 3px 20px;}
.equipment .card .status-box {position:absolute;bottom:0;right:0;
  font-size:0.8125rem;font-weight:500;padding:2px 10px;border-radius:.375rem 0 .375rem 0
}

.equipment-detail .equipment-box .eq-head {
  background-color:rgba(0, 0, 0, 0.02);
  padding:20px;
}
.equipment-detail .equipment-box .eq-head .name-ko {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.equipment-detail .equipment-box .eq-head .name-en {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: #666;
  margin-top: 6px;
}

.equipment-detail .equipment-box .eq-body {
  padding:30px;
  display:flex;
  justify-content: center !important;
  align-items: center !important;
}

.equipment-detail .equipment-box .eq-body .eq-img-box {
  position: relative;
  padding:50px;
  text-align: center;
  margin-right:50px;
}
.equipment-detail .equipment-box .eq-body .eq-img-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset rgba(0, 0, 0, .07) 0 3px 26px;
  z-index:1;
}

.equipment-detail .equipment-box .eq-body .eq-img-boxg img {max-width:100%; max-height:100%;padding:26px 30px 30px;}

.equipment-detail .equipment-box .eq-body .eq-img-box span { z-index:2; position:absolute; right:0; top:0; display:inline-block; padding:5px 10px; background-color:var(--bs-primary); color:#fff; font-size:0.8em; }

.equipment-detail .equipment-box .eq-detail h5 { position:relative; padding-left:1.2em; }
.equipment-detail .equipment-box .eq-detail h5::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0%, -55%);
  width: 0.9em;
  height: 0.9em;
  border: 3px solid var(--bs-primary);
}


@media (max-width: 991px) {
  .equipment-detail .equipment-box .eq-body {
    padding:30px;
    display:block;
    justify-content: center !important;
    align-items: center !important;
  }

  .equipment-detail .equipment-box .eq-body .eq-info { padding-top:20px; }

  .equipment-detail .equipment-box .eq-body .eq-img-box {
    margin-right:0px;
  }
}


/* calendar */
.fc-time { font-size:0.8em; }
.fc-title { font-size:0.8em; }