@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2025-10-31
******************************************************** */
#wrap.main-page{overflow: visible;}
.ms-preloader {width: 100%; height: 100%; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #000; position: fixed; z-index: 9999999;}

/* ******************  메인 인트로 ********************** */
html:not(.is-mobile) #header{max-width:calc(100vw - 15px);}
#mainIntro{
	position: fixed; top:calc(50% - 1px); left:calc(50% - 1px); transform:translate(-50%, -50%); width:calc(100vw + 2px); height:calc(100vh + 2px); z-index:9; overflow:hidden;
}
.main-intro-wrap{position: relative; display: flex; flex-wrap:wrap; align-items: stretch; justify-content:center; width:100%; height:100%; text-align:center;}
.main-intro-wrap .intro-top{position: relative; width:100%; background:var(--sub-color3); height:30vh; overflow:hidden;}
.main-intro-wrap .intro-top .bg{position: absolute; top:0; left:0; width:192rem; height:96rem; transform:translate(-30%, -30%); transition:all 1.3s ease-out; opacity:0;}
.main-intro-wrap .intro-middle{position: relative; display: flex; width:100%; height:411px;}
.main-intro-wrap .intro-middle:before{position: absolute; content:''; width:100vw; height:5px; top:-4px; left:0; background:var(--sub-color3);}
.main-intro-wrap .intro-middle:after{position: absolute; content:''; width:100vw; height:5px; bottom:-4px; left:0; background:var(--sub-color3);}
.main-intro-wrap .intro-middle .intro-middle-item{width:calc((100vw - 50rem) / 2); background:var(--sub-color3);}
.main-intro-wrap .intro-middle .intro-logo{position: relative;}
.main-intro-wrap .intro-middle .intro-logo:before{position: absolute; content:''; width:2px; height:100%; top:0; left:1px; background:var(--sub-color3); transform:translateX(-100%);}
.main-intro-wrap .intro-middle .intro-logo:after{position: absolute; content:''; width:1px; height:100%; top:0; right:1px; background:var(--sub-color3); transform:translateX(100%);}
.main-intro-wrap .intro-bottom{position: relative; width:100%; background:var(--sub-color3); height:calc(70vh - 384px); box-sizing:border-box; overflow:hidden;}
.main-intro-wrap .intro-bottom .bg{position: absolute; bottom:0; right:0; width:192rem; height:96rem; transform:translate(30%, 30%); transition:all 1.3s ease-out; opacity:0;}
.main-intro-wrap .intro-bottom .intro-logo-bottom{transition:all 1s}
.main-intro-wrap .intro-bottom .intro-logo-scroll{transition:all 1s}


@keyframes scroll_ani {
    0%, 10% {top: -3.2rem;}
	100% {top: 100%;}
}

/* intro-load */
#mainIntro.intro-load .main-intro-wrap .intro-top .bg,
#mainIntro.intro-load .main-intro-wrap .intro-bottom .bg{transform:translate(0,0); opacity:1;}

/* load */
#mainIntro.load .main-intro-wrap .intro-top,
#mainIntro.load .main-intro-wrap .intro-top .bg{animation: introAniTop ease-in both 2.5s;}
#mainIntro.load .main-intro-wrap .intro-middle{animation: introAniMiddle ease-in both 2.5s;}
#mainIntro.load .main-intro-wrap .intro-bottom,
#mainIntro.load .main-intro-wrap .intro-bottom .bg{animation: introAniBottom ease-in both 2.5s;}


@keyframes introAniTop {
	0% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(calc(-1 * (36.7rem * 40)));
	}
	100% {
		transform: translateY(calc(-1 * (36.7rem * 40)));
	}
}
@keyframes introAniMiddle {
	0% {
		transform: translateX(0%) scale(1) rotate(0.01deg)
	}
	70% {
		transform: translate(-0%, 50vh) scale(75) rotate(0.01deg)
	}
	100% {
		transform: translate(-0%, 50vh) scale(150) rotate(0.01deg)
	}
}
@keyframes introAniBottom {
	0% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(calc(36.7rem * 20));
	}
	100% {
		transform: translateY(calc(36.7rem * 20));
	}
}

@media all and (min-width:1921px){
	#mainIntro.load .main-intro-wrap .intro-middle{animation: introAniMiddleWide ease-in both 2.5s;}
	@keyframes introAniMiddleWide {
		0% {
			transform: translateX(0%) scale(1) rotate(0.01deg)
		}
		70% {
			transform: translate(-18%, -120vh) scale(50) rotate(0.01deg)
		}
		100% {
			transform: translate(-18%, -120vh) scale(50) rotate(0.01deg)
		}
	}
}



