/* ************ 메인페이지 스타일 ************ */
/*.main {background:url(../images/main/mainBg)93% 0 no-repeat;}*/


/* .main-visual {height:calc(100vh - 200px); display:flex; align-items:center;} */
.main-visual {height:700px; align-items:center; background:url(../images/main/main_bg.webp) no-repeat center / cover;}
.main-visual .visualWrap {width:1300px; margin:0 auto; max-width:100%; padding:250px 0 0 70px; }
.main-visual .visualWrap h2 {color:#fed700; font-weight:700; font-size:53px;}
.main-visual .visualWrap > p {color:#fff; margin-top:20px; font-weight:700; transform:rotate(0.03deg); line-height:1.8;}
.main-visual .visualWrap .lab_subject {position:relative; margin-top:80px; }
.main-visual .visualWrap .lab_subject:before {content:""; display:block; position:absolute; top:-15px; background:#fff; width:50px; height:1px;}
.main-visual .visualWrap .lab_subject dt {color:#00f0ff; font-weight:900; font-size:18px; transform:rotate(0.03deg);}
.main-visual .visualWrap .lab_subject dd {max-width:450px; color:#fff; margin-top:5px; font-size:14px; font-weight:700; transform:rotate(0.03deg);}
.main-visual .visualWrap .lab_subject dd span {margin:0px 7px;}


.main-menu {display:grid; grid-template-columns:repeat(2,1fr); gap:100px; padding-top:60px;}
.main-menu h3 {font-size:26px; color:#000; font-weight:900;}
.main-menu .tit {display:flex; justify-content:space-between; align-items:center;}
.main-menu .tit {display:flex; justify-content:space-between; align-items:center;}
.main-menu .tit a {font-size:14px; font-weight:900; display:flex; align-items:center; color:#999;}
.main-menu .tit a span {display:inline-block; position:relative; border:1px solid #dee0ec; border-radius:50%; width:30px; height:30px; margin-left:10px; }
.main-menu .tit a span:before, .main-menu .tit a span:after {content:""; display:block; position:absolute; background:#a2a2a2; top:50%; left:50%; transform:translate(-50%,-50%);}
.main-menu .tit a span:before {width:7px; height:1px; }
.main-menu .tit a span:after {width:1px; height:7px; }

.main-menu .noticeWrap {position:relative;}
.main-menu .noticeWrap:before {content:""; display:block; border-top:1px solid #e6e6e6; width:100%; position:absolute; top:-50px;}
.main-menu .newsWrap ul, .main-menu .noticeWrap ul {margin-top:30px;}
.main-menu .newsWrap ul li, .main-menu .noticeWrap ul li {position:relative; padding-left:20px; }
.main-menu .newsWrap ul li+li, .main-menu .noticeWrap ul li+li {margin-top:10px;}
.main-menu .newsWrap ul li a, .main-menu .noticeWrap ul li a { width: 100%; color: #000; font-size: 16px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; font-weight:300;}
.main-menu .newsWrap ul li a:hover, .main-menu .noticeWrap ul li a:hover {color:var(--blue); text-decoration:underline!important; text-underline-offset : 5px;}
.main-menu .newsWrap ul li:before, .main-menu .noticeWrap ul li:before {content:""; display:block; position:absolute; width:3px; height:3px; background:#000; left:4px; top:50%; transform:translateY(-50%);}


.main-menu .publication {grid-row: 1/3; grid-column: 2/3;}
.main-menu .publication .list {margin-top:30px;}
.main-menu .publication .list dl dt {color:#000; width: 100%; font-size: 16px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height:2;}
.main-menu .publication .list dl dd {position:relative; padding-left:12px; margin-top:2px; font-weight:300;}
.main-menu .publication .list dl dd:before {content:""; width:8px; height:0.5px; background:#666; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.main-menu .publication .list a {display:block; position:relative;}
.main-menu .publication .list a:hover dt {color:var(--blue);}
.main-menu .publication .list a+a {margin-top:45px;}
.main-menu .publication .list a+a:before {content:""; display:block; border-top:1px solid #e6e6e6; width:100%; position:absolute; top:-22.5px;}

.gallery {display:grid; grid-template-columns:repeat(4,1fr); gap:33px; padding:70px 0; }
.gallery article .img { border-radius:1rem; overflow:hidden;}
.gallery article:hover .img img {transform:scale(1.2);}
.gallery article:hover dl dt {color:var(--blue);}
.gallery article .img img { width:100%; height:100%; aspect-ratio:1.5/1; object-fit: cover; transition:all 0.5s;}
.gallery article dl {margin-top:15px; text-align:center; font-weight:300;}
.gallery article dl dt {color:#000;  overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.gallery article dl dd {margin-top:5px; color:#666;}

/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:1024px) {
	
	.main {height:auto;}
	.main-visual {height:700px; align-items:center; background:url(../images/main/main_bg_mob.webp) no-repeat center / cover;}
	.main-visual .visualWrap h2 {font-size: 50px;}
	.main-visual .visualWrap .lab_subject {margin-top:30px;}
	.main-visual .visualWrap img {max-height:30vh; object-fit:contain; text-align:left; margin-top:30px; width:100%;}
	.main-visual .visualWrap {padding: 14vh 60px 0 60px;}
	
	.main-menu { grid-template-columns: auto; gap: 60px; padding:40px 30px 0;}
	.main-menu h3 {font-size:24px;}
	.main-menu .publication {grid-row:auto; grid-column:auto; position:relative;}
	.main-menu .noticeWrap:before { top: -30px;}
	/*.main-menu .publication:before { content: ""; display: block; border-top: 1px solid #e6e6e6; width: 100%; position: absolute; top: -30px;}*/
	
	
	.gallery { padding: 60px 30px; grid-template-columns: repeat(2,1fr); }
	
	
	
}
	


@media screen and (max-width:767px) {
	.main-visual .visualWrap {padding: 14vh 40px 0 40px;} 
	.main-visual .visualWrap h2 {font-size:40px; line-height:1.4;}
	.main-menu {padding:50px 30px 0;}
	
	.gallery {grid-template-columns: repeat(1,1fr); padding:50px 30px;}
}