@charset "utf-8";

/************************************************************************
visual
************************************************************************/
/* list */
.wrap-visual{position:relative;}
.wrap-visual .visual-title{display:none;}

/* slider in text */
.wrap-visual .visual-slide .swiper-slide{height: 83rem;}
.wrap-visual .visual-slide .swiper-slide img{width:100%; height:100%; object-fit: cover;}
.wrap-visual .visual-slide .swiper-slide .subject{display:none;}
.wrap-visual .visual-slide img {max-height: 100%;}

@media screen and (max-width: 1600px) {
  .wrap-visual .visual-slide .swiper-slide {height: 85rem;}
}

@media screen and (max-width: 1279px) {
  .wrap-visual .visual-slide .swiper-slide{height: 70rem;}
}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-slide .swiper-slide{height: 55rem;}
}

/* control */
.wrap-visual .visual-util{position: absolute;bottom: 8rem; left: 50%;transform: translateX(-50%);z-index: 1;width: 100%;text-align: center;}
.wrap-visual .visual-util .area{display:inline-block; background: rgba(0, 0, 0, 0.5); padding: 0.8rem 1.6rem 0.8rem 2.3rem; border-radius: 5rem;}
.wrap-visual .visual-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-visual .visual-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-visual .visual-util .row .paging span{opacity:1;width: 1.2rem;height: 1.2rem;padding: 0.5rem;background: #fff;border-radius: 100%;transition: width .25s;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{width: 2.8rem;background: #0275ce;border-radius: 1.2rem;}

/* icon counter */
.wrap-visual .visual-util .row .counter{display: flex;gap: 1rem;margin-right: 3rem;display: none;}
.wrap-visual .visual-util .row .counter span{position: relative;color:#dedede;font-size: 1.5rem;font-weight: 200;font-family: Suite;}
.wrap-visual .visual-util .row .counter span::before {content: "0";font-size: 1.5rem;color: #fff;}
.wrap-visual .visual-util .row .counter span.now {font-weight: 500;color: #fff;}
.wrap-visual .visual-util .row .counter .slash:before{content:'/';}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-util {bottom: 7.5rem;}
  .wrap-visual .visual-util .row .counter {margin-right: 1.2rem;}
  .wrap-visual .visual-util .area {padding: 0.6rem 1.3rem}
  .wrap-visual .visual-util .row .counter span {font-size: 1.3rem;}
  .wrap-visual .visual-util .row .counter span::before {font-size: 1.3rem;}
  .wrap-visual .visual-util .control-button button {background-size: 38%;}
  .wrap-visual .visual-util .control-button button.stop {background-size: 30%;}
  .wrap-visual .visual-util .control-button button.play {background-size: 48%;}
  .wrap-visual .visual-util .row {gap: 1.2rem;}
  .wrap-visual .visual-util .row .paging span {width: 1rem;height: 1rem;}
  .wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active {width: 1rem;height: 1rem;}
}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;justify-content: space-between;margin-left: 0;}
.wrap-visual .control .stop, .wrap-visual .control .play {margin: 0;}
.wrap-visual .visual-util .control-button{display: flex;gap:0rem;}
.wrap-visual .visual-util .control-button button{ display: block;text-indent: -9999px;}
.wrap-visual .visual-util .control-button button.prev {order: 1;}
.wrap-visual .visual-util .control-button button.next {order: 2;}
.wrap-visual .visual-util .control-button .p-s {order: 3;}
.wrap-visual .visual-util .control-button  .p-s button{display:none;}
.wrap-visual .visual-util .control-button  .p-s button.on{display:block;}
.wrap-visual .visual-util .control-button button{width: 2rem;height: 2rem; background-repeat: no-repeat;background-position: center;}
.wrap-visual .visual-util .control-button button.prev{background-image: url(./../../images/icon/arrow_back.png);}
.wrap-visual .visual-util .control-button button.next{background-image: url(./../../images/icon/arrow_forward.png);}
.wrap-visual .visual-util .control-button button.stop{background-image: url(./../../images/icon/pause.png);}
.wrap-visual .visual-util .control-button button.play{background-image: url(./../../images/icon/play.png);}


/*타이틀*/
.sec1-tit .tit {display: block;margin-bottom: 2.5rem;font-size: 8rem;font-weight: 500;color: #222;line-height: 9rem;}
.sec1-tit .tit span {color: #00a651;}
.sec1-tit p {position: relative;padding-left: 15.6rem;font-size: 1.8rem;color: #666;font-weight: 400;}
.sec1-tit p::before {content: '';position: absolute;left: 0;top: 1.4rem;width: 12.3rem;height: .2rem;background: #2d69d5;}

@media screen and (max-width: 1279px) {
  .sec1-tit .tit {font-size: 7rem;}
}

@media screen and (max-width: 768px) {
  .sec1-tit .tit {font-size: 4.2rem;line-height: 1.25;}
  .sec1-tit p{padding-left:12.5rem;font-size:1.5rem;}
  .sec1-tit p::before{width:11rem;height: 0.1rem;top: 1.15rem;}
}


/************************************************************************
quick
************************************************************************/
.quick-menu{}

.quick-menu h2{display:none;}
.quick-menu ul{display: block;}
.quick-menu li{position: relative;padding: 3.5rem 2rem;border-bottom: 1px solid #343434;cursor: pointer;}
.quick-menu li:nth-child(1){border-top: 1px solid #343434;}
.quick-menu li .thumb{opacity:0; transition:ease all .5s; display: block;position: absolute;right: -5rem;top: 50%;transform: translateY(-50%);width: 31.1rem;height: 31.1rem;flex-shrink: 0;-webkit-mask-image: url(./../../images/main/img-quick-frame.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: top center;-webkit-mask-size: 100% 100%;mask-image: url(./../../images/main/img-quick-frame.png); mask-repeat: no-repeat;mask-position: top center;mask-size: 100% 100%;}
.quick-menu li.on .thumb{opacity:1; }
.quick-menu .thumb::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;}
.quick-menu .thumb::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 11rem;height: 11rem;border: 1px solid rgb(255,255,255,.7);border-radius: 50%;background: url(./../../images/icon/ic-quick-link.png) no-repeat center;transition: .25s;}
.quick-menu .thumb img {width: 100%;height: 100%; object-position: center;object-fit: cover;}
.quick-menu .subject{}
.quick-menu .subject .t-1{display: block;margin-bottom: 1.2rem;font-size: 2.8rem;color: #333;font-weight: 800;}
.quick-menu li .subject .t-2{display:none; font-size: 1.7rem;font-weight: 400;color: #666;line-height: 2.5rem; width: calc(100% - 31rem);}
.quick-menu li.on .subject .t-2{display:block;}

/*퀵링크*/
.wrap-quick ul {border-top: 1px solid #343434;}
.wrap-quick li {position: relative;padding: 2.8rem 2rem 1.7rem 0;border-bottom: 1px solid #343434;cursor: pointer;}
.wrap-quick li strong {display: block;margin-bottom: 1.2rem;font-size: 2.8rem;color: #333;font-weight: 800;}
.wrap-quick li p {display: none;font-size: 1.7rem;font-weight: 400;color: #666;line-height: 2.5rem;} 
.wrap-quick .link {display: none;position: absolute;right: -5rem;top: 50%;transform: translateY(-50%);width: 31.1rem;height: 31.1rem;flex-shrink: 0;-webkit-mask-image: url(./../../images/main/img-quick-frame.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position: top center;-webkit-mask-size: 100% 100%;mask-image: url(./../../images/main/img-quick-frame.png); mask-repeat: no-repeat;mask-position: top center;mask-size: 100% 100%;}
.wrap-quick .link::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;}
.wrap-quick .link::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 11rem;height: 11rem;border: 1px solid rgb(255,255,255,.7);border-radius: 50%;background: url(./../../images/icon/ic-quick-link.png) no-repeat center;transition: .25s;}
.wrap-quick .link img {width: 100%;height: 100%;object-position: center;object-fit: cover;}
.wrap-quick li.on {padding: 5rem 31rem 8.7rem 0}
.wrap-quick li.on p,
.wrap-quick li.on .link {display: block;}

@media screen and (max-width: 1400px) {
  .wrap-quick .link {width: 25rem;height: 25rem;}
  .wrap-quick li.on  {padding: 5rem 25rem 8.7rem 0;}
}

@media screen and (max-width: 1279px) {
  .wrap-quick .link {right: 0;}
}

@media screen and (max-width: 768px) {
  .wrap-quick .link {width: 23rem;height: 23rem;} 
  .wrap-quick li strong {font-size: 2.3rem;}
  .quick-menu li.on .subject .t-2{opacity:0;display: none;}
  .quick-menu li .subject .t-2{width: calc(100% - 15rem);}
  .quick-menu li:nth-child(1) .subject .t-2{display:block;opacity: 1;}
  .quick-menu li .thumb{width:22rem;height:22rem;right:-2.5rem;z-index: -1;}
  .quick-menu li.on .thumb{opacity:0;}
  .quick-menu .thumb::after{width:6rem;height:6rem;}
  .quick-menu li:nth-child(1){border-top:1px solid #333;}
  .quick-menu li:nth-child(1) .thumb{opacity:1;}

}

/*공지사항*/
.recent-headline .tab-btn{font-size:2.5rem;font-weight:500;padding-right: 20px;}
.recent-headline .tab-btn.active{font-size: 3.4rem;font-weight: 800;color: #005baa;}
.recent-headline .more {display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 1rem;width: 3rem;height: 3rem;background: #fff;text-indent: -9999px;}
.recent-headline .more::before {content: '';width: 3rem;height: 3rem;background: url(./../../images/icon/ic-notice-more.png) no-repeat center;}
.recent-headline .row {padding: 2.25rem 0 0;margin-top: 2rem;background: #fff;border-top: 1px solid #222;}
.recent-headline .row > li {display: none;}
.recent-headline .row > li.active {display: block;}
.recent-headline .list > ul > li {position: relative;padding-left: 1rem;margin-bottom: 1.5rem;}
.recent-headline .list > ul > li:last-child {margin-bottom: 0;}
.recent-headline .list > ul > li::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: .3rem;height: .3rem;background: #333;border-radius: 50%;}
.recent-headline .list > ul > li > a {display: flex;justify-content: space-between;align-items: center;}
.recent-headline .list > ul > li > a:hover .sj {background-size: 100% 1px;}
.recent-headline .sj {display: block;max-width: 82%;color: #333;font-weight: 400;font-size: 1.8rem;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background-image: linear-gradient(#333, #333);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 0 1px;transition: background-size .5s;}
.recent-headline .cn {display: none;}
.recent-headline .date {flex-shrink: 0;color: #666;font-weight: 200;font-size: 1.8rem;}
.recent-headline .first-news {position: relative;padding-left: 1rem;margin-bottom: 2rem;}
.recent-headline .first-news::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: .3rem;height: .3rem;background: #333;border-radius: 50%;}
.recent-headline .first-news .text-box {width: 80%;}
.recent-headline .first-news .text-box strong{max-width:100%;}
.recent-headline .first-news .text-box strong i{display: inline-block;margin-right: 0.5rem;position: relative;top: 0.5rem;}
.recent-headline .first-news > a {display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.recent-headline .first-news > a:hover .sj {background-size: 100% 1px;}
.recent-headline .first-news p strong {display: none;}

.recent-headline .list > ul > li > a strong i{display: inline-block;margin-right: 0.5rem;position: relative;top: 0.5rem;}

.recent-headline .img-box{display:none;}

@media screen and (max-width: 768px) {
  .recent-headline .tab-btn {font-size: 1.6rem;padding-right:15px;}
  .recent-headline .tab-btn.active{font-size:2rem;}
  .recent-headline .sj {width: 75%;font-size: 1.6rem;}
  .recent-headline .first-news .text-box .sj {width: 95%;}
  .recent-headline .date {font-size: 1.6rem;}
  .recent-headline .more {top: .5rem;}
  .recent-headline .more::before {width: 2.5rem;height: 2.5rem;}
  .recent-headline .first-news{margin-bottom:1.5rem;}
}



/************************************************************************
Focus on 최근 게시글
************************************************************************/
.recent_photo {width: 100%;height: 100%;}
.recent_photo .frame {width: 100%;height: 100%;}
.recent_photo h2,
.recent_photo .date,
.recent_photo .title {display: none;}
.recent_photo li > a {display: flex;}
.recent_photo .frame .nodata{color:#fff;}
.recent_photo li .thumb  {overflow: hidden;}
.recent_photo li .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform ease-in-out .35s;}
.recent_photo li > a:hover .thumb img {transform: scale(1.1);}

.recent_photo .thumb {width: 37.6rem;height: 38rem;}
.recent_photo .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.recent_photo .con {flex: 1;min-width: 29rem;height: 38rem;flex-shrink: 0;padding: 10rem 2rem 4rem 3.7rem;background: url(./../../images/main/bg-focus-txt.png) no-repeat center / cover;}
.recent_photo .subjectText {margin-bottom: 2.1rem;font-size: 2.9rem;color: #fff;font-weight: 500;line-height: 1.2;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.recent_photo .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.recent_photo .content {font-size: 1.8rem;color: #fff;font-weight: 100;line-height: 2.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.recent_photo .control {position: absolute;right: 0;top: 0;z-index: 1;}
.recent_photo .more {position: absolute; right: 0; top: 0; display: block;width: 5.5rem;height: 5.5rem;background: #252525;transition: background .25s;text-indent: -9999px;}
.recent_photo .more::before {content: '';position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 2.8rem;height: 2.8rem;background: url(./../../images/icon/ic-focus-more.png) no-repeat center;transition: background .25s;}
.recent_photo .more:hover::before {background: url(./../../images/icon/ic-focus-more-on.png) no-repeat center;}
.recent_photo .more:hover {background: #fff;}
@media screen and (max-width: 1750px) {
  .recent_photo .con {min-width: 24rem;}
} 
@media screen and (max-width: 1500px) {
  .recent_photo .con {min-width: 20rem;}
} 
@media screen and (max-width: 768px) {
  .recent_photo .con {min-width: 50%;padding: 8rem 2rem 4rem 3rem;}
  .recent_photo .subjectText {font-size: 2.6rem;}
}


/************************************************************************
News Life
************************************************************************/
.wrap-photo {max-width: 140rem;margin: 0 auto;}
.wrap-photo {padding: 7rem 0 10rem;border-bottom: 1px solid #cdcdcd;background: url(./../../images/main/ic-news-deco-dot.png) no-repeat left top;}
.wrap-photo::before {content: 'Arise PNU. Together, higher, with PNU';position: absolute;right: 0;top: 0;width: 85rem;;font-size: 8rem;color: #f7f7f7;font-weight: 900;text-align: right;line-height: 9rem;text-transform: uppercase;}

.wrap-photo h2{display: block;font-size: 8rem;color: #212121;max-width: 160rem;margin: 0 auto 7rem;line-height: 1.6;}
.wrap-photo h2 .sub_txt{font-size: 2.3rem;color: #666;display:block;font-weight: 300;}
/*
.wrap-photo h2:after{content:'다양한 소식을 전해드립니다';font-size: 2.3rem;color: #666;display:block;font-weight: 300;}
*/
.wrap-photo .title {display: none;}
.wrap-photo .list{position:relative;}
.wrap-photo .thumb{border: 1px solid #ddd;overflow: hidden;width: 60%;flex-shrink: 0;max-width: 80rem;height: 35rem;}
.wrap-photo .thumb img {width: 100%;height: 100%;}
.wrap-photo .swiper-slide-active {}
.wrap-photo .subject{display: grid;align-items: end;grid-template-columns: 80rem 1fr;}
.wrap-photo .swiper-slide-active .thumb {width: 100%;height: 50rem;}
.wrap-photo .swiper-slide-prev .thumb {left: 72rem;position: relative;}
.wrap-photo .swiper-slide-next .thumb {}
.wrap-photo .date {display: none;}
.wrap-photo .con {}

.wrap-photo .swiper-slide{padding: 0 10rem;filter: grayscale(1);opacity: 0.6;}
.wrap-photo .swiper-slide-active {padding: 0;filter: grayscale(0);opacity: 1;}
.wrap-photo .swiper-slide-next {top: 15rem;}
.wrap-photo .swiper-slide-active .con {background: #005bac;height: auto;width: 100%;padding: 4rem;display: flex;flex-direction: column;gap: 2.5rem;justify-content: center;height: 30rem;}
.wrap-photo .subjectText {color: #fff;font-size: 3rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4;}
.wrap-photo .content {color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.4;}
.wrap-photo .control {display: flex;align-items: center;gap: 1.5rem;position: absolute;right: 0;top: 14rem;padding: 1rem;z-index:1;}
.wrap-photo .button-prev {width: 2.4rem;height: 2.4rem;background: url(./../../images/icon/ic-news-prev.png) no-repeat center;text-indent: -9999px;transition: background .25s;order: 2;}
.wrap-photo .button-next {width: 2.4rem;height: 2.4rem;background: url(./../../images/icon/ic-news-next.png) no-repeat center;text-indent: -9999px;transition: background .25s;order: 3;}
.wrap-photo .button-prev:hover {background: url(./../../images/icon/ic-news-prev-on.png) no-repeat center}
.wrap-photo .button-next:hover {background: url(./../../images/icon/ic-news-next-on.png) no-repeat center}
.wrap-photo .more {display: block;width: 1.6rem;height: 1.6rem;background: url(./../../images/icon/ic-news-more.png) no-repeat center;text-indent: -9999px;order: 4;}
.wrap-photo .swiper-pagination {display: flex;align-items: center;position: relative;order: 1;}
.wrap-photo .swiper-pagination > span {width: .9rem;height: .9rem;border: 1px solid #a8a8a8;background: #fff;margin-right: 1rem;}
.wrap-photo .swiper-pagination > span:last-child {margin-right: 0;}
.wrap-photo .swiper-pagination-bullet-active {background: #000 !important;}
.wrap-photo .slide-num {content: '';position: absolute;right: 46rem;top: 7rem;font-size: 7rem;color: #d5d5d5;font-weight: 800;}

@media all and (max-width:1600px) {
  .wrap-photo {padding:7rem 2rem 10rem;}
  .wrap-photo .list_wrap{overflow:hidden;}
}

@media all and (max-width:1400px) {
  .wrap-photo {padding:7rem 2rem 10rem;}
  .wrap-photo .subject{grid-template-columns:1fr 1fr}
  .wrap-photo::before{font-size:5rem;line-height: 1.2;width: 50%;z-index: -1;}
}

@media all and (max-width:1200px) {
  .wrap-photo .slide-num{display:none;}
  .wrap-photo .swiper-slide-active .thumb{max-width:100%}
  .wrap-photo .subject{grid-template-columns:1fr}
  .wrap-photo .swiper-slide-active .con{height:auto;}
  .wrap-photo .list{}
  .wrap-photo .control{position: relative;top: inherit;right: inherit;margin: 0 auto;justify-content: center;margin-top: 2rem;z-index:1;}
}



/* 

*/