@charset "utf-8";

.main {min-height:100vh; position:relative; overflow:hidden;}
.main article .inner {max-width:1400px; width:100%; margin:0 auto;}
 
/* part1 */
.main .part1 {height:100vh;}
.main .part1 .swiper-container {height:100%;}
.main .part1 .swiper-container .swiper-slide {}
.main .part1 .swiper-container .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.main .part1 .visual .txt {position:absolute; width:100%; height:100vh; top:0; left:0; color:#fff; line-height:1.2; text-align:center; z-index:2;}
.main .part1 .visual .txt .inner {max-width:1400px; margin:0 auto; height:100vh; display:flex; flex-direction:column; justify-content:center; gap:20px;}
.main .part1 .visual .txt p {font-size:24px; font-weight:500;}
.main .part1 .visual .txt h2 {font-size:58px; font-family:'NEXONLV1';}
.main .part1 .paging.swiper-pagination {bottom:50px;}
.main .part1 .paging .swiper-pagination-bullet {background:#fff; margin:0 5px; width:50px; height:10px; border-radius:3rem; opacity:0.5;}
.main .part1 .paging .swiper-pagination-bullet-active {background:#fff; opacity:1;}

/* part2 */
.main .part2 {padding-top:100px;}
.main .part2 .inner {display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap;}
.main .part2 .list-item {display:block; border:1px solid #dedede; padding:50px 40px 40px; width:329px; min-height:270px; position:relative;}
.main .part2 .list-item:hover {transform:scale(1.02); box-shadow:10px 10px 15px rgba(0, 0, 0, .15);}
.main .part2 .list-item>i {display:inline-block; width:85px; height:70px; background-repeat:no-repeat; background-position:center; margin-top:23px;}
.main .part2 .list-item.box1 i {background-image:url(../images/main/main-icon1.png);}
.main .part2 .list-item.box2 i {background-image:url(../images/main/main-icon2.png);}
.main .part2 .list-item.box3 i {background-image:url(../images/main/main-icon3.png);}
.main .part2 .list-item.box4 i {background-image:url(../images/main/main-icon4.png);}
.main .part2 .list-item p {font-size:20px; font-weight:500;}
.main .part2 .list-item span {display:block; font-weight:300; margin-top:5px;}
.main .part2 .list-item .i-more {display:inline-block; width:23px; height:23px; background:url(../images/common/i-more.png)no-repeat center; position:absolute; bottom:40px; right:40px; transition:all 0.3s;}

/* part3 */
.main .part3 {padding:100px 0;}
.main .part3 .inner {display:flex; justify-content:space-between;}
.main .part3 .list-item {width:calc((100% - 160px)/3); border-bottom:1px solid #ddd;}
.main .part3 .list-item:last-of-type {border-bottom:0;}
.main .part3 .list-item h3 {font-size:26px; color:#000; display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid #000; padding-bottom:20px;}
.main .part3 .list-item h3>a {display:inline-block; width:21px; height:21px; background:url(../images/common/i-more-black.png)no-repeat center;}
.main .part3 .list-item .header {padding:20px 0; display:grid; grid-template-columns:105px auto; align-items: center; border-bottom:1px solid #ddd;}
.main .part3 .list-item .header span {background:#4a5c70; width:85px; height:80px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; gap:5px; transition:background .2s;}
.main .part3 .list-item .header:hover span {background:#3a8f8f;}
.main .part3 .list-item .header span .day {font-size:30px; font-weight:700; line-height:1;}
.main .part3 .list-item .header span .month {font-size:14px; font-weight:500; line-height:1;}
.main .part3 .list-item .header dl {}
.main .part3 .list-item .header dl dt {font-size:18px; font-weight:500; color:#000; transition:.2s; transform:var(--textRotate); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .part3 .list-item .header:hover dl dt {color:#3a8f8f;}
.main .part3 .list-item .header dl dd {font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.main .part3 .list-item ul {}
.main .part3 .list-item ul li {padding-top:27px;}
.main .part3 .list-item ul li:last-child {padding-bottom:27px;}
.main .part3 .list-item ul li a {display:flex; gap:35px; padding-left:12px; position:relative;}
.main .part3 .list-item ul li a:before {position:absolute; display:block; content:''; width:4px; height:4px; background:#424242; border-radius:50%; top:12px; left:2px;}
.main .part3 .list-item ul li a p {color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .2s;}
.main .part3 .list-item ul li a:hover p {color:#000; text-decoration:underline; text-underline-position:under; text-underline-offset:1px;}
.main .part3 .list-item ul li a span {font-size:14px; color:#666;}

/* 롤링 배너 */
.main .main-rolling {position:relative; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.main .banner-wrap {position:relative; background:#fff; height:80px; width:90%; margin:0 auto;}
.main .banner-wrap .inWrap {max-width:1550px; width:100%; margin:0 auto; overflow:hidden; padding-top:12px;}
.main .banner-wrap ul li {display:inline-block; text-align:center; vertical-align:top;}
.main .banner-wrap ul li a {display:block; margin:17px 10px; z-index:1000; cursor:default;}
.main .banner-wrap ul li img {max-width:none; height:auto !important; max-height:36px;}
.main .bannerBtnWrap {position:absolute; top:25px; left:0; width:100%; z-index:99;}
.main .bannerBtnWrap a {position:absolute;}
.main .bannerBtnWrap .left {left:10px;}
.main .bannerBtnWrap .right {right:10px;}


/* ************************ (~1199) ************************ */
@media (max-width: 1199px) {
/* part2 */
.main .part2 {padding:100px 20px 0;}
.main .part2 .inner {gap:20px;}
.main .part2 .list-item {width:calc((100% - 20px)/2);}
.main .part2 .list-item>i {height:60px; background-size:contain;}

/* part3 */
.main .part3 {padding:100px 20px;}
.main .part3 .list-item {width:calc((100% - 80px)/3);}
.main .part3 .list-item .header {grid-template-columns:90px auto;}
.main .part3 .list-item .header span {width:75px; height:75px;}
.main .part3 .list-item .header span .day {font-size:26px;}
.main .part3 .list-item .header span .month {font-size:13px;}
}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* part1 */
.main .part1 {height:70vh;}
.main .part1 .visual .txt {height:70vh;}
.main .part1 .visual .txt .inner {height:70vh; gap:10px;}
.main .part1 .visual .txt p {font-size:20px; line-height:1.5;}
.main .part1 .visual .txt h2 {font-size:45px; line-height:1.3;}
.main .part1 .paging .swiper-pagination-bullet {width:30px;}

/* part2 */
.main .part2 {padding:70px 20px 0;}

/* part3 */
.main .part3 {padding:70px 20px 80px;}
.main .part3 .inner {flex-direction:column; row-gap:30px;}
.main .part3 .list-item {width:100%;}
.main .part3 .list-item h3 {font-size:24px;}
.main .part3 .list-item .header {padding:15px 0;}
.main .part3 .list-item .header span .day {font-size:24px;}
.main .part3 .list-item ul li {padding-top:20px;}
.main .part3 .list-item ul li:last-child {padding-bottom:20px;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
/* part1 */
.main .part1 .visual .txt p {font-size:16px;}
.main .part1 .visual .txt h2 {font-size:30px;}

/* part2 */
.main .part2 .inner {flex-direction:column;}
.main .part2 .list-item {width:100%; padding:40px 30px 30px; min-height:auto;}
.main .part2 .list-item>i {height:50px;}

}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
/* part1 */
.main .part1 {height:60vh;}
.main .part1 .visual .txt {height:60vh;}
.main .part1 .visual .txt .inner {height:60vh;}

/* part2 */
.main .part2 {padding:50px 20px 0;}

/* part3 */
.main .part3 {padding:50px 20px 60px;}
}