/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100svh; position:relative; background-color:#000;}
.main-visual-item{position:relative; height:100svh;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-container,
.main-visual-swiper{position:relative; z-index:auto; width: 100%; height:100svh !important;}
.main-visual-container .swiper-slide {
	overflow: hidden;
	background-color:#333;
}
.main-visual-container .slide-inner {
	width: 100%;
	height: 100svh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover !important;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	background-color: #000;
}
.main-visual-item .main-visual-img{
    display:block;
    width:100%;
    height:100svh;
    background-size:cover !important;
	opacity: 0.8;
}
.main-visual-con video{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0.8;
}

/* -------- 메인비주얼 :: 컨트롤러 -------- */
#mainVisualControls{position:absolute; bottom:85px; bottom: 8.67%; left:0; width:100%; z-index:2;}
#mainVisualControls .area-box{}
/* 컨트롤러 :: 진행바 */
#mainVisualControls .main-visual-pagination.swiper-pagination{margin-right: 2rem; display: inline-block; vertical-align: middle; width:auto; position: static;}
#mainVisualControls .main-visual-pagination button.swiper-pagination-bullet {display: inline-block; vertical-align: middle; position:relative; width:70px; height:auto; background:none; margin-left:10px; opacity:1;filter:Alpha(opacity=100); border-radius:0;}
#mainVisualControls .main-visual-pagination button:first-child {margin-left:0;}
#mainVisualControls .main-visual-pagination .progress-bar {display:block;position:absolute; bottom:0; left:0; display:block; width:100%; height:4px; background-color: rgba(255,255,255,0.3); box-sizing: border-box;}
#mainVisualControls .main-visual-pagination .swiper-pagination-bullet-active .progress-bar{background-color: rgba(255,255,255,0.1);}
#mainVisualControls .main-visual-pagination .progress-bar .bar{display:block; position:absolute; left:0; bottom:0; width:0; height:4px; background-color: #fff;}
/* 컨트롤러 :: 하단 포인트컬러 진행바 */
.main-visual-point-pagination.main-visual-pagination{position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; pointer-events: none;}
.main-visual-point-pagination.main-visual-pagination .swiper-pagination-bullet{width: 100%; height: 8px; background: transparent;}
.main-visual-point-pagination.main-visual-pagination .progress-bar {display:block;position:absolute; bottom:0; left:0; display:block; width:100%; height:8px; background-color: rgba(255,255,255,0); box-sizing: border-box;}
.main-visual-point-pagination.main-visual-pagination .swiper-pagination-bullet-active .progress-bar{background-color: rgba(255,255,255,0.15);}
.main-visual-point-pagination.main-visual-pagination .progress-bar .bar{display:block; position:absolute; left:0; bottom:0; width:0; height:8px; background-color: var(--main-color);}
/* 컨트롤러 :: 이전,다음 */
#mainVisualControls .main-visual-arrow{display: inline-block; vertical-align: middle; position:relative;}
#mainVisualControls .main-visual-arrow > button{margin: 0 3px; display: inline-block; vertical-align: middle; position: static; color:#fff; text-align:center; width: 20px; height: 30px; background: none;}
#mainVisualControls .main-visual-arrow > button:after{display: none;}
#mainVisualControls .main-visual-arrow > button i{font-size: 18px; line-height: 28px;}
#mainVisualControls .main-visual-arrow > button:not(.main-pause-btn) i{font-size: 24px;}
#mainVisualControls .main-visual-arrow .main-prev-btn{opacity: 0.3;}
#mainVisualControls .main-visual-arrow .main-prev-btn i,
#mainVisualControls .main-visual-arrow .main-next-btn i{text-indent: -2px;}
#mainVisualControls .main-visual-arrow .main-play-btn{display: none;}
#mainVisualControls .main-visual-arrow .main-play-btn i{text-indent: 2px;}

/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
}
.main-visual-item .main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0; 
}
.main-visual-txt-inner{position: relative;}
.main-visual-item .main-visual-txt-con .main-visual-plus-txt{position: absolute; top:0; left:0; transform:translate(-55%, -60%); font-size:16rem; color:rgba(255,255,255,0.3);}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:6.8rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.045em; color: #fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 1.5rem; font-size:2.1rem; line-height: 1.47; font-weight: 500; letter-spacing: -0.065em; color:rgba(255,255,255,0.6);}

/* 메인 비주얼 :: active효과 */
.main-visual-item.swiper-slide-active .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.swiper-slide-active .main-visual-txt1,
.main-visual-item.swiper-slide-active .main-visual-txt2{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.swiper-slide-active .main-visual-plus-txt{
	-webkit-animation: text-fade-out 3.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 3.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.swiper-slide-active .main-visual-txt-con .main-visual-plus-txt{ -webkit-animation-delay:1s; animation-delay:1s;}
.main-visual-item.first.swiper-slide-active .main-visual-txt-con .main-visual-txt1,
.main-visual-item.first.swiper-slide-active .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:1s; animation-delay:1s;}
.main-visual-item.swiper-slide-active .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.swiper-slide-active .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(5rem); 
		transform: translateY(5rem); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:0;filter:Alpha(opacity=0);
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
	}
}

