@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2025-04-23
**************************************************/


/**************************************************
	Common
**************************************************/
/*.slick-button{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:4.8rem; height:4.8rem; border-radius:var(--g-radius-max); background-color:#e6e8ea;}
.slick-button:hover{}
.slick-button::after{content:''; display:inline-flex; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:50% 50%; mask-size:contain;}
.slick-button.pause::after{mask-image:url(../images/common/icon/ico_swiper_stop.svg);}
.slick-button.play::after{mask-image:url(../images/common/icon/ico_swiper_play.svg);}
.slick-button.next::after{mask-image:url(../images/common/icon/ico_more.svg);}
.slick-button.prev::after{mask-image:url(../images/common/icon/ico_more.svg); transform:rotate(180deg);}
.slick-button.more::after{mask-image:url(../images/common/icon/ico_plus.svg);}*/

/**************************************************
	Main
**************************************************/
#header{position:absolute; top:0; left:0; width:100%;}
#header.open{background-color:#fff;}
#header:not(.open) .logo a{background-image:url(../images/common/2025/logo_h.png);}
#header:not(.open) #gnb > li > a{color:#fff;}
.cont_main{
	/*--g-contents-wrap-size: 1564px;*/
	min-width:0;
}
.main-sect{padding:6rem 0;}
.main-title{display:flex; align-items:center; gap:var(--g-gap-8); margin-bottom:3rem;}
.main-title__tit{font-size:4rem; line-height:1.2;}
/* 메인 상단 배너 */
.main-spot-wrap{position:relative;}
.main-spot-wrap .item a{position:relative;}
.main-spot-wrap .item .main-spot__text{display:none; position:absolute; top:50%; left:0; right:0; z-index:10; transform:translateY(-50%); text-align:center; color:#fff;}
.main-spot-wrap .item .main-spot__txt01{font-size:2.8rem;}
.main-spot-wrap .item .main-spot__txt02{font-weight:700; font-size:6.4rem;}
.main-spot-wrap .item .img{display:block; position:relative; overflow:hidden;}
.main-spot-wrap .spotzone .item .img img{transform:scale(1.2); transition:opacity 0.5s ease;}
/*.main-spot-wrap .item .img:has(.mainbg-video):after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); backdrop-filter:brightness(0.85) contrast(1.2) saturate(0.8);}*/
.main-spot-wrap .item .mainbg-video{display:block; width:100%; height:100%; object-fit:cover;}
.main-spot-wrap .spotzone .slick-active .item .img img{animation:shrinkImage 4s ease-out forwards;}
.main-spot-wrap .spotzone .slick-slide:not(.slick-active) .item .img img{transform:scale(1); transition:none;}
@keyframes shrinkImage {
	from {transform:scale(1.2);}
	to {transform:scale(1);}
}
.main-spot-wrap .spotzone .nav .count{display:none;}
.main-spot-wrap .spotzone .nav > .slick-button{position:absolute; top:50%; transform:translateY(-50%); width:4.8rem; height:4.8rem; background-color:transparent;}
.main-spot-wrap .spotzone .nav > .slick-button:after{width:100%; height:100%; background-color:#fff;}
.main-spot-wrap .spotzone .nav .prev{left:calc(50% - 1500px/2);}
.main-spot-wrap .spotzone .nav .next{right:calc(50% - 1500px/2);}
.main-spot-wrap .spotzone .nav .area_ctrl{display:flex; align-items:center; gap:var(--g-gap-7); position:absolute; left:50%; bottom:5rem; transform:translateX(-50%); height:4rem; padding:0 2rem; border-radius:4rem; background-color:rgba(0,0,0,.3);}
.main-spot-wrap .spotzone .nav .area_ctrl > .slick-button{width:2rem; height:2rem; padding:.4rem;}
.main-spot-wrap .spotzone .nav .area_ctrl > .slick-button:after{width:100%; height:100%;}
.main-spot-wrap .spotzone .nav .dots{display:flex; align-items:center;}
.main-spot-wrap .spotzone .nav .dots ul{display:flex; justify-content:center; align-items:center; gap:1rem;}
.main-spot-wrap .spotzone .nav .dots button{display:block; position:relative; width:1rem; height:1rem; overflow:hidden; border:.1rem solid #fff; border-radius:.5rem; background-color:transparent; color:transparent;}
.main-spot-wrap .spotzone .nav .dots .slick-active button{width:2.4rem; background-color:#fff;}
/* 사업일정 */
.main-biz > .inner{position:relative;}
.main-biz .bizzone{position:static; margin:0 -12px;}
.main-biz .bizzone .item .inr{padding:0 12px;}
.main-biz .bizzone .item .main-biz__link{display:block; overflow:hidden; position:relative; background-color:#fff;}
.main-biz .bizzone .item .main-biz__visual{display:block; position:relative; overflow:hidden; aspect-ratio:302/428; background-color:#f4f5f6;}
.main-biz .bizzone .item .main-biz__visual img{object-fit:contain; width:100%; height:100%; transition:var(--g-transition-base);}
.main-biz .bizzone .item .main-biz__link:has(.main-biz__badge--closed) .main-biz__visual:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.2);}
.main-biz .bizzone .item .main-biz__link:hover .main-biz__visual img{transform:scale(1.1);}
.main-biz .bizzone .item .main-biz__badge{position:absolute; top:0; right:0; z-index:10; padding:var(--g-padding-2) var(--g-padding-4); font-weight:700; font-size:1.9rem; background-color:#f0e2ce; color:#da2128;}
.main-biz .bizzone .item .main-biz__badge--closed{background-color:var(--g-light-color-border-gray-dark); color:#fff;}
.main-biz .bizzone .item .main-biz__category{margin-top:var(--g-gap-6); font-size:1.7rem; line-height:1.2; color:#03899a;}
.main-biz .bizzone .item .main-biz__subject{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:var(--g-gap-5); text-overflow:ellipsis; font-weight:700; font-size:2.1rem; line-height:1.2;}
.main-biz .bizzone .item .main-biz__date{display:flex; align-items:flex-start; gap:var(--g-gap-4); margin-top:var(--g-gap-6); color:#da2127;}
.main-biz .bizzone .item .main-biz__date--key{flex-shrink:0; padding:var(--g-padding-1) var(--g-padding-3); background-color:#da2127; font-size:1.6rem; line-height:1.2; color:#fff;}
.main-biz .bizzone .item .main-biz__date--value{min-width:0; font-weight:700; line-height:1.2;}
.main-biz .bizzone .slick-button.pause,
.main-biz .bizzone .slick-button.play{background-color:#eeeeef;}

/* 새소식 */
.main-board__container{position:relative; border-bottom:.1rem solid var(--g-light-color-border-gray-dark);}
.main-board-tab__list{display:flex; gap:var(--g-gap-2); margin-bottom:var(--g-gap-6); border-bottom:2px solid #da2128;}
.main-board-tab__link{display:flex; justify-content:center; align-items:center; position:relative; z-index:10; width:174px; height:70px; border:.1rem solid #dedccd; border-bottom:0; background-color:#eeede6; font-weight:700; font-size:2.4rem; color:#8a8a88; transition:none;}
.main-board-tab__link.active{height:72px; margin-bottom:-2px; border-color:#da2128; border-width:2px; background-color:#fff; color:#da2128;}
.main-board__list{display:flex; flex-direction:column;}
.main-board__list .main-board__item{display:flex; justify-content:space-between; align-items:center; gap:var(--g-gap-4); position:relative; padding:2.4rem 0 2.2rem;}
.main-board__list .main-board__item:not(:last-child){border-bottom:.1rem solid var(--g-light-color-border-gray-light);}
.main-board__list .main-board__link{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:2.1rem;}
.main-board__list .main-board__link:hover{text-decoration:underline; text-underline-offset:0.5rem;}
.main-board__list .main-board__item .main-board__date{flex-shrink:0;}
.main-board__more{position:absolute; top:1rem; right:0;}
.main-board__more a{display:flex; justify-content:center; align-items:center; width:4rem; height:4rem; border-radius:50%; background-color:#1e2124;}
.main-board__more a:after{content:''; width:var(--g-icon--size-large); height:var(--g-icon--size-large); mask:url(../images/common/icon/ico_plus_strong.svg) no-repeat 0 0/contain; background-color:#fff;}
/* 우수성과사례 */
.main-performance{background-color:#eeeeef;}
.main-performance > .inner{position:relative;}
.main-performance .performancezone{position:static; margin:0 -12px;}
.main-performance .performancezone .item .inr{padding:0 12px;}
.main-performance .performancezone .item .main-performance__link{display:block; overflow:hidden; background-color:#fff;}
.main-performance .performancezone .item .main-performance__visual{display:block; overflow:hidden; aspect-ratio:628/353; background-color:#f4f5f6;}
.main-performance .performancezone .item .main-performance__visual img{object-fit:contain; width:100%; height:100%; transition:var(--g-transition-base);}
.main-performance .performancezone .item .main-performance__link:hover .main-performance__visual img{transform:scale(1.1);}
.main-performance .performancezone .item .main-performance__info{padding:var(--g-padding-9) var(--g-padding-9);}
.main-performance .performancezone .item .main-performance__category{font-size:1.7rem; color:#03899a;}
.main-performance .performancezone .item .main-performance__subject{display:block; overflow:hidden; margin-top:var(--g-gap-5); text-overflow:ellipsis; font-weight:700; font-size:2.4rem; line-height:1.2; white-space:nowrap;}
.main-performance .performancezone .item .main-performance__date{margin-top:var(--g-gap-6);}
.main-sect .nav .count{position:absolute; right:calc(var(--g-contents-padding-x) + 104px); top:1rem;}
.main-sect .nav .area_ctrl{display:flex; align-items:center; gap:var(--g-gap-4); position:absolute; right:var(--g-contents-padding-x); top:0.8rem;}
.main-sect .nav .slick-button{width:4rem; height:4rem;}
.main-sect .slick-button{background-color:#fff;}
.main-sect .slick-button.more{background-color:#1e2124;}
.main-sect .slick-button.more:after{mask-image:url(../images/common/icon/ico_plus_strong.svg); background-color:#fff;}
.main-sect .slick-button.prev,
.main-sect .slick-button.next{position:absolute; top:50%; transform:translateY(-50%); width:5rem; height:5rem; background:none;}
.main-sect .slick-button.prev{right:100%;}
.main-sect .slick-button.next{left:100%;}
.main-sect .slick-button.prev:after,
.main-sect .slick-button.next:after{width:100%; height:100%;}
.main-sect .count{display:flex; align-items:center; font-weight:700; font-size:2.4rem; color:#bcbdc1;}
.main-sect .count em{position:relative; margin-right:1rem; padding-right:1.4rem; color:#1e2124;}
.main-sect .count em:after{content:''; position:absolute; top:50%; right:0; width:.4rem; height:.4rem; border-radius:50%; background-color:#bcbdc1; transform:translateY(-50%);}

/* Tablet ~ 1563px */
@media screen and (max-width:1440px){
	.main-sect .nav .count,
	.main-sect .nav .area_ctrl,
	.main-sect .slick-button.prev,
	.main-sect .slick-button.next{position:static; transform:none;}
	.main-sect .nav{display:flex; align-items:center; gap:var(--g-gap-4); position:absolute; right:var(--g-contents-padding-x); top:0.8rem;}
	.main-sect .slick-button.prev,
	.main-sect .slick-button.next{width:4rem; height:4rem; background-color:#fff;}
	.main-biz .slick-button.prev,
	.main-biz .slick-button.next{background-color:#eeeeef;}
	.main-sect .slick-button.prev:after,
	.main-sect .slick-button.next:after{width:var(--g-icon--size-large); height:var(--g-icon--size-large);}
	.main-sect .nav .area_ctrl{order:1;}
}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	body.open_wv #header{background-color:#fff;}
	#header .logo a{background-image:url(../images/common/2025/logo_h_bk.png);}
	.wholeview_wrap:not(.open) .btn_wv:before{background-color:#fff;}
	.main-sect{padding:4rem 0;}
	.main-title{margin-bottom:3rem;}
	.main-title__tit{font-size:3rem;}
	.main-sect .nav{top:0; gap:var(--g-gap-2);}
	.main-sect .nav .area_ctrl{gap:var(--g-gap-2);}
	.main-sect .nav .slick-button{width:3.2rem; height:3.2rem;}
	.main-sect .nav .slick-button:after{width:var(--g-icon--size-medium); height:var(--g-icon--size-medium);}
	.main-sect .nav .count{font-size:1.7rem;}
	.main-sect .count em{margin-right:.6rem; padding-right:1rem;}
	.main-spot-wrap .item .main-spot__txt01{font-size:2rem;}
	.main-spot-wrap .item .main-spot__txt02{font-size:3.2rem;}

	.main-biz .bizzone{margin:0 -6px;}
	.main-biz .bizzone .item .inr{padding:0 6px;}
	.main-biz .bizzone .item .main-biz__category{margin-top:var(--g-gap-4); font-size:1.5rem;}
	.main-biz .bizzone .item .main-biz__subject{margin-top:var(--g-gap-3); font-size:1.7rem;}
	.main-biz .bizzone .item .main-biz__date{gap:var(--g-gap-2); margin-top:var(--g-gap-3);}
	.main-biz .bizzone .item .main-biz__date--key{font-size:1.5rem;}
	.main-biz .bizzone .item .main-biz__date--value{font-size:1.5rem;}

	.main-performance .performancezone{margin:0 -0.6rem;}
	.main-performance .performancezone .item .inr{padding:0 0.6rem;}
	.main-performance .performancezone .item .main-performance__info{padding:var(--g-padding-5);}
	.main-performance .performancezone .item .main-performance__category{font-size:1.5rem;}
	.main-performance .performancezone .item .main-performance__subject{margin-top:var(--g-gap-3); font-size:1.7rem;}
	.main-performance .performancezone .item .main-performance__date{margin-top:var(--g-gap-3);}

	.main-board__more{top:.4rem;}
	.main-board__more a{width:3.2rem; height:3.2rem;}
	.main-board__more a:after{width:var(--g-icon--size-medium); height:var(--g-icon--size-medium);}
	.main-board-tab__list{gap:var(--g-gap-1); margin-bottom:var(--g-gap-4);}
	.main-board-tab__link{width:90px; height:50px; font-size:1.9rem;}
	.main-board-tab__link.active{height:52px;}
	.main-board__list .main-board__item{padding:1.2rem 0 1.1rem;}
	.main-board__list .main-board__link{font-size:1.7rem;}
	.main-board__list .main-board__item .main-board__date{font-size:1.5rem;}



}
/* Mobile 360px ~ 767px */
@media screen and (max-width:767px){
	.main-spot-wrap .item .main-spot__text{padding:0 calc(var(--g-contents-padding-x) + 3.2rem);}
	.main-spot-wrap .item .main-spot__txt01{font-size:1.7rem;}
	.main-spot-wrap .item .main-spot__txt02{font-size:2.4rem; line-height:1.2;}
	.main-spot-wrap .item .mainbg-video{/*aspect-ratio:1.7/1;*/}
	.main-spot-wrap .spotzone .nav .area_ctrl{bottom:3.2rem;}

	.main-title__tit{margin-top:var(--g-gap-2); font-size:2.4rem;}
}
/* Mobile ~ 599px */
@media screen and (max-width:599px){
}
/* Mobile ~ 374px */
@media screen and (max-width:374px){
	.main-title__tit{font-size:1.9rem;}
	.main-board-tab__link{width:80px; font-size:1.7rem;}
	.main-board-tab__link.active{}
}