@charset "UTF-8";

/* English translated*/
html[lang="en"] .main-slogan .inner{max-width:100rem;}
html[lang="en"] .main-slogan .t-1{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
html[lang="en"] .main-slogan .t-2{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
html[lang="en"] .department-tit .info span{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
html[lang="en"] .department-tit .info p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
html[lang="en"] .wrap-popup .swiper-slide-active .subject .t-3{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
html[lang="en"] .wrap-notice ._inner .title button{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;     padding-right: 3rem;}
html[lang="en"] .wrap-notice ._inner .title button font{height: 2.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 0.7rem;}
}
html[lang="en"] .wrap-quick .t-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
html[lang="en"] .wrap-notice ._inner h2 .sub_txt{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
html[lang="en"] .department-tit{max-width: 35rem;}

/* main layout */
._objWidget:hover ._fnctAdmin{display:block;}

/************************************************
section01 - visual slogan
************************************************/
._contentBuilder .multipleDiv:nth-child(1){position:relative; }
._contentBuilder .multipleDiv:nth-child(1) ._objHtml{position:absolute; top: 30rem; z-index:1;}

@media screen and (max-width:1279px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml {top: 27rem;}
}
@media screen and (max-width:768px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml {top: 23rem;}
}

.main-slogan {color:#fff;line-height:1.3;max-width: 150rem;margin: 0 auto;}
.main-slogan .inner{}
.main-slogan .link-btn {display: flex;justify-content: center;align-items: center;margin-top: 8rem;color: #fff;width: 20rem;height: 5.6rem;font-size: 1.7rem;font-weight: 400;border: 1px solid #fff;transition: .25s;background: transparent;}
.main-slogan .link-btn:hover {border: 1px solid #000;color: #fff;background: #000;}
.main-slogan .t-1{font-size:6rem;margin-bottom: 2rem;display: block;}
.main-slogan .t-2{font-size: 2.5rem;}
.main-slogan .t-3{font-size: 4rem; display: flex; align-items: center; gap: 2rem; justify-content: center;}

@media screen and (max-width:1500px) {
  .main-slogan{padding:0 2.5rem;}
}

@media screen and (max-width:1279px) {
  .main-slogan{padding-left:6rem;}
  .main-slogan .t-1 {margin-bottom: 2rem;font-size: 4rem;}
  .main-slogan .t-2 {font-size: 2rem;}
  .main-slogan .link-btn {width: 16rem;height: 4.8rem;font-size: 1.6rem;margin-top: 6rem;}
}
@media screen and (max-width:768px) {
  .main-slogan{padding-left:2rem;}
  .main-slogan .t-1 {margin-bottom: 1.5rem;font-size: 3.8rem;}
  .main-slogan .t-2 {font-size: 1.8rem;}
  .main-slogan .link-btn {width: 14rem;height: 4rem;font-size: 1.6rem;margin-top: 4rem;}
}

/************************************************
section02 - Department
************************************************/
#multipleContentsDiv_template12_17 > ._objHtml{z-index:1002;}
.department-tit {position: absolute;left: calc(calc(100% - 1700px)/2);top: 7rem;z-index:1;max-width: 40rem;}
.department-tit .tit {position: relative;display: inline-block;margin-bottom: 4rem;font-size: 5rem;font-weight: 800;color: #212121;padding-right: 2rem;}
.department-tit .tit::after {content: '';position: absolute;right: 0;bottom: 1.5rem;width: 1rem;height: 1rem;background: #005baa;border-radius: 50%;}
.department-tit .info span {display: block;margin-bottom: 1.2rem;font-size: 3rem;color: #005bac;font-weight: 500;}
.department-tit .info p {font-size: 1.7rem;font-weight: 400;color: #666;}

@media screen and (max-width:1750px) {
  .department-tit {left: 2rem;width: calc(100% - 2rem)}
}

@media screen and (max-width:1023px) {
  .department-tit .tit{font-size: 3.5rem;margin-bottom: 2rem;}
  .department-tit .info span{font-size:2.4rem;}
  .department-tit .info p{font-size:1.5rem;}
  .department-tit .tit::after{width:0.7rem;height:0.7rem;bottom: 12px;right: 5px;}
}

@media screen and (max-width:768px) {
  .department-tit{width:calc(100% - 4rem);top: 5rem;}
  .department-tit .tit {font-size: 3.5rem;}
  .department-tit .info span {font-size: 2.5rem;}
  .department-tit .info p {font-size: 1.6rem;}
  .department-tit .info p br {display: none;}
  .department-tit .tit::after{width:0.7rem;height:0.7rem;top:3.3rem;right: 0.5rem;}
}