/* ******************************** 메인 ******************************** */
.main {position:relative;}

/* 메인 비주얼 */
.visual {position:relative; width:100%;}
.visual .visual-wrap {position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:1200px; width:100%; display:flex; justify-content:space-between; margin:112px auto 0; z-index:2;}
.visual .visual-wrap .visual-text {}
.visual .visual-wrap .visual-text .textWrap {color:#fff;}
.visual .visual-wrap .visual-text .textWrap h2 {font-family:var(--f_anemone); font-size:72px; font-weight:500; line-height:74px; text-transform:uppercase;}
.visual .visual-wrap .visual-text .textWrap span {display:inline-block; font-size:14px; font-weight:500; background-color:#284fd7; width:245px; height:32px; margin-top:17.5px; text-align:center; line-height:32px;}
.visual .visual-wrap .visual-text .textWrap p {font-size:16px; line-height:1.7; margin-top:60px;}
.visual .visual-wrap .prof {max-width:250px; width:100%; height:411px; background:#244ad1; border-radius:20px;}
.visual .visual-wrap .prof .imgWrap {height:265px; border-radius:20px 20px 0 0; overflow:hidden;}
.visual .visual-wrap .prof .imgWrap img {width:100%; height:100%; object-fit:cover; object-position:top;}
.visual .visual-wrap .prof .infoWrap {color:#fff; text-align:center; padding:30px;}
.visual .visual-wrap .prof .infoWrap h3 {font-family:var(--f_anemone); font-size:20px; font-weight:500; line-height:1.2;}
.visual .visual-wrap .prof .infoWrap h3 span {display:block; font-size:16px;}
.visual .visual-wrap .prof .infoWrap>div {display:flex; justify-content:space-between; margin-top:13px;}
.visual .visual-wrap .prof .infoWrap>div>a {position:relative; display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-position:center; border-radius:50%;}
.visual .visual-wrap .prof .infoWrap>div>a i {position:absolute; display:none; font-size:14px; font-weight:500; color:#000; line-height:53px; font-style:normal; background:url(../images/main/mbox.png)no-repeat center; width:152px; height:47px; top:35px; left:-30px;}
.visual .visual-wrap .prof .infoWrap>div>.call:hover i,
.visual .visual-wrap .prof .infoWrap>div>.mail:hover i {display:block;}
.visual .visual-wrap .prof .infoWrap div .add {background-image:url(../images/main/i-add.png); background-position:55%;}
.visual .visual-wrap .prof .infoWrap div .add:hover {background-color:rgba(255,255,255,.15);}
.visual .visual-wrap .prof .infoWrap div .call {background-image:url(../images/main/i-call.png);}
.visual .visual-wrap .prof .infoWrap div .call:hover {background-color:rgba(255,255,255,.15);}
.visual .visual-wrap .prof .infoWrap div .mail {background-image:url(../images/main/i-mail.png);}
.visual .visual-wrap .prof .infoWrap div .mail:hover {background-color:rgba(255,255,255,.15);}
.visual .visual-wrap .prof .infoWrap>div>.mail i {background:url(../images/main/mbox2.png)no-repeat center; width:184px; left:-51px;}

.visual-slide {height:640px; margin-top:160px; position:relative;}
.visual-slide .swiper-wrapper {}
.visual-slide .swiper-wrapper .swiper-slide {}
.visual-slide .swiper-wrapper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.swiper-pagination {bottom:50px !important;}
.swiper-pagination .swiper-pagination-bullet {background:#fff; width:13px; height:13px; opacity:0.4; margin-left:13px !important;}
.swiper-pagination .swiper-pagination-bullet-active {opacity:1;}

.main-contents {padding:90px 0;}

/* 공지 & 출판물 */
.list-wrap {max-width:1200px; width:100%; margin:0 auto; display:flex; gap:100px;}
.list-wrap .tit {position:relative; height:70px;}
.list-wrap .tit h3 {font-family:var(--f_anemone); font-size:24px; font-weight:500; color:#000;}
.list-wrap .tit a {position:absolute; top:-5px; right:0; display:block; width:34px; height:34px; border:1px solid #dee0ec; border-radius:5px; background:url(../images/common/i-more.png)no-repeat center;}
.list-wrap .noticeWrap {width:calc(50% - 50px);}
.list-wrap .noticeWrap .list {}
.list-wrap .noticeWrap .list li {}
.list-wrap .noticeWrap .list li~li {border-top:1px solid #ededed; padding-top:15px; margin-top:15px;}
.list-wrap .noticeWrap .list li a {position:relative; display:block; padding-left:15px;}
.list-wrap .noticeWrap .list li a:before {position:absolute; content:''; display:block; top:10px; left:4px; width:3px; height:3px; background:#b5b5b5;}
.list-wrap .noticeWrap .list li a>p {font-size:16px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.list-wrap .noticeWrap .list li:hover a>p {color:var(--blue);}
.list-wrap .noticeWrap .list li a>span {font-size:14px; color:#999;}
.list-wrap .pubWrap {width:calc(50% - 50px);}
.list-wrap .pubWrap .list {}
.list-wrap .pubWrap .list li {position:relative; padding:20px 40px; background:#f1f3fb; border-radius:20px; transition:0.2s;}
.list-wrap .pubWrap .list li:hover {background:var(--navy);}
.list-wrap .pubWrap .list li:hover:after {position:absolute; left:20px; top:50%; transform:translateY(-50%); display:block; content:''; background:url(../images/common/arrow-right.png)no-repeat center; width:6px; height:10px;}
.list-wrap .pubWrap .list li~li {margin-top:10px;}
.list-wrap .pubWrap .list li a {display:block; width:100%; height:100%;}
.list-wrap .pubWrap .list li:hover a>span,
.list-wrap .pubWrap .list li:hover a>p {color:#fff;}
.list-wrap .pubWrap .list li a>span {font-size:15px; color:#999; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.list-wrap .pubWrap .list li a>p {font-size:16px; color:#000; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}


/* 퀵메뉴 */
.menu-wrap {margin-top:90px; background:#f1f3fb;}
.menu-wrap .quick {max-width:1200px; width:100%; margin:0 auto; padding:90px 0 200px; }
.menu-wrap .quick ul {display:grid; grid-template-columns:repeat(4, 1fr);}
.menu-wrap .quick ul li {position:relative; text-align:center;}
.menu-wrap .quick ul li:before {position:absolute; content:''; display:block; top:20px; left:0px; width:1px; height:37px; background:#d4d4d3;}
.menu-wrap .quick ul li:first-child:before {display:none;}
.menu-wrap .quick ul li a {display:block;}
.menu-wrap .quick ul li a i {display:inline-block; width:42px; height:42px; background-position:center; background-repeat:no-repeat;}
.menu-wrap .quick ul li:nth-child(1) a i {background-image:url(../images/main/i-intro.png);}
.menu-wrap .quick ul li:nth-child(2) a i {background-image:url(../images/main/i-research.png);}
.menu-wrap .quick ul li:nth-child(3) a i {background-image:url(../images/main/i-members.png);}
.menu-wrap .quick ul li:nth-child(4) a i {background-image:url(../images/main/i-contact.png);}
.menu-wrap .quick ul li a span {display:block; font-size:18px; font-weight:700; color:#000; }


/* 갤러리 */
.gallery {max-width:1200px; width:100%; margin:-124px auto 0;}
.gallery ul {display:flex; gap:45px;}
.gallery ul .gallery-item {width:calc(33.333% - 22.5px);}
.gallery ul .gallery-item a div {width:100%; aspect-ratio:1/0.7; border-radius:10px; overflow:hidden; }
.gallery ul .gallery-item a div img {width:100%; height:100%; object-fit:cover; border-radius:10px; transition:all 0.3s;}
.gallery ul .gallery-item a:hover div img {transform:scale(115%);}
.gallery ul .gallery-item a dl {text-align:center; margin-top:20px;}
.gallery ul .gallery-item a dl dt {font-size:16px; color:#000; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.gallery ul .gallery-item a dl dd {font-size:14px; color:#999;}

/* 메인-태블릿 이하 */
@media (max-width: 991px) {	

	/* 메인 비주얼 */
	.visual .visual-wrap {width:calc(100% - 40px);}
	.visual-slide {height:640px; margin-top:60px;}
	.visual .visual-wrap .visual-text .textWrap h2 {font-size:55px; line-height:1.2;}


	/* 공지 & 출판물 */
	.list-wrap {padding:0 20px; gap:80px;}
	.list-wrap .tit h3 {font-size:22px;}
	.list-wrap .noticeWrap {width:calc(50% - 40px);}
	.list-wrap .pubWrap {width:calc(50% - 40px);}

	/* 갤러리 */
	.gallery {margin:-124px auto 0; padding:0 20px;}

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* 메인 비주얼 */
	.visual .visual-wrap {margin-top:50px; flex-direction:column; align-items:center;}
	.visual .visual-wrap .visual-text .textWrap h2 {font-size:8vw;}
	.visual .visual-wrap .visual-text .textWrap {text-align:center;}
	.visual .visual-wrap .visual-text .textWrap p {margin-top:30px;}
	.visual .visual-wrap .prof {margin-top:50px;}
	.visual .visual-wrap .prof .infoWrap h3 {font-size:18px;}
	.visual .visual-wrap .prof .infoWrap h3 span {font-size:15px;}
	.visual-slide {height:950px; margin-top:60px;}
	.swiper-pagination {bottom:30px !important;}
	.swiper-pagination .swiper-pagination-bullet {background:#fff; width:13px; height:13px; opacity:0.4; margin-left:13px !important;}
	
	/* 공지 & 출판물 */
	.list-wrap {flex-direction:column; gap:60px;}
	.list-wrap .tit h3 {font-size:20px;}
	.list-wrap .noticeWrap {width:100%;}
	.list-wrap .pubWrap {width:100%;}
	
	/* 퀵메뉴 */
	.menu-wrap .quick {padding:80px 0 180px;}
	.menu-wrap .quick ul {grid-template-columns:repeat(2, 1fr); row-gap:20px;}
	.menu-wrap .quick ul li:nth-of-type(3):before {display:none;}
	.menu-wrap .quick ul li a span {font-size:16px;}
	
	/* 갤러리 */
	.gallery ul {display:flex; gap:45px; flex-direction:column;}
	.gallery ul .gallery-item {width:100%;}
	
	
}

@media screen and (max-width: 480px) {
	.visual-slide {height:880px;}
}