@charset "utf-8";

body main {}
body main.d-page {} 
body main.d-page .moreBtn {padding-right:40px; font-size:var(--fontSize5); font-weight: 400; line-height: 140%; background:url(../../images/icon/moreBtn.svg)100% center no-repeat;}
body main.d-page .moreBtn.sky {font-size:var(--fontSize6); font-weight: 700; color:var(--primary); background-image:url(../../images/icon/moreBtn-sky.svg);}
body main.d-page .moreBtn.white {font-size:var(--fontSize6); font-weight: 700; color:#fff; background-image:url(../../images/icon/moreBtn-white.svg);}
body main.d-page .moreBtn:hover {padding-right:54px;}


main .main-visual {height:100vh; position:relative; overflow:hidden;}
main .main-visual:before {width:100%; height:100%; left:0;top:0; position:absolute; display:block; content:''; background:rgba(0,0,0,.5);}
main .main-visual img {width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; z-index:-1;}

main .main-visual .visualImgSwiper {width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
main .main-visual .visualImgSwiper .swiper-slide {opacity:0 !important;}
main .main-visual .visualImgSwiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
main .main-visual .visualImgSwiper .swiper-slide video {width:100%; height:100%; object-fit:cover;}
main .main-visual .visualImgSwiper .swiper-slide-active {opacity:1 !important;}

main .main-visual .visualSwiper {height:100%; position:relative; overflow:hidden;}
main .main-visual .visualSwiper .swiper-slide {opacity:0 !important; padding:0 0 175px; position:relative;}
main .main-visual .visualSwiper .swiper-slide-active {opacity:1 !important;}
main .main-visual .visualSwiper .swiper-slide .txt {gap:10px; height:100%; display:flex; flex-direction:column; justify-content:end;position:relative; }
main .main-visual .visualSwiper .swiper-slide .txt h2 {color: var(--primary); font-size:var(--fontSize12); font-weight: 800;line-height: 110%;}
main .main-visual .visualSwiper .swiper-slide .txt p {color:#fff; font-size:var(--fontSize13); font-weight: 600; line-height: 100%;}
main .main-visual .visualSwiper .custom {padding:530px 0 0;gap:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; right:0; top:0;}
main .main-visual .visualSwiper svg path {transition:var(--ani);}
main .main-visual .visualSwiper .swiper-button-next,
main .main-visual .visualSwiper .swiper-button-prev {width:34px; height:40px; background:none; position:static;}
main .main-visual .visualSwiper .swiper-button-prev svg {width:100%; height:100%; object-fit:scale-down;}
main .main-visual .visualSwiper .swiper-button-next:hover svg path,
main .main-visual .visualSwiper .swiper-button-prev:hover svg path {opacity:1;}
main .main-visual .visualSwiper .swiper-pagination {gap:40px; display:flex; flex-direction:column; position: static;}
main .main-visual .visualSwiper .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:1;}
main .main-visual .visualSwiper .swiper-pagination-bullet-active {background:var(--primary);}



/* 연구분야 */
main .main-part {padding:180px 0; position:relative; overflow:hidden;}
main .main-part .deco {
	width: 1200px; height: 1200px; border-radius:50%; border:250px solid var(--bgcGray4);
	left:-600px; bottom:-600px; position:absolute;
}
main .main-part .wrap {display:flex; position:relative;}

main .main-part .part-con {width:550px;}
/* main .main-part .part-conWrap {width:100%;} */
main .main-part .part-con .swiper {position:relative; overflow:hidden;}
main .main-part .part-con .custom {display:flex; justify-content:space-between; align-items:center; position:relative;}
main .main-part .swiper-button-prev, main .main-part .swiper-button-next {
	width:30px; height:30px; border-radius:50%; border:1px solid var(--bgcGray3);
	background:center no-repeat; transition:var(--ani); position:static;
}
main .main-part .swiper-button-prev:hover, main .main-part .swiper-button-next:hover {background-color:#f7f7f7;}
main .main-part .swiper-button-prev {background-image:url(../../images/icon/prev.svg);}
main .main-part .swiper-button-next {margin-left:5px; background-image:url(../../images/icon/next.svg);}
main .main-part .swiper-pagination {width:auto; display:flex; gap:10px; font-size:var(--fontSize6); font-weight: 800; line-height: 100%; letter-spacing: -0.42px; color:#000; position:static;}
main .main-part .swiper-pagination .swiper-pagination-current {}
main .main-part .swiper-pagination .swiper-pagination-total {opacity: 0.5;}
main .main-part .swiper-scrollbar {width:calc(100% - 200px); height:1px;}

main .main-part .part-con .txt {padding:70px 0 45px;}
main .main-part .part-con .txt h3 {color: var(--primary); font-size:var(--fontSize10); font-weight: 700; line-height: 120%;}
main .main-part .part-con .txt p {min-height:75px; margin:10px 0 46px; font-size:var(--fontSize4);font-weight: 400; line-height: 140%;}
main .main-part .part-con .txt a {}
main .main-part .titHead {color:#000; font-size:var(--fontSize14); font-weight: 600;line-height: 120%;letter-spacing: -0.6px;}

main .main-part .part-img {width:50%; position:absolute; right:0; z-index:-1;}
main .main-part .part-img .swiper {}
main .main-part .part-img .swiper .swiper-slide {opacity:0;  height:372px;border-radius:20px; overflow:hidden;box-shadow: 30px 30px 15px 0px rgba(0, 0, 0, 0.15); transition:opacity .3s;}
main .main-part .part-img .swiper .swiper-slide-active {opacity:1;}
main .main-part .part-img .swiper .swiper-slide-next {opacity:.2;}
/* main .main-part .part-img .img {width:100%; height:100%; } */
main .main-part .part-img img {width:100%; height:100%; object-fit:cover;}

/* 연구성과 및 특허 */
main .main-dev {padding:180px 0; background:var(--darkGray); position:relative; overflow:hidden;}
main .main-dev:before {background:url(../../images/main/devImg_01.WEBP)center /cover no-repeat; width:100%; height:100%; left:0; top:0; opacity:.3; position:absolute; display:block; content:'';mix-blend-mode: multiply;}
main .main-dev .titHead {align-self: baseline; color:#fff; font-size:var(--fontSize14); font-weight: 600;line-height: 140%;letter-spacing: -0.6px; border-bottom:1px solid var(--bgcGray8);}
main .main-dev-wrap {display:flex; gap:150px; position:relative;}
main .main-dev h3 {color: var(--key-light, #00B3FF);font-size:var(--fontSize15); font-weight: 700; line-height: 120%;}
/* 연구성과 */
main .main-result {width:550px; gap: 50px; display:flex;flex-direction: column;}
main .main-result .line {width:100%; height:5px; background:#fff; } 
main .main-result h3 {}

main .main-result .devSwiper {position:relative; overflow:hidden;}
main .main-result .devSwiper .swiper-slide {display:flex; gap:30px;}
/* main .main-result .devSwiperWrap { width:100%;} */
main .main-result .devSwiper .swiper-slide .img {width:88px;}
main .main-result .devSwiper .swiper-slide .txt {width:calc(100% - 118px);}
main .main-result .devSwiper .swiper-slide .txt span {padding: 10px 20px;color:#000;font-size:var(--fontSize6);font-weight: 700;line-height: 100%; display:inline-block; background:#fff; border-radius:100px;}
main .main-result .devSwiper .swiper-slide .txt p {padding:22px 0 0; color:#fff; font-size:var(--fontSize4); font-weight: 400; line-height: 140%;}

main .main-result .devSwiper .swiper-slide .txt p {}
main .main-result .devSwiper .swiper-pagination {left:auto; bottom:auto; right:0; top:0; width: auto;}
main .main-result .devSwiper .swiper-pagination-bullets {}
main .main-result .devSwiper .swiper-pagination-bullet {background:#fff; opacity:.3;}
main .main-result .devSwiper .swiper-pagination-bullet-active {opacity:1;}

/* 특허 */
main .main-patent {width:calc(100% - 550px); display:flex; gap:105px;}
main .main-patent .tit {width:310px; display:flex;flex-direction: column;}
main .main-patent .tit h3 {padding:50px 0 30px; }
main .main-patent .tit .txt {color:#fff; flex-grow:1;}
main .main-patent .tit .moreBtn {align-self: baseline;}
main .main-patent .patentSwiper {width:calc(100% - 415px); height:386px;}
main .main-patent .patentSwiper .swiper-wrapper {}
main .main-patent .patentSwiper .swiper-slide {margin:0 auto; width:80%;opacity: 0.5;border-radius: 20px; box-shadow: -20px 0px 10px 0px rgba(0, 0, 0, 0.15); overflow:hidden; transition:var(--ani);}
main .main-patent .patentSwiper .swiper-slide-active {width:100%; opacity:1;}
main .main-patent .patentSwiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}

/* 건강체크 */
main .main-medicheck {background:url(../../images/main/medicheckBg.WEBP)center /cover no-repeat; position:relative;}
main .main-medicheck .decoImg {position:absolute; right:0; top:0;}
main .main-medi-wrap {padding:0 0 40px; display:flex; align-items:center;}
main .main-medi-card {width:50%; padding-right:150px;  gap:10px; display:flex; flex-direction:column; transform:translateY(-80px);}
main .main-medi-cardItem {padding:40px; background:#fff calc(100% - 40px) 40px no-repeat; border-radius:20px;}
main .main-medi-cardItem.apply {color:#fff; background-color:var(--sky); background-image:url(../../images/main/medicheckIcon_01.svg);}
main .main-medi-cardItem.people {background-image:url(../../images/main/medicheckIcon_02.svg);}
main .main-medi-cardItem .tit {padding-right:45px; font-size:var(--fontSize16); font-weight: 700;line-height: 100%;}
main .main-medi-cardItem.people .tit {color:#000;}
main .main-medi-cardItem .txt {padding:10px 80px 40px 0; font-size:var(--fontSize4);}
main .main-medi-cardItem .link {padding: 15px 30px; border-radius:100px; color:#000; background:#fff; font-size:var(--fontSize6);font-weight: 700;line-height: 100%; display:inline-block;}
main .main-medi-cardItem .link:hover {background:#f1f1f1;}
main .main-medi-cardItem .linkWrap {gap:50px; display:flex;}
main .main-medi-cardItem .linkWrap a {padding-left:14px; color:#000; position:relative; display:inline-block;}
main .main-medi-cardItem .linkWrap a:hover {color:var(--primary);}
main .main-medi-cardItem .linkWrap a:before {width:4px; height:4px; background:#D9D9D9; left:0; top:12px; position:absolute; content:''; display:block; border-radius:50%; transition:var(--ani);}
main .main-medi-cardItem .linkWrap a:hover:before {background:var(--primary);}

main .main-medi-info {padding:40px 0 0; width:50%; height:100%; display:flex; flex-direction:column; position:relative;}
main .main-medi-info .tit {}
main .main-medi-info h3 {padding-right:55px; color:#000; font-size:var(--fontSize15); font-weight: 700; line-height: 140%; position:relative; display:inline-block;}
main .main-medi-info h3:after {width:36px; height:3px; background:var(--primary); right:0; top: 20px; position:absolute; display:block; content:'';}
main .main-medi-info p {padding:10px 0 30px;}
main .main-medi-info ul {width:100%; display:flex; justify-content:space-between;}
main .main-medi-info ul.eng {gap:5px 10px; flex-wrap:wrap;justify-content:start;}
main .main-medi-info ul li {}
main .main-medi-info ul li a {padding:10px 25px; background:#fff; color:#000; font-size:var(--fontSize4); font-weight: 500; line-height: 140%; display:block; border-radius:100px; }
main .main-medi-info ul li a:hover {color:#fff; background:var(--primary);}




/* 새소식 */
main .main-notice {padding:100px 0;}
main .main-notice .main-notice-tit {padding:0 0 30px; display:flex; justify-content:space-between; align-items:center;}
main .main-notice .main-notice-tit h3 {color:#000; font-size:var(--fontSize11);font-weight: 700;line-height: 120%;}
main .main-notice .main-notice-tit a {}
main .main-notice .main-notice-list {display:flex; gap:50px;}
main .main-notice .main-notice-list .item {width:calc((100% - 100px)/3);}
main .main-notice .main-notice-list .item .img {aspect-ratio:16/9; border-radius:20px; overflow:hidden;}
main .main-notice .main-notice-list .item .con {padding:20px 0 0; display:flex; flex-direction:column; gap:20px;}
main .main-notice .main-notice-list .item .con .tit {margin:0 0 5px; min-height:65px; color:#000; font-size:var(--fontSize16);font-weight: 700; line-height: 120%; transition:var(--ani);}
main .main-notice .main-notice-list .item .con .line {width:100%; height:2px; background:var(--bgcGray3); transition:var(--ani); position:relative;}
main .main-notice .main-notice-list .item .con .line:after {opacity:0; width:22px; height:2px; background:var(--primary); right:-2px; bottom:8px; position:absolute;content:''; display:block; transform:rotate(45deg); transition:var(--ani);}
main .main-notice .main-notice-list .item .con .txt {font-size:var(--fontSize4);font-weight: 400; line-height: 140%;}
main .main-notice .main-notice-list .item .con .date {}

main .main-notice .main-notice-list .item:hover .img {}
main .main-notice .main-notice-list .item:hover .img img {transform: scale(1.03);}
main .main-notice .main-notice-list .item:hover .con .tit {color:var(--primary); border-color:inherit;}
main .main-notice .main-notice-list .item:hover .con .line {background:var(--primary);}
main .main-notice .main-notice-list .item:hover .con .line:after {opacity:1;}



/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1024px) {
	
	main .main-visual {height:500px;}
	main .main-visual .visualSwiper .swiper-slide {padding:0 40px 100px;}
	
	/* 연구분야 */
	main .main-part {padding:80px 20px; }
	main .main-part .wrap {gap:50px; flex-direction:column;}
	main .main-part .part-con {width:100%;}
	main .main-part .part-con .txt {padding:30px 0 20px;}
	main .main-part .part-con .txt p {min-height:auto; margin:10px 0 20px;}
	
	main .main-part .part-img {position:static;}
	main .main-part .part-img .swiper .swiper-slide {width:auto; height:300px; aspect-ratio:16/9;}
	
	/* 연구성과 및 특허 */
	main .main-dev {padding:100px 20px;}
	main .main-dev:before {}
	main .main-dev-wrap {flex-direction:column; gap:40px;}
	/* 연구성과 */
	main .main-result {width:100%; gap:20px;}
	main .main-result .line {height:4px;}
	/* 특허 */
	main .main-patent {width:100%; flex-direction:column; gap:50px;}
	main .main-patent .tit {width:100%;}
	main .main-patent .tit h3 {padding:20px 0 10px;}
	main .main-patent .tit .txt {padding:0 0 30px;}
	main .main-patent .patentSwiper {width:100%; height:350px;}
	
	/* 건강체크 */
	main .main-medicheck {padding:50px 20px; position:relative;}
	main .main-medicheck:before {width:100%; height:100%; left:0; top:0; background:#fff; opacity:.7; position:absolute; display:block; content:'';}
	main .main-medi-wrap {padding:0; flex-direction:column; align-items:start; position:relative;}
	main .main-medi-card {width:100%; padding-right:0; transform:translateY(0);}
	main .main-medi-cardItem {padding:30px; background-position:calc(100% - 30px) 30px;}
	main .main-medi-cardItem .txt {padding:10px 80px 30px 0;}
	main .main-medi-cardItem .linkWrap {gap:40px;}
	main .main-medi-cardItem .linkWrap a:before {top:11px;}
	
	main .main-medi-info {width:100%; }
	main .main-medi-info h3 {}
	main .main-medi-info h3:after {top:17px;}
	main .main-medi-info ul {gap:5px; justify-content:start; flex-wrap:wrap;}
	
	/* 새소식 */
	main .main-notice {padding:60px 20px;}
	main .main-notice .main-notice-tit {padding:0 0 20px;}
	main .main-notice .main-notice-list {gap:10px;}
	main .main-notice .main-notice-list .item {width:calc((100% - 20px)/3);}
	main .main-notice .main-notice-list .item .con {gap:14px;}
	
	
	
	
	
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	body main.d-page .moreBtn {padding-right:35px; background-size:25px;}
	body main.d-page .moreBtn:hover {padding-right:40px;}
	
	
	main .main-visual {height:350px;}
	main .main-visual .visualSwiper .swiper-slide {padding:0 40px 60px;}
	
	/* 연구분야 */
	
	main .main-part {padding:50px 20px; }
	main .main-part .wrap {gap:30px;}
	main .main-part .part-con .txt {padding:20px 0 14px;}
	main .main-part .part-con .txt p {min-height:67px; margin:6px 0 14px;}
	
	main .main-part .part-img .swiper .swiper-slide {height:200px;}
	
	/* 연구성과 및 특허 */
	main .main-dev {padding:50px 20px;}
	main .main-dev:before {}
	main .main-dev-wrap {gap:;}
	/* 연구성과 */
	main .main-result {gap:14px;}
	main .main-result .line {height:2px;}
	main .main-result .devSwiper .swiper-slide {gap:20px;}
	main .main-result .devSwiper .swiper-slide .img {width:85px;}
	main .main-result .devSwiper .swiper-slide .txt {width:calc(100% - 105px);}
	
	/* 특허 */
	main .main-patent {gap:30px;}
	main .main-patent .tit h3 {padding:14px 0 5px;}
	main .main-patent .tit .txt {padding:0 0 20px;}
	main .main-patent .patentSwiper {height:40vw;}
	
	/* 건강체크 */
	main .main-medicheck {padding:30px 20px;}
	main .main-medi-cardItem {background-size:auto 40px;}
	main .main-medi-cardItem .txt {padding:10px 40px 20px 0;}
	main .main-medi-cardItem .link {padding:12px 20px;}
	main .main-medi-cardItem .linkWrap {gap:;}
	main .main-medi-cardItem .linkWrap a:before {top:;}
	
	main .main-medi-info {padding:30px 0 0;}
	main .main-medi-info h3 {}
	main .main-medi-info h3:after {width:30px; height:2px; top:14px;}
	main .main-medi-info p {padding:10px 0 20px;}
	main .main-medi-info ul li a {padding:7px 20px;}
	
	/* 새소식 */
	main .main-notice {padding:40px 20px;}
	main .main-notice .main-notice-tit {padding: 0 0 14px;}
	main .main-notice .main-notice-list {flex-direction:column;}
	main .main-notice .main-notice-list .item {width:100%;}
	main .main-notice .main-notice-list .item .con .tit {min-height:auto; margin:0; }
	
	
	
	
	
	
	
	
	
}