@charset "utf-8";
/************************************************************************
visual
************************************************************************/
/* visual */
.wrap-visual{position:relative;}
.wrap-visual .visual-title{display:none;}

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

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

/* control */
.wrap-visual .visual-util{position: absolute;bottom: 11.5rem;left: calc(calc(100% - 1700px) / 2);z-index: 1;}
.wrap-visual .visual-util .area{display:inline-block; background: rgba(0, 0, 0, 0.5); padding: 0.8rem 2.5rem; border-radius: 5rem;}
.wrap-visual .visual-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

@media screen and (max-width: 1600px) {
  .wrap-visual .visual-util {left: 6rem;}
}

/* dotted */ 
.wrap-visual .visual-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-visual .visual-util .row .paging span{opacity:1;padding: 0.5rem;display: flex;align-items: center;justify-content: center;background: transparent;border: 1px solid transparent;width: auto;height: auto;}
.wrap-visual .visual-util .row .paging span:before{content:'';width: 0.5rem;height: 0.5rem;display: block;background: #fff;border-radius: 100%;position: relative;z-index: 1000;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #fff;}

/* icon counter */
.wrap-visual .visual-util .row .counter{display: flex;gap: 1rem;margin-right: 1.85rem;}
.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 {left: 2rem;bottom: 9.5rem;}
  .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: 30%;}
}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;justify-content: space-between;}

.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);}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-util .control-button button {background-size: 40%;}
  .wrap-visual .visual-util .control-button .p-s button.stop {background-size: 32%;}
  .wrap-visual .visual-util .control-button .p-s button.play {background-size: 50%;}
}




