@charset "UTF-8";

/*[S]Research*/
.wrap-research {position: relative;background: url('../images/research_bg.jpg') no-repeat top center / cover;}
.wrap-research .recentRsrch-wrap {max-width: 1500px;padding: 225px 0 135px;margin: 0 auto;}
.wrap-research .rsrch-area {position: relative;}
.wrap-research .swiper-wrapper {height: auto;padding-bottom: 15px;margin-top: 135px;}
.wrap-research .swiper-slide {display: flex;justify-content: space-between;align-items: flex-end;}
.wrap-research .desc {position: relative;display: flex;flex-direction: column;width: 588px;;margin-left: 85px;opacity: 0;margin: 0 50px;top: -110px;transition: .1s;flex-shrink: 0;}
.wrap-research .swiper-slide.swiper-slide-active .desc {opacity: 1;}
.wrap-research .desc {display: flex;align-items: flex-start;margin-bottom: 12px;}
.wrap-research .desc span {flex-shrink: 0;font-size: 48px;color: #fabf00;font-family: 'cb';letter-spacing: 2px;line-height: 0.7;}
.wrap-research .desc span em {margin-left: 3px;}

.wrap-research .sj { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 7px;font-size: 36px;font-family: 'cs';color: #000;line-height: 1.1;margin-bottom: 12px;}
.wrap-research .subSj {padding-right: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 10px;font-family: 'cr';font-size: 20px;color: #376cc7;margin-bottom: 12px;}
.wrap-research .rsrchNm {display: none;}
.wrap-research .info p:nth-child(2) {font-family: 'cr';font-size: 18px;color: #515151;}
.wrap-research .viewBtn {display: block;margin-left: auto;width: 120px;padding: 9px;margin-top: 25px;border: 1px solid #a6a6a6;font-family: 'cr';font-size: 14px;color: #a6a6a6;border-radius: 20px;text-align: center;transition: .25s;}
.wrap-research .viewBtn:hover {background: #a6a6a6;color: #fff;}
.wrap-research .thumb {position: relative; width: 700px;height: 460px;opacity: 0;transform: translate(0) rotate(0);transition: 1s;}
.wrap-research .thumb .img {width: 100%;height: 100%;}
.wrap-research .swiper-slide.swiper-slide-active .thumb {transform: translate(-28px, -94px) rotate(5deg);opacity: 1; }
.wrap-research .thumb img {width: 100%;height: 100%;box-shadow: 10px 10px 0 rgba(0,0,0,.2);object-fit: cover;object-position: center;}
.wrap-research .circle { position: absolute;right: 54px;top: 116px;z-index: 1;}
.wrap-research .circle span {position: absolute;left: 50%;top: 50%;width: 24%;transform: translate(-50%, -50%);}
.wrap-research .circle a {display: block;height: 100%;}
.wrap-research .circle a > img {animation: rotateCircle 20s linear infinite;}
.wrap-research::before {content: 'Research Archive';position: absolute;top: 125px;left: 0;font-family: 'cs';color: #0051bf;font-size: 130px;opacity: .3;}



.wrap-research .swiper-control {display: flex;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;z-index: 10;}
.wrap-research .swiper-toggle {background-size: contain;background-repeat: no-repeat;border: none;background-color: transparent;cursor: pointer;}
.wrap-research .autoplay-pause {width: 10px;height: 10px;background-image: url('../images/ic-research_pause.png');transform: translateY(2px);}
.wrap-research .autoplay-play {width: 12px;height: 12px;background-image: url('../images/ic-research_play.png');filter: invert(1);transform: translateY(2px);}
.wrap-research .swiper-pagination {display: inline-block;position: relative;transform: none;}
.wrap-research .swiper-pagination-bullet {width: 10px;height: 10px;background: #9e9e9e;margin-right: 10px;opacity: 1;transition: background .25s, width .25s;}
.wrap-research .swiper-pagination-bullet-active {width: 50px;background: #0058ff;border-radius: 5px;}
.wrap-research .swiper-pagination-bullet:last-child {margin-right: 12px;}
@keyframes rotateCircle {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}

@media (max-width: 1600px) {
  .wrap-research .thumb  {margin-right: 100px;height: 300px;}  
  .wrap-research .viewBtn  {margin-right: 35px;}
  .wrap-research .circle {left: 82vw;right: auto;width: 13vw;bottom: 35vw;top:auto;}
}

@media(max-width: 1400px) {
  .wrap-research .thumb {margin-right: 30px;}
  .wrap-research .desc {margin-right: 50px;}
}

@media (max-width: 1200px) {
  .wrap-research .desc {align-items: flex-start;}
  .wrap-research .tit span {font-size: 42px;}
  .wrap-research .sj {font-size: 30px;}
  .wrap-research .subSj {font-size: 19px;}
}

@media (max-width: 1100px) {
  .wrap-research::before {font-size: 80px;top: 90px}
  .wrap-research .recentRsrch-wrap {padding: 200px 40px 80px; }
  .wrap-research .swiper-slide {flex-direction: column-reverse;align-items: center;justify-content: flex-start;}
  .wrap-research .thumb {width: 100%;margin-bottom: 80px;max-width: 500px;margin-right: 0;margin-left: 90px;}
  .wrap-research .desc {width: 100%;;margin-right: 0;margin-left: 0;}
  .wrap-research .circle {width: 190px;top: 165px;left: 70vw;bottom: auto;}
  .wrap-research .swiper-control {bottom: 22px;}
  .wrap-research .subSj {padding-right: 0;margin-bottom: 0;}
  .wrap-research .viewBtn {margin-left: 0;margin-right: 0;}
}

@media (max-width: 768px) {
  .wrap-research .circle {width: 140px;top: 115px;left: 65vw;}
  .wrap-research .recentRsrch-wrap {padding: 60px 20px 0;}
  .wrap-research .thumb {max-width: 350px;margin-left: 60px;}
  .wrap-research::before {top: 65px;font-size: 55px;line-height: 0.95;}
  .wrap-research .tit span {font-size: 35px;}
  .wrap-research .sj {font-size: 25px;}
  .wrap-research .subSj {font-size: 18px;}
  .wrap-research .info p:nth-child(2) {font-size: 16px;}
  .wrap-research .swiper-wrapper {margin-top: 155px;}
  .wrap-research .swiper-control {bottom: 60px}
  .wrap-research .swiper-pagination-bullet {width: 8px;height: 8px;margin-right: 8px;}
  .wrap-research .swiper-pagination-bullet:last-child {margin-right: 10px;}
  .wrap-research .swiper-pagination-bullet-active {width: 40px;}
  .wrap-research .autoplay-pause {width: 9px;height: 9px;background-image: url('../images/ic-research_pause.png');}
  .wrap-research .autoplay-play {width: 11px; height: 11px;}
}

@media (max-width: 499px) {
  .wrap-research .recentRsrch-wrap {padding: 120px 20px 0;}
}

/*[E]Research*/