@charset "utf-8";

.dev {position:relative;}


/* 연구분야 */
body .part {}
.part .part-bg {width:100%; height:540px; background:var(--sky); position:absolute; left:0; top:0; z-index:-1;}
.part .part-bg .deco {width:100%; height:100%; position:absolute; left:0; bottom:0; overflow:hidden;}
.part .part-bg .deco  div {position:absolute; display:block; z-index:1; border-radius:50%; aspect-ratio:1/1;  }
.part .part-bg .deco .deco1 {right:0; bottom:0; width:800px; border:200px solid #fff; transform:translate(405px,405px)}
.part .part-bg .deco .deco2 {left:1245px;top:90px; width:200px; border:50px solid var(--sky); opacity: 0.2; mix-blend-mode: multiply;}
.part .part-bg .deco .deco3 {left:1220px;top:110px; width:14px; background:rgba(255, 255, 255, 0.50);}
.part .part-bg .deco .deco4 {left:1300px;top:140px; width:14px; background:var(--sky); mix-blend-mode: multiply;}
.part .part-bg .deco .deco5 {left:1445px;top:60px; width:30px; background:#fff;}
.part .part-bg .deco .deco6 {left:0; top:0; width:360px;height: 360px;border: 100px solid var(--bgcGray5);transform:translate(-180px,-180px)}


.part .part-inner {position:relative;}
.part .part-tit {padding:0 0 65px; color:#fff;font-size:var(--fontSize11); line-height:1.8;}
.part .part-tit span {padding:0 0 20px; font-weight: 800; display:block;text-decoration-line: underline;text-underline-offset: 7px; text-underline-position: from-font;}

.part .part-list {display:flex; flex-direction:column; gap:50px;}
.part .part-item {display:flex; overflow:hidden; border-radius:20px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, .08); background:#fff;}
.part .part-item .img {width:50%; max-height:440px;}
.part .part-item .img img {width:100%; height:100%; object-fit:cover;}
.part .part-item .con {width:50%; padding:80px;border-radius:0 20px 20px 0;  border: 1px solid var(--bgcGray2); backdrop-filter: blur(10px);}
.part .part-item .con .num {font-size:var(--fontSize4); font-weight:800; line-height:1.2;}
.part .part-item .con .tit {font-size:var(--fontSize13); font-weight:800; color:var(--sky); line-height:1.2;}
.part .part-item .con .tit small {font-size:var(--fontSize11); font-weight:400; display:block;}
.part .part-item .con .txt {padding:30px 0 0; font-size:var(--fontSize4);line-height:1.8;}
.part .part-item:nth-child(even) {flex-direction: row-reverse;}
.part .part-item:nth-child(even) .con { border-radius:20px 0 0 20px; }


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 연구분야 */
	.part .part-bg {height:400px; }
	.part .part-tit {padding:0 0 50px; line-height:1.7;}
	.part .part-tit span {}
	
	.part .part-item .con {padding:40px;}
	.part .part-item .con .tit {}
	.part .part-item .con .txt {padding:20px 0 0; line-height:1.7;}
	
	/* 페이징 MOBILE */
	.page_box {position:relative; margin-top:30px; text-align:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile {display:inline-block; margin:0; padding:0;}
	.page_box .mobile>li {float:left; height:100%;}
	.page_box .mobile>li:last-child {padding-right:0;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/* 연구분야 */
	.part .part-tit {padding:0 0 40px;line-height:1.6;}
	.part .part-tit span {}
	
	
	.part .part-item {display:block;}
	.part .part-item .img {width:100%; height:45vw; min-height:180px;}
	.part .part-item .con {width:100%; padding:30px;  border-radius:0 0 20px 20px !important;}
	.part .part-item .con .tit {}
	.part .part-item .con .txt {line-height:1.6;}
	
	
	
	
}