/*********common***************/
 /** web Font **/
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

.ff-dsd,
.dm-serif-display-regular {
  font-weight: 400;
  font-style: normal;
}

.ff-dsd-i,
.dm-serif-display-regular-italic {
  font-weight: 400;
  font-style: italic;
}



:root {
  --logo-blue:#1c2d57;
  --logo-sky:#419ebb;
  --logo-yellow:#f5ac4d;
  --logo-green:#4e7a35;
  --logo-brown:#7b3c1f;
  --logo-blue-rgb: 28, 45, 87;
  --logo-green-rgb: 0, 125, 121;
  --logo-yellow-rgb: 245, 172, 77;
  --logo-green-rgb: 78, 122, 53;

  --topbar-height:38.42px;
  --header-height:100px;
  --tablet-header-height:80px;
  --mobile-header-height:70px;

  --content-topspace:136px; /* --topbar-height + --header-height */
  --tablet-content-topspace:116px; /* --topbar-height + --tablet-header-height */
  --mobile-content-topspace:106px; /* --topbar-height + --mobile-header-height */

  --subgnb-top:150px;
  --theme-color:var(--logo-green);
  --theme-color-rgb:var(--logo-green-rgb);

  --darkgreen: #1c5352;
  --darkgreen-border:#336564;

  --inprogress-color:var(--logo-yellow);
  --applying-color:var(--logo-blue);
  --applyclosed-color:var(--logo-blue);
  --closed-color:#bcbcbc;
  --primary-color:var(--logo-blue);

}

.skip-nav { position: fixed; width:100%; left:0; top:0; z-index: 9999; transform: translate(0%, -100%); transition: all 0.5s; color: #fff; background: #333; font-size: 16px; padding: 15px; font-weight: 400; line-height: 1.3; text-align:center; vertical-align: middle; }
.skip-nav:focus { transform: translate(0%, 0%); }


.pager {
  --bs-pagination-color: var(--logo-green);
  --pagination-color:#fff;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--logo-green-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(--logo-green);
  --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(--logo-green-rgb), 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--logo-green);
  --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;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--logo-blue);
  --bs-btn-border-color: var(--logo-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1f47b1;
  --bs-btn-hover-border-color: #1d42a2;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d42a2;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--logo-blue);
  --bs-btn-disabled-border-color: var(--logo-blue);
}

a {
  color: #c61617;

  text-decoration: none;
}

a.over-orange:hover {
  color: var(--logo-green);
}

a.link-apply { text-decoration:underline; font-weight:500; }

#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(--logo-green);
  background-color:rgba(var(--logo-green-rgb), 0.5);
}
#gotoTop i { color:#fff; }


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

.pagination-wrap { margin-top:30px; }