/************************************************************************
최신게시물-공지사항
************************************************************************/
.wrap-notice {padding: 3rem 3.6rem 6rem;background: #0f5ea5;}
.wrap-notice ._inner{height:34rem;overflow:hidden;}
.wrap-notice h2 {margin-bottom: 3.5rem;font-size: 2.3rem;color: #fff;font-weight: 800;}
.wrap-notice .title {display: none;}
.wrap-notice .subject {position: relative;display: block;padding-left: 8.6rem;}
.wrap-notice .list li {margin-bottom: 4.5rem;}
.wrap-notice .list li.nodata{color:#fff;}
.wrap-notice .list li:last-child {margin-bottom: 0;}
.wrap-notice .subject .date {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6.5rem;height: 6.5rem;color: #fff;font-weight: 200;font-size: 1.2rem;border: 1px solid #fff;text-align: center;line-height: 1.2;display: flex;align-items: center;justify-content: center;}
.wrap-notice .subject .date > span{position: relative;padding-top: 3rem;}
.wrap-notice .subject .date span span{font-size: 1.2rem;}
.wrap-notice .subject .date span span:nth-last-child(1){  position: absolute;  top: 0;  left: 0;  width: 100%;  text-align: center;  font-size: 2.5rem;  font-weight: 500;}
.wrap-notice .subject .date span .dote2{display:none;}
.wrap-notice .subject .date .num {display: block;margin-bottom: .2rem;font-size: 2.5rem;font-weight: 500;}
.wrap-notice .subject .date em::before {content: '.';color: #fff;}
.wrap-notice .subject .subjectText {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.9rem;color: #fff;font-weight: 500;}
.wrap-notice .subject .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.wrap-notice .subject .content span {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #ccc;font-size: 1.7rem;font-weight: 200;    height: 25.5px;}
.wrap-notice .more {position: absolute;right: 3.6rem;top: 4rem;width: 2.7rem;height: 2.7rem;background: url('./../../images/icon/ic-more-white.png') no-repeat center;text-indent: -9999px;}

.wrap-notice .subjectText {background-image: linear-gradient(#fff,#fff);background-size: 0 1px;background-position: left bottom;background-repeat: no-repeat;transition: background-size .35s;}
.wrap-notice .list li:hover .subjectText {background-size: 100% 1px;}
.wrap-notice .content span {background-image: linear-gradient(#ccc,#ccc);background-size: 0 1px;background-position: left bottom;background-repeat: no-repeat;transition: background-size .35s;transition-delay: .25s;}
.wrap-notice .list li:hover .content span {background-size: 100% 1px;}
.wrap-notice .readMore{display:none;}

@media screen and (max-width:768px) {
  .wrap-notice .list {padding: 0 4rem;}
  .wrap-notice .list li {margin-bottom: 4rem;}
}

/************************************************************************
최근게시물-연구과제안내
************************************************************************/
.wrap-notice01 {padding: 3rem 3.6rem 6rem;background: #fff; border-top: 1px solid #ddd;}
.wrap-notice01 ._inner{height:34rem;overflow:hidden;}
.wrap-notice01 h2 {margin-bottom: 3.5rem;font-size: 2.3rem;color: #212121;font-weight: 800;}
.wrap-notice01 .title {display: none;}
.wrap-notice01 .subject {position: relative;display: block;padding-left: 8.6rem;}
.wrap-notice01 .list li {margin-bottom: 4.5rem;}
.wrap-notice01 .list li:last-child {margin-bottom: 0;}

.wrap-notice01 .subject .date {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6.5rem;height: 6.5rem;color: #262931;font-weight: 200;font-size: 1.2rem;border: 1px solid #262931;text-align: center;line-height: 1.2;display: flex;align-items: center;justify-content: center;}
.wrap-notice01 .subject .date > span{position: relative;padding-top: 3rem;}
.wrap-notice01 .subject .date span span{font-size: 1.2rem;}
.wrap-notice01 .subject .date span span:nth-last-child(1){  position: absolute;  top: 0;  left: 0;  width: 100%;  text-align: center;  font-size: 2.5rem;  font-weight: 500;}
.wrap-notice01 .subject .date span .dote2{display:none;}
.wrap-notice01 .subject .date .num {display: block;font-size: 2.5rem;font-weight: 500;color: #262931;}
.wrap-notice01 .subject .date em::before {content: '.';color: #666;}
.wrap-notice01 .subject .subjectText {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.9rem;color: #212121;font-weight: 500;}
.wrap-notice01 .subject .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.wrap-notice01 .subject .content span {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;font-size: 1.7rem;font-weight: 200;height: 25.5px;}
.wrap-notice01 .more {position: absolute;right: 3.6rem;top: 4rem;width: 2.7rem;height: 2.7rem;background: url('./../../images/icon/ic-more-color.png') no-repeat center;text-indent: -9999px;}

.wrap-notice01 .subjectText {background-image: linear-gradient(#212121,#212121);background-size: 0 1px;background-position: left bottom;background-repeat: no-repeat;transition: background-size .35s;}
.wrap-notice01 .list li:hover .subjectText {background-size: 100% 1px;}
.wrap-notice01 .content span {background-image: linear-gradient(#ccc,#ccc);background-size: 0 1px;background-position: left bottom;background-repeat: no-repeat;transition: background-size .35s;transition-delay: .25s;}
.wrap-notice01 .list li:hover .content span {background-size: 100% 1px;}
.wrap-notice01 .readMore{display:none;}

@media screen and (max-width:768px) {
  .wrap-notice01 .list {padding: 0 4rem;}
  .wrap-notice01 .list li {margin-bottom: 4rem;}
}


/************************************************************************
퀵메뉴
************************************************************************/
.wrap-quick {overflow: hidden;padding: 6rem 11rem;background: #f8f8f8;}
.wrap-quick ._inner{max-width:170rem; margin:0 auto;}
.wrap-quick .quick-title {display: none;}
.wrap-quick .slider{overflow:hidden;padding: 1rem 0;}
.wrap-quick .swiper-slide {position: relative;}
.wrap-quick .swiper-slide::before {content: '';position: absolute;right: 0;top: 50%;margin-top: -8.1rem;width: 1px;height: 16.2rem;background: #cdcdcd;}
.wrap-quick .swiper-slide.swiper-slide-active::after {content: '';position: absolute;left: 0;top: 50%;margin-top: -8.1rem;width: 1px;height: 16.2rem;background: #cdcdcd;}
.wrap-quick .swiper-slide > a {display: block;width: 100%;height: 100%;text-align: center;padding: 0 8rem;}
.wrap-quick .swiper-slide > a > div {margin-top: 1.5rem}
.wrap-quick .t-1 {display: block;margin-bottom: 1rem;font-size: 2.2rem;font-weight: 500;color: #151515;}
.wrap-quick .t-2 {display: block;font-size: 1.7rem;color: #555;font-weight: 300;}

.wrap-quick .swiper-slide > a:hover .thumb{animation-name:jump;animation-fill-mode:both;animation-duration:1s;position:relative;}
@keyframes jump{
  0%{top:0;}
  15%{top:5px;}
  60%{top:-10px;}
  100%{top:0;}
}

@media screen and (max-width:1750px) {
  .wrap-quick{padding: 5rem 2rem;}
}

@media screen and (max-width:1279px) {
  .wrap-quick .swiper-slide > a {padding: 0 2.5rem;}
}

@media screen and (max-width:768px) {
  .wrap-quick {padding: 6rem 2rem 4rem;}
  .wrap-quick .swiper-slide > a{padding:0 1.5rem;}
  .wrap-quick .t-1{font-size:2rem;}
  .wrap-quick .t-2{font-size:1.5rem;line-height:1.4;font-weight:200;}
  .wrap-quick .swiper-slide.swiper-slide-active.swiper-slide-visible:after{left:unset;right:0;}
  .wrap-quick .swiper-slide::before{display:none;}
}



/* 

*/