/* ******************************** 메인 ******************************** */
.main {position:relative; display:flex; height:100vh; min-height:700px; align-items:center; padding-top:100px; background-color:#fff;}

/* 비주얼 */
.visual-bg {z-index:0; position:fixed; top:50%; transform:translateY(calc(-50% - -3vh));}
.visual-bg.bg1 {left:0; width:7.5vw;}
.visual-bg.bg2 {right:0; width:40vw; max-width:720px;}
.visual-bg img {width:100%;}
.main-wrap {width:1400px; margin:0 auto; display:grid; gap:5vh; position:relative; z-index:1;}
.main-wrap .visual-text {}
.main-wrap .visual-text h2 {font-size:50px; font-family:var(--f_nexen); color:var(--red); line-height:60px;}
.main-wrap .quick {margin-top:-15px;}
.main-wrap .quick ul {display:flex;}
.main-wrap .quick ul li {}
.main-wrap .quick ul li+li {margin-left:10px;}
.main-wrap .quick ul li a {display:block; font-weight:500; color:#fff; background-color:#000; padding:10px 25px; border-radius:3rem;}

/* 공지 */
.notice {max-width:870px;}
.notice ul {background:url(../images/main/i-notice.png)no-repeat left top; padding-left:63px;}
.notice ul li {}
.notice ul li+li {margin-top:5px;}
.notice ul li a {display:grid; grid-template-columns:100px auto;}
.notice ul li a span {}
.notice ul li a p {font-weight:500; color:#000; transform:var(--textRotate); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 갤러리 */
.gallery {max-width:870px;}
.gallery ul {background:url(../images/main/i-gallery.png)no-repeat left top; padding-left:63px; display:flex; gap:15px;}
.gallery ul .gallery-item {width:calc((100% - 30px) / 3);}
.gallery ul .gallery-item a {display:block; width:100%; border-radius:10px; overflow:hidden; border:1px solid #dee0ec;}
.gallery ul .gallery-item a .img {width:100%; aspect-ratio:1/0.7; overflow:hidden;}
.gallery ul .gallery-item a .img img {width:100%; height:100%; object-fit:cover; transition:all 0.3s;}
.gallery ul .gallery-item a:hover .img img {transform:scale(115%);}
.gallery ul .gallery-item a .desc {padding:14px 19px; border-top:1px solid #dee0ec; min-height:80px; background:#fff;}
.gallery ul .gallery-item a .desc p {color:#000; text-align:center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}


/* 메인-태블릿 이하 */
@media (max-width: 991px) {
.main {padding:50px 20px 0;}
.main-wrap .visual-text h2 {font-size:44px; line-height:1.3;}

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
.main-wrap .quick ul li a {padding:8px 20px; font-size:15px;}

	
}

@media screen and (max-width: 480px) {
.main {padding:120px 20px 80px; height:auto;}
.main-wrap .visual-text h2 {font-size:9vw;}
.main-wrap .quick ul li+li {margin-left:5px;}
.main-wrap .quick ul li a {padding:6px 15px; font-size:13px;}
.notice ul {background:url(../images/main/i-notice.png) no-repeat left top / 8%; padding-left:11%;}
.notice ul li a {grid-template-columns:80px auto; font-size:14px;}
.gallery ul {background: url(../images/main/i-gallery.png) no-repeat left top / 8%; padding-left:11%; flex-direction:column;}
.gallery ul .gallery-item {width:100%;}
.gallery ul .gallery-item a .img {aspect-ratio:1/0.6;}
.gallery ul .gallery-item a .desc {padding:10px; min-height:0;}
.gallery ul .gallery-item a .desc p {font-size:14px;}

}