/* -------- 메인비주얼 :: 스크롤 아이콘 -------- */
.scroll-down-wrap{position: fixed;bottom: 8%;left: 50%;margin-left: 79rem;display: flex;align-items: center;flex-direction: column;justify-content: flex-end;z-index:9;}
.scroll-down-wrap.index-t-ver{position: absolute;}
.scroll-down-wrap .txt{position: relative; right: -0.3rem; font-size:1.5rem; letter-spacing:0.1rem; color:rgba(255,255,255,0.6); transition:var(--transition-custom);}
.scroll-down-wrap .scroll-icon{margin-top: 0.8rem; position: relative; width:0.6rem; height:3rem; background:rgba(255,255,255,0.1); transition:var(--transition-custom); overflow:hidden;}
.scroll-down-wrap .scroll-icon span{position: absolute; display: block; width:0.6rem; height:0.4rem; background:#fff; top:0.3rem; left:50%; transform:translateX(-50%); animation: scroll-icon-ani 2s ease-in-out infinite; transition:var(--transition-custom);}

.scroll-down-wrap .scroll-txt{display: flex; writing-mode: vertical-rl;}
.scroll-down-wrap .scroll-txt em{font-size:1em; display:inline-block; animation: scroll-down-ani 2s ease-in-out 0s infinite; font-weight:500;}
.scroll-down-wrap .scroll-txt em:nth-child(1){animation-delay:1s;}
.scroll-down-wrap .scroll-txt em:nth-child(2){animation-delay:1.04s;}
.scroll-down-wrap .scroll-txt em:nth-child(3){animation-delay:1.08s;}
.scroll-down-wrap .scroll-txt em:nth-child(4){animation-delay:1.12s;}
.scroll-down-wrap .scroll-txt em:nth-child(5){animation-delay:1.16s;}
.scroll-down-wrap .scroll-txt em:nth-child(6){animation-delay:1.2s;}
.scroll-down-wrap .scroll-txt em:nth-child(7){animation-delay:1.24s;}
.scroll-down-wrap .scroll-txt em:nth-child(8){animation-delay:1.28s;}
.scroll-down-wrap .scroll-txt em:nth-child(9){animation-delay:1.32s;}
.scroll-down-wrap .scroll-txt em:nth-child(10){animation-delay:1.36s;}
.scroll-down-wrap .scroll-txt em:nth-child(11){animation-delay:1.4s;}

@keyframes scroll-icon-ani {
	0% {
		top:-1rem;
		opacity:0;
	}
	10% {
		top:-1rem;
		opacity:1;
	}
	32% {
		top:-1rem;
		opacity:1;
	}
	80% {
		top:4.3rem;
		opacity:1;
	}
	100% {
		top:4.3rem;
		opacity:0;
	}
}

@keyframes scroll-down-ani {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }

    20%,80% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }

    100% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */

.main-tit-box{text-align:center;}
.main-tit-box.dir-col{display: flex; align-items: center;}
.main-tit-box.dir-col .main-sub-tit{margin-top: 2rem; margin-left: 4rem;}
.main-tit-box.ta-left{text-align: left;}
.main-tit-box.fc-white .main-tit{color: #fff;}
.main-tit-box.fc-white .main-sub-tit{color: rgba(255,255,255,0.5);}
.main-tit-box .main-tit{font-size: 9rem; letter-spacing: -0.015em; font-weight: 500; color: #000;}
.main-tit-box .main-tit-sub{font-size: 3rem; letter-spacing: -0.015em; font-weight: 700; color: #ddd; line-height:1.2;margin-top:2rem;}
.main-tit-box .main-tit-sub1{font-size: 1.6rem; letter-spacing: -0.015em; font-weight: 500; color: #ddd; line-height:1.66;margin-top:2rem;}
.main-tit-box .main-tit .main-tit-logo{display: block; max-width:35rem;}
.main-tit-box .main-tit .main-tit-logo img{width:100%;}
.main-tit-box .main-sub-tit{display:block; margin-top:1rem; font-size:1.8rem; letter-spacing:-0.045em; font-weight:500; line-height:1.66; color: #000;}
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.active-section .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}


/* 공통 :: 버튼 */
.cm-btn-style01{display: flex; align-items:center; justify-content:space-between; align-items:center; border:2px solid var(--black-color); border-radius:1rem; box-sizing:border-box; padding:0 2rem 0 2.8rem; width:17.5rem; height:5.4rem; color:var(--black-color); transition:var(--transition-custom);}
.cm-btn-style01 .main-btn-txt{font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; font-weight:600;}
.cm-btn-style01 i{font-size:2rem;}
.cm-btn-style01:hover{background:var(--sub-color1); border-color:var(--sub-color1); color:#fff;}

.cm-btn-style011{display: flex; align-items:center; justify-content:space-between; align-items:center; border:2px solid var(--black-color); border-radius:1rem; box-sizing:border-box; padding:0 2rem 0 2.8rem; width:17.5rem; height:5.4rem; color:var(--black-color); transition:var(--transition-custom);}
.cm-btn-style011 .main-btn-txt{font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; font-weight:600;}
.cm-btn-style011 i{font-size:2rem;}
.cm-btn-style011:hover{background:var(--sub-color1); border-color:var(--sub-color1); color:#fff;}


.cm-btn-style02{display: flex; align-items:center; justify-content:space-between; align-items:center; border:2px solid var(--black-color); border-radius:1rem; box-sizing:border-box; padding:0 2rem 0 2.8rem; width:27.5rem; height:5.4rem; color:var(--black-color); transition:var(--transition-custom);margin: 1.5rem 1.5rem;}
.cm-btn-style02 .main-btn-txt{font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em; font-weight:600;}
.cm-btn-style02 i{font-size:2rem;}
.cm-btn-style02:hover{background:var(--sub-color1); border-color:var(--sub-color1); color:#fff;}

.cm-btn-style03{float:left; display: flex; align-items:center; justify-content:space-between; align-items:center; border:2px solid var(--black-color); border-radius:1rem; box-sizing:border-box; padding:0 1rem 0 1rem; width:8.5rem; height:5.4rem; color:var(--black-color); transition:var(--transition-custom);margin: 1rem 1rem;}
.cm-btn-style03 .main-btn-txt{font-size:1.5rem; line-height:1.5; letter-spacing:-0.025em;}
.cm-btn-style03 i{font-size:2rem;}
.cm-btn-style03.active {background:var(--sub-color1); border-color:var(--sub-color1); color:#fff; font-weight:600;}


.fc-white.cm-btn-style01{border-color: var(--white-color); color:var(--white-color);}
.fc-white.cm-btn-style01 i{font-size:2rem;}
.fc-white.cm-btn-style01:hover{background:#fff; color:#000;}
.fc-white.cm-btn-style011{border-color: var(--white-color); color:var(--white-color);}
.fc-white.cm-btn-style011 i{font-size:2rem;}
.fc-white.cm-btn-style011:hover{background:#fff; color:#000;}

/* 메인 :: 배경 */
.main-bg-con{position: relative; background-color: #0a0d1b;}
.main-bg-con article{position: relative;}
.main-bg-con.bc-white{background:#fff;}
.main-bg-con .main-bg{position: absolute; bottom:0; left:0; width:100%; pointer-events:none; overflow:hidden;}
.main-bg-con .main-bg img{min-width:1920px; width:100%;}

/* -------- 메인 컨텐츠 :: 컨텐츠1(MAIN BUSINESS) -------- */
#mainBusinessCon{position: relative; padding:26rem 0 15rem; background:#0a0d1b; z-index:9;}

.main-business-wrap {margin-top: 7rem; position: relative;}
.main-business-list {position: relative; width: 100%;}
.main-business-list .main-business-item {position: sticky; top: calc(((100vh - 70rem + var(--sub-menu-height) + 20px)/2)); left: 0; width: 100%; height: 70rem; transform-origin: top;}
.main-business-list .main-business-item:last-child{pointer-events: none;}
.main-business-item + .main-business-item{margin-top: 30rem;}
.main-business-item .main-business-inner {position: relative; width: 100%; height: 70rem; border-radius: 2rem; transform: translateY(0rem);}
.main-business-item .main-business-inner .inner {position: relative; width: 100%; height: 70rem; border-radius: 2rem;}
.main-business-item .main-business-basis{font-size: 2.6rem; line-height: 7rem; letter-spacing: -0.015em; font-weight: 500; color: rgba(255,255,255,0.5); text-align: center;}
.main-business-item .main-business-basis, 
.main-business-item .main-business-bg {position: absolute;top: 0;  left: 0; width: 100%; height: 70rem;  border-radius: 2rem; opacity: 1; display: block; overflow: hidden;}
.main-business-item .main-business-bg span {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1.12); transition:transform 0.8s ease-in-out; }
.main-business-item .main-business-bg span img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.main-business-item.active-item .main-business-bg span {transform:  scale(1.0);}
.main-business-item .main-business-txt {position: absolute; top:80%; left: 0; width: 100%; text-align: center; box-sizing: border-box; opacity: 1.0;}
.main-business-item .main-business-txt dt {font-size: 8.4rem; font-weight: 500; letter-spacing: -0.035em; color: #fff; line-height: 1.1;}
.main-business-item .main-business-txt dd {margin-top: 2rem; font-size: 1.8rem; font-weight: 500; line-height:1.3; letter-spacing: -0.045em; color: rgba(255,255,255,0.6);}

.main-business-item .main-btn-list-style{position: absolute; bottom: 8.57%; left: 0; }


/* 메인 버튼 리스트(최대 6개) */
.main-btn-list-style{width: 100%; text-align: center; box-sizing: border-box; opacity: 1;}
.main-btn-list-style .m-pop-tit-box{display: none;}
.main-btn-list-style ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; --gap: 1rem; --cols: 1;}
.main-btn-list-style ul:has(> li:nth-child(6)){ --cols: 6; }
.main-btn-list-style ul:not(:has(> li:nth-child(6))):has(> li:nth-child(5)){ --cols: 5; }
.main-btn-list-style ul:not(:has(> li:nth-child(5))):has(> li:nth-child(4)){ --cols: 4; }
.main-btn-list-style ul:not(:has(> li:nth-child(4))):has(> li:nth-child(3)){ --cols: 3; }
.main-btn-list-style ul:not(:has(> li:nth-child(3))):has(> li:nth-child(2)){ --cols: 2; }
.main-btn-list-style li{flex: 0 1 calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols)); max-width: 34rem; min-width: 0;}
.main-btn-list-style li a{width: 100%; height: 10.2rem; border: 2px solid #ddd; border-radius: 1.2rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:var(--transition-custom); transition-property:background-color, border-color; padding:0 1rem; background: rgba(0, 0, 0, 0.45);}
.main-btn-list-style li a h5{font-size: 2.4rem; line-height: 1.2; letter-spacing: -0.045em; font-weight: 700; color: #fff;}
.main-btn-list-style li a p{margin-top: 0.5rem; font-size: 1.4rem; line-height: 1.3; letter-spacing: -0.045em; font-weight: 500; color: rgba(255,255,255,0.3);}
.main-btn-list-style li a:hover{background-color: #003d9a; border-color: #003d9a;}

.m-pop-btn{display: none;}



/* -------- 메인 컨텐츠 :: 컨텐츠2(JININFRA OVERVIEW) -------- */
/* 배경 변경 */
.main-change-bg{position: relative; background-color: #0a0d1b; overflow:hidden;}
.main-change-bg article{position: relative;}
.main-change-bg .change-bg{position: absolute; top:0; left:0; /* transform:translateY(-50%); */ width:100vw; height:100vh; pointer-events:none; overflow:hidden; }
.main-change-bg .change-bg img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:var(--transition-custom);}
.main-change-bg .change-bg img.bg-overview{opacity:1;}
.main-change-bg .change-bg.change img.bg-overview{opacity:0;}
.main-change-bg .change-bg.change img.bg-reference{opacity:1;}

/* 메인 컨텐츠 텍스트 */
.main-overview-list.animated .sub-con-style04{opacity:1; transform:translateY(0);}

#mainOverviewCon{padding:14rem 0 0;}
.over-scroll-con{will-change: auto !important;}
.main-overview-wrap{display: flex; align-items: flex-start;}
.main-overview-wrap .main-tit-box{width:38.57%;}
.main-overview-wrap .main-tit-box .cm-btn-style01{margin-top:8rem;}
.main-overview-wrap .main-overview-list{width:61.43%; will-change:transform !important;}
.main-overview-item-cover{overflow:hidden; margin-bottom:1.5rem;}
.main-overview-item-cover .sub-con-style04{transform:translateY(100%); transition:all 1.2s ease-in-out;}

/* animated */
.main-overview-wrap .main-overview-list.animated .main-overview-item-cover .sub-con-style04{transform:translateY(0);}
.main-overview-wrap .main-overview-list.animated .main-overview-item-cover:nth-child(1) .sub-con-style04{transition-delay:0s;}
.main-overview-wrap .main-overview-list.animated .main-overview-item-cover:nth-child(2) .sub-con-style04{transition-delay:0.2s;}
.main-overview-wrap .main-overview-list.animated .main-overview-item-cover:nth-child(3) .sub-con-style04{transition-delay:0.4s;}


/* -------- 메인 컨텐츠 :: 컨텐츠3(JININFRA REFERENCE) -------- */
#mainReferenceCon{padding:30rem 0;}
.main-reference-wrap{display: flex; margin:0 -1rem;  will-change:transform !important;}
.main-reference-wrap .main-reference-left{width:calc(46.25% - 2rem); margin:0 1rem;}
.main-reference-left .main-reference-cover{overflow:hidden; height:100%;}
.main-reference-left .main-reference-item{position: relative; height:100%; padding:6rem; box-sizing:border-box; border-radius:4rem; background:rgba(13,51,111,0.6); backdrop-filter:blur(1rem) brightness(3.5);  transform:translateY(100%); transition:all 1.2s ease-in-out;}
.main-reference-left .main-reference-item .main-reference-tit-box{}
.main-reference-left .main-reference-item .main-reference-tit-box h4{font-size:3.6rem; line-height:1.1; letter-spacing:-0.045em; color:#fff; font-weight:700; margin-bottom:1.5rem;}
.main-reference-left .main-reference-item .main-reference-tit-box p{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; opacity:0.7; font-weight:500;}
.main-reference-left .main-reference-item .main-reference-count-box{position: absolute; bottom:3rem; right:7rem;}
.main-reference-left .main-reference-item .main-reference-count-box .count-value{display: flex; align-items:center; font-size:17rem; line-height:0.95; letter-spacing:-0.025em; color:#fff; font-weight:400;}
.main-reference-left .main-reference-item .main-reference-count-box .count-value *{text-align:center !important;}

.main-reference-wrap .main-reference-right{display: flex; flex-wrap:wrap; width:calc(52.5% - 2rem); margin:-1rem 0rem;}
.main-reference-right .main-reference-cover{overflow:hidden; width:calc(50% - 2rem); margin:1rem; height:25rem;}
.main-reference-right .main-reference-item{position: relative; height:100%; padding:4.5rem 5rem; box-sizing:border-box; border-radius:4rem; background:rgba(28,40,59,0.2); backdrop-filter:blur(1rem) brightness(2); transform:translateY(100%); transition:all 1.2s ease-in-out;}
.main-reference-right .main-reference-item .main-reference-tit-box{}
.main-reference-right .main-reference-item .main-reference-tit-box h4{font-size:2.4rem; line-height:1.5; letter-spacing:-0.045em; color:#8ea0bd; font-weight:600;}
.main-reference-right .main-reference-item .main-reference-tit-box p{font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; opacity:0.25; font-weight:500;}
.main-reference-right .main-reference-item .main-reference-count-box{position: absolute; bottom:3.5rem; right:4rem; display: flex; align-items:center;}
.main-reference-right .main-reference-item .main-reference-count-box .count-value{display: flex; align-items:center; font-size:6rem; line-height:0.95; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.main-reference-right .main-reference-item .main-reference-count-box .count-value + .count-value{margin-left:2rem;}
.main-reference-right .main-reference-item .main-reference-count-box .count-value .sm-txt{font-size:0.67em; margin-left: 0.2em;}

/* 숫자 덜컹거림 방지 */
.odometer .odometer-digit,
.odometer .odometer-digit .odometer-value,
.odometer .odometer-digit .odometer-ribbon,
.odometer .odometer-digit .odometer-ribbon-inner { width: 1ch; display: inline-block; box-sizing: content-box; }
.odometer .odometer-digit{margin:0 -0.03em;}

/* animated */
.animated .main-reference-left .main-reference-item,
.animated .main-reference-right .main-reference-item{transform:translateY(0);}
.animated .main-reference-right .main-reference-cover:nth-child(1) .main-reference-item{transition-delay:0.4s;}
.animated .main-reference-right .main-reference-cover:nth-child(2) .main-reference-item{transition-delay:0.6s;}
.animated .main-reference-right .main-reference-cover:nth-child(3) .main-reference-item{transition-delay:0.8s;}
.animated .main-reference-right .main-reference-cover:nth-child(4) .main-reference-item{transition-delay:1s;}


/* -------- 메인 컨텐츠 :: 컨텐츠4(PARTNER) -------- */
#mainPartnerCon{position: relative; overflow: hidden;}
#mainPartnerCon .area-box{position: relative; padding-top: 30rem !important; height: 107rem; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
.main-partner-tab{position: relative; margin-top: 4rem; width: 100%; max-width: 62.6rem; background-color: #f5f5f5; border-radius: 2rem;}
.main-partner-tab-list{position: relative; z-index:1; display: flex; flex-wrap:wrap; }
.main-partner-tab-item{width: 16.66%; box-sizing: border-box;}
.main-partner-tab-item + .main-partner-tab-item{border-left: 1px solid rgba(0,0,0,0.05);}
.main-partner-tab-item a{width: 100%; height: 13rem; font-size: 1.6rem; letter-spacing: -0.025em; font-weight: 600; color: #bfc4c7; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:var(--transition-custom); transition-property:background-color, color;}
.main-partner-tab-item a b{margin-bottom: 1rem; font-size: 4.4rem; font-weight: 500;}

.main-partner-tab-item.selected a{color:#fff;}

/***** 탭 이동 효과 *****/
.partner-move-tab-wrap{position:absolute; max-width:var(--area-width); width:100%; margin:0 auto; top:0; left:0}
.partner-move-line {position:absolute; left:0px; top:0; z-index:1; height:13rem; width:16.66%}
.partner-move-line > span {height:13rem; background-color:#003d9a; position:absolute; top:0; left:0; text-align:center; transition:background-color 0.5s; border-radius:2rem; box-shadow: 1.4rem 1.4rem 2.1rem -0.7rem rgba(0,0,0,0.21);}


.main-partner-img-list{visibility: hidden; opacity: 0;}
.main-partner-img-item{position: absolute; top: 60%; left: 50%; transition: all 1s ease-in-out; transition-property: transform, margin, opacity, filter, top; will-change: transform, margin, opacity; border-radius:2rem; box-shadow: 8px 1rem 3rem 1rem rgba(0,0,0,0.15); opacity:0;}
.main-partner-img-item.has-border{border:3px solid #eaeaea;}
.main-partner-img-item:nth-child(odd){transform: translate(-50%) rotate(-180deg) scale(0.8);}
.main-partner-img-item:nth-child(even){transform: translate(-50%) rotate(180deg) scale(0.8);}
.main-partner-img-item img{opacity: 0; width: 100%; transition: opacity 0.2s ease-in 0.4s; 
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

/* list01 */
.main-partner-img-list01 {
  .item01 {width: 12.6rem;}
  .item02 {width: 13.9rem;}
  .item03 {width: 17rem;}
  .item04 {width: 9.4rem;}
  .item05 {width: 5.9rem;}
  .item06 {width: 21.8rem;}
  .item07 {width: 12.6rem;}
  .item08 {width: 17.4rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: -8rem; margin-left: -78.5rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: 16rem; margin-left: -61rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: -41.2rem; margin-left: -56.6rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -19rem; margin-left: -50rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: 19rem; margin-left: -24rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: 16rem; margin-left: 17rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: -31.5rem; margin-left: 32.5rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: -16rem; margin-left: 48rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

/* list02 */
.main-partner-img-list02 {
  .item01 {width: 15rem;}
  .item02 {width: 21rem;}
  .item03 {width: 20rem;}
  .item04 {width: 7rem;}
  .item05 {width: 14rem;}
  .item06 {width: 18rem;}
  .item07 {width: 10rem;}
  .item08 {width: 12rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: 8rem; margin-left: -70rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: -29rem; margin-left: -70rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: 10rem; margin-left: 40rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -39rem; margin-left: -25rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: -19rem; margin-left: 50rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: -40rem; margin-left: 20rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: 28rem; margin-left: 0rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: 20rem; margin-left: -34rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

/* list03 */
.main-partner-img-list03 {
  .item01 {width: 12.6rem;}
  .item02 {width: 13.9rem;}
  .item03 {width: 17rem;}
  .item04 {width: 9.4rem;}
  .item05 {width: 5.9rem;}
  .item06 {width: 21.8rem;}
  .item07 {width: 12.6rem;}
  .item08 {width: 17.4rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: -8rem; margin-left: -78.5rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: 16rem; margin-left: -61rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: -41.2rem; margin-left: -56.6rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -19rem; margin-left: -50rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: 19rem; margin-left: -24rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: 16rem; margin-left: 17rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: -31.5rem; margin-left: 32.5rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: -16rem; margin-left: 48rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

/* list04 */
.main-partner-img-list04 {
  .item01 {width: 15rem;}
  .item02 {width: 21rem;}
  .item03 {width: 20rem;}
  .item04 {width: 7rem;}
  .item05 {width: 14rem;}
  .item06 {width: 18rem;}
  .item07 {width: 10rem;}
  .item08 {width: 12rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: 8rem; margin-left: -70rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: -29rem; margin-left: -70rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: 10rem; margin-left: 40rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -39rem; margin-left: -25rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: -19rem; margin-left: 50rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: -40rem; margin-left: 20rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: 28rem; margin-left: 0rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: 20rem; margin-left: -34rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

/* list05 */
.main-partner-img-list05 {
  .item01 {width: 12.6rem;}
  .item02 {width: 13.9rem;}
  .item03 {width: 17rem;}
  .item04 {width: 9.4rem;}
  .item05 {width: 5.9rem;}
  .item06 {width: 21.8rem;}
  .item07 {width: 12.6rem;}
  .item08 {width: 17.4rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: -8rem; margin-left: -78.5rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: 16rem; margin-left: -61rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: -41.2rem; margin-left: -56.6rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -19rem; margin-left: -50rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: 19rem; margin-left: -24rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: 16rem; margin-left: 17rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: -31.5rem; margin-left: 32.5rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: -16rem; margin-left: 48rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

/* list06 */
.main-partner-img-list06 {
  .item01 {width: 15rem;}
  .item02 {width: 21rem;}
  .item03 {width: 20rem;}
  .item04 {width: 7rem;}
  .item05 {width: 14rem;}
  .item06 {width: 18rem;}
  .item07 {width: 10rem;}
  .item08 {width: 12rem;}

  &.is-active.is-anim,
  &.animated{
    .item01 {margin-top: 8rem; margin-left: -70rem; transform: translate(0) rotate(11deg) scale(1) !important;}
    .item02 {margin-top: -29rem; margin-left: -70rem; transform: translate(0) rotate(-25deg) scale(1) !important;}
    .item03 {margin-top: 10rem; margin-left: 40rem; transform: translate(0) rotate(7.5deg) scale(1) !important;}
    .item04 {margin-top: -39rem; margin-left: -25rem; transform: translate(0) rotate(-40deg) scale(1) !important;}
    .item05 {margin-top: -19rem; margin-left: 50rem; transform: translate(0) rotate(-13deg) scale(1) !important;}
    .item06 {margin-top: -40rem; margin-left: 20rem; transform: translate(0) rotate(-14deg) scale(1) !important;}
    .item07 {margin-top: 28rem; margin-left: 0rem; transform: translate(0) rotate(26.5deg) scale(1) !important;}
    .item08 {margin-top: 20rem; margin-left: -34rem; transform: translate(0) rotate(13deg) scale(1) !important;}
  }
}

.main-partner-img-list.is-instant .main-partner-img-item{transition: none;}
.is-active.main-partner-img-list{visibility: visible; opacity: 1;}
.is-active.main-partner-img-list:not(.is-anim) .main-partner-img-item{margin-top: 0; margin-left: 0;}
.is-active.main-partner-img-list.is-anim .main-partner-img-item{top: 50%; opacity:1; transform: translate(0) rotate(0) scale(1);}
.is-active.main-partner-img-list.is-anim .main-partner-img-item img{opacity: 1;}


/* -------- 메인 컨텐츠 :: 컨텐츠5(Notice) -------- */
.main-notice-wrap{position: relative; display: flex; padding:15rem 0;}
.main-notice-wrap .main-notice-left{position: absolute; width:100%;}
.main-notice-wrap .main-notice-left .main-notice-left-inner{/* position: relative; */ padding-top:30rem;}
.main-notice-wrap .main-notice-left .main-notice-left-inner:before{position: absolute; content:''; width:0; height:61rem; top:76%; left:50%; transform:translate(-50%, -50%); background:no-repeat center; background-size:cover; background-image:url('./../images/main/main_notice_bg.jpg'); border-radius:3rem; transition:var(--transition-custom2);}
.main-notice-wrap .main-notice-left .main-tit-box{display: flex ; flex-direction: column; justify-content: center;}
.main-notice-wrap .main-notice-left .main-tit-box .cm-btn-style01{margin-top:4.5rem;}

.main-notice-list-m{display: none;}
.main-notice-wrap .main-notice-right{position: relative; width:100%; padding-left:50%; display: flex; margin:10rem -8px 0; box-sizing:border-box; pointer-events: none;}
.main-notice-wrap .main-notice-line{width:50%; margin:0 8px; pointer-events: auto;}
.main-notice-wrap .main-notice-list{}
.main-notice-wrap .main-notice-list .notice-item{margin-bottom:15px;}
.main-notice-wrap .main-notice-list .notice-item a{position: relative; display: block; background:#fff; border-radius:1.2rem; padding:5rem 2rem 6rem; box-sizing:border-box; box-shadow: 0.5rem 2rem 4rem 1rem rgba(0,0,0,0.07); overflow:hidden;}
.main-notice-wrap .main-notice-list .notice-item a:before{position: absolute; content:''; inset:0; background: linear-gradient(135deg,  rgba(24,99,213,1) 0%,rgba(4,68,160,1) 100%); opacity:0; transition:var(--transition-custom);}
.main-notice-wrap .main-notice-list .notice-item .date-box{position: relative; padding:0 1.5rem; box-sizing:border-box; margin-bottom:2rem;}
.main-notice-wrap .main-notice-list .notice-item .date-box .year{display: block; font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; font-weight:500; color:#000; transition:var(--transition-custom);}
.main-notice-wrap .main-notice-list .notice-item .date-box .date{display: block; font-size:3rem; line-height:1.2; letter-spacing:-0.045em; font-weight:500; color:#003d9a; transition:var(--transition-custom);}
.main-notice-wrap .main-notice-list .notice-item .img-box{position: relative; width:100%; height:0; padding-top:66.66%; overflow:hidden; border-radius:0.4rem; margin-bottom:2.5rem;}
.main-notice-wrap .main-notice-list .notice-item .img-box img{position: absolute; inset:0; width:100%; object-fit:cover;}
.main-notice-wrap .main-notice-list .notice-item .img-box.no-images{background:#f5f5f5;}
.main-notice-wrap .main-notice-list .notice-item .img-box.no-images img{top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:100%;}

.main-notice-wrap .main-notice-list .notice-item .txt-box{position: relative; padding:0 1.5rem; box-sizing:border-box;}
.main-notice-wrap .main-notice-list .notice-item .txt-box p{font-size:2.2rem; line-height:1.36; letter-spacing:-0.045em; font-weight:700; color:#000; transition:var(--transition-custom); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:6.3rem;}

/* hover */
.main-notice-wrap .main-notice-list .notice-item a:hover:before{opacity:1}
.main-notice-wrap .main-notice-list .notice-item a:hover .date-box .year,
.main-notice-wrap .main-notice-list .notice-item a:hover .date-box .date,
.main-notice-wrap .main-notice-list .notice-item a:hover .txt-box p{color:#fff;}

/* animated */
.main-notice-left:has(.animated) .main-notice-left-inner:before{width:var(--area-wide-width);}


/* -------- 메인 컨텐츠 :: 컨텐츠6(Location) -------- */
#mainLocationCon{padding:20rem 0;}
.main-location-wrap{display: flex; justify-content:space-between; margin-top:5.5rem;}
.main-location-tab-wrapper{width:calc(25% - 1rem); overflow:hidden; border-radius:3rem 0 0 3rem; background:#155dcc;}
.main-location-tab-style{}
.main-location-tab-style ul{}
.main-location-tab-style ul li{}

.main-location-item{padding:0 3.5rem; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.07);}
.main-location-item dt{display: flex; align-items:center; justify-content:space-between; height:7rem;}
.main-location-item dt .tit{font-size:2rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; font-weight:700;  transition:var(--transition-custom);}
.main-location-item dt i{font-size:2.2rem; color:#fff; opacity:0.2; transition:var(--transition-custom);}
.main-location-item dd{display: none; padding-bottom:3rem;}
.main-location-item dd .inner{position: relative; padding-left:2.4rem; box-sizing:border-box;}
.main-location-item dd .inner i{position: absolute; top:0; left:0; font-size:1.6rem; line-height:1.5; color:#fff; opacity:0.4;}
.main-location-item dd .inner .txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; font-weight:500;}

.selected .main-location-item{background:var(--sub-color1);}
.selected .main-location-item dt .tit{transform:scale(1.2); transform-origin: left;}
.selected .main-location-item dt i{opacity:1;}


.main-location-con-style{width:75%; overflow:hidden; border-radius:0 3rem 3rem 0; background:#f5f5f5;}
.main-location-con-style .main-location-con{width:100%; height:100%; }
.main-location-con-style .main-location-con iframe{width:100%; height:100%;}



/* -------- 메인 컨텐츠 :: 컨텐츠7(Info & Contact) -------- */
.main-bottom-wrap{position: relative; display: flex; width:100%; height:34rem; overflow:hidden;}
.main-bottom-wrap:before{position: absolute; content:''; min-width:1920px; width:100%; height:100%; background:no-repeat center; background-size:cover; background-image:url('./../images/main/main_info_bg.jpg');}
.main-bottom-wrap:after{position: absolute; content:''; width:50%; height:100%; background:rgba(6,73,174,0.5); top:0; left:0; transition:var(--transition-custom); backdrop-filter:blur(1rem);}
.main-bottom-wrap .main-bottom-item{position: relative; display: flex; align-items:center; justify-content:space-between; width:50%; height:100%; padding:0 8vw; box-sizing:border-box; z-index:1;}
.main-bottom-wrap .main-bottom-item .left-box{width:50%;}
.main-bottom-wrap .main-bottom-item .left-box .tit{font-size:5.2rem; line-height:1.34; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.main-bottom-wrap .main-bottom-item .left-box .txt{font-size:2.3rem; line-height:1; letter-spacing:-0.045em; color:#fff; font-weight:600; margin-top:1.7rem;}
.main-bottom-wrap .main-bottom-item .left-box .txt i{position: relative; top:2px; font-size:2.4rem; font-weight:400; margin-left:0.5rem;}
.main-bottom-wrap .main-bottom-item .right-box{width:39.5%;}
.main-bottom-wrap .main-bottom-item .right-box .category{font-size:1.6rem; line-height:1.4375; letter-spacing:-0.045em; color:#fff;}
.main-bottom-wrap .main-bottom-item .right-box .tit{display: block; font-size:3rem; line-height:1; letter-spacing:-0.045em; color:#fff; font-weight:500; margin-top:0.3rem;}
.main-bottom-wrap .main-bottom-item .right-box .txt{font-size:1.5rem; line-height:1.45; letter-spacing:-0.045em; color:#fff; opacity:0.5; margin-top:2rem;}

.main-bottom-wrap:has(.contact-item.selected):after{left:50%;}