/* Top */
.top-bar {
  padding: 12px 0px;
  background: var(--logo-green) !important;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:10;
}
.top-bar .top-link-wrap { height:100%; display:flex; justify-content: flex-end !important; align-items: center !important; gap:20px;}
.top-bar .top-link-wrap a { color:#fff; text-decoration:none;font-size:0.875rem;line-height:1;font-weight:500;}
.top-bar .top-link-wrap a:hover {color:#ffd200;}

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

.gnb-wrap { display:flex;justify-content: space-between !important; align-items: center !important;}



.gnb-sub-inner { display:flex; align-items: center !important;justify-content: space-between !important;}
.gnb-sub-inner .desktop-gnb-sub {
  display:flex;justify-content: space-between !important; align-items: flex-start !important;
}

.desktop-gnb-sub { margin:0; padding:0; }
.desktop-gnb-sub li { margin:0; padding:0; list-style:none; }
.desktop-gnb-sub li a { color:#000; text-decoration:none; }
.desktop-gnb-sub li a:hover { color:var(--theme-color); }
.desktop-gnb-sub .gnb-depth2-wrap {padding: 0 1.5em; }


.content-wrap { margin-top:var(--content-topspace); transition: all 0.3s; }

@media screen and (max-width: 992px) {
  .content-wrap { margin-top:var(--tablet-content-topspace); }
}

@media screen and (max-width: 768px) {
  .content-wrap { margin-top:var(--mobile-content-topspace); }
}


.gnb-sub-overlay { background-color:#fff; width:100%; height:0px;
  transition: all 0.5s;
  opacity:0;
  overflow:hidden;
  position:relative;
  display:flex;
}
.gnb-sub-overlay:after {content:''; position:absolute; top:0; left:0; width:0; height:1px; background-color:var(--theme-color); transition: all 0.8s; }

.header.hover .gnb-sub-overlay { height:250px; opacity:1; }
.header.hover .gnb-sub-overlay:after { width:100%; }



/*
.page-title-wrap { margin-bottom:20px; }
.page-title-wrap .page-title { display:flex; justify-content: space-between !important; align-items: center !important; }
.page-title-wrap .page-title h2 { font-size:clamp(1.5rem, 2.5vw, 2.5rem); font-weight:600; }
*/


/* 메인 */
#popupModal .modal-footer { position:relative; }
#popupModal .carousel-indicators [data-bs-target] { background-color:var(--logo-green); width:20px; height:20px; margin-top:0px; border-radius:50%;border-top: 0;  border-bottom: 0;}
#popupModal .carousel-indicators {position: relative; right: auto; bottom: auto; left: auto; z-index: 2; margin-right: 10px; margin-bottom: 0; margin-left: 10px; align-items: center !important; }
#popupModal .carousel-control-next,
#popupModal .carousel-control-prev { border-radius:50%; position:relative; }
#popupModal .carousel-control-next:hover,
#popupModal .carousel-control-prev:hover { color: #000; opacity: .4; }
#popupModal .carousel-control-next-icon,
#popupModal .carousel-control-prev-icon { background-size:50%; filter: invert(1) grayscale(100); }
#popupModal .carousel-control-next, #popupModal .carousel-control-prev { width: 30px; height: 30px; }
#popupModal .popup-modal h3.poptitle { text-align:center; margin-top:0; margin-bottom:20px; padding:5px; font-size:25px; color: var(--logo-green);}
#popupModal .popup-modal .carousel-control-next, #popupModal .carousel-control-prev { width: auto; }
#popupModal .carousel-control-prev:hover, #popupModal .carousel-control-next:hover { background-color:rgba(0, 0, 0, .2); }
#popupModal .modal-title img { height:30px; }



.binel-c {color:#000}
.binel-c strong {color:#7b3c1f !important;font-weight:700}
.main-visual .swiper-horizontal>.swiper-pagination-bullets,
.main-visual .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-visual .swiper-pagination-custom,
.main-visual .swiper-pagination-fraction {bottom:20px;}


section.introduction {position:relative;padding:80px 0;}
section.introduction h3 { color:var(--logo-green); font-size:clamp(1.5rem, 2.5vw, 2.2rem); font-weight:700; margin-bottom:20px;}
section.introduction .text {font-size:1.125rem;color:#555;}
section.introduction .text strong { color:var(--logo-green); }
section.introduction .contact {font-size:1.5rem;font-weight:700;margin-top:20px;}
section.introduction .go-research {margin:40px 0; }
section.introduction .go-research a {font-size:clamp(1rem, 2.5vw, 1.5rem);border:1px solid #86ba54;color:#4e7a35;padding:10px 26px;border-radius:30px;transition: all 0.3s;font-weight:500}
section.introduction .go-research a:hover {background:#86ba54;color:#fff;}


section .ms-tit {font-size:1.625rem;line-height:1;margin-bottom:20px;font-weight:700}
section .ms-tit a {font-size:1rem;color:#7a3c20}
section .ms-tit a:hover {font-size:1rem;color:#4e7a35}

section.publications {position:relative;padding:60px 0;background:#f9f9f9;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
section.publications .card-header{font-size:0.875rem;font-weight:700;background:#000;color:#fff;padding:10px 16px;}
section.publications .card-body{font-size:0.875rem;line-height:1.3;letter-spacing:-0.03em;padding:22px;}
section.publications .card {border-radius:10px;background:#fff;color:#222}

section.publications .card-header:first-child {border-radius:10px 10px 0 0;}
section.publications .author {font-style: italic;font-size:0.813rem;margin:14px 0;}
section.publications .tit {font-weight:700;font-size:1rem;line-height:1.4;}
section.publications .journal {font-style: italic;color:#4e7a35;font-weight:500}
section.publications .journal a strong {font-style:normal}
section.publications .card-imgbox {height:180px; overflow:hidden; background-size:cover;border-bottom:1px solid #ccc;}


section.gallery {position:relative;padding:60px 0;}
section.gallery .card {border:0;border-radius:0;text-align:center}
section.gallery .tit {font-weight:700;margin:0px 0;font-size:1rem;line-height:1.4;}
.gallery-box {overflow:hidden; border-radius:20px;}
.gallery-box img { transition: all 0.5s; border-radius:20px;}
.gallery-box:hover img { transform: scale(1.1); }
section.gallery a.card {color:#000}
section.gallery a.card:hover {color:#4e7a35}

section.main-contact {position:relative;padding:60px 0;background:#fbfff9;border-top:1px solid #ddd}
section.main-contact .tit {font-weight:700;margin-bottom:10px ;font-size:1.5rem;line-height:1.4;color:#4e7a35}
section.main-contact h3 { margin-bottom:10px; }

section.main-contact ul { margin:0; padding:0; }
section.main-contact ul li { list-style:none; display:flex; gap:10px; }
section.main-contact ul li span { text-decoration:underline; display:inline-block; min-width:50px; }
section.main-contact a { color:#222;}

section.main-contact .main-map iframe { border:1px solid #ddd !important; }

@media screen and (max-width: 992px) {
  /*.page-main section .main-contact {background-color:rgba(var(--logo-green-rgb), 0.1); padding-top:30px; padding-bottom:30px;}*/
  .page-main section .main-map { margin-top: 1.5rem !important; }
}







.page-main .swiper {
  width: 100%;
  height: 600px;
  transition: all 1s;
}

@media screen and (max-width: 768px) {
  .page-main .swiper {
    height: 350px;
  }
}

@media screen and (max-width: 578px) {
  .page-main .swiper {
    height: 300px;
  }
}

.page-main .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size:cover;
  position:relative;
}
.page-main .swiper-slide:after {
  position:absolute;
  content:'';
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, 0.3);
  z-index:1;
}

.page-main .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-main .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color);
  opacity:0.5;
  font-size:0.8em;
}

.page-main .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.page-main .swiper-slide .container { z-index:2; }
.page-main .swiper-slide .container,
.page-main .swiper-slide .row { height:100%; }

.page-main .swiper-slide .mv-item-wrap {   }
.page-main .swiper-slide .mv-item { width:100%; height:100%; padding:30px; display:flex;align-items: center !important; transition: all 0.5s; color:#fff;}

.page-main .swiper-slide .mv-item .main-text { margin:0px 0 20px 0; text-align:left; transform: translate(0%, 0%); transition: all 1s; opacity:1; text-shadow: 2px 2px 3px #000;}
.page-main .swiper-slide.active-animationxx .mv-item .main-text { transform: translate(0%, 0%);opacity:1;}
.page-main .swiper-slide:first-child .mv-item .main-text { animation: slideleft 1s normal forwards; }

.page-main .swiper-slide .mv-item h2 { display:inline; font-size:clamp(1.8rem, 3vw, 3rem); font-weight:700; position:relative;line-height:1.35 }

.page-main .swiper-slide .mv-item .sub-text { /*font-style:italic; */ transform: translate(0%, 0%); opacity:1;transition: all 1s;text-align:left; margin-bottom:0; font-size:clamp(1.125rem, 2vw, 1.5rem);}
.page-main .swiper-slide.active-animationxx .mv-item .sub-text {transform: translate(0%, 0%);opacity:1; }

.page-main .swiper-slide:first-child .mv-item .sub-text {animation: slideup 1s normal forwards; }


.page-main .main-visual .swiper-pagination-bullet { width:15px; height:15px; margin:0 10px !important; transition: all 0.5s; background-color:rgba(255, 255, 255, 0.9);}
.page-main .main-visual .swiper-pagination-bullet-active { width:50px; border-radius:15px; background-color:rgba(var(--theme-color-rgb), 1);}


@keyframes slideleft {
  from {
    transform: translate(10%, 0%);
    opacity:0;
  }
  to {
    transform: translate(0%, 0%);
    opacity:1;
  }
}

@keyframes slideup {
  from {
    transform: translate(0%, 100%);
    opacity:0;
  }
  to {
    transform: translate(0%, 0%);
    opacity:1;
  }
}

.page-main .main-pub a { color:#000; display:block; height:100%; border-radius: 10px;}
.page-main .main-pub a:hover {transition: all 0.5s; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }



/* 서브페이지:공통 */
.page-path-wrap {background-color: rgba(0,0,0, 0.05) !important;padding:18px 0px;}
.page-path-wrap .page-path {font-size:0.875rem;line-height:1;color:#444;text-align:right }

.page-title {margin:40px 0 50px 0;}
.page-title h1 {position:relative; color:var(--logo-green); font-size:clamp(1.5rem, 2.5vw, 2rem); font-weight:800; margin-bottom:14px; letter-spacing:0.01em;}
.page-title h1 span { overflow:hidden; position:relative; display:inline-block; padding:0 10px 22px 10px; }
.page-title h1 span:before { z-index:2; content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background-color:var(--logo-green);padding:0 20px; }
.page-title h1:after { z-index:1; content:''; position:absolute; left:0; bottom:8px; width:100%; height:1px; background-color:#ddd;}




/* 서브페이지: 프로보노/공익법무실습 */

.search_form {
  position: relative;
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #0b3cb3;
  transition: border-radius 0.3s;
  display:flex;
  align-items: center !important;
  justify-content: center !important;
  gap:20px;
}

.search_form dl { display:flex; align-items: center !important; gap:20px; margin-bottom:0; color:#fff; }
.search_form dl dd { margin-bottom:0; }

.search_form select.form-control {
  width: 100%;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0 10px;
  border-bottom: 2px solid #fff;
  color: #fff;
  padding:0 30px;
}

.search_form select.form-control option {
  color: #333;
}

.search_form button { border-radius:20px; padding-top:3px; padding-bottom:3px; }


/* 컨텐츠 */



/*research overview*/
.research-overview {font-size:1.125rem;}
.text-carrot { /*color: #e67e22 !important;*/}
.research-overview .item-wrap { margin:0; padding:0 15px;; position:relative;}
.research-overview .item-wrap li { list-style:none; display:flex; justify-content: center !important; gap:150px;}
.research-overview .item-wrap li .item { border-bottom:1px solid #ccc; padding:30px 0;}
.research-overview .item-wrap li:last-child .item { border-bottom:none; }
.research-overview .item-wrap li .res-item { margin-bottom:20px; display:flex;}
.research-overview .item-wrap li .res-item:last-child { margin-bottom:0; }

.research-overview .item-wrap li h3 { text-align:left; margin-bottom:20px; font-size:24px; margin-top:20px; font-weight:700;color:var(--theme-color); }
.research-overview .item-wrap li h4 { margin-bottom:10px; font-size:1.125rem; font-weight:500; }
.research-overview .item-wrap li .res-item img { width:80px; height:80px; vertical-align: top;}
.research-overview .item-wrap li .res-item a.res-more { background-color:#999; display:inline-block; padding:8px 12px; border-radius:20px; color:#fff; font-weight:500;font-size:.875rem;line-height:1;text-decoration:none;}
.research-overview .item-wrap li .res-item a.res-more:hover { background-color:#333; color:#fff;}
.research-overview .box-text-wrap {margin:20px auto; text-align:center; }
.research-overview .box-text {background-color:var(--logo-green);; display:inline-block; padding:18px 50px 22px; border-radius:50px; color:#fff; font-weight:bold;font-size:clamp(1.5rem, 2.5vw, 2rem);line-height:1}
.research-overview .cont-box {color:#444;font-size:18px;text-align:center;margin:40px 0; line-height:1.6; padding:40px 20px; border-top:2px dashed #ccc;border-bottom:2px dashed #ddd;}
.research-overview .item-wrap:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left:calc(50% - 10px);
  width: 20px;
  height: calc(100% - 20px);
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(153,153,153,1) 0%, rgba(255,255,255,0) 95%);
}
.research-overview .item-wrap::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left:calc(50% - 25px);
  width: 8px;
  height: 8px;
  bottom: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid rgba(153,153,153,1);
}

.research-overview .link-text {
  display: inline-block;
  margin-left: 25px;
  margin-top: 10px;
  width: 300px;
}

@media screen and (max-width: 992px) {
  .research-overview .item-wrap li {  gap:40px; }
}

@media screen and (max-width: 768px) {
  .research-overview .item-wrap { margin-left:40px; }
  .research-overview .item-wrap li { display:block; padding-left:20px }
  .research-overview .item-wrap:before {
    left:-25px;
  }
  .research-overview .item-wrap::after {
    left:-40px;
  }
  .research-overview .item-wrap li:last-child .item:first-child { border-bottom:1px solid #ccc; padding:30px 0;}
}


/*** 연구분야 ***/
.research .lnb { margin:0; padding:14px 14px 0px; margin-bottom:20px; border:1px solid #ccc;border-radius:20px;}
.research .lnb > li > a { color:#222; display:block; padding:6px 16px; background-color:#f4f4f4; font-weight:500;margin-bottom:8px;border-radius:30px;font-size:1rem;transition: all 0.3s;border:1px dotted #ddd; text-decoration:none;}
.research .lnb > li > a:hover {background-color:#4e7a35;color:#fff;}
.research .lnb > li > a.active { background-color:#555; color:#fff;font-weight:700; }
.research .lnb > li.active { background-color:#fff; }
.research .lnb li { list-style:none; }
.research .lnb li ul { margin:0 0 8px 0; padding:0; }
.research .lnb li ul li{ text-indent:-12px; margin-left:12px; padding:0px 15px 10px 15px;line-height:1.3}
.research .lnb li ul li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#777; display:inline-block; margin:0 6px 0px 0; vertical-align:middle;}

.research .lnb li ul li a { color:#222; font-size:0.938rem;text-decoration:none;}
.research .lnb li ul li a:hover {color:#4e7a35}
.research .lnb li ul li a.active { background-color:#fff;color:#4e7a35;font-weight:700;}

@media screen and (max-width: 992px) {
  .research .lnb { display:none; }
}


.research .group-box {border:1px dotted #eee; padding:22px 30px; margin-bottom:50px; background-color:#f4f4f4;border-radius:20px;}
.research .group-box h3 {font-size:1.25rem; margin-bottom:16px; }

.research .subgroup-list { display:flex;  justify-content: center !important; align-items: center !important; gap:50px;}
.research .subgroup-list a { display:block; text-align:center; color:#222; font-size:1.125rem;font-weight:700 }
.research .subgroup-list a:hover {color:#4e7a35;}
.research .subgroup-list a div { margin-top:12px; }

.research .subgroup-box { border:1px solid #ddd; padding:20px; margin-bottom:30px; background-color:#eee;}
.research .subgroup-box h3 { margin-bottom:0; }

.research .item-list {padding-bottom:50px}
.research .item-list .research-image { text-align:center; margin:30px 0px;border:3px dotted #ddd;border-radius:20px;padding:20px;}
.research .item-list h4 {color:var(--theme-color);margin:40px 0 14px;font-weight:700}
.research .item-list h4:first-child {margin:0px 0 18px;}
.research .item-list h4:before {
  content: "";
  width: 5px;
  height: 1.2rem;
  background-color:var(--logo-green);
  display: inline-block;
  margin: 0 10px 2px 0;
  vertical-align: middle;
}

/* 교수 */

.professor .photo img { width:100%;}
.professor ul.prof-info {margin:0 0 0px 20px;color:#555}
.professor ul.prof-info li span {margin-right:10px; font-weight:500;color:#222 }



/* 게시판 */

.search-box { border: 1px solid #ddd; border-radius:20px;padding:20px 10px;margin-bottom: 30px; background:#F8F9FA}
.search-box .search-item { display:flex; justify-content: center !important; gap:10px; }
.search-box .search-item .item-box { display:flex; justify-content: center !important; gap:10px; align-items: center !important;}
.search-box .search-item .btn-box { display:flex; justify-content: center !important; gap:10px; }

@media (max-width: 768px) {
  .search-box .search-item { display:block; }
  .search-box .search-item .item-box { margin-bottom:10px; }
  .search-box .search-item .btn-box div { width:50%; }
  .search-box .search-item .btn-box div button,
  .search-box .search-item .btn-box div a { width:100%; }
}

.board-news-list .col-12 { margin-bottom:20px; }
.card.bbs-news {border-radius:0px;border:0px;margin-bottom:30px;font-size:1rem; height:95%;}
.card.bbs-news img {border:1px solid #ddd; width:100%;border-radius:20px;}
/*
.card a.titlink {padding:0 20px;display:inline-block}
.card .cont {padding:0 20px;border:0px solid red}
*/
.card .news-title.hasphoto {margin:20px 0 14px;font-size:1.25rem;line-height:1.3;font-weight:700;padding:0 10px;border:0px;background:#fff;}
.card .news-title {margin:0px 0 20px;font-size:clamp(1.25rem, 2.5vw, 1.75rem);line-height:1.3;font-weight:700;border:1px solid #ddd;padding:24px;border-radius:20px;letter-spacing:-0.04em;background:#f9f9f9;}
.card .cont {padding:0 10px;border:0px solid red}
.card .news-title a { color:#222;}
.card .news-title a:hover {color:var(--logo-green);}

.card .cont .summary{
    font-weight:400;
    font-size:.875rem;
    line-height: 1.6;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.card  .datebox{font-size:14px;line-height:1.4;color:#4e7a35; padding: 0 10px; margin-top: auto;}

@media (max-width: 575.98px) {
  .card.bbs-news {margin-bottom:24px;}
  .card .cont .summary{font-size:14px;}
  .card ..datebox{font-size:13px;}
  .card .news-title {margin:0px 0 20px;font-size:1.8rem;padding:20px 12px;}
  .card .news-title.hasphoto {margin:20px 0 10px;font-size:1.125rem;}
}





.zresponse-table.board-list .header,
.zresponse-table.board-list .data-list a {
  display: grid;
  gap: 10px;
  align-items: center !important;
}

.zresponse-table.board-list .header,
.zresponse-table.board-list .data-list a {
  grid-template-columns: 5% minmax(50%, 1fr) 10% 7%;
}

.zresponse-table.board-list.has-category.has-writer .header,
.zresponse-table.board-list.has-category.has-writer .data-list a {
  grid-template-columns: 5% 8% minmax(50%, 1fr) 8% 10% 7%;
}

.zresponse-table.board-list.has-category .header,
.zresponse-table.board-list.has-category .data-list a {
  grid-template-columns: 5% 8% minmax(50%, 1fr) 10% 7%;
}

.zresponse-table.board-list.has-writer:not(.has-category) .header,
.zresponse-table.board-list.has-writer:not(.has-category) .data-list a {
  grid-template-columns: 5% minmax(50%, 1fr) 8% 10% 7%;
}


.zresponse-table.board-list .header > div,
.zresponse-table.board-list .data-list a > div:not(:first-child) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.zresponse-table.board-list .data-list .title-box {
  display: flex;
  align-items: center !important;
}

@media (min-width: 768px) {
  .zresponse-table.board-list .data-list .title-box > div:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

}

.zresponse-table.board-list:not(.has-category) .data-list a > div:nth-child(2) {
  text-align:left;
}

.zresponse-table.board-list.has-category .data-list a > div:nth-child(3) {
  text-align:left;
}

.zresponse-table { margin-top:10px; margin-bottom:30px; }
.zresponse-table .header {
  position: relative;
  width: 100%;
  font-size:1em;
  padding: 15px 8px;
  background: #f7f7fa;
  border-top: 1px solid #000;
  border-bottom:1px solid #ddd;
  font-weight:500;
  align-items: center !important;
  text-align:center;
}


.zresponse-table .data-list { margin:0; padding:0;}

.zresponse-table .data-list a {
  list-style:none;
  position: relative;
  width: 100%;
  font-size:1em;
  font-weight:300;
  padding: 15px 8px;
  border-bottom:1px solid #ddd;
  text-align:center;
  color:#222;
}

.zresponse-table .data-list .nodata { text-align:center; padding: 15px 8px; border-bottom:1px solid #ddd;}

@media (max-width: 768px) {
  .zresponse-table.board-list .header > div:last-child,
  .zresponse-table.board-list .data-list a > div:last-child { display:none; }

/*
  .zresponse-table.board-list.has-category .header > div:nth-child(4),
  .zresponse-table.board-list.has-category .data-list a > div:nth-child(4) { display:none; }
*/
  .zresponse-table.board-list.has-category.has-writer .header > div:nth-child(5),
  .zresponse-table.board-list.has-category.has-writer .data-list a > div:nth-child(5) { display:none; }

  .zresponse-table.board-list .header,
  .zresponse-table.board-list .data-list a {
    grid-template-columns: 7% minmax(50%, 1fr) 20% 0px;
  }
  .zresponse-table.board-list.has-category .header,
  .zresponse-table.board-list.has-category .data-list a {
    grid-template-columns: 7% 0px minmax(65%, 1fr) 0px 0px 0px;
  }

  .zresponse-table.board-list.has-writer:not(.has-category) .header,
  .zresponse-table.board-list.has-writer:not(.has-category) .data-list a {
    grid-template-columns: 7% minmax(50%, 1fr) 20% 0% 0%;
  }

  .zresponse-table.board-list.has-category.has-writer .header,
  .zresponse-table.board-list.has-category.has-writer .data-list a {
    grid-template-columns: 7% 0px minmax(65%, 1fr) 20% 0px 0px;
  }

  .zresponse-table.board-list .data-list .title-box > div:first-child {
    overflow: auto;
    white-space: normal;
    text-overflow: unset;
  }

  .zresponse-table.board-list .data-list .title-box {
    align-items: flex-start !important;
  }
}



.zresponse-table.board-list span.notice { transform: translate(0%, -20%); text-align:center; text-transform: uppercase; background-color:#d55140; border-radius:8px; color:#fff; font-size:0.5em; letter-spacing:1px; display:inline-block; padding:2px 5px;}
.zresponse-table.board-list span.cmtcount { display:inline-block; margin-left:3px; padding:0px 2px;color:#d55140; font-size:0.9em;}
.zresponse-table.board-list span.attach { display:inline-block; margin-left:3px; padding:0px 2px;color:#d55140;}
.zresponse-table.board-list span.new {transform: translate(0%, -20%); text-align:center; text-transform: uppercase; background-color:#d55140; border-radius:2px; color:#fff; font-size:0.5em; letter-spacing:1px; display:inline-block; margin-left:3px; padding:0px 2px;}


.zresponse-table.board-list span.attach:after {
  content: "\f4b3";
  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;
}

.board-view {

}
.board-view .header {
  padding: 20px 30px;
  background-color: #f8f8f8;
  border-bottom: solid 1px #e2e2e2;
  border-top: solid 1px #e2e2e2;
}
.board-view .header .category span.category {
  display: inline-block;
  border-radius: 30px;
  padding: 2px 12px;
  font-size: 0.813rem;
  background-color:#86ba54;
  color: #fff;
}

.board-view .header .title { font-size:clamp(1.125rem, 2.5vw, 1.25rem); font-weight:700; }
.board-view .header .extra dl { display:flex; margin:8px 0 0; font-size:0.875rem; }
.board-view .header .extra dl dt { margin-right:20px; font-weight:300; margin-left:20px; }
.board-view .header .extra dl dt:first-child { margin-left:0; margin-right:20px; font-weight:300; }
.board-view .header .extra dl dd { margin-bottom:0; }

.board-view .content-box { border-bottom: 1px solid #ddd; }
.board-view .content-box .content {
  padding:20px;
}
.board-view .content-box .filelist { background-color:#fdfdfd; margin:30px 0 0 0; padding:0; padding:20px; border-top:1px solid #eee; }
.board-view .content-box .filelist li { list-style:none; font-size:0.9em; }

.board-view .footer-box { background-color:#fafafa; }
.board-view .footer-box { padding:20px; font-size:0.9em; border-top:1px solid #eee;border-bottom: solid 1px #e2e2e2;}
.board-view .footer-box .related-post dl { display:flex; margin-bottom:0; }
.board-view .footer-box .related-post dl dt { margin-right:20px; margin-bottom:0; white-space: nowrap;}
.board-view .footer-box .related-post dl dd { margin-bottom:0; }
.board-view .footer-box .related-post a { color:#222; }

.board-view .btn-box { margin-top:30px; text-align:center; }

.board-view .content a { color:var(--logo-green) !important; }

/********* 게시판 */


/* 푸터 */
.footer { background-color:rgba(0, 0, 0, 1); padding:30px 0px; margin-top:100px;}
.page-main .footer { margin-top:0; }
.footer .flogo img { max-width:200px; }
.address { font-size:0.9em; color:#eee; margin:20px 0;}
.address h6 { color:var(--logo-yellow); font-size:1.5em; display:flex;align-items: center !important; gap:50px; }
.address h6 a { color:var(--logo-yellow); font-size:0.7em; font-weight:300; }
.address ul { margin:0; padding:0; }
.address ul li { list-style:none; display:flex; gap:10px; }
.address ul li span { text-decoration:underline; display:inline-block; min-width:50px; }
.address a { color:#eee;}

.copyright { margin-top:20px; text-align:center; color:#eee;}




/* menu icon */
.hamburger {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 0px 10px 10px;
  position: relative;
  user-select: none;
  display:none;
}

@media screen and (max-width: 992px) {
  .hamburger { display:block; }
}

.hamburger .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
}


.hamburger .navicon:before,
.hamburger .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

header .hamburger .navicon,
header .hamburger .navicon:before,
header .hamburger .navicon:after { background-color:var(--theme-color);}


.hamburger .navicon:before {
  top: 8px;
}

.hamburger .navicon:after {
  top: -8px;
}

/* menu btn */
.hamburger .hamburger-btn {
  display: none;
}
.hamburger .hamburger-btn:checked + .navicon {
  background: transparent;
}

.hamburger .hamburger-btn:checked + .navicon:before {
  transform: rotate(-45deg);
}

.hamburger .hamburger-btn:checked + .navicon:after {
  transform: rotate(45deg);
}

.hamburger .hamburger-btn:checked + .navicon:before,
.hamburger .hamburger-btn:checked + .navicon:after {
  top: 0;
}


/* 로그인 */
.login_tab { margin-bottom:0px; }
.login_tab ul {
  list-style: none;
  display: flex;
  padding:0;
  margin:0;
}
.login_tab ul li {
  width: 50%;
}

.login_tab ul li a {display: block;text-align: center; border:1px solid #0e2c72; border-bottom:none; background: #0e2c72;color: #fff;font-size: 17px;font-weight:500; padding: 18px 0;}

.login_tab ul li:first-child { border-right:1px solid #0e2c72; }
.login_tab ul li:first-child a { border-right:none !important; }
.login_tab ul li:last-child a { border-left:none !important; }

.login_tab ul li.active a,
.login_tab ul li a:hover { border:1px solid #0e2c72; border-bottom:none; background:#fff;color:#1b3b86;}


.login_tab_inner { display:none; }

.login_tab_inner .login_form {
  border: 3px solid #222F83;
  padding: 50px 0;
  position: relative;
}


/* tab */
.tab_wrap { margin-bottom:35px; }
.tab_wrap .btn-toggle-tab { display:none; font-size: 16px; font-weight: 500; background-color:#fff;width: 100%; height: 50px; padding-left: 20px; padding-right: 50px; border: 1px solid #a9a9a9; text-align: left; position:relative;}
.tab_wrap .btn-toggle-tab:before { content: ''; position: absolute; right:20px; top:22px; width: 15px; height: 1px; position: absolute; background-color: #000; transition: transform .2s ease-in-out; }
.tab_wrap .btn-toggle-tab:after { content: ''; position: absolute; right:20px; top:27px; width: 15px; height: 1px; background-color: #000; transition: transform .2s ease-in-out; }
.tab_wrap.active .btn-toggle-tab:before { transform: rotate(-45deg); }
.tab_wrap.active .btn-toggle-tab:after { top:22px; transform: rotate(45deg); }

.mobile-menu-open .tab_wrap{ display: none; }


.tab { margin-bottom:5px; }
.tab ul { margin:0; padding:0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
.tab li { margin:0; padding:0;list-style: none; position: relative; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
.tab li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.tab li + li { border-left: 0; }
.tab li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none; white-space: nowrap; color:#000;}
.tab li > a:hover { text-decoration:none; color:#000;}
.tab li.active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; }



.tab.tab-blue li { border: 1px solid var(--logo-blue); border-bottom: 1px solid var(--logo-blue); border-right:1px solid rgba(255, 255, 255, 0.2); background-color: #fff; }
.tab.tab-blue li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color:var(--logo-blue);}
.tab.tab-blue li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none; white-space: nowrap; color:#fff;}
.tab.tab-blue li.active { border-color: var(--logo-blue); border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; background-color:#fff; }
.tab.tab-blue li.active a { color:#000; }
.tab.tab-blue li:not(.active):hover { background-color:rgba(var(--logo-blue-rgb), 0.8); }

@media (max-width: 758px) {
  .tab_wrap.tab-sm { position: relative; margin-bottom:20px; }
  .tab_wrap.tab-sm .btn-toggle-tab { display: block; }
  .tab_wrap.tab-sm .tab { display: none; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 0px 0px; background-color: #fff; border: 1px solid #a9a9a9; border-top: 0;}
  .tab_wrap.tab-sm .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; }
  .tab_wrap.tab-sm .tab ul { margin:0; padding:0; overflow: auto; max-height: 205px; display:block;}
  .tab_wrap.tab-sm .tab li { margin:0; padding:0; list-style:none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .tab_wrap.tab-sm .tab li:last-child { border-bottom:none; }

  .tab_wrap.tab-sm.active .tab { display: block; }
}


.link-box { margin-top:10px; }
.login-box { display:flex; align-items: center !important; gap:10px; justify-content: center !important; }
.login-box button { padding-top:25px; padding-bottom:25px; border-radius:0; }

@media (max-width: 578px) {
  .login-box { display:block; }
  .login-box button { margin-top:10px; padding-top:10px; padding-bottom:10px; width:100%;}
}

.login-inner {padding-top:50px; border:1px solid #ccc;}
.login-form {display:flex; justify-content: center !important;}
.btn-mysnulogin { display:flex; align-items: center !important; gap:5px; justify-content: center !important; border-radius:0; padding-left:30px; padding-right:30px;}
.btn-mysnulogin .snulogo { -webkit-mask: url('../images/common/snulogo.svg'); mask: url('../images/common/snulogo.svg'); background-color: #fff; mask-repeat: no-repeat; width: 22px !important; height: 22px !important;transform: translateY(1px); }

.login-inner .notice { background-color:var(--bs-light); margin-top:30px; padding:20px; }


/* button color */
.btn-darkblue {color: #fff;background-color: #173473;border-color: #173473;}
.btn-darkblue:hover {color: #fff;background-color: #012573;border-color: #012168;}
.btn-darkblue:focus, .btn-darkblue.focus {box-shadow: 0 0 0 0.2rem rgba(23, 52, 115, 0.5);}
.btn-darkblue:not([disabled]):not(.disabled):active, .btn-darkblue:not([disabled]):not(.disabled).active, .show > .btn-darkblue.dropdown-toggle {color: #fff;background-color: #012573;border-color: #012168;box-shadow: 0 0 0 0.2rem rgba(23, 52, 115, 0.5);}

.btn-darkred {color: #fff;background-color: #b71540;border-color: #b71540;}
.btn-darkred:hover {color: #fff;background-color: #b70131;border-color: #aa002d;}
.btn-darkred:focus, .btn-darkred.focus {box-shadow: 0 0 0 0.2rem rgba(197, 0, 52, 0.5);}
.btn-darkred:not([disabled]):not(.disabled):active, .btn-darkred:not([disabled]):not(.disabled).active, .show > .btn-darkred.dropdown-toggle {color: #fff;background-color: #b70131;border-color: #aa002d;box-shadow: 0 0 0 0.2rem rgba(197, 0, 52, 0.5);}

.btn-darkgreen {color: #fff;background-color: #008d54;border-color: #008d54;}
.btn-darkgreen:hover {color: #fff;background-color: #007344;border-color: #01653d;}
.btn-darkgreen:focus, .btn-darkgreen.focus {box-shadow: 0 0 0 0.2rem rgba(0, 101, 61, 0.5);}
.btn-darkgreen:not([disabled]):not(.disabled):active, .btn-darkgreen:not([disabled]):not(.disabled).active, .show > .btn-darkgreen.dropdown-toggle {color: #fff;background-color: #007344;border-color: 01653d;box-shadow: 0 0 0 0.2rem rgba(0, 101, 61, 0.5);}

.btn-indigo {color: #fff;background-color: #6610f2;border-color: #6610f2;}
.btn-indigo:hover {color: #fff;background-color: #e0a800;border-color: #d39e00;}
.btn-indigo:focus, .btn-indigo.focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}
.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle {color: #fff;background-color: #0062cc;border-color: #005cbf;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

.btn-purple {color: #fff;background-color: #6f42c1;border-color: #6f42c1;}
.btn-purple:hover {color: #fff;background-color: #4b1ba2;border-color: #411099;}
.btn-purple:focus, .btn-purple.focus {box-shadow: 0 0 0 0.2rem rgba(114, 73, 188, 0.5);}
.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle {color: #fff;background-color: #4b1ba2;border-color: #411099;box-shadow: 0 0 0 0.2rem rgba(114, 73, 188, 0.5);}




.help-box {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: 20px;
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);

  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);

}

.help-box h3 { text-align:center; }
.help-box ol { margin:0; padding-left:20px;}




/* current */
.current-member h2 { font-size:1.5rem; font-weight:700; color:#555}

@media screen and (max-width: 992px) {
  .current-member h2 {margin:1.5rem 0 1rem 0; }
}

.current-member a { display:block; text-align:center; margin-bottom:30px; color:#222; text-decoration:none;}
.current-member a img { width:100%;border-radius:20px;}
.current-member a .name { font-size:1.125rem; font-weight:700; margin-top:12px;}
.current-member a .course {font-size:1rem; color:var(--logo-green);}

.current-detail { display:flex; gap:20px;}
.current-detail .photo {text-align:center;}
.current-detail .photo img { border-radius:20px;border:1px solid #ddd;width:150px;}
.current-detail .name { /*text-align:center;*/ font-size:1.125rem;font-weight:700; margin:0px 0 5px; }
.current-detail .course {/*text-align:center;*/color:var(--logo-green); font-size:0.875rem;font-weight:500;}
.current-detail .inner-info {font-size:0.875rem}
.current-detail .member-education { margin-bottom:10px; }
.current-detail .member-item { display:flex; gap:10px; }
.current-detail .member-item div:first-child { font-weight:700;color:#27ae60 }


@media screen and (max-width: 578px) {
  .current-detail { display:block; }
  .current-detail .photo img {max-width:180px;}
  .current-detail .name { text-align:center; margin:0px 0 5px; }
  .current-detail .course {text-align:center;*}
}

@media screen and (min-width: 768px) {
  .current-member-modal .modal-custom-size { max-width:700px; width:700px !important; }
  .currect-member-modal .current-detail .photo { flex: 0 0 160px; }
}

.binel-mo .modal-header {background:var(--logo-green);color:#fff;}
.binel-mo .modal-title {font-weight:700;font-size:1rem;}
/*
.binel-mo .modal-content{background:#f3f7f0}
*/

/*alumni*/
.alumni-box {font-size:1rem;}
.alumni-box .card {border-radius:20px;transition: all 0.3s; }
.alumni-box .card-body {padding:26px 30px;transition: all 0.3s; }
.alumni-box .card-title {font-size:1.5rem;font-weight:700;margin-bottom:6px;}
.alumni-box .job {margin-bottom:15px;color:var(--logo-green);font-weight:500;transition: all 0.3s; }
.alumni-box .education {font-size:0.875rem;line-height:1.7;margin-bottom:20px;}
.alumni-box .card strong {font-weight:500}

/*
.alumni-box .card a {color:#16a085;transition: all 0.3s;}
.alumni-box .card:hover a,
.alumni-box .card a:hover {color:#f39c12}
.alumni-box .card:hover .job {color:#f1c40f;}
.alumni-box .card:hover .card-body {color:#fff;background:var(--logo-green);border-radius:20px;}
*/

/* Publication */
.year-wrap { z-index:10;border:1px solid #ddd; background-color:#f3f7f0; padding:10px 15px; text-align:center; position: -webkit-sticky; position: sticky; top: 138px;border-radius:10px;}
.year-wrap a { display:inline-block; margin:6px 0 ; padding:12px 24px; border:1px solid #ddd; border-radius:20px; color:#222;font-size:1rem;line-height:1;background:#fff;font-weight:400}
.year-wrap a:hover,
.year-wrap a.active { background-color:var(--logo-green); color:#fff;}
.year-wrap a.active {font-weight:700}

@media screen and (max-width: 992px) {
  .year-wrap {top: 118px;border-radius:0px;padding:16px 10px; }
  .year-wrap a {margin:4px 0 ; padding:6px 14px;font-size:0.875rem}
}

@media screen and (max-width: 768px) {
  .year-wrap {top: 100px;border-radius:0px;}
}

@media screen and (max-width: 575px) {
  .year-wrap {top: 108px;border-radius:0px;}
}

.pub-list-wrap {/*padding:0 30px*/}
.pub-list-wrap h3 { position:relative; margin:4rem 0 1rem; font-weight:700;}
.pub-list-wrap h3:first-child { margin-top:1em; }
.pub-list-wrap h3 span { position:relative;display:inline-block; background-color:#fff; z-index:2; padding-right:16px; }
.pub-list-wrap h3:before { z-index:1; content:''; position:absolute; left:0; top:1rem; width:100%; height:1.1px; background-color:#ccc; }

.pub-list {margin:0; padding:0; margin:0 6px;}
.pub-list li{margin-bottom:25px; list-style: none;}
.pub-list .no {font-weight:bold;margin-right:2px;color:var(--logo-green);}
.pub-list .title {font-weight:bold; font-size:1.2em; color:#000;}
.pub-list .author {}
.pub-list a {color:#c61617;}
.pub-list .journal {margin-left:0px;font-style:italic;font-weight:bold;}
.pub-list .vol {}
.pub-list .img {margin-top:20px; text-align:center;}

@media screen and (max-width: 768px) {
  .pub-list-wrap {padding:0 10px}
  .pub-list-wrap h3 { position:relative; margin:4rem 0 1rem; font-weight:700;}
}

.pub-list > * {word-break: break-word;}





.mx-auto {
    position: relative !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.linebox-wrap {position:relative;background:#fff;margin-bottom:30px;}
.linebox-wrap .tit {position:relative;}
.linebox-wrap .tit span{position:absolute;background:#fff;padding:6px 14px;font-size:24px;line-height:1;font-weight:500;top:-18px;left:40px;color:#222}
.linebox-wrap .tit em {font-style: normal !important;font-weight:700}

.linebox-wrap .contbox{border:4px solid var(--theme-color);padding:32px 40px;font-weight:400;border-radius:30px;}
.linebox-wrap .contbox h1{font-weight:700;color:var(--theme-color)}
.linebox-wrap .contbox h4{font-weight:400;color:#334f23}

@media (max-width: 575.98px) {
  .linebox-wrap {position:relative;padding:20px 0;background:#fff;margin-bottom:10px}
  .linebox-wrap .tit span{font-size:22px;line-height:22px;}
  .linebox-wrap .contbox{padding:20px;}
  .linebox-wrap .contbox h4 {font-size:18px;margin:10px 0 4px 10px;min-width:100%;}
  .linebox-wrap .contbox .link-wrap{line-height:40px;padding-bottom:10px;}
  .linebox-wrap .d-flex {border-bottom:1px dotted #ddd;margin-bottom:10px;}
  .linebox-wrap .d-flex:last-child {border-bottom:0;margin-bottom:0px;}
}


.contact h3 {letter-spacing:-0.05em; text-align:center;font-weight:700;margin-bottom:40px;}
.contact h5 {font-size:1.125rem;margin-bottom:8px;color:var(--logo-green);font-weight:700;}
.contact ul{font-size:0.938rem;}
.contact ul li strong{margin-right:4px;}


.photo-gallery a { display:block; }
@media screen and (max-width: 578px) {
  .lb-nav a.lb-prev,
  .lb-nav a.lb-next { opacity:1 !important; }
}

/* cover art gallery */
.journal-list .journal {margin-bottom:40px; overflow:hidden; position:relative;}
.journal-list .journal > img { transition: all 0.5s; width:100%;border-radius:20px;border:1px solid #ddd}
.journal-list .journal:hover > img { transform: scale(1.0); border-radius:20px;}
.journal-list .journal .overlay { padding:20px; text-align:center; color:#fff; display:flex; flex-direction: column !important; justify-content: center !important; align-items: center !important; transition: all 0.5s; opacity:0; background-color:rgba(0, 0, 0, 0.75); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:20px !important;}
.journal-list .journal .overlay a { color:#fff; font-size:1rem; color:var(--logo-yellow);border-radius:20px;}
.journal-list .journal:hover > .overlay { opacity:1;border-radius:20px; }