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

/* 메인 비주얼 */
.main .visual {position:relative; width:100%; background:#000;}

.main .visual .visual-wrap {position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:1400px; width:100%; display:flex; justify-content:space-between; margin:100px auto 0; z-index:5;}
.main .visual .visual-wrap .visual-text {}
.main .visual .visual-wrap .visual-text .textWrap {color:#fff;}
.main .visual .visual-wrap .visual-text .textWrap h2 { font-size:60px; font-weight:700; line-height:1.2; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.main .visual .visual-wrap .visual-text .textWrap p {font-size:20px; line-height:1.6; margin-top:30px; text-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}


.main .visual .visual-wrap .prof {max-width:300px; width:100%; height:100%; background:rgb(0 68 131 / 80%); border-radius:20px; padding:30px; box-sizing:border-box; position:relative; z-index:5;}
.main .visual .visual-wrap .prof .imgWrap {border-radius:20px; overflow:hidden;}
.main .visual .visual-wrap .prof .imgWrap img {width:100%; height:100%; object-fit:cover; object-position:top; aspect-ratio:240 / 286;}
.main .visual .visual-wrap .prof .infoWrap {color:#fff; text-align:center; padding-top:20px;}
.main .visual .visual-wrap .prof .infoWrap h3 {font-family:var(--f_anemone); font-size:24px; font-weight:500; line-height:1; align-items:center; justify-content:center; display:flex; gap:10px;}
.main .visual .visual-wrap .prof .infoWrap h3 span {display:block; font-size:20px;}
.main .visual .visual-wrap .prof-btn {display:flex; background:#fff; justify-content:space-between; padding:3px 35px; margin-top:20px; border-radius:2rem;}
.main .visual .visual-wrap .prof-btn a {display:block; transition:all .3s; position:relative;}
.main .visual .visual-wrap .prof-btn i {display:block; width:40px; height:40px; border-radius:50%;}
.main .visual .visual-wrap .prof-btn a.add i {background:url(/images/main/i-userplus.png) no-repeat center / 20px;  transition:all .3s;}
.main .visual .visual-wrap .prof-btn a.add:hover i {background:rgba(28,42,136,0.25) url(/images/main/i-userplus_hover.png) no-repeat center / 20px;}
.main .visual .visual-wrap .prof-btn a.call i {background:url(/images/main/i-telephone.png) no-repeat center / 20px; transition:all .3s;}
.main .visual .visual-wrap .prof-btn a.call:hover:before {content:""; display:block; position:absolute; width:0; height:0; border-style:solid; border-width: 0px 10px 15px 10px;
border-color: transparent transparent #666 transparent; bottom:-10px; left:11px;}
.main .visual .visual-wrap .prof-btn a.call:hover i {background:rgba(28,42,136,0.25)  url(/images/main/i-telephone_hover.png) no-repeat center / 20px;}
.main .visual .visual-wrap .prof-btn a.mail i {background:url(/images/main/i-envelope.png) no-repeat center / 20px; transition:all .3s;}
.main .visual .visual-wrap .prof-btn a.mail:hover i {background:rgba(28,42,136,0.25) url(/images/main/i-envelope_hover.png) no-repeat center / 20px;}
.main .visual .visual-wrap .prof-btn a span {position:absolute; color:#fff; display:none;}
.main .visual .visual-wrap .prof-btn a.call:hover span {background:#666; padding:10px 15px; border-radius:2rem; bottom:-50px; left:-48px; white-space:nowrap; display:block;}
.main .visual .visual-wrap .prof-btn a.mail:hover:before {content:""; display:block; position:absolute; width:0; height:0; border-style:solid; border-width: 0px 10px 15px 10px;
border-color: transparent transparent #666 transparent; bottom:-10px; left:10px; z-index:5;}
.main .visual .visual-wrap .prof-btn a.mail:hover span {background:#666; padding:10px 15px; border-radius:2rem; bottom:-50px; left:-98px; position:absolute; color:#fff; display:block;}

.main .visual .visual-wrap .rightWrap {display:flex; gap:20px;}
.main .visual .visual-wrap .rightWrap .page-link-btn {display:grid; grid-template-rows:repeat(3,1fr); gap:20px;}
.main .visual .visual-wrap .rightWrap .page-link-btn a {display:flex; flex-direction:column;align-items:center; justify-content: center; gap:15px; width:130px; border-radius:20px; background:rgba(255, 255, 255, 0.80); backdrop-filter:blur(2px); text-align:center; font-size:16px; font-weight:500; color:#000; padding:25px 10px; }
.main .visual .visual-wrap .rightWrap .page-link-btn a:hover {background:#fff; color:var(--base1);}
.main .visual .visual-wrap .rightWrap .page-link-btn a i {display:block; width:50px; height:50px;}
.main .visual .visual-wrap .rightWrap .page-link-btn a.about i {background:url(/images/main/logo_only.png) no-repeat center / contain;}
.main .visual .visual-wrap .rightWrap .page-link-btn a.contact i {background:url(/images/main/i-contactus3.png) no-repeat center / contain;}
.main .visual .visual-wrap .rightWrap .page-link-btn a.members i {background:url(/images/main/i-members2.png) no-repeat center / contain;}
.main .visual-slide {height:700px; margin-top:160px; position:relative; z-index:3;}
.main .visual-slide .swiper-wrapper {height:100%;}
.main .visual-slide .swiper-wrapper .swiper-slide {position:relative;}
.main .visual-slide .swiper-wrapper .swiper-slide .swiper-slide-txt {text-align:left; position:absolute; top:360px; color:#fff; max-width:1400px; left:50%; transform:translateX(-50%); width:100%; padding-right:550px; box-sizing:border-box;}
.main .visual-slide .swiper-wrapper .swiper-slide .swiper-slide-txt .big {font-size:20px; display:inline-block; border:2px solid #fff; padding:5px 20px; border-radius:3rem; background:#fff;
color:var(--base1); font-weight:600;}
.main .visual-slide .swiper-wrapper .swiper-slide .swiper-slide-txt .small {font-size:18px; margin-top:20px;}
.main .visual-slide .swiper-wrapper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.main .swiper-pagination {bottom:50px;}
.main .swiper-pagination .swiper-pagination-bullet {background:#fff; width:50px; height:10px; opacity:0.4; border-radius:10px; margin:0 5px;}
.main .swiper-pagination .swiper-pagination-bullet-active {opacity:1;}

.main .main-contents {padding:80px 0 100px;}

/* 공지 & 출판물 */
.main .list-wrap .inner {max-width:1400px; width:100%; margin:0 auto; display:flex; gap:100px; padding-bottom:80px;}
.main .list-wrap .tit {display:flex; justify-content:space-between; align-items:center;}
.main .list-wrap .tit h3 {font-size:30px; font-weight:700; color:#000;}
.main .list-wrap .tit a {display:block; width:40px; height:40px; border:1px solid var(--gray); border-radius:5px; position:relative;}
.main .list-wrap .tit a:before {content:""; display:block; background:#666; width:2px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .list-wrap .tit a:after {content:""; display:block; background:#666; width:16px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .list-wrap .tit a:hover {background:var(--base1); border:1px solid var(--base1);}
.main .list-wrap .tit a:hover:before, .main .list-wrap .tit a:hover:after {background:#fff;}
.main .list-wrap .newsWrap {width:calc(50% - 50px);}
.main .list-wrap .list {margin-top:40px;}
.main .list-wrap .newsWrap .list li+li {margin-top:20px;}
.main .list-wrap .newsWrap .list li:last-of-type a {border-bottom:0; padding-bottom:0;}
.main .list-wrap .newsWrap .list li p {font-size:18px; color:#000; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; line-height: 1.4; transition:all 0.3s;}
.main .list-wrap .newsWrap .list li span {font-size:16px; color:#666; display:block; margin-top:5px;}
.main .list-wrap .newsWrap .list li a {display:block; padding-bottom:20px; border-bottom:1px solid var(--gray);}
.main .list-wrap .newsWrap .list li a:hover p {color:var(--base1);}
.main .list-wrap .researchWrap {width:calc(50% - 50px);}
.main .list-wrap .researchWrap .list {}
.main .list-wrap .researchWrap .list li {position:relative; padding:24px 30px; background:#eee; border-radius:20px; transition:0.2s;}
.main .list-wrap .researchWrap .list li:hover {background:var(--base1);}
.main .list-wrap .researchWrap .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;}
.main .list-wrap .researchWrap .list li~li {margin-top:20px;}
.main .list-wrap .researchWrap .list li a {display:block; width:100%; height:100%;}
.main .list-wrap .researchWrap .list li:hover a>span,
.main .list-wrap .researchWrap .list li:hover a>p {color:#fff;}
.main .list-wrap .researchWrap .list li a>span {font-size:16px; color:#999; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}
.main .list-wrap .researchWrap .list li a>p {font-size:18px; color:#000; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4;}
.main .list-wrap .researchWrap .list li a iframe {width:100%; aspect-ratio:16 / 9; height:100%;}
.main .list-wrap .researchWrap .list li a img {max-width:100%!important; }

.main .list-wrap2 {background:var(--bg1); padding:80px 0;}
.main .list-wrap2 .inner {max-width:1400px; width:100%; margin:0 auto; display:flex; gap:100px;}
.main .list-wrap2 .publicWrap .tit a {display:block; width:40px; height:40px; border:1px solid var(--base1); border-radius:5px; position:relative;}
.main .list-wrap2 .publicWrap .tit a:before {content:""; display:block; background:var(--base1); width:2px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .list-wrap2 .publicWrap .tit a:after {content:""; display:block; background:var(--base1); width:16px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .list-wrap2 .publicWrap .tit a:hover:before, .main .list-wrap2 .publicWrap .tit a:hover:after {background:#fff;}
.main .list-wrap2 .publicWrap .tit a:after {content:""; display:block; background:var(--base1); width:16px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .list-wrap2 .publicWrap .tit a:hover {background:var(--base1); border:1px solid var(--base1);}
.main .list-wrap.bg1 {background:var(--bg1); padding:80px 0;}
.main .list-wrap2 .projectWrap {width:calc(50% - 50px);} 
.main .list-wrap2 .projectWrap .double-btn {display:flex; border:1px solid var(--base1); border-radius:5px;}
.main .list-wrap2 .projectWrap .double-btn a {display:block; color:var(--base1); padding:11px 20px; font-weight:500; line-height:1;}
.main .list-wrap2 .projectWrap .double-btn a:hover {background:var(--base1); color:#fff;}
.main .list-wrap2 .projectWrap .double-btn a+a {border-left:1px solid var(--base1);}
.main .list-wrap2 .projectWrap .list {margin-top:40px;}
.main .list-wrap2 .projectWrap .list li+li {margin-top:20px;}
.main .list-wrap2 .projectWrap .list a {display:flex; justify-content:space-between; gap:20px; padding:30px; background:#fff; border-radius:20px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.15);}
.main .list-wrap2 .projectWrap .list a:hover {background:var(--base1);}
.main .list-wrap2 .projectWrap .list a p {font-size:20px; color:#000; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height: 1.6; transition:all 0.3s; height:64px; font-weight:600;}
.main .list-wrap2 .projectWrap .list a:hover p {color:#fff;}
.main .list-wrap2 .projectWrap .list a .state span {display:block; text-align:center; width:120px; padding:5px 15px; color:#fff; border-radius:2rem;}
.main .list-wrap2 .projectWrap .list a .state span.comp {background:#008E55;}
.main .list-wrap2 .projectWrap .list a .state span.ing {background:#666;}
.main .list-wrap2 .project-info .info-detail {margin-top:10px;}
.main .list-wrap2 .project-info dl {display:flex;}
.main .list-wrap2 .project-info dl+dl {margin-top:5px;}
.main .list-wrap2 .project-info dl dt {color:#000; position:relative; padding-left:15px;}
.main .list-wrap2 .list a:hover .project-info  dl dt, .main .list-wrap2 .list a:hover .project-info  dl dd {color:#fff;}

.main .list-wrap2 .project-info dl dt:before {content:""; display:block; width:5px; height:5px; background:var(--base1); border-radius:50%; position:absolute; top:10px; left:0;}
.main .list-wrap2 .list a:hover .project-info dl dt:before {background:#fff;}
.main .list-wrap2 .project-info dl dt span {padding:0 10px; transform:translateY(-1px); display:inline-block;}
.main .list-wrap2 .publicWrap {width:calc(50% - 50px);} 
.main .list-wrap2 .tit {display:flex; justify-content:space-between; align-items:center;}
.main .list-wrap2 .tit h3 {font-size:30px; font-weight:700; color:#000;}
.main .list-wrap2 .publicWrap .public-list {height:calc(100% + 30px); padding-right:30px; box-sizing:content-box;}
.main .list-wrap2 .publicWrap .publications {padding:0 70px 0 85px; position:relative; margin-top:40px; height: calc(100% - 80px);}
.main .list-wrap2 .publicWrap .publications .swiper-wrapper {height:100%;}
.main .list-wrap2 .publications .swiper-slide {height:100%; background:#fff; box-shadow:10px 15px 15px 0 rgba(0, 0, 0, 0.10); height:calc(100% - 30px); border-radius:20px; overflow:hidden; transform:translateX(10px);}

.main .list-wrap2 .publications .thumb {background:var(--gray); aspect-ratio:510/305; width:100%; height:50%; }
.main .list-wrap2 .publications .thumb img {padding:30px; object-fit:contain; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s;}
.main .list-wrap2 .publications .swiper-slide>a:hover .thumb img {transform:scale(1.1);}
.main .list-wrap2 .publications .swiper-button-prev, .main .list-wrap2 .publications .swiper-button-next {width:50px; height:50px; background-size:50px;} 
.main .list-wrap2 .publications .swiper-button-prev {background-image:url(/images/main/publications-prev.png);}
.main .list-wrap2 .publications .swiper-button-prev:hover {background-image:url(/images/main/publications-prev_hover.png);}
.main .list-wrap2 .publications .swiper-button-next {background-image:url(/images/main/publications-next.png);}
.main .list-wrap2 .publications .swiper-button-next:hover {background-image:url(/images/main/publications-next_hover.png);}


.main .list-wrap2 .publicWrap .pub-info {height:50%; padding:30px; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;}
.main .list-wrap2 .publicWrap .pub-info>a {}
.main .list-wrap2 .publicWrap .pub-info p {font-size:20px; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height:1.4; color:#000; transition:all 0.3s;}
.main .list-wrap2 .publicWrap .swiper-slide:hover .pub-info p {color:var(--base1);}
.main .list-wrap2 .publicWrap .pub-info dl {margin-top:20px;}
.main .list-wrap2 .publicWrap .pub-info dt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height:1.4;}
.main .list-wrap2 .publicWrap .pub-info dd {margin-top:10px;}
.main .list-wrap2 .publicWrap .pub-info a.link {display:block; line-height:1; font-weight:500; color:#fff; background:var(--base1); padding:10px 50px; width:130px; border-radius:3rem; text-align:center;}




/* 갤러리 */
.main .gallery {max-width:1400px; width:100%; margin:0 auto; padding-top:80px;}
.main .gallery .inner {display:block;}
.main .gallery ul {display:grid; grid-template-columns:repeat(4,1fr); gap:40px; margin-top:30px;}
.main .gallery .tit {display:flex; justify-content:space-between; align-items:center;}
.main .gallery .tit h3 {font-size:30px; font-weight:700; color:#000;}
.main .gallery .tit a {display:block; width:40px; height:40px; border:1px solid var(--gray); border-radius:5px; position:relative;}
.main .gallery .tit a:before {content:""; display:block; background:#666; width:2px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .gallery .tit a:after {content:""; display:block; background:#666; width:16px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px;}
.main .gallery .tit a:hover {background:var(--base1); border:1px solid var(--base1);}
.main .gallery .tit a:hover:before, .main .gallery .tit a:hover:after {background:#fff;}
.main .gallery-item .img {border-radius:20px; overflow:hidden;}
.main .gallery-item .img img {width:100%; aspect-ratio:320/250; object-fit:cover; transition:all 0.3s;}
.main .gallery-item:hover .img img {transform:scale(1.1);}
.main .gallery-item .txt {margin-top:30px; color:#666;}
.main .gallery-item .txt dt {font-size:18px; font-weight:600; color:#000; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; line-height:1.4; color:#000; transition:all 0.3s;}
.main .gallery-item .txt dd {margin-top:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; line-height:1.4; transition:all 0.3s;}
.main .gallery-item .txt span {display:block; margin-top:15px;}

/* 메인-태블릿 이하 */
@media (max-width: 1249px) {
.pc_1249 {display:none;}
.main .main-contents {padding:60px 0 80px;}
.main .inner {padding:0 30px; box-sizing:border-box;}
.main .visual-slide .swiper-wrapper .swiper-slide .swiper-slide-txt {top:320px; left:30px; transform:translateX(0); padding-right:580px;}


.main .list-wrap .tit h3 {font-size:26px;}
.main .list-wrap2 {padding:60px 0;}
.main .list-wrap .inner {gap:50px; padding-bottom:60px;}
.main .list-wrap2 .inner {gap:50px;}
.main .list-wrap .newsWrap,.main .list-wrap .researchWrap, .main .list-wrap2 .projectWrap, .main .list-wrap2 .publicWrap {width:calc(50% - 25px);}
.main .list-wrap2 .publications .swiper-button-prev, .main .list-wrap2 .publications .swiper-button-next {width:35px; height:35px; background-size:35px;}
.main .list-wrap2 .publicWrap .publications {padding:0 50px 0 65px;}
.main .list-wrap2 .tit h3 {font-size:26px;}
.main .list-wrap2 .publicWrap .pub-info {padding:20px;}
.main .list-wrap2 .projectWrap .list a .state span {width:100px;}
.main .list-wrap2 .projectWrap .list a p {font-size:18px;}
	
.main .visual-slide {margin-top:70px;}
.main .visual .visual-wrap {padding:0 30px; box-sizing:border-box;}
.main .visual .visual-wrap .visual-text .textWrap h2 {font-size:48px;}
.main .visual .visual-wrap .visual-text .textWrap p {font-size:18px;}
.main .swiper-pagination .swiper-pagination-bullet {width:45px;}
.main .visual .visual-wrap .prof .infoWrap h3 {font-size:20px;}
.main .visual .visual-wrap .prof .infoWrap h3 span {font-size:18px;}

.main .gallery {padding-top:60px;}
.main .gallery .tit h3 {font-size:26px;}
}


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

	/* 메인 비주얼 */
	.main .visual .visual-wrap {width:calc(100% - 40px); flex-direction:column; align-items:center; margin:50px auto 0; gap:30px;}
	.main .visual .visual-wrap .visual-text .textWrap {text-align:center;}
	.main .visual .visual-wrap .visual-text .textWrap p {display:none;}
	.main .visual-slide {height:80vh; margin-top:60px;}
	.main .visual .visual-wrap .visual-text .textWrap h2 {line-height:1.2; font-size:40px;}
	.main .visual .visual-wrap .rightWrap .page-link-btn a {padding:15px 10px;}
	.main .swiper-pagination {bottom:20px;}
	
	.main .visual-slide .swiper-wrapper .swiper-slide .swiper-slide-txt {display:none;}

	/* 공지 & 출판물 */
	.main .list-wrap {}
	.main .list-wrap .inner {gap:40px; padding-bottom:50px;}
	.main .list-wrap .list {margin-top:20px;}
	.main .list-wrap .tit h3 {font-size:22px;}
	.main .list-wrap .tit a {width:35px; height:35px;}
	.main .list-wrap .tit a:before {height:14px;}
	.main .list-wrap .tit a:after {width:14px;}
	.main .list-wrap .newsWrap .list li p {font-size:16px;}
	.main .list-wrap .newsWrap .list li a {padding-bottom:15px;}
	.main .list-wrap .newsWrap .list li span {font-size:14px;}
	.main .list-wrap .newsWrap .list li+li {margin-top:15px;}
	.main .list-wrap .noticeWrap {width:calc(50% - 40px);}
	.main .list-wrap .pubWrap {width:calc(50% - 40px);}
	.main .main-contents {padding:50px 0 60px;}
	.main .list-wrap .inner, .main .list-wrap2 .inner {flex-direction:column;}
	.main .list-wrap .newsWrap, .main .list-wrap .researchWrap, .main .list-wrap2 .projectWrap, .main .list-wrap2 .publicWrap {width:100%;}
	.main .list-wrap2 {padding:50px 0;}
	.main .list-wrap .researchWrap .list li a>p {font-size:16px;}
	.main .list-wrap .researchWrap .list li a>span {font-size:15px;}
	.main .list-wrap .researchWrap .list li~li {margin-top:15px;}
	.main .list-wrap2 .projectWrap .double-btn a {font-size:15px;}
	.main .list-wrap2 .tit h3 {font-size:22px;}
	.main .list-wrap2 .projectWrap .list {margin-top:30px;}
	.main .list-wrap2 .projectWrap .list a p {font-size:17px; height:auto;}
	.main .list-wrap2 .project-info dl {font-size:15px;}
	.main .list-wrap2 .project-info dl+dl {margin-top:0;}
	.main .list-wrap2 .project-info dl dt:before {top:9px;}
	.main .list-wrap2 .project-info .info-detail {margin-top:5px;}
	.main .list-wrap2 .projectWrap .list a .state span {font-size:15px; width:85px;}
	.main .list-wrap2 .publications .swiper-slide {box-shadow:none; height:100%;}
	.main .list-wrap2 .publicWrap .pub-info p {-webkit-line-clamp:3;}
	.main .list-wrap2 .publicWrap .publications {margin-top:30px;}
	.main .list-wrap2 .publicWrap .pub-info {gap:20px;}
	.main .list-wrap2 .tit a:before {height:14px;}
	.main .list-wrap2 .tit a:after {width:14px;}
	
	.main .gallery {padding-top:50px;}
	.main .gallery .tit a {height:35px; width:35px;}
	.main .gallery .tit a:before {height:14px;}
	.main .gallery .tit a:after {width:14px;}
	.main .gallery .tit h3 {font-size:22px;}
	.main .gallery ul {grid-template-columns:1fr 1fr; gap:30px;}
	.main .gallery-item .txt dd {font-size:15px;}
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.main .main-contents {padding:40px 0 50px;}
	.main .inner {padding:0 20px;}
	
	/* 메인 비주얼 */
	.main .visual .visual-wrap {margin-top:50px; flex-direction:column; align-items:center;}
	.main.visual .visual-wrap .visual-text .textWrap h2 {}
	.main .visual .visual-wrap .visual-text .textWrap h2 {font-size:30px;}
	.main .visual .visual-wrap .visual-text .textWrap {text-align:center;}
	.main .visual .visual-wrap .visual-text .textWrap p {}
	.main .visual .visual-wrap .prof {padding:20px;}
	
	.main .visual .visual-wrap .prof .infoWrap h3 {font-size:18px;}
	.main .visual .visual-wrap .prof .infoWrap h3 span {font-size:15px;}
	.main .visual-slide {margin-top:60px;}
	.main .swiper-pagination {}
	
	/* 공지 & 출판물 */
	.main .list-wrap {flex-direction:column; gap:60px;}
	.main .list-wrap .tit h3 {font-size:20px;}
	.main .list-wrap .noticeWrap {width:100%;}
	.main .list-wrap .pubWrap {width:100%;}
	.main .list-wrap .inner {gap:30px; padding-bottom:40px;}
	.main .list-wrap2 {padding:40px 0;} 	
	.main .list-wrap2 .publicWrap .tit a {width:35px; height:35px;}
	.main .list-wrap2 .publications .btnWrap {display:none;}
	.main .list-wrap2 .publications .thumb img {padding:20px;}
	.main .list-wrap2 .projectWrap .list a {flex-direction:column;}
	.main .list-wrap2 .publicWrap .publications {padding:0;}
	.main .list-wrap2 .publicWrap .public-list {padding-right:0;}
	.main .list-wrap2 .publications .swiper-slide {transform:translateX(0);}
	/* 갤러리 */
	.main .gallery {padding-top:40px;}
	.main .gallery ul {}
	.main .gallery ul .gallery-item {width:100%;}
	.main .gallery-item .txt span {margin-top:10px;}
	
}

@media screen and (max-width: 500px) {
	.main .visual-slide {height:90vh;}
	.main .visual .visual-wrap {padding:0 10px; margin-top:45px;}
	.main .visual .visual-wrap .rightWrap {flex-direction:column;}
	.main .visual .visual-wrap .rightWrap .page-link-btn {grid-template-columns:repeat(3,1fr); grid-template-rows:auto; gap:10px;}
	.main .visual .visual-wrap .prof {max-width:none;}
	.main .visual .visual-wrap .rightWrap .page-link-btn {display:none;}
	.main .visual .visual-wrap .prof-btn {width:60%; margin:20px auto 0;}
	
	.main .list-wrap .researchWrap .list li {padding:24px 20px;}
	.main .list-wrap2 .projectWrap .list a {padding:30px 20px;}
	.main .gallery ul {grid-template-columns:1fr;}
	.main .gallery-item .txt {margin-top:20px;}
	
	
}

@media screen and (max-width: 400px) { 
	.main .visual-slide {height:100vh;}
}