@charset "utf-8";

/******************** 메인-공통 ********************/
[class*=section]{position: relative; display: table; width: 100%; /* padding: 0rem var(--common-padding) 0rem; */ box-sizing: border-box; height:100vh;}
[class*=section].visual, .customer {margin:0!important; padding: 0!important;}
[class*=section] [class*=main-] {margin: 0 auto; max-width: var(--common-width);}
[class*=section] [class*=main-visual] {max-width: 100%!important;}
[class*=section] .title {margin: 0 auto 2rem; font-size: 2rem; text-align: center; display: flex; flex-direction: column; gap: 0.5rem; width: 100%;}
[class*=section] .title:before {content: ''; display: block; background: url(../images/main/main_title_bg.png) no-repeat center center / contain; height: 2rem; margin-bottom: 1rem;display:none;}
[class*=section] .maintit {color: #e9dbbf; font-size: 6.5rem; text-transform: capitalize; /* line-height: 1; */}
[class*=section] .subtit {color: #efefef;}
[class*=section].customer .title {margin: 0 auto 2rem!important;}

/* [class*=section] .inner{display: flex;color: #efefef;gap: 5rem;} */
[class*=section] .title2 {font-size: 2rem; text-align: center; display: flex; flex-direction: column; gap: 0.5rem; width: 100%;}
[class*=section] .title2:before {content: ''; display: block; background: url(../images/main/main_title_bg.png) no-repeat center center / contain; height: 2rem; margin-bottom: 1rem;display:none;}
[class*=section] .maintit2 {color: #e9dbbf; font-size: 6.5rem; text-transform: capitalize; /* line-height: 1; */}
[class*=section] .subtit2 {color: #efefef; font-size: 2.2rem;}

/******************** 메인섹션-비쥬얼 ********************/
.visual {position: relative; display: block;}
.main-visual {overflow: hidden; background-color: var(--theme-color);}
.main-visual .swiper-slide {position: relative; height: 100vh; }
.main-visual .swiper-slide .bg {position:absolute; top:0; right:0; left:0; bottom:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;
	opacity: 1;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	
}
.main-visual .swiper-slide.swiper-slide-active .bg {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	filter: blur(0px) brightness(0.9);
}
.main-visual .swiper-slide .bg-mo {position:absolute; top:0; right:0; left:0; bottom:0; width: 100%;  background-position:50% 50%; background-repeat:no-repeat; background-size:cover; display: none; 
	opacity: 1;
	transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-visual .swiper-slide.swiper-slide-active .bg-mo {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.main-visual .swiper-slide.item1 .bg {background-image: url(../images/main/main_visual01.jpg);}
.main-visual .swiper-slide.item2 .bg {background-image: url(../images/main/main_visual02.jpg);}
.main-visual .swiper-slide.item3 .bg {background-image: url(../images/main/main_visual03.jpg);}
.main-visual .swiper-slide .copy {position: absolute; left: 0; top: 0; bottom: 5rem; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.95);}
.main-visual .swiper-slide .copy p {display: none;}
.main-visual .swiper-slide .copy b {font-weight: 600; font-size: 2rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: -0.01em;}
.main-visual .swiper-slide .copy span.mtxt {font-weight: 300; font-size: 7rem; line-height: 1.1; letter-spacing: -0.06em; margin-bottom: 0rem; text-align: center;}
.main-visual .swiper-slide .copy span.stxt {font-weight: 500; font-size: 7rem;  line-height: 1.1; letter-spacing: -0.06em; margin-bottom: 0rem; text-align: center;}
.main-visual .swiper-slide .copy em {font-weight: 500;}
.main-visual .swiper-slide .pag {position: absolute; z-index: 200; color: var(--white); bottom: 10px; left: 0; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.main-visual .pag {color: var(--white); position: absolute; bottom: 3rem; left: 0; width: 100%; text-align: center;	z-index: 2;	display: flex; justify-content: center; align-items: center;}
.main-visual .pag b {font-weight: 500; width: 3rem;}
.main-visual .pag .bar {position: relative; margin: 0 15px; width: 90px; height: 2px; background-color: var(--white-a3);}
.main-visual .pag .bar:after {content: ''; position: absolute; top: 0; left: 0; height: 2px; background-color: var(--white); display: block; transition: var(--transition2);}
/* .main-visual .pag.act1 .bar:after {width: 33.3%;}
.main-visual .pag.act2 .bar:after {width: 66.6%;}
.main-visual .pag.act3 .bar:after {width: 100%;} */
/* 슬라이드넘버 */
/* .main-visual .pag.act1 .bar:after {width: calc(100% / {{slider_count}} * 1);}
.main-visual .pag.act2 .bar:after {width: calc(100% / {{slider_count}} * 2);}
.main-visual .pag.act3 .bar:after {width: calc(100% / {{slider_count}} * 3);} */
.main-visual .pag-num {display: none;}


/* 메인 싱글 이미지 */
.visual-single{position: relative;/* display: table; */ width: 100%; /* height: 100vh;  */padding:0; box-sizing: border-box;}
.main-visual-single .inner {display: flex; justify-content: center; margin-top: var(--header-height); transition: transform 0.5s ease;}
.main-visual-single .swiper-container {width: 100%;height: 100%;}
.main-visual-single .swiper-slide img {width: 100%;height: auto; /* 이미지 비율 유지 */}
.main-visual-single .inner img{width:100%;height:100vh;object-fit: cover;}

/* 메인화면 동영상 */
.visual-video{padding: 0;}
.main-visual-video {position: relative;/* display: table; */ width: 100%; /* height: 100vh;  */padding:0; box-sizing: border-box; }
.main-visual-video .inner {position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin-top: var(--header-height);}
.main-visual-video .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0;left: 0;}


/* 이전다음버튼 */
.main-visual .prev, .main-visual .next {position: absolute; z-index: 3; width: 80px; height: 80px; border: 1px solid var(--white); border-radius: 20rem; display: block; left: 5rem; top: 50%; transform: translateY(-50%); transition: var(--transition2); transition-property: backdrop-filter opacity; opacity:0.3;}
.main-visual .next {left: auto; right: 5rem;}
/* .main-visual .prev:after, .main-visual .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; border-top: 2px solid var(--white); border-right: 2px solid var(--white); display: block; margin: -9px 0 0 -6px; transform: rotate(-135deg); opacity: 0.5;}
.main-visual .next:after {margin: -9px 0 0 -12px; transform: rotate(45deg);} */
.main-visual .prev::after, .main-visual .next::after {content: '\f053'; font-size: 5rem; color: var(--white); transition: var(--transition2);}
.main-visual .next::after {content: '\f054';}
.main-visual .prev:hover, .main-visual .next:hover {backdrop-filter: var(--backdrop-filter); opacity: .7;}
.main-visual .prev:hover::after, .main-visual .next:hover::after {}



/*********** sns-bx ***********/
.visual .sns-bx {position: absolute; bottom:5rem; left:5rem; display: flex; z-index: 10;}
.visual .sns-bx a {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 10rem; /* background-color: rgba(0,0,0,.5); */}
.visual .sns-bx a + a {margin-left: 5px;}
.visual .sns-bx a.sns1 {background:rgba(231, 209, 13, 0.8); /* #d4bf00 */}
.visual .sns-bx a.sns2 {background:rgba(165, 6, 170, 0.8); /* #8b8b8b */}
.visual .sns-bx a.sns3 {background:rgba(27, 190, 136, 0.8); /* #2aa57c */}
.visual .sns-bx a:after {display: flex; align-items: center; justify-content: center; font-size: 2.65rem; line-height: 1.1; color: var(--white-a); font-family: var(--awesome); font-weight: 600;}
.visual .sns-bx a.sns1::after {content: "\f075";}
.visual .sns-bx a.sns2::after {content: "\f16d";}
.visual .sns-bx a.sns3::after {content: "\f167";}



/*********** main-popup ***********/
/*
.pop-sm {position: absolute; right: 0; bottom:0; width: 120px; z-index: 11;}
.pop-sm a {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1rem; width: 120px; height: 120px;}
.pop-sm a.bt-popup {background: var(--accent-color); color: var(--white); font-size: 2rem; text-transform: uppercase; font-size: 2rem;}
.pop-sm a.bt-popup::after {content: "\f1ea"; font-size: 2.35rem;}
.main-pop {position: fixed; bottom: 0; right: 0; z-index: 99; width: 840px; overflow: hidden;}
.main-pop .pop-slide {position: relative;}
.main-pop .pop-slide .pag {display: none;}
.main-pop .pop-foot {height: 60px; display: flex; align-items: center; justify-content: center; background: var(--black); color: var(--white);}
.main-pop .pop-foot .today {padding: 0 28px; color: var(--white); margin-right: auto;}
.main-pop .pop-foot .today input[type=checkbox] {width: 24px; height: 24px; border-radius: 0; border: 1px solid var(--white); background-image: none; margin-right: 20px;}
.main-pop .pop-foot .bt-close {position: relative; width: 60px; height: 60px; background-color: var(--theme-color); display: block;}
.main-pop .pop-foot .bt-close:before,
.main-pop .pop-foot .bt-close:after {content: ''; width: 26px; height: 2px; background-color: var(--white); position: absolute; top: 50%; left: 50%; display: block; margin: -1px 0 0 -13px; transition: var(--transition2); transform: rotate(45deg);}
.main-pop .pop-foot .bt-close:after {transform: rotate(-45deg);}
*/
/*********** main-popup ***********/
.pop-sm {position: absolute; right: 0; bottom:0; z-index: 11; display: none;}
.pop-sm span {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0rem; width: 12rem; height: 12rem;}
.pop-sm span.bt-popup {background: var(--accent-color); color: var(--white); text-transform: uppercase; font-size: 1.65rem;}
.pop-sm span.bt-popup::after {content: "\f03e"; font-size: 3rem; font-weight: 400;}
.main-pop {position: fixed; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 99; width: 100%; overflow: hidden; display: none; right:100%; background-color: #FFF;}
.main-pop.pupup_count{max-width: 1200px;}
.main-pop.pupup_count_1{max-width: 400px;}
.main-pop.pupup_count_2{max-width: 800px;}
.main-pop .pop-slide {position: relative;}
.main-pop .pop-slide .pag {display: none;}
.main-pop .pop-foot .act1 {display: flex; align-items: center; justify-content: space-between; gap: 1rem;	padding-right:4rem;}
.main-pop .pop-foot .act1 button {color: var(--white-a5); font-weight: 100; line-height: 1.45; font-size: 1.5rem; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem;}
.main-pop .pop-foot .act1 button span {}
.main-pop .pop-foot .act1 .prev::before {content: "\f053";}
.main-pop .pop-foot .act1 .next::after {content: "\f054";}
.main-pop .pop-foot {height: 6rem; display: flex; align-items: center; justify-content: space-between; background: var(--black); color: var(--white);}
.main-pop .pop-foot .today {padding: 0 1rem; color: var(--white); font-size: 1.65rem; font-weight: 300;}
.main-pop .pop-foot .today input[type=checkbox] {width: 2rem; height: 2rem; border-radius: 0; border: 1px solid var(--white); background-image: none; margin-right: 1rem;}
.main-pop .pop-foot .bt-close {position: relative; width: 6rem; height: 6rem; background-color: var(--tanblack); display: block;}
.main-pop .pop-foot .bt-close:before,
.main-pop .pop-foot .bt-close:after {content: ''; width: 2.6rem; height: 2px; background-color: var(--white); position: absolute; top: 50%; left: 50%; display: block; margin: -0.1rem 0 0 -1.3rem; transition: var(--transition2); transform: rotate(45deg);}
.main-pop .pop-foot .bt-close:after {transform: rotate(-45deg);}
.main-pop .swiper-slide{background: var(--white); max-height:500px; /* width:100%; */overflow: hidden;}
.main-pop .swiper-slide > a > img{object-fit: fill; width:100%; height: 100%;}
.main-pop .swiper-slide > span > img {object-fit: fill; width:100%; /* height: 500px; */}


/****************** 메인섹션-라이프 ****************/
.main-life {position: relative;}
.main-life .info-con + .info-con:not(:nth-of-type(1)) {padding-top: 3rem;}
/* .main-life:after {content: ''; position: absolute; bottom: 8rem; right: 6rem; width: 20rem; height: 20rem; border-radius: 50rem 50rem 50rem 50rem; border: 0px solid var(--accent-color); background-color: var(--accent-color); opacity: 1; z-index: 3;}
.main-life:before {content: ''; position: absolute; bottom: 10rem; right: 20rem; width: 10rem; height: 10rem; border-radius: 50rem 50rem 50rem 50rem; border: 0px solid var(--white); background-color: var(--theme-color); opacity: .8; z-index: 5;} */
.main-life .life-slide {position: relative; width: 100%; /* width: 65vw; */ margin: 0 auto; box-sizing: border-box;}
.main-life .life-slide .bg {max-width: 100%;}
.main-life .life-slide .bg img {object-fit: cover; object-position: center; border-radius: 2.35rem; /* box-shadow: var(--box-shadow2); */ width:100%;}
.main-life .life-slide .copy {position: absolute; bottom: 0; top: 0; padding: 10rem 10rem; z-index: 2; color: var(--white); line-height: 1.2; font-size: 2.35rem; font-weight: 400; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 60%; box-sizing: border-box;}
.main-life .life-slide .copy p {display: none;}
.main-life .life-slide .copy > b {font-weight: 600; margin-top: 1rem; text-transform: uppercase; display: none;}
.main-life .life-slide .copy span.mtxt {font-weight: 600; font-size: 6rem; line-height: 1.1; margin: 0rem 0;}
.main-life .life-slide .copy span.stxt {line-height: 1.2; margin-top:1rem;}
.main-life .life-slide .copy span.itxt {display: block; margin-top: 40px; padding: 7px 50px; border: 1px solid #fff; transition: 0.5s all; font-weight: 500;}
.main-life .life-slide .copy span.itxt:hover {background-color: #0000007c; color: rgb(255, 255, 255);}


.main-life .life-slide .copy em {color: var(--theme-color); font-weight: bold;}
/* 페이지넘버 */
.main-life .life-slide .copy .pag {/* position: absolute; top: 40rem; left: 24rem; transform: translateX(0); z-index: 2;  */display: none;  font-weight: 200; color: var(--white); /* width: 60vw; */}
.main-life .life-slide .copy .pag > b {margin-right: 10px; color: var(--white); /* font-size: 3rem!important; */}
.main-life .life-slide .copy .pag > em {margin-left: 10px; color: var(--white)!important; font-weight: 200!important;}
/* 좌우버튼 */
.main-life .prev,
.main-life .next {position: absolute; z-index: 3; right: 8rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 2rem 0;/*  width: 90px; height: 90px;  border: 1px solid var(--theme-color); background-color: rgba(255,255,255,0.05); border-radius: 50rem;  display: block; left: 0rem; top: 50%; transform: translateY(-50%); transition: var(--transition2);*/}
.main-life .next {left: auto; right: 0;}

.main-life .prev:before,
.main-life .next:before,
.main-life .prev:after,
.main-life .next:after {content: ''; font-size: 1.6rem; color: var(--mudgray); letter-spacing: 1px;}
.main-life .prev:after {/* content: '< prev'; */ content: 'prev'; font-family: var(--pretendard); text-transform: capitalize;}
.main-life .next:after {/* content: 'next >'; */ content: '\f054'; color: var(--tanblack);}


.main-life .prev:before {content: '\f053'; color: var(--tanblack);}
.main-life .next:before {content: 'next'; font-family: var(--pretendard); text-transform: capitalize;}

/* .main-life .prev:hover, .main-life .next:hover {background-color: rgba(255,255,255,.1);} */
/* .main-life .prev, .main-life .next {display: none;} */
/* 페이징동그라미 */
.main-life .pag-num {display: flex; justify-content: center; margin: 3rem 0;}
.main-life .pag-num .swiper-pagination-bullet {margin: 0 0.7rem; width: 15px; height: 15px; background-color: var(--lightgray); opacity: 1; transition: var(--transition2);}
.main-life .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color);}

/****************** 메인섹션-라이프 ****************/
.main-life2 {position: relative;}
.main-life2:after {content: ''; position: absolute; bottom: 6rem; right: 0rem; width: 10rem; height: 10rem; border-radius: 20rem 40rem 30rem 40rem; border: 0px solid var(--accent-color); background-color: var(--accent-color); opacity: 1; z-index: 3;}
.main-life2:before {content: ''; position: absolute; bottom: 5rem; right: 7rem; width: 7rem; height: 6rem; border-radius: 40rem 20rem 30rem 10rem; border: 0px solid var(--white); background-color: var(--theme-color); opacity: .8; z-index: 5;}
.main-life2 .life2-slide {position: relative;/*  width: 100%; */ width: 65vw; margin: 0 auto; box-sizing: border-box;}
.main-life2 .life2-slide .bg {max-width: 100%; margin: 1rem;}
.main-life2 .life2-slide .bg img {object-fit: cover; object-position: center; border-radius: 30rem 20rem 50rem 3rem; box-shadow: var(--box-shadow);}
.main-life2 .life2-slide .copy {position: absolute; top: 0; bottom: 0; z-index: 2; color: var(--white); line-height: 1.2; font-size: 2.35rem; font-weight: 400; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 13rem;}
.main-life2 .life2-slide .copy p {display: none;}
.main-life2 .life2-slide .copy > b {font-weight: 600; margin-top: 1rem; text-transform: uppercase;}
.main-life2 .life2-slide .copy span.mtxt {font-weight: 600; font-size: 6rem; line-height: 1.1; margin: 2rem 0 2rem 0;}
.main-life2 .life2-slide .copy span.stxt {line-height: 1.2;}
.main-life2 .life2-slide .copy em {color: var(--theme-color); font-weight: bold;}
/* 페이지넘버 */
.main-life2 .life2-slide .copy .pag {/* position: absolute; top: 40rem; left: 24rem; transform: translateX(0); z-index: 2;  */font-weight: 200; color: var(--white); /* width: 60vw; */}
.main-life2 .life2-slide .copy .pag > b {margin-right: 10px; color: var(--white); /* font-size: 3rem!important; */}
.main-life2 .life2-slide .copy .pag > em {margin-left: 10px; color: var(--white)!important; font-weight: 200!important;}
/* 좌우버튼 */
.main-life2 .prev, 
.main-life2 .next {position: absolute; z-index: 3; width: 90px; height: 90px; border: 1px solid var(--theme-color); background-color: rgba(255,255,255,0.05); border-radius: 50rem; display: block; left: 0rem; top: 50%; transform: translateY(-50%); transition: var(--transition2);}
.main-life2 .next {left: auto; right: 0rem;}
.main-life2 .prev:after, 
.main-life2 .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; border-top: 2px solid var(--theme-color); border-right: 2px solid var(--theme-color); display: block; margin: -9px 0 0 -6px; transform: rotate(-135deg);}
.main-life2 .next:after {margin: -9px 0 0 -12px; transform: rotate(45deg);}
.main-life2 .prev:hover, 
.main-life2 .next:hover {background-color: rgba(255,255,255,.1);}
.main-life2 .prev, 
.main-life2 .next {display: none;}
/* 페이징동그라미 */
.main-life2 .pag-num {display: flex; justify-content: center; margin: 3rem 0;}
.main-life2 .pag-num .swiper-pagination-bullet {margin: 0 0.7rem; width: 15px; height: 15px; background-color: var(--simple-color); opacity: 1; transition: var(--transition2);}
.main-life2 .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color);}

/* 유튜브 링크 video*/
.main-video {position: relative;/* display: table; */ width: 100%; /* height: 100vh;  */padding:0; box-sizing: border-box;  max-width: 1300px; margin: auto;}
.main-video .inner {position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ height: 0; overflow: hidden; max-width: 100%; background: #000;}
.main-video .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0;left: 0;}
.main-v{padding: 3rem var(--common-padding);}
.main-v .main-loc .title {margin: 0 auto 5rem; font-size: 2rem; text-align: center; width: 100%;}
.main-v .main-loc .title:before {content: ''; display: block; background: url(../images/main/main_title_bg.png) no-repeat center center / contain; height: 2rem; margin-bottom: 1rem; font-size: 7.35rem;}
.main-v .main-loc .title .maintit {color: var(--theme-color); font-size: 4.5rem; text-transform: capitalize; /* line-height: 1; */}
.main-v .main-loc .title .subtit {color: var(--main-color);}





/************** 메인섹션-프리미엄 **************/



/* 세대안내테스트 */
/* .swiper {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; background: var(--theme-color); display: flex; justify-content: center; align-items: center; overflow: hidden; background-repeat: repeat; background-position: center; background-size: cover;}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper .swiper-slide {height: 40vh; line-height: 40vh;}
.swiper .swiper-slide:nth-child(2n) {height: 40vh; line-height: 40vh;}
.swiper-pagination-bullet {width: 2rem; height: 2rem; line-height: 20rem; text-align: center; font-size: 2rem; color: var(--black); background: var(--lightgray); opacity: 0.5;}
.swiper-pagination-bullet-active {color: var(--white); background: var(--theme-color); opacity: 1;} */

/************** 메인섹션-unit 세대안내-슬라이드 **************/
.main-unit {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-unit .unit-slide {display:flex; margin: 0; width: 100%; align-items: center; justify-content: center; box-sizing: border-box;}
.main-unit .unit-slide .swiper-wrapper {display: flex;}
.main-unit .unit-slide .swiper-slide {/* display: flex; align-items: center; justify-content: flex-start; flex-direction: column; height: auto; background: var(--accent-color); */ position: relative; border: 1px solid var(--lightgray); box-sizing: border-box;}
.main-unit .unit-slide .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden; height: 55%; line-height: 55vh;}
.main-unit .unit-slide .bg img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.main-unit .unit-slide .bg a:hover img {transform: var(--transform); opacity: 1;}
.main-unit .unit-slide .bg a:hover:after {left: 0px; right: 0px; top: 0px; bottom: 0px; color: var(--simple-color); border: 15px solid currentColor; transition: var(--transition2); opacity: 1;}
.main-unit .unit-slide .bg a:after {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; display: block; border:rgba(255,255,255,0.0) 0px solid; z-index: 8; transition-property: transition;}
.main-unit .unit-slide .copy {color: var(--white); /* width: calc(100% - 70%); height: calc(100vh - 80vh); */ padding: 2rem 5rem 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; background: var(--accent-color); position: absolute; top: 0; left: 0; z-index: 1;}
.main-unit .unit-slide .copy p {opacity: .5; /* display: none; */}
.main-unit .unit-slide .copy > b {font-weight: 300;}
.main-unit .unit-slide .copy span.mtxt {font-weight: 600; font-size: 4.25rem; text-transform: uppercase;}
.main-unit .unit-slide .copy span.stxt {font-weight: 200;}
.main-unit .unit-slide .copy em {color: var(--white); font-weight: bold; }
/* 페이지넘버 */
.main-unit .pag {position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; font-weight: 200; color: var(--white); display: none;}
.main-unit .pag b {font-weight: 800; margin-right: 10px; color: var(--theme-color);}
.main-unit .pag em {margin-left: 10px;}
/* 좌우버튼-버튼영역 */
.main-unit .prev, .main-unit .next {position: absolute; z-index: 3; width: 60px; height: 60px; border-radius: 20rem; display: block; left: 2rem; top: 50%; transform: translateY(50%); transition: var(--transition2); color: var(--white); /* border: 1px solid currentColor; */ box-shadow: var(--box-shadow1); background: var(--white-a3); display: none;}
.main-unit .next {left: auto; right: 2rem;}
.main-unit .prev:hover, .main-unit .next:hover {display: block;}
/* 좌우버튼-화살표 */
.main-unit .prev::after, .main-unit .next::after {content: '\f053'; font-family: var(--awesome); font-weight: 600; }
.main-unit .next::after {content: '\f054';}
/* 페이징동그라미 */
.main-unit .pag-num {display: flex; justify-content: center; margin: 3rem 0rem; }
.main-unit .pag-num .swiper-pagination-bullet {margin:0 0.2rem; width: 3rem; height: 1rem; background-color: var(--mudgray); opacity: 0.3; transition: var(--transition2); border-radius: 0.5rem;}
.main-unit .pag-num .swiper-pagination-bullet-active {background-color: var(--accent-color); opacity: 1;}
.main-unit .pag-num span {font-size: 0rem; color: var(--white); display: flex; align-items: center; justify-content: center;}




/************** 메인섹션-loc 오시는길  **************/
.main-loc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-loc .desc {display: flex; justify-content: center; align-items: flex-start; color: var(--theme-color); width: 100%;}
.main-loc .desc .text {display: flex; flex: 1; flex-direction: column; gap: 1rem; padding:0; margin-right: 5rem; text-align: left;}
.main-loc .desc .text b {font-size: 3.5rem;}
.main-loc .desc .text p {}
.main-loc .desc .text .tel {display: flex; flex-direction: column; font-size: 2.2rem; font-weight: 500; margin-top: 2rem;}
.main-loc .desc .text .tel em {font-size: 5.3rem; font-weight: 800; letter-spacing: -0.05em;}
.main-loc .desc .text .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.56rem; color: var(--mudgray); word-break: break-all;}
.main-loc .desc .text .caution li {display: flex;;}
.main-loc .desc .text .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.main-loc .desc .loc-add-txt {display: flex; flex-direction: column; gap: 1rem; font-size: 2.25rem; color: var(--tanblack);}
.main-loc .desc .loc-add-txt li {margin-left: 3rem;  display: flex;}
.main-loc .desc .loc-add-txt li::before {display: inline-block; margin-left: -3rem; padding-right:1rem;}
/* .main-loc .desc .loc-add-txt li:first-child {display: none;} */
.main-loc .desc .loc-add-txt li:first-child::before {content: "\e4d1";}
.main-loc .desc .loc-add-txt li:last-child::before {content: "\f5a0";}
.main-loc .desc .map {flex: 1; position: relative; border:1px solid var(--lightgray); margin-left: auto; overflow: hidden;}
.main-loc .desc .map img {object-fit: cover; object-position: center; }
.main-loc .desc .map .btn-bx-sns {display: flex; position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.main-loc .desc .map .btn-bx-sns a {display: flex; padding: 3rem 3rem; justify-content: center; align-items: center; gap: 1rem; color: var(--white); /* text-align: center;  */line-height: 1.1;}
.main-loc .desc .map .btn-bx-sns a::after {content: '\f08e'; font-size: 2rem; margin-left: auto;}
.main-loc .desc .map .btn-bx-sns .btn-kakao {background: var(--theme-color);}
.main-loc .desc .map .btn-bx-sns .btn-naver {background: var(--accent-color);}


/*************** 메인섹션-news 언론보도 *******************/
.main-news {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-news .news-slide {display:flex; margin: 0; width: 100%; align-items: center; justify-content: center; /* align-items: flex-start; height: 45vh;  line-height: 45vh; */}
.main-news .news-slide .swiper-wrapper {display: flex;}
.main-news .news-slide .swiper-slide {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; height: auto; background: var(--white); border: 1px solid var(--lightgray); box-sizing: border-box;}
.main-news .news-slide .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden;}
.main-news .news-slide .bg img {display: block; width: 110%; height: 110%; object-fit: cover; overflow: hidden;}
.main-news .news-slide .bg a:hover img {transform: var(--transform);}
/* .main-news .news-slide .bg a:hover:after {left: 10px; right: 10px; top: 10px; bottom: 10px; border: 1px solid var(--white-a); transition: var(--transition2);}
.main-news .news-slide .bg a:after {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; display: block; border: 0px solid var(--white-a); z-index: 8; transition-property: transition;} */
.main-news .news-slide .copy {color: var(--tanblack); width: calc(100% - 7rem); display: flex; flex-direction: column; padding: 3rem 0; line-height: 1.3;}
.main-news .news-slide .copy p {font-weight: 200; font-size: 1.65rem; color: var(--mudgray);}
.main-news .news-slide .copy > b {display: none;}
.main-news .news-slide .copy span.mtxt {margin: 2rem 0 1rem 0; font-weight: 700; font-size: 2.85rem; white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}
.main-news .news-slide .copy span.stxt {font-weight: 300; font-size: 1.75rem;display: -webkit-box; -webkit-box-orient: vertical;	-webkit-line-clamp: 3; overflow: hidden;}
.main-news .news-slide .copy em {color: var(--main-color); font-weight: bold;}
/* 페이지넘버 */
.main-news .pag {display: none; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; font-weight: 200; color: var(--white);}
.main-news .pag b {font-weight: 800; margin-right: 10px; color: var(--main-color);}
.main-news .pag em {margin-left: 10px;}
/* 좌우버튼-버튼영역 */
.main-news .prev, .main-news .next {position: absolute; z-index: 3; width: 5rem; height: 5rem; border-radius: 0.5rem; display: block; left: 0rem; top: 0rem; transition: var(--transition2); border: 1px solid var(--lightgray); background: var(--white); box-shadow: var(--box-shadow1);}
.main-news .next {left: auto; right: 0rem;}
.main-news .prev:hover, .main-news .next:hover {background-color: var(--white);}
/* 좌우버튼-화살표 */
/* .main-news .prev:after, .main-news .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: 2px solid var(--mudgray); border-right: 2px solid var(--mudgray); display: block; margin: -6px 0 0 -4px; transform: rotate(-135deg);} 
.main-news .next:after {margin: -6px 0 0 -8px; transform: rotate(45deg);} */
.main-news .prev::after, .main-news .next::after {content: '\f053'; font-family: var(--awesome); font-weight: 600;}
.main-news .next::after {content: '\f054';}
/* 페이징바 */
.main-news .pag-num {display: flex; justify-content: center; margin: 3rem 0; display: none;}
.main-news .pag-num .swiper-pagination-bullet {margin:0; width: 10rem; height: 0.5rem; background-color: var(--lightgray); opacity: 1; transition: var(--transition2); border-radius: 0; transition-property: width;}
.main-news .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color); width: calc(5rem + 10rem);}

/****************** 메인섹션-럭셔리 추가 ****************/
/* 프리미엄배경 */
.luxury:after {content: "";	display: block; position: absolute;	left: 50%; top: 0; transform: translateX(-50%);	width: 101%; height: 58%;	background: var(--simple-color); z-index: -1;}
/* 프리미엄텍스트 */
.luxury:before {content: ''; display: block; position: absolute; top: 50%; left: 48%; transform: translate(50%, -90%); width: 45rem; height: 15rem; opacity: .3; z-index: 2; background: url(../images/main/premium_txt.svg) no-repeat;}
/* 써클애니 */
.main-luxury:before {content: ''; display: block; position: absolute; top: 10%; left: 50%; width: 26rem; height: 26rem; opacity: .2; z-index: 5; background: url(../images/main/premium_circle.svg) no-repeat; animation: circle 50s infinite linear both;}
@keyframes circle {
	0% { transform:rotate(0)}
	100% { transform:rotate(360deg)}
}

.main-luxury {position: relative;}
[class*=section] .main-luxury .title {align-items: flex-start;}
.main-luxury .luxury-slide {position: relative; width: 100%; margin: 0 auto; box-sizing: border-box;}
.main-luxury .luxury-slide .bg {max-width: 60%; height: 55rem; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size: 0; border-radius: 1rem 5rem;}
.main-luxury .luxury-slide .item1 .bg {background-image: url(../images/main/luxury1.jpg);}
.main-luxury .luxury-slide .item2 .bg {background-image: url(../images/main/luxury2.jpg);}
.main-luxury .luxury-slide .item3 .bg {background-image: url(../images/main/luxury3.jpg);}
.main-luxury .luxury-slide .item4 .bg {background-image: url(../images/main/luxury4.jpg);}
.main-luxury .luxury-slide .item5 .bg {background-image: url(../images/main/luxury5.jpg);}
.main-luxury .luxury-slide .item6 .bg {background-image: url(../images/main/luxury6.jpg);}
.main-luxury .luxury-slide .item7 .bg {background-image: url(../images/main/luxury7.jpg);}
.main-luxury .luxury-slide .item8 .bg {background-image: url(../images/main/luxury8.jpg);}
.main-luxury .luxury-slide .copy {width: 35%; position: absolute; top: 60%; right: 0; z-index: 2; color: var(--theme-color); line-height: 1.2; font-size: 2rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem; margin-left: auto;}
.main-luxury .luxury-slide .copy p {display: none;}
.main-luxury .luxury-slide .copy > b {font-weight: 600; /* margin-top: 1rem; */ text-transform: uppercase;}
.main-luxury .luxury-slide .copy span.mtxt {font-weight: 600; font-size: 3rem; line-height: 1.1; /* margin: 1rem 0 1rem 0; */}
.main-luxury .luxury-slide .copy span.stxt {line-height: 1.2;}
.main-luxury .luxury-slide .copy em {color: var(--theme-color); font-weight: bold;}
/* 페이지넘버 */
.main-luxury .luxury-slide .copy .pag {/* position: absolute; top: 40rem; left: 24rem; transform: translateX(0); z-index: 2;  */font-weight: 200; color: var(--theme-color); /* width: 60vw; */}
.main-luxury .luxury-slide .copy .pag > b {margin-right: 10px; color: var(--theme-color); /* font-size: 3rem!important; */}
.main-luxury .luxury-slide .copy .pag > em {margin-left: 10px; color: var(--theme-color)!important; font-weight: 200!important;}
.main-luxury .luxury-slide .swiper-notification {display: none;}
/* 좌우버튼 */
.main-luxury .prev, .main-luxury .next {position: absolute; z-index: 3; width: 5rem; height: 5rem; border: 1px solid var(--mudgray); background: var(--transparent); border-radius: 0.2rem; display: block; right: 6rem; top: 60%; transform: translateY(-0%); transition: var(--transition2); cursor: pointer;}
.main-luxury .next {/* left: auto;  */right: 0rem;}
.main-luxury .prev:after, .main-luxury .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-top: 1px solid var(--mudgray); border-right: 1px solid var(--mudgray); display: block; margin: -7px 0 0 -4px; transform: rotate(-135deg);}
.main-luxury .next:after {margin: -7px 0 0 -10px; transform: rotate(45deg);}
/* .main-luxury .prev:hover, .main-luxury .next:hover {background:var(--white);} */
.main-luxury .prev, .main-luxury .next {}
/* 페이징동그라미 */
.main-luxury .pag-num {display: flex; justify-content: center; margin: 3rem 0; display: none;}
.main-luxury .pag-num .swiper-pagination-bullet {margin: 0 0.7rem; width: 15px; height: 15px; background-color: var(--simple-color); opacity: 1; transition: var(--transition2);}
.main-luxury .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color);}

