@charset "utf-8";

/* English translated*/
html[lang="en"] .main-slogan .t-1{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-bottom:0; margin-bottom:1.5rem;}
html[lang="en"] .main-slogan .t-2{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}
html[lang="en"] .main-slogan .t-3{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
html[lang="en"] .wrap-notice .subject .date{display: flex; align-items: center; justify-content: center; padding: 0;}
html[lang="en"] .wrap-notice .subject .date span + span{display:none;}
html[lang="en"] .wrap-notice01 .subject .date{display: flex; align-items: center; justify-content: center; padding: 0;}
html[lang="en"] .wrap-notice01 .subject .date span + span{display:none;}
html[lang="en"] .wrap-visual-link li p{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;}
html[lang="en"] .wrap-quick .t-2{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;}

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


/************************************************
section01 - visual slogan
************************************************/
#multipleContentsDiv_pnu_basic_67{position:relative; }
#multipleContentsDiv_pnu_basic_67 > div:nth-child(2) {position:absolute;top: 7.5rem;width: 100%;z-index:1;}

.main-slogan {color:#fff; line-height:1.3;max-width:170rem;margin:0 auto;}
.main-slogan .inner{position:relative;padding:5rem 0; max-width:90rem;}

.main-slogan .t-1{position: relative;display: block;margin-bottom: 1.5rem;padding-bottom: 2.5rem;font-size:3rem;font-weight: 200;}
.main-slogan .t-1::before {content: '';position: absolute;bottom: 0;left: 0;width: 5rem;height: 1px;background: #fff;}
.main-slogan .t-2{font-size: 6.5rem;font-weight: 200;line-height: 7.5rem;}
.main-slogan .t-2 strong {font-weight: 800;}
.main-slogan .t-3{font-size: 6.5rem;font-weight: 800;}

@media screen and (max-width: 1850px) {
  .main-slogan .t-1 {font-size: 2.3rem;}
  .main-slogan .t-2 {font-size: 2.5rem;}
  .main-slogan .t-3 {font-size: 3.5rem;}
}

@media screen and (max-width:1600px) {
  #multipleContentsDiv_pnu_basic_67 > div:nth-child(2) {width: 30%;left: 6rem;}
}

@media screen and (max-width: 1500px) {
  .main-slogan .t-1 {font-size: 2.3rem;}
  .main-slogan .t-2 {font-size: 3rem;}
  .main-slogan .t-3 {font-size: 4rem;}
}

@media screen and (max-width:1279px) {
  #multipleContentsDiv_pnu_basic_67 > div:nth-child(2) {width: 43rem;top: 1.5rem;}
}

@media screen and (max-width:768px) {
  .main-slogan .t-3 {font-size:  4rem;}
  #multipleContentsDiv_pnu_basic_67 > div:nth-child(2) {top: auto;bottom: 12rem;left: 2rem;}
}

@media screen and (max-width:650px) {
  .main-slogan .t-1 {font-size: 1.8rem;}
  .main-slogan .t-2 {font-size: 3.0rem; line-height: 4rem;}
  .main-slogan .t-3 {font-size:  3.0rem;}
}

/************************************************************************
비주얼 콘텐츠 박스
************************************************************************/
#multipleDiv_template11_11 {position: absolute;width: 100%;max-width: 170rem;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;pointer-events: none;}
#multipleContentsDiv_template11_11 {display: flex;flex-wrap: wrap;justify-content: flex-end;width: 85rem !important;float: right;pointer-events: auto;}
/**#multipleContentsDiv_template11_11 > div{width:45.9%;}**/
#multipleContentsDiv_template11_11 > div:nth-child(3) {width: 100% !important;}

@media screen and (max-width:1600px) {
  #multipleContentsDiv_template11_141 {width: 78rem !important;}
}

@media screen and (max-width:1279px) {
  #multipleDiv_template11_11 {position: relative;width: 100% !important;max-width: 100% !important;top: auto;left: auto;transform: translateX(0);min-height: auto !important;}
  #multipleContentsDiv_template11_11 {width: 100% !important;float: none;}
  #multipleContentsDiv_template11_11 > div{width:50%;}
  #multipleContentsDiv_template11_11 > div:nth-child(3) {width: 100% !important;}
}

@media screen and (max-width:768px) {
  #multipleContentsDiv_template11_11 {flex-direction: column;}
  #multipleContentsDiv_template11_11 > div{width:100%;}
}


/************************************************************************
링크박스
************************************************************************/
.wrap-visual-link {width: 100%; position: relative; top: -1px;}
.wrap-visual-link .frame {display: flex;}
.wrap-visual-link .tit {position: relative;display: block;width: 7rem;height: 19.5rem;background: #00a651;color: #fff;flex-shrink: 0;}
.wrap-visual-link .tit p {position: absolute;transform: rotate(-90deg) translate(-9rem, -.4rem);white-space: nowrap;font-size: 1.5rem;font-weight: 400;font-family: 'Montserrat';line-height: 1;color: #fff;}
.wrap-visual-link ul {display: flex;width: calc(100% - 7rem);}
.wrap-visual-link li {width: 50%;transition: background .25s;}
.wrap-visual-link li:first-child {background: #262931;}
.wrap-visual-link li:last-child {background: #3a3d47;}
.wrap-visual-link li:hover:first-child {background: #2d3038;}
.wrap-visual-link li:hover:last-child {background: #41444c;}
.wrap-visual-link li > a {display: block;width: 100%;height: 100%;padding: 3.4rem 3.8rem;}
.wrap-visual-link li span {display: block;margin-bottom: 2rem;font-size: 2.3rem;color: #fff;font-weight: 800;}
.wrap-visual-link li p {margin-bottom: 2rem;font-size: 1.7rem;color: #fff;font-weight: 200; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap-visual-link li em {position: relative;display: inline-block;padding-right: 3.5rem;margin-left: 1rem;color: #fff;font-size: 1.5rem;font-weight: 200;}
.wrap-visual-link li em::before {content: '';position: absolute;left: -1rem;top: 0;width: 2rem;height: 2rem;border-radius: 50%;background: #fff;opacity: .2;}
.wrap-visual-link li em::after {content: '';position: absolute;right: 0;top: 1rem;width: 2.2rem;height: .7rem;;background: url("./../../images/icon/ic-link-arrow.png") no-repeat center;}

@media screen and (max-width:1600px) {
  .wrap-visual-link .tit {width: 6.5rem !important;}
}

@media screen and (max-width:768px) {
  .wrap-visual-link .tit {display: none;}
  .wrap-visual-link ul {width: 100%;flex-direction: column;}
  .wrap-visual-link li {width: 100%;}
}