@charset "utf-8";

/* English translated*/
html[lang="en"] .main-slogan .inner{  max-width: 90rem;}
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"] .wrap-quick .t-1{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}

@media screen and (max-width:1000px) {
  html[lang="en"] .wrap-notice .more{top:5rem;}
}

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

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

@media screen and (max-width:1750px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml:nth-child(2) {left: 10rem;}
}
@media screen and (max-width:1500px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml:nth-child(2) {top: 15.5rem;}
}
@media screen and (max-width:1279px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml:nth-child(2) {top: 8.5rem;left: 7rem;}
}
@media screen and (max-width:768px) {
  ._contentBuilder .multipleDiv:nth-child(1) ._objHtml:nth-child(2)  {left: 2rem;}
}

/*비주얼 슬로건*/
.main-slogan {color:#fff;line-height:1.3;max-width: 1600px;margin: 0 auto;padding-left: 70px;}
.main-slogan .link-btn {position: relative;display: block;margin-top: 5rem;padding: 0 1.8rem;color: #fff;width: 17rem;height: 5rem;font-size: 1.7rem;line-height: 4.7rem;font-weight: 400;border: 1px solid #fff;transition: .25s;background: transparent;border-radius: 3.2rem;}
.main-slogan .link-btn::before {content: '';position: absolute;right: 2rem;top: 50%;width: 1rem;height: 1rem;margin-top: -.5rem;background: url(./../../images/icon/ic-detail-arrow.png) no-repeat center;}
.main-slogan .link-btn:hover {border: 1px solid #000;color: #fff;background: #000;}
.main-slogan .t-1{font-size:6.5rem;margin-bottom: 1rem;display: block;}
.main-slogan .t-2{font-size: 3rem;line-height: 4.5rem;}

@media screen and (max-width:1500px) {
  .main-slogan .t-1 {margin-bottom: 2rem;font-size: 5.5rem;margin-bottom: 1.5rem;}
  .main-slogan .t-2 {font-size: 2rem;line-height: 3.2rem;}
  .main-slogan .link-btn {margin-top: 4rem;}
}
@media screen and (max-width:1279px) {
  .main-slogan{padding-left:0;}
}
@media screen and (max-width:1024px) {
  .main-slogan .t-1 {font-size: 4.5rem;margin-bottom: 1rem;}
  .main-slogan .t-2 {font-size: 1.8rem;line-height: 2.5rem;}
  .main-slogan .link-btn {margin-top: 2.5rem;height: 4.5rem;font-size: 1.6rem;}
}
@media screen and (max-width:767px) {
  .main-slogan .t-1{font-size:3.5rem;}
}

/*비주얼 홍보동영상 배너*/
.wrap-promo-video {position: absolute;left: 50%;bottom: -7rem;z-index: 1;transform: translate(-50%);}
.wrap-promo-video .frame{width: 60rem;height: 40rem;padding: 4rem 8.4rem;background: #005baa;border-radius: 0 0 0 9rem;margin-left: 105rem;}
.wrap-promo-video .tit {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 1.3rem;}
.wrap-promo-video .tit strong {color: #fff;font-size: 2.2rem;font-weight: 500;}
.wrap-promo-video .tit a {display: inline-block;padding-right: 1.8rem;font-size: 1.5rem;color: #a7c4f7;font-family: 400;background: url(./../../images/icon/ic-view-arrow.png) no-repeat right center;}
.wrap-promo-video .desc {margin-top: 1rem;text-align: right;color: #fff;font-weight: 500;font-size: 1.7rem;line-height: 2.3rem;text-transform: uppercase;}
.wrap-promo-video .desc span {display: block;color: #f6ff00;}

@media screen and (max-width:1750px) {
  .wrap-promo-video {right: 2rem; transform: inherit; left: inherit;}
}

@media screen and (max-width:1300px) {
  .wrap-promo-video{position: relative;bottom: inherit;top: 0;padding: 0 2rem;right: 0;margin-top: -13rem;margin-bottom: -3rem;}
  .wrap-promo-video .frame{margin-left: 0;width: 100%; height: auto;}
  .wrap-promo-video .frame .img-box{overflow:hidden:2rem 4rem;}
  .wrap-promo-video .frame .img-box img{width:100%;}
}

@media screen and (max-width:767px) {
  .wrap-promo-video{margin-top: -13rem;}
  .wrap-promo-video .frame{padding:2rem 6rem;}
}

/************************************************************************
Schedule, News Room, Admissions Office
************************************************************************/
._contentBuilder > div:nth-child(4) {position: relative;background: url(./../../images/main/bg-sec.jpg) no-repeat center / cover;}
#multipleContentsDiv_template13_26 {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 14rem 0 8rem;max-width: 160rem;}
#multipleContentsDiv_template13_26 > div {width: calc(50% - 3rem);}

@media screen and (max-width:1750px) {
  #multipleContentsDiv_template13_26 {padding: 8rem 2rem 8rem;}
}

@media screen and (max-width:1024px) {
  #multipleContentsDiv_template13_26 {flex-direction: column;}
  #multipleContentsDiv_template13_26 > div {width: 100%;margin-bottom: 7rem;}
  #multipleContentsDiv_template13_26 > div:nth-child(2) {margin-bottom: 0;}
}

@media screen and (max-width:1024px) {
  #multipleContentsDiv_template13_26 > div:nth-child(1) {order: 1;}
  #multipleContentsDiv_template13_26 > div:nth-child(2) {order: 3;}
  #multipleContentsDiv_template13_26 > div:nth-child(3) {order: 2;}
}

/* Admissions Office */
.wrap-admissions h2{font-size: 3rem;color: #fff;font-weight: 800;position:relative;display:inline-block;padding-right:1.5rem;margin-bottom:2rem;}
.wrap-admissions h2::after {content: '';position: absolute;right:0;top: 0;width: 1rem;height: 1rem;background: #fcaf17;border-radius: 50%;}
.wrap-admissions .frame {display: flex;justify-content: space-between;align-items: center;padding: 3rem 3.5rem;position: relative;background: #0275ce url(./../../images/main/bg-admissions.png) no-repeat center / cover;}
.wrap-admissions .left .t-1 {display: block;font-size: 2rem;font-weight: 500;color: #fff;}
.wrap-admissions .left .t-2 {display: block;font-size: 3.5rem;font-weight: 500;color: #fff;}
.wrap-admissions .left .t-3 {font-size: 1.8rem;font-weight: 400;color: #fff;}
.wrap-admissions .left a{color:#fff !important;}
.wrap-admissions .right a {display: flex;justify-content: center;align-items: center;width: 10rem;height: 10rem;line-height: 2.4rem;text-align: center;color: #fff;background: #02ba6e;border-radius: 50%;}

@media screen and (max-width:1024px) {
  .wrap-admissions {margin-top: 0;}
  .wrap-admissions .frame {padding: 2rem 3.5rem 3rem;}
  .wrap-admissions .left .t-2{font-size:2.9rem;}
}