/****************** 메인섹션-라이프s ****************/
.lifes {}
.lifes:before {content: "";	position: absolute;	left: 50%; top: 0; transform: translateX(-50%);	display: block;	width: 101%; height: 45vh;	background: var(--theme-color);	z-index: 0;}
.main-lifes {position: relative;}
/* .main-lifes:after {content: ''; position: absolute; bottom: 8rem; right: 6rem; width: 20rem; height: 20rem; border-radius: 0; border: 0px solid var(--accent-color); background-color: var(--accent-color); opacity: 1; z-index: 3;}
.main-lifes:before {content: ''; position: absolute; bottom: 10rem; right: 20rem; width: 10rem; height: 10rem; border-radius: 0; border: 0px solid var(--white); background-color: var(--theme-color); opacity: .8; z-index: 5;} */
.main-lifes .title {display: flex; align-items: flex-start; justify-content: center; flex-direction: column-reverse; font-size: 3rem; margin-bottom: 0;}
.main-lifes .maintit {color: var(--main-color); font-size: 8rem;}
.main-lifes .subtit {color: var(--white);}
.main-lifes .title:before {display: none;}
.main-lifes .lifes-slide {position: relative; width: 100%; max-width: var(--common-width); height: auto; margin: 0 auto; box-sizing: border-box; background: var(--theme-color);}
.main-lifes .lifes-slide .bg {max-width: var(--common-width); width: 100%; height: 60vh; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size: 0;}
.main-lifes .lifes-slide .bg.item1 {background-image: url(../images/main/main_life1.jpg);}
.main-lifes .lifes-slide .bg.item2 {background-image: url(../images/main/main_life2.jpg);}
.main-lifes .lifes-slide .bg.item3 {background-image: url(../images/main/main_life3.jpg);}
.main-lifes .lifes-slide .bg.item4 {background-image: url(../images/main/main_life4.jpg);}
.main-lifes .lifes-slide .bg.item5 {background-image: url(../images/main/main_life5.jpg);}
/* .main-lifes .lifes-slide .bg img {object-fit: cover; object-position: center center; border-radius: 0; box-shadow: var(--box-shadow); overflow: hidden;} */
/* 텍스트 */
.component {display: flex; align-items: flex-end; justify-content: center; margin-bottom: 4rem; /* height: auto; margin: 0rem 0 3rem; */}
.main-lifes .copy [class*=pr_] {display: none;} 
.main-lifes .copy {flex: 1; display: flex; align-items: center; justify-content: center; margin-left: 2rem;} 
.main-lifes .copy .active {flex:1; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right; color: var(--white); line-height: 1.2; font-size: 2rem; font-weight: 300;}
.main-lifes .copy p {display: none;}
.main-lifes .copy > b {font-weight: 600; margin-top: 1rem; text-transform: uppercase; display: none;}
.main-lifes .copy span.mtxt {font-weight: 500; font-size: 4rem; line-height: 1.1; margin: 0 0 1rem 0;}
.main-lifes .copy span.stxt {line-height: 1.2;}
.main-lifes .copy em {color: var(--theme-color); font-weight: bold;}
/* 페이지넘버 */
.main-lifes .copy .pag {/* position: absolute; top: 40rem; left: 24rem; transform: translateX(0); z-index: 2;  */font-weight: 200; color: var(--white); /* width: 60vw; */ display: none;}
.main-lifes .copy .pag > b {margin-right: 1rem; color: var(--white); /* font-size: 3rem!important; */}
.main-lifes .copy .pag > em {margin-left: 1rem; color: var(--white)!important; font-weight: 200!important;}
/* 좌우버튼 */
.main-lifes .prev, .main-lifes .next {flex:0 0 6rem; width: 6rem; height: 6rem; margin-right: 1rem; border-radius: 0.2rem; background: var(--white); transition: var(--transition2);}
.main-lifes .next {/* left: auto;  */}
.main-lifes .prev::after, .main-lifes .next::after {font-size: 4rem; color: var(--theme-color);}
.main-lifes .prev::after {content: "\f104";}
.main-lifes .next::after {content: "\f105";}
/* .main-lifes .prev:after, .main-lifes .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; border-top: 2px solid var(--theme-color); border-right: 2px solid var(--theme-color); display: block; margin: -0.9rem 0 0 -0.6rem; transform: rotate(-135deg);}
.main-lifes .next:after {margin: -0.9rem 0 0 -1.2rem; transform: rotate(45deg);} */
.main-lifes .prev:hover, .main-lifes .next:hover {background: var(--lightgray)}
.main-lifes .prev, .main-lifes .next {display: block;}
/* 페이징동그라미 */
.main-lifes .pag-num {display: flex; justify-content: center; margin: 3rem 0; display: none;}
.main-lifes .pag-num .swiper-pagination-bullet {margin: 0 0.5rem; width: 2rem; height: 2rem; background-color: var(--simple-color); opacity: 1; transition: var(--transition2); border-radius:0;}
.main-lifes .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color);}
/*애니메이션 추가 CSS*/
.main-lifes .maintita { display: inline-block; font-size: 8rem; color: var(--main-color);}
.main-lifes .maintita span { animation: changeColor 2.5s linear infinite;}








