@charset "UTF-8";

.main-research-box{position:relative;padding:4.2rem 0 4.6rem;background: url(../../kor/img/main/bg-research.png) no-repeat center center;}
.main-research-box .research-swiper{position:relative;}
.main-research-box .research-swiper .swiper-wrapper .swiper-slide{width:95.4%;}
.main-research-box .research-swiper .swiper-wrapper .swiper-slide > a{display:flex;align-items:center;width:100%;box-sizing:border-box;}
.main-research-box .research-swiper .research-txt-box{padding:0 3% 0 0;width:38%;box-sizing:border-box;letter-spacing:-0.025em;}
.main-research-box .research-swiper .research-txt-box .research-title{display:-webkit-box;margin:0 0 1.4rem;font-size:3.2rem;font-weight:var(--font-weight-bold);color:var(--color03);line-height:4.6rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:break-word;transition:color 0.2s ease;}
.main-research-box .research-swiper .research-txt-box .research-txt{display:-webkit-box;margin:0 0 1.5rem;font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--black06);line-height:2.4rem;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;transition:color 0.2s ease;}
.main-research-box .research-swiper a:hover .research-txt-box .research-title,
.main-research-box .research-swiper a:hover .research-txt-box .research-txt{color:var(--color01);}
.main-research-box .research-swiper .research-txt-box .research-date{display:inline-block;position:relative;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black80);line-height:1.9rem;}
.main-research-box .research-swiper .research-txt-box .research-date::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;}
.main-research-box .research-swiper .research-img-box{position:relative;margin:0 12% 0 0;width:49.66%;padding-bottom:32.482%;box-sizing:border-box;overflow:hidden;}
.main-research-box .research-swiper .research-img-box::before {content:'';display:inline-block;width:100%;height:500px;background-color:var(--black002);position:relative;z-index:2}
.main-research-box .research-swiper .research-img-box img{transition:transform 0.6s ease;}
.main-research-box .research-swiper .research-img-box:hover img{transform:scale(1.1);}
.main-research-box .research-swiper .research-img-box .research-position-txt{position:absolute;top:0;left:0;padding:4rem 4.2rem;font-size:6rem;font-weight:var(--font-weight-medium);color:var(--white100);line-height:5.5rem;box-sizing:border-box;}
.main-research-box .research-swiper .control-wrap .counter-box{display:flex;justify-content:flex-end;position:absolute;bottom:0;left:0;z-index:20;padding:0 0 2rem;width:83%;box-sizing:border-box;}
.main-research-box .research-swiper .control-wrap .counter-box > span{display:inline-block;font-size:6rem;font-weight:var(--font-weight-medium);color:var(--white100);line-height:5.5rem;text-shadow:2px 2px 15px rgba(0, 0, 0, .2)}
.main-research-box .research-swiper .control-wrap .counter-box .total{padding:0 2rem 0 0;}
.main-research-box .research-swiper .control-wrap .page-box{display:flex;position:absolute;top:50%;left:0;width:81.8%;z-index:20;transform:translateY(-50%);}
.main-research-box .research-swiper .control-wrap .page-box button{display:block;position:absolute;width:1.7rem;height:3rem;background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:100%;transform:translateY(-50%);}
.main-research-box .research-swiper .control-wrap .page-box button.main-research-prev{right:52%;background-image:url(../../kor/img/main/ico-research-arrow-prev%402x.png);}
.main-research-box .research-swiper .control-wrap .page-box button.main-research-next{right:0;background-image:url(../../kor/img/main/ico-research-arrow-next%402x.png);}
.main-research-box .research-swiper + .swiper-pagination{top:unset;bottom:0;left:0;z-index:20;width:100%;height:4px;background-color:var(--color29);transition:width 5s ease-in-out 5s;}
.main-research-box .research-swiper + .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--color02);}

@media screen and (max-width:1024.98px){
	.main-research-box{padding:3rem 0 3.2rem;background-size:contain;}
	.main-research-box .research-swiper .swiper-wrapper .swiper-slide{width:100%;}
	.main-research-box .research-swiper .swiper-wrapper .swiper-slide > a{flex-direction:column-reverse;}
	.main-research-box .research-swiper .research-txt-box{padding:2.7rem 10rem 0 0;width:100%;}
	.main-research-box .research-swiper .research-txt-box br{display:none;}
	.main-research-box .research-swiper .research-txt-box .research-title{margin:0 0 1.6rem;font-size:2.4rem;line-height:3.2rem;-webkit-line-clamp:3;}
	.main-research-box .research-swiper .research-txt-box .research-txt{margin:0 0 7px;font-size:1.5rem;line-height:2.2rem;-webkit-line-clamp:3;}
	.main-research-box .research-swiper .research-txt-box .research-date{font-size:1.5rem;line-height:1.8rem;}
	.main-research-box .research-swiper .research-img-box{margin:0;padding-bottom:65.416%;width:100%;}
	.main-research-box .research-swiper .research-img-box .research-position-txt{padding:2.3rem 2.5rem;font-size:3.6rem;font-weight:var(--font-weight-regular);line-height:3.1rem;}
	.main-research-box .research-swiper .control-wrap{position:absolute;top:0;left:0;width:100%;padding-bottom:65.416%;}
	.main-research-box .research-swiper .control-wrap .counter-box{bottom:1rem;left:unset;right:0;padding:0;width:100%;}
	.main-research-box .research-swiper .control-wrap .counter-box > span{font-size:3.5rem;line-height:3rem;}
	.main-research-box .research-swiper .control-wrap .counter-box .total{padding:0 1.3rem 0 0;}
	.main-research-box .research-swiper .control-wrap .page-box{width:100%;transform:none;}
	.main-research-box .research-swiper .control-wrap .page-box button{width:1.4rem;height:2.4rem;}
	.main-research-box .research-swiper .control-wrap .page-box button.main-research-prev{right:unset;left:1rem;}
	.main-research-box .research-swiper .control-wrap .page-box button.main-research-next{right:1rem;}
	.main-research-box .research-swiper + .swiper-pagination{height:3px;}
}

@media screen and (max-width:700px){
	.main-research-box .research-swiper .research-txt-box{padding:2.7rem 5rem 0 0}
}