@charset "utf-8";

.research_recent{position: relative; background-color: #f3f8ff; line-height: 1.5; padding: 102px 0 95px;}
.research_recent .container{max-width: 1860px; padding: 0 30px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.research_recent .research-main{width: 41.7%; padding-top: 86px; position: relative; left: -100px; opacity: 0;}
.research_recent .research-main .research-logo{display: block; position: absolute; right: -126px; top: 0; width: 156px; height: 157px; z-index: 1;}
.research_recent .research-main .research-logo::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/research_text.png) no-repeat center center / cover; animation: rounded 8s infinite linear;}
.research_recent .research-main .research-logo::after{content:""; display: block; position: absolute; width: 92px; height: 45px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/research_logo.png) no-repeat center center / cover;; opacity: .5;}
.research_recent .research-main-image{border-radius: 15px; overflow: hidden; z-index: 2;}
.research_recent .research-main-image-box{ padding-bottom: 66.7%; position: relative; display: block !important;}
.research_recent .research-main-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.research_recent .research-main-content{margin-top: 34px; min-height: 131px;}
.research_recent .research-main-content h1{font-size: 24px; line-height: 32px; color: #000000; font-family: "SBA Medium"; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.research_recent .research-main-content p{font-size: 18px; line-height: 26px; color: #555555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px;}
.research_recent .research-main-content h1 span{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; transition: background-size .5s;}
.research_recent .research-main-content p span{display: block;}
.research_recent .research-main-content-box{display: block !important;}
.research_recent .research-main-content a:hover h1 span{background-size: 100% 2px;}
.research_recent .research-header{text-align: right; width: 58.3%; right: -100px; opacity: 0; position: relative; filter: blur(5px); transition: filter .3s}
.research_recent .research-header h1{font-size: 50px; color: #000000; font-family: "SBA Medium"; position: relative; display: inline-block;}
.research_recent .research-header h1::before{content:""; display: block; position: absolute; left: -24px; top: -4px; width: 18px; height: 18px; background: url(../images/campus_dots.png);}
.research_recent .research-header p{font-size: 18px; color: #000000; letter-spacing: .025em; margin-top: 4px;}
.research_recent .research-header .research-remote{display: flex; align-items: center; flex-wrap: wrap; justify-content: end; margin-top: 55px;}
.research_recent .research-header .research-remote .current,
.research_recent .research-header .research-remote .total{font-size: 16px; color: #333333; font-family: "SBA Medium";}
.research_recent .research-header .research-remote .slick-dots{position: static; display: flex; flex-wrap: wrap; margin: 0 18px; width: 165px;}
.research_recent .research-header .research-remote .slick-dots li{width: 33px; height: 2px; margin: 0;}
.research_recent .research-header .research-remote .slick-dots li button{width: 100%; height: 100%; background-color: #c8c8c8; padding: 0;}
.research_recent .research-header .research-remote .slick-dots li button::before{display: none;}
.research_recent .research-header .research-remote .slick-dots li.slick-active button{background-color: #1174ff}
.research_recent .research-header .research-remote .research-playstop{margin: 0 15px;}
.research_recent .research-header .research-remote .research-playstop button{display: none; width: 24px; height: 24px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; border: 1px solid #1174ff; font-size: 0;}
.research_recent .research-header .research-remote .research-playstop button.on{display: block;}
.research_recent .research-header .research-remote .research-playstop button.play {background-image: url(../images/news_play.png)}
.research_recent .research-header .research-remote .research-playstop button.stop {background-image: url(../images/news_stop.png)}
.research_recent .research-header .research-remote .research-arrow{margin-left: 18px;}
.research_recent .research-header .research-remote .research-arrow button{font-size: 0; width: 55px; height: 55px; border: 1px solid #d8d8d8; background-color: white; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-right: 5px;}
.research_recent .research-header .research-remote .research-arrow button:last-child{margin-right: 0;}
.research_recent .research-header .research-remote .research-arrow button.research-prev{background-image: url(../images/news_prev.png);}
.research_recent .research-header .research-remote .research-arrow button.research-next{background-image: url(../images/news_next.png);}
.research_recent .research-header .research-remote .research-arrow button:hover{background-color: #efefef;}
.research_recent .research-header .research-remote .research-arrow button.research-prev:hover{background-image: url(../images/news_prev_on.png);}
.research_recent .research-header .research-remote .research-arrow button.research-next:hover{background-image: url(../images/news_next_on.png);}
.research_recent .research-header .research-remote .research-more{margin-left: 10px;}
.research_recent .research-header .research-remote .research-more a{display: inline-block; border-radius: 50px; font-family: "SBA Medium"; font-size: 12px; color: white; background: #1174ff; padding: 19px 47px 18px 21px; position: relative;}
.research_recent .research-header .research-remote .research-more a::after{content:""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/more_white.png) no-repeat center center / cover; transition: transform .5s;}
.research_recent .research-header .research-remote .research-more a:hover::after{transform: rotate(180deg);}
.research_recent .inner{position: absolute; bottom: 18.3%; width: 54.12%;  right: -100px; opacity: 0;}
.research_recent .inner .list{margin-bottom: 0;}
.research_recent .inner .slick-list{padding-right: 110px; margin: 0 -20px;}
.research_recent .inner .slick-slide{margin: 0 20px; padding-top: 60px; transition: padding-top .5s; max-width: 442px; width: 100% !important;}
.research_recent .inner .slick-slide .research-list-box{display: block !important;}
/* .research_recent .inner .slick-slide .thumb{position: relative; border-radius: 15px; overflow: hidden; padding-bottom: 66.7%; max-width: 442px;} */
.research_recent .inner .slick-slide .thumb{position: relative; border-radius: 15px; overflow: hidden; padding-bottom: 294px; width: 100%;}
.research_recent .inner .slick-slide .thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.research_recent .inner .slick-slide.slick_now,
.research_recent .inner .slick-slide.slick_now + .slick-slide + .slick-slide{padding-top: 0;}
.research_recent .inner .slick-slide .con{display: none;}

.mCSB_container .research_recent .research-header{right: 0; opacity: 1;}
.mCSB_container .research_recent .research-main{left: 0; opacity: 1;}
.mCSB_container .research_recent .inner{right: 0; opacity: 1;}

@media screen and (min-width: 1921px) {
	.research_recent .inner{width: 52%;}
}

@media screen and (max-width: 1200px) {
	.research_recent{padding: 79px 0 68px;}
	.research_recent .research-main{width: 42.6%; padding-top: 109px;}
	.research_recent .research-main .research-logo{width: 108px; height: 108px; right: -85px; top: 45px;}
	.research_recent .research-main .research-logo::after{width: 70px; height: 33px;}
	.research_recent .research-main-image-box{padding-bottom: 67.5%}
	.research_recent .research-header{width: 57.4%;}
	.research_recent .research-header h1{font-size: 30px;}
	.research_recent .research-header p{font-size: 14px;}
	.research_recent .research-header .research-remote{margin-top: 26px;}
	.research_recent .research-header .research-remote .current,
	.research_recent .research-header .research-remote .total{font-size: 14px; line-height: 24px;}
	.research_recent .research-header .research-remote .slick-dots{margin: 0 10px; width: 125px;}
	.research_recent .research-header .research-remote .slick-dots li{width: 25px;}
	.research_recent .research-header .research-remote .research-playstop{margin: 0 14px 0 0;}
	.research_recent .research-header .research-remote .research-arrow{margin-left: 28px;}
	.research_recent .research-header .research-remote .research-arrow button{width: 40px; height: 40px; background-size: 8px;}
	.research_recent .research-header .research-remote .research-more{flex-basis: 100%; margin-top: 30px;}
	.research_recent .research-main-content{margin-top: 27px; min-height: 118px;}
	.research_recent .research-main-content h1{font-size: 20px; line-height: 28px;}
	.research_recent .research-main-content p{font-size: 16px; line-height: 26px; margin-top: 10px;}
	.research_recent .inner{width: 51%; bottom: 15%;}
	.research_recent .inner .slick-list{padding-right: 220px; margin: 0 -10px;}
	.research_recent .inner .slick-slide{margin: 0 10px; padding-top: 42px; max-width: 290px;}
	.research_recent .inner .slick-slide .thumb{padding-bottom: 65.7%;}
}

@media screen and (max-width: 768px) {
	.research_recent{padding: 45px 0 30px; overflow: hidden;}
	.research_recent .container{padding: 0 20px; flex-direction: column-reverse}
	.research_recent .research-header{width: 100%; position: relative; right: 0 !important;; filter: blur(0px) !important; opacity: 1 !important;}
	.research_recent .research-header h1{font-size: 24px;}
	.research_recent .research-header p{font-size: 12px;}
	.research_recent .research-header .research-remote .research-more{position:  absolute; left: 0; bottom: -4px; margin-top: 0; margin-left: 0;}
	.research_recent .research-header .research-remote .research-more a{padding: 13.5px 37px 13.5px 21px}
	.research_recent .research-header .research-remote{margin-top: 16px; position:relative; left: 12px;}
	.research_recent .research-header .research-remote .current,
	.research_recent .research-header .research-remote .total{font-size: 12px; line-height: 24px;}
	.research_recent .research-header .research-remote .slick-dots{margin: 0 10px 0 12px; width: 100px;}
	.research_recent .research-header .research-remote .slick-dots li{width: 20px;}
	.research_recent .research-header .research-remote .research-playstop{margin: 0 14px 0 0;}
	.research_recent .research-header .research-remote .research-arrow{margin-left: 20px;}
	.research_recent .research-header .research-remote .research-arrow button{width: 35px; height: 35px;}
	.research_recent .research-list{overflow: hidden;}
	.research_recent .research-main{width: 69.6%; padding-top: 69px; left: 0 !important; opacity: 1  !important;}
	.research_recent .research-main .research-logo{top: 0; right: -85px;}
	.research_recent .research-main-content{margin-top: 17px; min-height: 98px;}
	.research_recent .research-main-content h1{font-size: 16px; line-height: 24px;}
	.research_recent .research-main-content p{font-size: 12px; line-height: 20px;}
	.research_recent .inner{width: 48%; right: calc(-14% - 50px) !important; bottom: 20%; opacity: 1;}
	.research_recent .inner .slick-list{padding-right: 0; border-radius: 15px;}
	.research_recent .inner .slick-slide{padding-top: 0; max-width: 240px;}
	.research_recent .inner .slick-slide .thumb{padding-bottom: 62%;}

    .research_recent.scroll .inner{right: -24%;}
}

@keyframes rounded {
	0% {
		transform: rotate(0deg);
  	}
  	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}