.popup { position: absolute; top: 42%; right: 13rem; z-index: 2; }
.m-bg { height: 100vh; width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: none; }
.company-inner { width: 100%; height: 100vh; background: url(../images/main/company_bg.jpg) no-repeat center center / cover; }
#sectuon2::before { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; width: 100%; height: 40vh; background: #3d3d3d; z-index: -1; }
/************** company **************/

/* 섹션2 company 섹션 */
#sectuon2 { width: 100%; height: 100%; background: url(../images/main/service_bg.jpg) no-repeat center center / cover; /* background: var(--basic-color); */}
.company-inner { margin: auto; max-width: 80vw; padding: 0; gap: 60px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; }
#fp-nav { top: 40%; right: 8%; transition: top 0.5s ease; z-index: 0; display:none;}
#fp-nav.fp-left { left: 8%; }
#fp-nav.fp-right { left: 17px;z-index: 0; }
#fp-nav ul li .fp-tooltip { font-size: 3rem; }
#fp-nav ul li, .fp-slidesNav ul li { height: 3rem; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #cfcfcf; }
#fp-nav ul li .fp-tooltip.fp-right { /* left: 20px; */}
#fp-nav.fp-show-active a.active + .fp-tooltip { /* background-color:red; */}
.company-img { width: 50%; }
.company-img img { width: 100%; height: 100%; }
#section2 .mtit { margin: 0 0 40px; text-align: center; }
#section2 .mtit h2 { font-size: 8rem; font-weight: 600; color: #fff; }
#section2 .title {
}
#section2 .company-con { display: flex; flex-direction: column; align-items: center; width: 43%; }
#section2 .company { opacity: 0; width: 100%;/* 초기 상태 */
  animation: fadeIn 1.5s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); display: flex; flex-direction: column; align-items: flex-start; }
