@charset "utf-8";

.researchMain{background-color: #fff;padding:170px 0; position:relative;}
.researchMain .inner{max-width: 1560px;margin:0 auto; position:relative; z-index: 101;}
.researchMain .title{text-align: center;line-height: 1;margin-bottom:80px;color: #a0a0a0;font-size: 60px;font-family: 'BMDOHYEON';font-weight: normal;}
.researchMain .title > span{color:#8b0028;}

.researchMain .list > ul{font-size:0;}
.researchMain .list > ul > li:nth-child(1){background: url(../images/ac-bg-w.png) no-repeat left top;margin-bottom: 120px;}
.researchMain .list > ul > li:nth-child(1) .thumb{float: right;width:50%;overflow: hidden;transition:all ease 1s;}
.researchMain .list > ul > li:nth-child(1) .thumb img{width:780px;height: 625px;transition:all ease 1s;}
.researchMain .list > ul > li:nth-child(1):hover .thumb{filter:brightness(0.7);}
.researchMain .list > ul > li:nth-child(1):hover .thumb img{transform: scale(1.1);}

.researchMain .list > ul > li:nth-child(1) .con{float:left;width:50%;position:relative;height: 625px;padding:90px 0 85px;text-align: left;}
.researchMain .list > ul > li:nth-child(1) .con:before{content:'';width:890px;height: 1100px;/*background:url('../images/white-big-k.png') no-repeat center;*/position:absolute;left: -430px;top: -270px;cursor: auto;}

.researchMain .list > ul > li:nth-child(1) .con .subjectText{font-size:65px;color:#212121;font-family: 'Noto Black';margin-bottom: 40px;padding-right: 20px;line-height: 1.15;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 9;max-width: 95%;}

.researchMain .list > ul > li:nth-child(1) .content {font-size: 18px;font-family: 'Noto Regular';color:#212121;line-height: 2.25;padding-right: 200px;margin-bottom: 25px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 9;}

.researchMain .list > ul > li:nth-child(1) .readMore{position: absolute;left: 0;width: 50px;height:50px;right:0;bottom: 60px;font-size:16px;font-family: 'Noto Medium';color:#8b0029;display: block;}
/**
.researchMain .list > ul > li:nth-child(1) .readMore:after{content:'';width: 66px;height:8px;background:url('../images/more-arrow.png') no-repeat center;display: block;position:relative;top: -21px;left: 50px;}
.researchMain .list > ul > li:nth-child(1) .readMore:before{content:'';background:#8b0029;width:42px;height:42px;border-radius:50%;display:block;margin-left:auto;position: relative;top: 36px;left: 3px;}
**/

.researchMain .list > ul > li:nth-child(2){clear: both;}
.researchMain .list > ul > li{position: relative;display: inline-block;vertical-align: top;}
.researchMain .list > ul > li:nth-child(1){max-width:100%;}
.researchMain .list > ul > li > a{display:block;height: fit-content;}
.researchMain .list > ul > li + li{width: calc(100% / 3 - 60px);}
.researchMain .list > ul > li + li .thumb{overflow:hidden;max-width: 460px;max-height: 680px;text-align: right;display: flex;justify-content: center;transition:all ease .5s;filter: brightness(0.5);}
.researchMain .list > ul > li + li .thumb img{max-width:initial;height:100%;min-height: 680px;min-width: fit-content;}
.researchMain .list > ul > li + li + li{margin-left:90px;}
.researchMain .list > ul > li + li .con{position: absolute;left:35px;bottom: 40px;padding-right: 35px;transition: all ease .5s;max-width: 400px;}
.researchMain .list > ul > li + li .con .subjectText span{font-size: 25px;color:#fff;font-family: 'Noto Medium';line-height: 1.25;position: relative;padding-bottom:45px;transition: all ease .5s;display: block;letter-spacing: -1px;}
.researchMain .list > ul > li + li .con .subjectText span:before{content:'';width:66px;height: 8px;transition:all ease .5s;background:url('../images/strong-arr.png') no-repeat center;display: block;position: absolute;bottom:0;left:0;z-index: 2;}
.researchMain .list > ul > li + li .con .subjectText span:after{content:'';width:42px;height: 42px;transition:all ease .5s;background-color:#8b0028;border-radius: 50%;position: absolute;left: 40px;bottom: -18px;z-index: 1;}
.researchMain .list > ul > li + li .con .content span{color:#cecdcd;font-size:18px;height: 0;opacity:0.25;transition: all ease .5s;line-height:1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.researchMain .list > ul > li .con .date{display: none;}


.researchMain .list > ul > li + li:hover .thumb{animation: scale-up-center 0.65s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@keyframes scale-up-center {
	0% {transform: scale(1);filter: blur(0) brightness(0.5);}
	50% {transform: scale(1.025);filter: blur(1px) brightness(0.7);}
	100% {transform: scale(1); filter: blur(0), brightness(0.7);}
}


.researchMain .list > ul > li:hover .con .subjectText span{padding-bottom:35px;}
.researchMain .list > ul > li:hover .con .content span{height:116px;padding-top:35px;opacity:1;}
.researchMain .list > ul > li:hover .thumb{filter: brightness(0.7);}
.researchMain .list > ul > li:hover .con .subjectText span:before{width:100%;height:1px;background: #fff;bottom:0;}
.researchMain .list > ul > li:hover .con .subjectText span:after{left:100%;width:10px;height:10px;opacity: 0;}

.researchMain .inner .more{display: none;}
.researchMain .list > ul > li + li .hamburger{display:none;}

@media (max-width: 1600px) {
.researchMain .inner{padding:0 25px;}
}

@media (max-width: 1400px) {
.researchMain .title{font-size:50px;}
.researchMain .list > ul > li:nth-child(1){height:520px;margin-bottom:70px;}
.researchMain .list > ul > li:nth-child(1) .con .subjectText{font-size:48px;}
.researchMain .list > ul > li:nth-child(1) .thumb img{height:520px;}
.researchMain .list > ul > li:nth-child(1) .content{line-height: 1.4;}
.researchMain .list > ul > li + li .thumb{max-height: 580px;}
.researchMain .list > ul > li + li .thumb img{min-height: 580px;}
.researchMain .list > ul > li + li{width: calc(100% / 3 - 45px);height: 580px;}
.researchMain .list > ul > li + li + li{margin-left: 67px;}
.researchMain .list > ul > li + li .con .subjectText span{font-size:20px;}
.researchMain .list > ul > li:hover .con .subjectText span{padding-bottom:25px;}
.researchMain .list > ul > li:hover .con .content span{padding-top:25px;height: 88px;}
.researchMain .list > ul > li + li .con .content span{font-size:15px;}
}

@media (max-width: 1200px) {
.researchMain .list > ul > li + li{width: calc(100% / 3 - 24px);height:420px;}
.researchMain .list > ul > li + li + li{margin-left: 35px;}
.researchMain .list > ul > li > a{height:100%;}	
}

@media (max-width: 1000px) {
.researchMain{padding-top:85px;padding-bottom:100px;}
.researchMain .title{font-size:37px;margin-bottom: 35px;}
.researchMain .list > ul > li:nth-child(1){height:380px;margin-bottom: 40px;}
.researchMain .list > ul > li:nth-child(1) .con:before{width:550px;height:680px;background-size:contain;top: -150px;left: -330px;}
.researchMain .list > ul > li:nth-child(1) .con{padding-top:45px;}
.researchMain .list > ul > li:nth-child(1) .con .subjectText{font-size:40px;margin-bottom: 25px;}
.researchMain .list > ul > li:nth-child(1) .content{font-size:13px;}
.researchMain .list > ul > li:nth-child(1) .thumb img{height:380px;}
.researchMain .list > ul > li:nth-child(1) .readMore{width:85px;height:27px;background-size:contain;}    

.researchMain .list > ul > li + li .con .subjectText span{font-size:17px;padding-bottom: 30px;}
.researchMain .list > ul > li + li .thumb{max-height: 420px;}
.researchMain .list > ul > li + li .thumb img{min-height: 420px;height: 420px;}
.researchMain .list > ul > li + li .con .content span{font-size:12px;}
.researchMain .list > ul > li:hover .con .subjectText span{padding-bottom:12px;}
.researchMain .list > ul > li:hover .con .content span{padding-top:15px;height: 70px;}
.researchMain .list > ul > li + li .con{left:20px;padding-right:20px;bottom: 25px;}

.researchMain .list > ul > li + li .con .subjectText span:after{width:25px;height: 25px;left: 26px;bottom: -10px;}
.researchMain .list > ul > li + li .con .subjectText span:before{width:40px;background-size: contain;}
  
.researchMain .list > ul > li:nth-child(1) .readMore{width:85px;height: 25px;font-size:11px;}
.researchMain .list > ul > li:nth-child(1) .readMore:before{width:25px;height:25px;top: 23px;left: 1px;}
.researchMain .list > ul > li:nth-child(1) .readMore:after{width:40px;background-position: right center;left: 37px;top: -16px;}
}

@media (max-width: 767px) {
    .researchMain{padding-top: 60px;padding-bottom: 30px;}
    .researchMain .list > ul > li:nth-child(1) .con:before{top: -520px;width: 515px;height: 636px;z-index: 0;left: -350px;}
    .researchMain .list > ul > li:nth-child(1){height:auto;background:none;}
    .researchMain .list > ul > li:nth-child(1) .thumb img{height:auto;}
    .researchMain .list > ul > li:nth-child(1) .thumb{width:100%;float:none;position: relative;z-index: 1;}
    .researchMain .list > ul > li:nth-child(1) .con{float:none;width:100%;height: auto;padding-bottom: 35px;}
    .researchMain .list > ul > li:nth-child(1) .con .subjectText{font-size:35px;}
    .researchMain .list > ul > li:nth-child(1) .content{font-size:18px;padding-right: 25px;}
    .researchMain .list > ul > li + li{width:100%;height: 650px;}
    .researchMain .list > ul > li + li + li{margin-left:0;margin-top:15px;display:none;}
    .researchMain .list > ul > li + li .thumb{max-height: 680px;max-width: 100%;}
    .researchMain .list > ul > li + li .thumb img{height: 680px;width: 100%;}
    
    .researchMain .list > ul > li + li .con .subjectText span{padding-bottom:25px !important;font-size:24px;}
    .researchMain .list > ul > li + li .con .content span{height:116px !important;padding-top:25px !important;opacity:1;font-size:16px;}
    .researchMain .list > ul > li + li .thumb{filter: brightness(0.7);}

    .researchMain .list > ul > li + li .con .subjectText span:before{width:100%;height:1px;background: #fff;bottom:0;}
    .researchMain .list > ul > li + li .con .subjectText span:after{left:100%;width:10px;height:10px;display: none;}
}


.cursor {opacity: 0; font-family: Noto Bold; position: absolute; top: 0; left: 0; width: 200px; font-size: 17px; color:#000; text-align: center; line-height: 100px; height: 200px; background-color: #ffffff; border-radius: 50%; z-index: 9999; pointer-events: none; transition: transform 200ms ease-out; mix-blend-mode: difference; } 
.cursor.cursor_expand {opacity: 1;} 


.researchMain svg {

    font-family: 'Noto Bold';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10%;
    z-index: 1;
    left: -30%;
    transform: scale(2);
    opacity: .6;
	display:none;
}
.researchMain.scroll svg text {
	text-transform: uppercase;
	animation: stroke2 10s infinite;
	stroke-width: .01;
	stroke: #8b0029;
	font-size: 100px;
}
@keyframes stroke2 {
	0%{fill:rgba(255,255,255,0); stroke:#8b0029; stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: .1;}
	70%  {fill:rgba(255,255,255,0); stroke:#8b0029;}
	80%  {fill:rgba(139,0,41,0.5); stroke:#8b0029; stroke-width: .1;}
	100% {fill:rgba(255,255,255,0); stroke:#8b0029; stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width:.1; }
}


.researchMain .hamburger{position:relative;}
.researchMain .hamburger .line{width: 50px;height: 5px;background-color: #9c9c9c;display: block;-webkit-transition: all 0.3s ease-in-out;-o-wrap_photo : all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.researchMain .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
.researchMain .hamburger .line:nth-child(2){width:5px;height:50px;margin:0 auto;}
.researchMain .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}

.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(2){background:#fff;transform: rotate(90deg);}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(1){background:#fff;top:14px;width:35px;transform: translateX(23px) rotate(45deg);}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(3){background:#fff;top:36px;width:35px;transform: translateX(23px) rotate(-45deg);}




@media all and (max-width:1200px) {    
.researchMain .list > ul > li:nth-child(1) .readMore{width: 38px;height: 38px;font-size:11px;}
.researchMain .list > ul > li:nth-child(1) .hamburger .line{width:38px;height:3px;}	
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(2){width:3px;height:38px;margin:0 auto;}
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(1){top: 11px;width:25px;transform: translateX(18px) rotate(45deg);}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(3){top: 28px;width:25px;transform: translateX(18px) rotate(-45deg);}		
}



@media all and (max-width:767px) {
.researchMain .list > ul > li:nth-child(1) .hamburger{width:32px;height:32px;bottom: 10px;}	
.researchMain .list > ul > li:nth-child(1) .hamburger .line{width:32px;height:3px;}	
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-1.5px;}
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(2){width:3px;height:32px;margin:0 auto;}
.researchMain .list > ul > li:nth-child(1) .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-1.5px;}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(1){top: 9px;width:22px;transform: translateX(16px) rotate(45deg);}
.researchMain .list > ul > li:nth-child(1):hover .hamburger .line:nth-child(3){top: 24px;width:22px;transform: translateX(16px) rotate(-45deg);}	
}