@charset "utf-8";

/* main : common */
.sec-tit {font-size: 36px;font-weight: 600;position: relative;width: fit-content;line-height: normal;margin-bottom: 26px;}
.sec-tit::after {content:"";width: 100%;height: 21px;background: #ABF9FF;display: none;position: absolute;left: 0;bottom: -1px;z-index: -1;}
/* main-visual */
.main-visual {min-width: 1392px;height: 600px;overflow: hidden;position: relative;}
/* .main-visual::after {content:"";background:linear-gradient(to bottom, #828282, #C2C2C200);display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 2;mix-blend-mode: multiply;} */
.main-visual .swiper-wrapper {}
.main-visual .swiper-wrapper .swiper-slide {width:100%;height:100%;overflow: hidden;}
.main-visual .swiper-wrapper .swiper-slide .img-wrap {width:100%;height:100%;}
.main-visual .swiper-wrapper .swiper-slide .img-wrap img {animation: enlarge 10s 1;}
.main-visual .swiper-wrapper .swiper-slide .img-wrap video {width:100%;height:100%;object-fit: cover;}
.main-visual .controls {width:1392px;position: absolute;left:50%;transform:translateX(-50%);bottom:110px;z-index: 3;}
.main-visual .controls .swiper-nav {display: flex;gap:4px;background: #40404077;position: absolute;right: 0;top: 0;width: 120px;height: 28px;border-radius: 15px;}
.main-visual .controls .swiper-nav .btn-prev,
.main-visual .controls .swiper-nav .btn-next {width: 20px;height: 20px;background: url("../images/common/icon/icon_arrow_l.svg") center center no-repeat;cursor: pointer;border-radius: 50%;padding: 4px;transition: .3s ease-in-out;}
.main-visual .controls .swiper-nav .btn-next {background: url("../images/common/icon/icon_arrow_r.svg") center center no-repeat;}
.main-visual .controls .swiper-nav .btn-prev:hover {background-position-x: 30%;}
.main-visual .controls .swiper-nav .btn-next:hover {background-position-x: 70%;}
.main-visual .controls .swiper-nav .btn-play {width: 20px;height: 20px;background: url("../images/common/icon/icon_pause.svg") center center no-repeat;cursor: pointer;border-radius: 50%;margin-left: 5px;}
.main-visual .controls .swiper-nav .btn-play.stop {background: url("../images/common/icon/icon_play.svg") center center no-repeat;}
@keyframes enlarge {
    0% {transform: scale(1);}
    100% {transform: scale(1.05);}
}

.main-visual .controls {}
.main-visual .controls .swiper-nav {display: flex;align-items: center;justify-content: center;}
.main-visual .controls .swiper-pagination {color: #fff;position: relative;width: auto;bottom: auto;font-size: 12px;margin: 0 4px;}



.main-visual .inner {padding-top: 75px;position: absolute;height: 100%;top:0;left:50%;transform: translateX(-50%);z-index: 2;}
.main-visual .inner .txt-wrap {position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: 3;}
.main-visual .inner .txt-wrap.white {color:#fff;}
.main-visual .inner .txt-wrap.black {color:#000;}
.main-visual .inner .txt-wrap .tit-txt {font-size: 40px;font-weight: 700;margin-bottom: 0px;}
.main-visual .inner .txt-wrap .desc-txt {font-size: 28px;font-weight: 500;line-height: 1.8;}
.main-visual .inner .txt-wrap .viewmore {background:#fff url("../images/common/icon/icon_arrow_right_b.svg") 110% center no-repeat; border:none; width: 200px; height:48px; display: block;line-height: 48px;text-align:center;font-size: 18px;border-radius: 4px;overflow: hidden;transition: .3s ease-in-out;color: #000;}
.main-visual .inner .txt-wrap .viewmore:hover {background-position-x: 85%;padding-right: 30px;background-color: #ffffffcb;}

.main-sec-tit {font-size: 32px;margin-bottom: 48px;font-weight: 700;display: flex;justify-content: center;align-items: center;}
.btn-viewmore {width: 25px;height: 25px;background:#fff url("../images/common/icon/icon_view_more.png") center center no-repeat;margin-left: 16px;text-indent: -9999px; overflow: hidden;transition: .3s ease-in-out;}
.btn-viewmore:hover {transform: translateY(-5px);}

.main-section1 {margin-top: 120px;}
.main-section1 .left {width: 920px;margin-right: 24px;position: relative;}
.main-section1 .left .btn-viewmore {position: absolute;right: 0;top: 0;}
.main-section1 .left .board-tab {margin-bottom: 6px;}
.main-section1 .left .board-tab ul {display: flex;}
.main-section1 .left .board-tab ul li {}
.main-section1 .left .board-tab ul li a {font-size: 24px;font-weight: 600;margin-right: 30px;display: block;padding: 0 10px 10px 0;color: #919191;}
.main-section1 .left .board-tab ul li.selected a {color: #000;}
.main-section1 .left .board-tab-wrap {border-top: 2px solid #000;}
.main-section1 .left .board-tab-wrap ul  {}
.main-section1 .left .board-tab-wrap ul li {}
.main-section1 .left .board-tab-wrap ul li a {display:flex;width:100%;/*height:88px;*/height:68px;align-items: center;border-bottom: 1px solid #C5C5C5;padding: 0 16px;}

.main-section1 .left .board-tab-wrap .bd-date {margin-right: 24px;display: flex;align-items: center;font-size: 18px;font-weight: 500;}
.main-section1 .left .board-tab-wrap .bd-date .year-month {/*font-size: 14px;font-weight: 500;*/}
/* .main-section1 .left .board-tab-wrap .bd-date .day {font-size: 42px;font-weight: 700;} */
/* .main-section1 .left .board-tab-wrap .bd-date .day::before {content: "-";} */
.main-section1 .left .board-tab-wrap .bd-tit {font-size: 21px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;position: relative;}
/* .main-section1 .left .board-tab-wrap ul li a .bd-tit::after {content:"";display:block;width: 0;height: 15px;background: #ffff5c;width: 0%;position: absolute;left: 0px; bottom: 0px;transition: .5s ease-in-out;mix-blend-mode: multiply;} */
/* .main-section1 .left .board-tab-wrap ul li a:hover .bd-tit::after {width:100%;} */
.main-section1 .right {width: 448px;}
.main-section1 .right .tit {font-size: 24px;font-weight: 600;margin-bottom: 16px;}
/*2023-12-13 추가 - 메인화면 갤러리 항목(1)*/
.main-section1 .right .gallery-wrap {}
.main-section1 .right .gallery-wrap {background: linear-gradient(45deg, #4DC5D8, #059BD4);border-radius: 24px;padding: 56px 36px;color: #fff;height: calc(100% - 45px);overflow: hidden;position: relative;}
.main-section1 .right .gallery-wrap a {}
/* .main-section1 .right .gallery-wrap .tit {color: #fff;margin-bottom: 16px;font-weight: 500;font-size: 24px;position: absolute;bottom: 16px;left:0;padding: 0 24px;
display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;} */
    
/*2023-12-14 추가 - 메인화면 갤러리 항목(2)*/
.main-section1 .right .gallery-wrap .tit {color: #fff;margin-bottom: 0; width:100%;height:40px;text-align:center;font-weight: 500;font-size: 20px;position: absolute;bottom: 16px;left:0;padding: 16px 24px 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.main-section1 .right .gallery-wrap .gallery-img {width: 100%;height: calc(100% - 56px);position: absolute;left: 0;top: 0;z-index: 0;}
/* .main-section1 .right .gallery-wrap .gallery-img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;}
.main-section1 .right .gallery-wrap .gallery-img::after {content: "";width: 100%;height: 100%;position: absolute;display: block;background: linear-gradient(to bottom, #3dabff00 , #bcbcbc9c, #2d2d2d);z-index: 1;top: 0;mix-blend-mode: multiply;}
 */
.main-section1 .right .gallery-wrap .gallery-img img {width: 100%;height: 100%;object-fit: cover;}

/* .main-section1 .right .report-wrap {background: linear-gradient(45deg, #4DC5D8, #059BD4);border-radius: 24px;padding: 56px 36px;color: #fff;height: calc(100% - 45px);overflow: hidden;position: relative;}
.main-section1 .right .report-wrap::before {content:"";background: url("../images/main/img_report.png") no-repeat;display: block;width: 170px;height: 360px;mix-blend-mode: hard-light;position: absolute;right: 27px;bottom: -136px;}
.main-section1 .right .report-wrap .tit {margin-bottom: 16px;font-weight: 500;font-size: 24px;}
.main-section1 .right .report-wrap .tit a {color: #fff;}
.main-section1 .right .report-wrap .date {font-size: 18px;}
.main-section1 .right .report-wrap .btn-download {width:200px;height:48px; background: #ffffff2a url("../images/common/icon/icon_download.png") 85% center no-repeat;display: block;line-height: 48px;font-size: 16px;font-weight: 700;position: absolute;bottom:56px;left:36px;padding:0 20px;transition:.3s ease-in-out;border: 1px solid #fff;color: #fff;}
.main-section1 .right .report-wrap .btn-download:hover {background-position-y: 17px;} */

.tab-cont {display: none;}
.tab-cont.selected {display: block;}

.main-section2 {margin-top: 120px;}
.main-section2 {}
.main-section2 .business-list {display: flex;gap: 24px;}
.main-section2 .business-list li {width: 330px;border-radius: 24px;overflow: hidden;transition: .3s ease;}
.main-section2 .business-list li::before {}
.main-section2 .business-list li.hovered {width: 684px;}
.main-section2 .business-list li a {display: block;height: 380px;position: relative;}
.main-section2 .business-list li a .txt {display: flex;align-items: center;height: 100%;padding-bottom: 24px;justify-content: flex-end;flex-direction: column;}
.main-section2 .business-list li.hovered a .txt {justify-content: center;padding-bottom: 0;}
.main-section2 .business-list li a .business-tit {color: #fff;font-size: 24px;font-weight: 700;text-align: center;}
.main-section2 .business-list li a .business-tit span {display: block;}
.main-section2 .business-list li.hovered a .business-tit {font-size: 32px;}
.main-section2 .business-list li.hovered a .business-tit span {display: inline-block;margin-right: 8px;}
.main-section2 .business-list li.hovered a .business-tit span:last-child {margin-right: 0;}
.main-section2 .business-list li a .business-desc {font-size: 18px;color: #fff;text-align: center;max-height: 0;height:0;overflow: hidden;transition: .3s ease-in-out;}
.main-section2 .business-list li.hovered a .business-desc {height: 50px;margin-top: 24px;max-height: none;}
.main-section2 .business-list li a .bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;}
.main-section2 .business-list li a .bg::before {content: "";width: 100%;height: 100%;position: absolute;display: block;background: #37A8FF;z-index: 1;mix-blend-mode: color;opacity: .51;transition: .3s ease-in-out;}
.main-section2 .business-list li a .bg::after {content: "";width: 100%;height: 100%;position: absolute;display: block;background: linear-gradient(to bottom, #3dabff00 , #40536370, #182937);z-index: 1;top: 0;mix-blend-mode: multiply;}
.main-section2 .business-list li a .bg img {width: 100%;height: 100%;object-fit: cover;}
.main-section2 .business-list li.hovered a .bg::before {opacity: 0;}

.main-section3 {margin-top: 120px;margin-bottom: 140px;}
.main-section3 {}
.main-section3 .mou-list {display: flex;gap: 20px;flex-wrap: wrap;}
.main-section3 .mou-list li {display: block;border: 1px solid #E1E1E1;height: 100px;width: calc((100% - 24px * 4)/5);}
.main-section3 .mou-list li a {display: flex;justify-content: center;align-items: center;height: 100%;}
.main-section3 .mou-list li a img {max-width: 100%;max-height: 80px;}