#section2 .company .item { font-weight: 800; display: flex; justify-content: center; align-items: center; padding: 20px 0; gap: 40px; }
/* 첫 번째 스팬 */
#section2 .first { display: inline-block; background: #22222200; z-index: 1; position: relative; opacity: 0; /* 초기 상태 */
  transform: translateX(50%); transition: none; /* 초기 상태 */
}
/* 첫 번째 스팬 애니메이션 활성화 */
#section2 .first.animated { animation: firstSpan 2s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); }
/* 첫 번째 이미지 */
#section2 .first img { height: 6rem; }
/* 두 번째 스팬 */
#section2 .second { font-weight: 100; z-index: -1; display: inline-block; opacity: 0; /* 초기 상태 */
  transform: translateX(-50%); transition: none; /* 초기 상태 */
}
/* 두 번째 스팬 애니메이션 활성화 */
#section2 .second.animated { animation: secondSpan 2s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); }
/* 두 번째 이미지 */
#section2 .second img { height: 6rem; }
/* 텍스트 스타일 */
#section2 .ttect p { max-width: 620px; color: #fff; font-size: 3rem; margin-top: 20px; word-break: keep-all; }
/* 초기 상태 */
#section2 .ttect { opacity: 1; /* 보이지 않음 */
  width: 100%; transition: none; /* 초기 상태 */
}


/* 애니메이션 활성화 */
.ttect.animated { animation: ttect 1.5s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); }
@keyframes ttect {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes firstSpan {
  0% { transform: translateX(50%); opacity: 0; }
  60% { transform: translateX(50%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; }
}
@keyframes secondSpan {
  0% { transform: translateX(-50%); opacity: 0; }
  60% { transform: translateX(-50%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
@keyframes slideLeft {
  from { opacity: 0; transform: translateX(200px); }
  to { opacity: 1; transform: translateX(0%); }
}

.effect.bounce.show {
    animation: bounce-in 3s ease-out forwards;
}


@keyframes bounce-in {
0% {
    opacity: 0;
    transform: translateY(30px);
}
60% {
    transform: translateY(-10px);
}
80% {
    transform: translateY(10px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}


/************** Service **************/


.premium { width: 100%; height: 100%; background: url(../images/main/service_bg.jpg) no-repeat center center / cover; /* background: var(--basic-color); */}
/* .premium .premium_bg {margin: auto;max-width: 90vw; padding: 0; display: flex;	align-items: center; justify-content: center; flex-direction: column; transform: translateY(16vh); box-sizing: border-box; gap: 5rem;} */

.premium { background-color: #fff; }
.premium .premium_bg { width: 100%; display: flex; justify-content: center; align-items: flex-end; }
.premium .premium_bg .inner { width: 80vw;  height: 70vh; }
.premium_bg { width: 100%;/*  height: 100%; background: var(--white); position: relative;  */display: flex; justify-content: center; align-items: flex-end; }
.premium_bg::before { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; width: 100%; height: 40vh; background: #222; z-index: 0; }
/* .premium_bg .inner {max-width: var(--max-width); margin: 0 auto;} */
/* pr_on 둥장 */

/*  */
/*  */
.premium_bg .inner .pr_slier_cont .pr_slider { width: 100%; pointer-events: none; }
.premium_bg .inner .title { display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: row; }
.premium_bg .inner .title h2 { font-size: 7rem; text-transform: uppercase; color: #333; margin-bottom: 0; }
.premium_bg .inner .title strong { font-size: 9.5rem; line-height: 1.1; font-weight: 700; margin-left: 1rem; color: #333; }
.pr_slier_cont { position: relative; z-index: 100; }
.pr_slier_cont a { pointer-events: none; }
.pr_slier_cont .items { width: 100%; margin-bottom: 3rem; display: flex; justify-content: space-between; align-items: flex-end; }
.pr_slier_cont .items .pr_arrow { display: flex; justify-content: center; align-items: center; gap: 1rem; }
.pr_slier_cont .items .pr_arrow p { display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 0.2rem; cursor: pointer; background: #bbb195; }
.pr_slier_cont .items .pr_arrow p.pr_prev::after { content: "\f104"; }
.pr_slier_cont .items .pr_arrow p.pr_next::after { content: "\f105"; }
/* .pr_slier_cont .items .pr_arrow img {width: 46px; height: 46px; font-size: 0; display: block; cursor: pointer;}
.pr_slier_cont .items .pr_arrow img.pr_prev {margin: 0;}
.pr_slier_cont .items .pr_arrow img.pr_next {margin-left: 1rem;} */


.pr_slier_cont .items .pr_slider_t { width: 360px; height: 12rem; display: flex; justify-content: center; align-items: center; }
.pr_slier_cont .items .pr_slider_t .desc { position: absolute; right: 0; top: 0; text-align: right; transition: .5s; transform: translateX(10px); opacity: 0; }
.pr_slier_cont .items .pr_slider_t .desc.active { transform: translateX(0); opacity: 1; }
.pr_slier_cont .items .pr_slider_t .desc h3 { font-size: 3.7rem; color: #333; }
.pr_slier_cont .items .pr_slider_t .desc p { font-size: 2.2rem; font-weight: 300; line-height: 1.5; color: #333; margin-top: 1rem; }
.pr_slier_cont .pr_slider .item { width: 100%; height: 50vh; background-position: center center; background-size: cover; background-repeat: no-repeat; }
/* .pr_slier_cont .pr_slider .item img {width: 100%; object-fit: cover;} */
/* .pr_slier_cont .pr_slider .item img {background: url(../images/pr_slider02.jpg)no-repeat center center / cover;} */


.pr_slier_cont .pr_slider .item.pr_item01 { background-image: url(../images/main/service_01.jpg); }
.pr_slier_cont .pr_slider .item.pr_item02 { background-image: url(../images/main/service_02.jpg); }
.pr_slier_cont .pr_slider .item.pr_item03 { background-image: url(../images/main/service_03.jpg); }
.pr_slier_cont .pr_slider .item.pr_item04 { background-image: url(../images/main/service_04.jpg); }
/* 하단 슬라이더 */
/* 슬라이더 컨테이너 */
.premium_bg .pr_slider { position: relative; /* 슬라이더 아이템을 겹치기 위해 relative 설정 */
	width: 100%; height: 50vh; /* 슬라이더 높이 지정 */

}
/* 슬라이더 아이템 */
.premium_bg .pr_slider .item { position: absolute; /* 슬라이더 아이템을 겹치기 위해 absolute 설정 */
	top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 0s ease-in-out; }
/* 활성화된 슬라이더 아이템 */
.premium_bg .pr_slider .item.active { opacity: 1; pointer-events: none; }
/* 상단 텍스트 슬라이더 */
.premium_bg .pr_slider_t { display: flex; justify-content: space-between; }
.premium_bg .desc { opacity: 0; transition: opacity 0s ease-in-out; }
.premium_bg .desc.active { opacity: 1; font-weight: bold; }






/************** group **************/

#section4 { background-color: #222; }
.gllery{height:100vh;}
.gllery .title { display: flex; align-items: center; flex-direction: column; margin-top: 7rem; }
.gllery .title h2 { font-size: 7rem; text-transform: uppercase; color: #fff; margin-bottom: 0; }
.gllery .title span { color: #fff; }
.gllery-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(#fff, #fff); width:100%;}
.gllery-inner::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; width: 100%; height: 100%; background: linear-gradient(#222, #3f3f3f); z-index: 0; }
.gllery-container { width: 80vw;display: flex;justify-content: center;align-items: center;}
.gllery-wrapper {  margin:0 60px 0px; 
    padding: 40px 20px; overflow: hidden; width: 100%;  display: flex; justify-content: center; /* 수평 중앙 정렬 */
    align-items: center; }
.gllery-list .gllery-item .gllery-link { user-select: none; display: block; order-radius: 12px; text-decoration: none; transition: 0.2s ease; } 
 .gllery-item { border: 2px solid #FFF; box-sizing: border-box;}
 .gllery-list .gllery-item .gllery-link:hover { border-color: #5372f0; }
.gllery-list .gllery-link .gllery-image { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: 10px; } 
.gllery-text { color: #fff; padding: 1rem 0 1rem; }
.gllery-button { color: #fff; padding: 0rem 0 2rem; text-align: left; font-size: 1.6rem; }
.gllery-button, .gllery-text { width: 100%; overflow: hidden; text-overflow: ellipsis; } 
 .gllery-list { position: relative; } 
.gllery-image img {} 
 .gllery-item { transition: transform 0.5s ease, opacity 0.5s ease, z-index 0.5s ease; }
.gllery-text-box { position: absolute; bottom: 0; width: 90%; left: 6%; z-index: 1; opacity: 0;}
.gllery-text-box:hover {  opacity: 1; transition: opacity 0.5s ease; }
.gllery-gradient { background: linear-gradient(#ffffff00, #000000); bottom: 0; WIDTH: 100%; Z-INDEX: 1; height: 10rem; position: absolute; }
 .gllery-item.swiper-slide-active { transform: scale(1); opacity: 1; z-index: 10; }
.gllery-item.swiper-slide-prev, .gllery-item.swiper-slide-next { transform: scale(0.8); opacity: 0.3; z-index: 5; }
.gllery-item.swiper-slide-prev .gllery-text, .gllery-item.swiper-slide-next .gllery-text { opacity: 0; transition: opacity 0.5s ease; }
.gllery-item.swiper-slide-prev .gllery-button, .gllery-item.swiper-slide-next .gllery-button { opacity: 0; transition: opacity 0.5s ease; }
.gllery-item:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) { transform: scale(0.7); pointer-events: none; opacity: 0; z-index: 1; }
.swiper-pagination-bullet-active { background: #fff; }
.swiper-button-next, .swiper-button-prev { color: #afafaf; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #fff; }

.bbs-list-btn { display:flex; align-items: center; gap: 1.4rem; border-radius: 10rem; padding: 0rem 2rem; height: 5rem; background: var(--theme-color); /* border: 1px solid currentColor; */ color:#fff; transition:.3s;  z-index:1;}
.bbs-list-btn::before {content: "\f0ca"; font-size: 2rem;}
.bbs-list-btn:hover {background:#9f917569; color: #fff;}




.bbs-list-btn::before{content: "\f0ca";
    font-size: 2rem;}

 @media (max-width:768px) {
 }

 @media (max-width:768px) {
    .gllery-item.swiper-slide-prev, .gllery-item.swiper-slide-next { transform: scale(1); opacity: 0; z-index: 5; }
    .gllery-button { display: none; }
	.gllery-text{display:block;margin-bottom: 2rem;}
	.gllery-text-box{ opacity: 1; }
    .swiper-button-next, .swiper-button-prev { display: none;}
	.gllery-container{width:100%;}
	.gllery-wrapper{padding:0;width: 80vw; margin: 0 0 3rem;}

}
@media all and (max-width:480px) {
    .gllery-wrapper { height: auto; }
    .gllery-list .gllery-link .gllery-image { aspect-ratio: 1 / 1.3; }
    .gllery-image img { height: 100%; }
}
 

/************** 지도 location **************/


.location { width: 100%; height: 100%; background: url(../images/main/Location_bg.jpg) no-repeat center center / cover; /* background: var(--basic-color); */}
/* .premium .premium_bg {margin: auto;max-width: 90vw; padding: 0; display: flex;	align-items: center; justify-content: center; flex-direction: column; transform: translateY(16vh); box-sizing: border-box; gap: 5rem;} */
.location { background-color: #fff; }
.location .location_bg { margin: auto; max-width: 80vw; padding: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; gap: 5rem; }
.location .inner .title { display: flex; align-items: flex-start; flex-direction: column; }
.location .inner .title h2 { font-size: 7rem; text-transform: uppercase; color: #333; margin-bottom: 0; }
.location .location_bg .inner {width: 100%;;display: flex;}
.location-map-box { display: flex; gap: 60px; width:100%;flex:1;    justify-content: center;}
/* .location-map {    width: 100%; position: relative; flex:1;} */
.location .txtDiv { width:50vw; flex:1;}
.location .txtDiv ul { width: 100%; }
.location .txtDiv ul li { padding: 1.4rem 0; border-bottom: 1px solid #959595; width: 100%; }
.location-map .hide {overflow:hidden;align-items: center;border:1px solid #dfdfdf;display: flex;justify-content: space-between;position: absolute;border-color:rgba(0,0,0,.1);border-radius:0 0 2px 2px;background-color:#f9f9f9;width:100%; line-height: 0.8;}
.location-map a img{height: 100%;}

.inquiry::before{content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 100vh;
/*     background: linear-gradient(#ebebeb, #ffffff); */
    z-index: 0;}






.inquiry {background: url(../images/main/Inquiry_bg.jpg) no-repeat center center / cover;}
/* .inquiry .title {margin: 0px auto 10px!important;} */
.inquiry .title span {opacity: 1; transition: .5s; transition-delay: 1.0s;color:#333;}
.inquiry .title h2 {opacity: 1; transition: .5s; transition-delay: 1.0s;font-size: 7rem;    color: #333;}
.inquiry .inquiry-inner {display: flex; z-index: 1;align-items: stretch; justify-content: space-between; gap: 0rem; max-width: 100%!important; margin-top: 0; }
.inquiry .inquiry-inner .space {width: 48vw; height: auto; padding: 0; background: url(../images/main/main_customer_bg.jpg) no-repeat center center / cover;/*  margin-right: auto; */}
.inquiry .inquiry-inner .customer-box {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; padding: 5rem 0rem; width: calc(52vw - 10vw); margin: 0 auto; box-sizing: border-box;transform: translateY(0px);}
.inquiry .inquiry-inner .frm-customer {display: flex; align-items: center; justify-content: center; width: 100%;/* padding: 0; */}
.inquiry .inquiry-inner .frm-customer fieldset {width: 100%;}
.inquiry .inquiry-inner .frm-customer .desc {display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1rem 2rem; line-height: 2.2; border: 1px solid var(--mudgray); border-radius: 0.5rem; color: var(--tanblack); font-weight: 500; box-sizing: border-box;}
.inquiry .inquiry-inner .frm-customer p {margin-bottom: 1rem;}
/* .inquiry .common-customer .frm-customer p+p {margin-bottom: 1rem;} */
.inquiry .frm-customer p:nth-last-of-type(2){margin-bottom: 2rem;}
.inquiry .inquiry-inner .frm-customer .desc label {flex: 2; margin-right: 0;}
.inquiry .inquiry-inner .frm-customer .desc input {flex: 8; margin-left: 0; line-height: 4rem; font-size: 2rem;}
.inquiry .inquiry-inner .frm-customer input[type=text] {border: none;}
input[type=text], input[type=number], input[type=password], textarea {font-family: var(--pretendard); font-size: 2rem; letter-spacing: -0.03em;}
.inquiry .inquiry-inner .frm-customer .privacy input {display: none;}
.inquiry .inquiry-inner .frm-customer .privacy {color: var(--theme-color); font-size: 2rem; display: flex; align-items: center; justify-content: flex-end; gap: 4rem;}
.inquiry .inquiry-inner .frm-customer .privacy .text {font-weight: 700;}
.inquiry .inquiry-inner .frm-customer .privacy .text a:hover {text-decoration: underline;}
.inquiry .inquiry-inner .frm-customer .agree {position: relative; opacity: 1; top: 0; left: 0;}
.inquiry .inquiry-inner .frm-customer .privacy label {position: relative; margin-right: 0;}
.inquiry .inquiry-inner .frm-customer .privacy label::before {position: absolute; top: 3px; left: -20px; display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; border-radius: 20rem; cursor: pointer; transition: 0.2s; content: '\f111'; font-size: 1.65rem; color:var(--theme-color); font-weight: 300;}
.inquiry .inquiry-inner .frm-customer .privacy input:checked + label::after {position: absolute; top: 3px; left: -20px; display: inline-block; cursor: pointer; transition: 0.2s; content: '\f058'; font-size: 1.65rem; color:var(--theme-color);}
.inquiry .inquiry-inner >a {margin: 1rem auto;}
.inquiry .inquiry-inner .btn-register {display: flex; align-items: center; justify-content: center; gap: 1rem; border-radius: 0.5rem; border: 1px solid var(--white-a2); background: var(--theme-color); color: var(--white); width: 100%; padding: 3rem 0; transition: var(--transition2); cursor: pointer; font-size: 2.65rem;}
.inquiry .inquiry-inner .btn-register::after {content: "\f090";}
.inquiry .inquiry-inner >a:hover.btn-register {backdrop-filter:var(--backdrop-filter);}
.inquiry .inquiry-inner .frm-customer .content { flex: 8; resize: none; overflow: auto; border: none; padding: 0; height: 2.5rem; background: var(--transparent);}
.inquiry >a {margin: 1rem auto;}












@keyframes changeColor {
  0% { color: var(--main-color);} /* 원래 색으로 시작 */
  50% { color: #fff; } /* 흰색으로 변경 */
  100% { color: var(--main-color); } /* 다시 원래 색으로 돌아옴 */
}
/* 각 글자에 다른 타이밍으로 애니메이션 적용 */
.maintita span:nth-child(1) { animation-delay: 0s; }
.maintita span:nth-child(2) { animation-delay: 0.3s; }
.maintita span:nth-child(3) { animation-delay: 0.5s; }
.maintita span:nth-child(4) { animation-delay: 0.7s; }
.maintita span:nth-child(5) { animation-delay: 0.9s; }
.maintita span:nth-child(6) { animation-delay: 1.1s; }
.maintita span:nth-child(7) { animation-delay: 1.3s; }
.maintita span:nth-child(8) { animation-delay: 1.5s; }
.maintita span:nth-child(9) { animation-delay: 1.7s; }
.maintita span:nth-child(10) { animation-delay: 1.9s; }
.maintita span:nth-child(11) { animation-delay: 2.1s; }
.maintita span:nth-child(12) { animation-delay: 2.3s; }
.maintita span:nth-child(13) { animation-delay: 2.5s; }
.maintita span:nth-child(14) { animation-delay: 2.7s; }
.maintita span:nth-child(15) { animation-delay: 2.9s; }
.maintita span:nth-child(16) { animation-delay: 3.1s; }
.maintita span:nth-child(17) { animation-delay: 3.3s; }
.maintita span:nth-child(18) { animation-delay: 3.5s; }
.maintita span:nth-child(19) { animation-delay: 3.7s; }
.maintita span:nth-child(20) { animation-delay: 3.9s; }




@media (max-width: 800px){
	.main-visual .swiper-slide {height: 100vh;}
	.bg{display:none;}
	.m-bg{display:block;}
	.popup{position: absolute;
    top: 62%;
    right: 18%;
    z-index: 2;
    width: 65vw;}
}



@media (max-width: 768px){
	.main-lifes .maintita {font-size: 6rem;}
}
/* 사업개요 추가 main-summary */
.main-summary{}
.main-summary .summary-innery{width:100%;}
.summary-inner tbody{font-size:2rem;display: flex;flex-direction: column; margin-top:2rem; border-top: 3px solid var(--theme-color);}
.summary-inner tbody tr{display: flex; text-align: center; justify-content: center; align-items: center; border: 1px solid var(--lightgray);background: var(--simple-color); }
.summary-inner tbody tr th{ flex: 1; padding:10px 0 ; font-weight: 500; min-width: 100px; display: flex; align-items: center;justify-content: center;}
.summary-inner tbody tr td{ flex: 3;padding:10px 0; font-weight: 300;    display: flex;align-items: center; justify-content: center; background: #fff;}


@media screen and (max-width:1740px) {		
	.company-inner{gap:0;}
	@media screen and (max-width:1470px){
		.main-life2 .life2-slide {width: 75vw;}	
		#section2 .company-con{width:53%;}
		.company-img{width:44%;}
		.location .location_bg .inner{gap:4rem;}
	}	
	@media all and (max-width:1280px){

.group .group_bg.inner{transform: translateY(18vh);}
	#fp-nav.fp-right{display:none;}
	.group .group_bg .btn-more a{height: 5rem;}
	.group .group_bg.inner{gap:2rem;}
		.group .group_bg .desc .items figure{max-height: 20rem; width: 100%;}
		.group .desc .items .item{    flex-direction: row; justify-content: center; align-items: center;gap: 1rem;}
		.group .desc .items{gap:1rem;}
	.group .desc{grid-template-columns: repeat(2, 2fr);}
		.company-img{display:none;}
		#section2 .company-con{width: 53%;
            left: 050%;
            position: absolute;
            transform: translateX(-50%);}
		.main-life2 .life2-slide {width: 85vw;}
/* 		.group .desc{grid-template-columns: repeat(2, 1fr);gap: 4rem 4rem;}
		.group .desc .items img{max-height: 200px;} */
	}
	@media all and (max-width:1024px){
		.company-inner{max-width: 100vw;}
		.main-pop {width: 90rem;}
		.main-visual .swiper-slide .copy span.mtxt,
		.main-visual .swiper-slide .copy span.stxt {font-size: 5.5rem;}
		.main-life .life-slide .copy {font-size: 2rem; width: 70%;}
		.main-life .life-slide .copy span.mtxt {font-size: 3rem;}
		.main-loc .desc {flex-direction:column-reverse; gap: 5rem;}
		.main-loc .desc .text {width: 100%;}
		.main-loc .desc .map {width: 100%; margin-left: 0;}
		.main-loc .desc .map .btn-bx-sns a {width: 50rem;}
			.location-map-box{gap: 30px;}
	}
	@media all and (max-width:925px){
	#section2 .company-con{width:70%;}
	}
	
	@media all and (max-width:800px){
	.location-map a img{width: 100%;}
	.location .txtDiv, .location-map{width:100%;}
 	.location .location_bg .inner{flex-direction: column-reverse;} 
	.location-map-box{flex-direction: column-reverse;}
	.location .inner .title{align-items: center;    flex-direction: column;    justify-content: center;}
	.location .txtDiv ul{width: 100%;    display: grid;    grid-template-columns: 1fr 1fr; justify-items: center; }
	.location .txtDiv ul li{ padding: 1rem 0; width:95%;}
		#section2 .company-con{width:80%;}
		.main-pop {width: 75rem;}	
		.main-life .pag-num {display: none;}
		.luxury { padding: 0; }
		.main-luxury .title {display: none;}
		.main-luxury .luxury-slide {}
		.main-luxury .luxury-slide .bg {max-width: 100%; height: 50vmax; border-radius: 0;}
		.main-luxury .luxury-slide .copy {position: unset; width: 100%; background: var(--simple-color); padding: 3rem 2rem 3.5rem; line-height: 1.1; box-sizing: border-box; overflow: visible;}
		.main-luxury .luxury-slide .copy .pag {display: none;}
		.main-luxury .luxury-slide .copy > b {margin-top: 0;}    
		.main-luxury:before {display: none;} /* 써클애니숨김 */
		.luxury:before {top: 90%; left: 50%; transform: translate(-30%, -90%); opacity:.1;}/* 프리미엄텍스트 */
		.main-luxury .prev, .main-luxury .next {right: 5rem; top: 53vmax; border-radius:0;}
		.main-luxury .next {border-left: none; right: 0;}
		.main-life2 .life2-slide .copy {padding-left: 10rem; font-size: 2rem;}
		.main-life2 .life2-slide .copy span.mtxt {font-size: 4rem;}
		.main-life2:after {width: 5rem; height: 5rem; right: -3rem;}
		.main-life2:before {width: 3rem; height: 3rem; bottom: 4rem; right: 0rem;}	
	}
	@media all and (max-width:680px){
	#section2 .company-con{width:90%;}
	#section2 .second img{height: 5.4rem;}
	#section2 .first img{height: 5.4rem;}
	#section2 .ttect p{font-size:2.6rem;}
		.main-pop {width: 40rem;}
		.main-visual .swiper-slide .copy span.mtxt,
		.main-visual .swiper-slide .copy span.stxt {font-size: 4rem;}
		.main-visual .prev, .main-visual .next {display: none;}
		.main-life .life-slide .copy {padding: 5rem 5rem;}
		.main-life .life-slide .copy .pag {display: none;}
		/* .main-life .life-slide .copy span.mtxt {margin: 0rem 0 1rem;} */
		.main-life2 .life2-slide .copy .pag {display: none;}
		.main-life2 .life2-slide .copy {padding-left: 8rem;}
	}
	@media all and (max-width:480px){
	.group .desc{grid-template-columns: repeat(2, 2fr);}
	#section2 .second img{height: 5rem;}
	#section2 .first img{height: 5rem;}
	#section2 .company .item{gap:20px;}
	.popup{position: absolute;
    top: 62%;right: 9%;
    z-index: 2;
    width: 80vw;}


	}
	@media all and (max-width:320px){
		.main-pop {display: none;}
	}
}