@charset "utf-8";

/* <link rel="stylesheet" href="{{link_dir_asset}}/css/asset.main.css"> */
/*[class*=section] > div {outline:1px dotted red;}*/

/****************************************************

						메인 공통
						
****************************************************/
[class*=section]{position: relative; /* display: table; */ width: 100%; padding: 5rem var(--common-padding); box-sizing: border-box;}
[class*=section].visual, .customer {margin:0!important; padding: 0!important;}
[class*=section] [class*=main-]:not(:where(.main-visual, rowstyle)),
[class*=main-page] [class*=sub-] {margin: 0 auto; max-width: var(--common-width); display: flex; flex-direction: column; gap: 4rem;}
[class*=section] [class*=main-visual],
[class*=section] [class*=main-visual-] {max-width: 100%!important;}
[class*=section] .title {margin: 0 auto 0rem; 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: var(--darkgray); font-size: 4.5rem; text-transform: capitalize; /* line-height: 1; */} /* 변경금지 */
[class*=section] .subtit {color: var(--mudgray);}
[class*=section].customer .title {margin: 0 auto 2rem!important;}
[class*=section].customer .common-customer .customer-box .maintit {color: var(--darkgray)!important;} /* 변경금지 */
[class*=section].premium {}
@media all and (max-width:800px){
	[class*=section] .title {margin: 1rem auto 0;}
}

/****************************************************

		연동페이지 - 메인,서브공통 - 서브 섹션공통

****************************************************/
/* 연동페이지 공통 */
/* [class*=sub-] {display: flex; flex-direction: column; gap: 3rem;} */
/* [class*=section] [class*=main-]:not(.main-visual) 과 동일하게 *******/
/*[class*=section] [class*=main-page] [class*=sub-] {margin: 0 auto; max-width: var(--common-width); display: flex; flex-direction: column; gap: 2rem;}*/

/****************************************************

					메인 비쥬얼
						
****************************************************/
/***** 메인비주얼 - 슬라이드 ********************/
.visual {position: relative; display: block;}
.main-visual {overflow: hidden; background-color: var(--theme-color);}
.main-visual .swiper-slide {position: relative; height: 100vh; max-height: min(90vw, 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.95);
}
.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: 50%; top: 50%; transform: translate(-50%, -50%); bottom: 0; width: calc(100% - 20rem); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.85); gap:.5rem;}
.main-visual .swiper-slide .copy p {display: none;}
.main-visual .swiper-slide .copy b {font-weight: 300; font-size: 3rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: -0.01em;}
.main-visual .swiper-slide .copy span.mtxt,
.main-visual .swiper-slide .copy span.stxt {font-weight: 600; font-size: 7rem; line-height: 1.1; letter-spacing: -0.0385em; margin-bottom: 0rem; text-align: center;}
.main-visual .swiper-slide .copy span.stxt {font-weight: 600;}
.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;}
/* 이전다음버튼 */
.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: 4rem; top: 50%; transform: translateY(-50%); transition: var(--transition2); transition-property: backdrop-filter opacity; opacity: .3;}
.main-visual .next {left: auto; right: 4rem;}
/* .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 {}
@media all and (max-width:1024px){
	.main-visual .swiper-slide {/*height: 75vh;*/}
	.main-visual .swiper-slide .copy span.mtxt,
	.main-visual .swiper-slide .copy span.stxt {font-size: 5.5rem;}
}
@media all and (max-width:680px){
	.main-visual .swiper-slide .copy b{font-size: 2rem;}
	.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;}
}

/* 메인비주얼 - 싱글 이미지 ******************************/
.visual-single {position: relative;/* display: table; */ width: 100%; height: 100%; padding:0; box-sizing: border-box;}
.main-visual-single .inner {display: flex; flex-direction: column; justify-content: center; align-items: 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%;}*/

/* 메인비주얼 - 동영상 */
.visual-video{padding: 0; padding-top:var(--header-height);}
.main-visual-video {/* position: relative; width: 100%; padding:0; box-sizing: border-box; */ }
/* .main-visual-video .inner {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin-top: var(--header-height);} */ /* 16:9 비율 */
.main-visual-video .inner {width: 100%; /*aspect-ratio: 16 / 9;*/ display:flex; /* flex-direction: column; align-items: center;  height: 100%; position: absolute; top: 0;left: 0; */}
.main-visual-video .inner iframe{ width: 100%; aspect-ratio: 16 / 9; /* height: 100%; position: absolute; top: 0;left: 0; */}


/****************************************************

				메인 - 소셜박스
						
****************************************************/
/*********** sns-bx ***********/
.visual .sns-bx {position: absolute; bottom:5rem; left:5rem; display: flex; z-index: 10; display:none;}
.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";}



/****************************************************

				메인 - 기능설정 옵션
						
****************************************************/
/****************** 메인-동영상 유튜브 youtube *************************************/
.main-video {width: 100%; height:100%;}
.main-video .inner {position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ /* aspect-ratio: 16 / 9; */ max-width: 100%; width:100%; background: var(--white); overflow: hidden;}
.main-video .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0;left: 0;}
.movie{padding: 3rem var(--common-padding);}
.movie .main-loc .title {margin: 0 auto 5rem; font-size: 2rem; text-align: center; width: 100%;}
.movie .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;}
.movie .main-loc .title .maintit {color: var(--theme-color); font-size: 4.5rem; text-transform: capitalize; /* line-height: 1; */}
.movie .main-loc .title .subtit {color: var(--main-color);}


/****************** 메인-카드스타일 슬라이드 *************************************/
/* 카드스타일 슬라이드 와이드 yun 2025-07-07 */
.section.cardstyle {margin: 0 auto;/*  padding-bottom: 10rem!important; */ background-color: var(--lightgray); /* display:none; *//* background-image: url("https://ru.bunyangnara.kr/admin/upimg/2025/05/30/1748589130_back.webp"); */ background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: overlay;}
.cardstyle .main-cardstyle {margin: 0 auto; max-width: var(--common-width);}
.cardstyle .main-cardstyle.visible {overflow: visible!important;}
.cardstyle .main-cardstyle.hidden {overflow: hidden!important;}
.cardstyle .main-cardstyle.hidden .cardstyle-slide .swiper-wrapper {/* margin-left: 10px; */}
.cardstyle .main-cardstyle.hidden .cardstyle-slide .swiper-slide {opacity: 1; filter: none; box-shadow: var(--box-shadow); margin-right:0; padding:0rem; transition: all .3s ease-in-out; }
.cardstyle .main-cardstyle.hidden .cardstyle-slide .swiper-slide.swiper-slide-active {opacity: 1; filter: none; /* box-shadow: none;  */transform: none; padding:0 0rem; z-index: 100;}
/* swiper */
.cardstyle-slide {margin: 0rem auto 0; width: 100%; max-width: var(--common-width); overflow: visible!important; position: relative; display: flex; flex-direction: column; justify-content: center; gap:2rem; /* outline: 1px dotted red; */}
.cardstyle-slide .box-wrap {--box-round: 1.5rem; position: relative; border-radius: var(--box-round); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--box-shadow);}
.cardstyle-slide .box-wrap .img-box,
.cardstyle-slide .box-wrap .title-box {border-radius: inherit; color: var(--darkgray);/* max-height: 25rem; min-height: 15rem;*/}
.cardstyle-slide .box-wrap .title-box {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; gap: 1rem; padding: 8rem 5rem 3rem; box-shadow: inherit; background: var(--white); margin-top: 0; height: auto; max-height: 27rem; min-height: 15rem;  margin-top: 0; margin-bottom: auto;}
.cardstyle-slide .box-wrap .title-box.icon {padding: 2rem 5rem 3rem;}
.cardstyle-slide .box-wrap .img-box {position: relative;/* overflow: hidden;*/}
.cardstyle-slide .box-wrap .img-box::before {background: var(--theme-color); color: var(--white); padding: 2rem; font-size: 5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 8rem; height: 8rem; border-radius: 50%; position: absolute; top: 100%; left: 50%; transform:translate(-50%,-50%); z-index:1;}
.cardstyle-slide a:hover.box-wrap .img-box img:hover {display: block; object-fit: cover; overflow: hidden; opacity: 1; filter: blur(0px) brightness(1); transition: var(--transition);}
.cardstyle-slide .box-wrap .img-box img {opacity: .9; filter: blur(0px) brightness(.8);}
.cardstyle-slide .box-wrap .img-box img {border-radius: inherit; overflow: hidden;}
.cardstyle-slide .box-wrap .title-box::before {background: var(--theme-color); color: var(--white); padding: 2rem; font-size: 5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 8rem; height: 8rem; border-radius: 50%; position: absolute; top: 40%;}
.cardstyle-slide .box-wrap .title-box .mtxt {font-size: 2.8rem; font-weight: 600; margin-top:1rem; color: var(--theme-color);}
.cardstyle-slide .box-wrap .title-box .stxt {font-size: 2rem;}
.cardstyle-slide .box-wrap .title-box .num {font-size: 1.65rem; font-family: var(--eng-font); font-weight: 300; color: var(--gray); text-transform: uppercase;}
/* .cardstyle-slide .swiper-slide {opacity: .9; filter: blur(0px) brightness(.9); transform: scale(1, 1); transition: .1s;}
.cardstyle-slide .swiper-slide.swiper-slide-active {opacity: 1; filter: brightness(1); transform: scale(1, 1); box-shadow: var(--box-shadow); z-index: 100;}
.cardstyle-slide .swiper-slide.swiper-slide-prev,
.cardstyle-slide .swiper-slide.swiper-slide-next {} */
/*** navigator ***/
.cardstyle-slide .navigator {height: 8rem; position: relative; /* outline: 1px dotted red; */}
/* swiper-pagination */
.cardstyle-slide .swiper-pagination {left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60vw; height: 3px;}
.cardstyle-slide .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem;}
.cardstyle-slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.cardstyle-slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: .5rem;}
.cardstyle-slide .swiper-pagination-bullet-active {background: var(--theme-color)!important;}
/* swiper-pagination-bullets */
.cardstyle-slide .swiper-pagination-bullets {margin-top: auto; margin-bottom: 4rem;}
/* pagination-progressbar */
.cardstyle-slide .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--theme-color)!important;}
/* swiper-pagination-fraction */
.cardstyle-slide .swiper-pagination-fraction {color: var(--mudgray); font-family: var(--number-font); font-size:2rem; margin-top: auto; margin-bottom: 4rem;}
.cardstyle-slide .swiper-pagination-fraction .swiper-pagination-current {color: var(--theme-color); font-weight: 600;}
/* swiper-button */
.cardstyle-slide .swiper-button {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 5rem; display: flex; z-index: 1;}
.cardstyle-slide .swiper-button .button {background: rgba(0,0,0,.1); border-radius: 5rem; width: 5rem; height: 5rem; font-size: 0; color: var(--white); left:0; right: auto; transition: .3s;}
.cardstyle-slide .swiper-button .button:hover {background: rgba(0,0,0,.4);}
.cardstyle-slide .swiper-button.hidden {display:none;} /* 이전다음버튼 미시용시 히든 */
.cardstyle-slide .swiper-button-next, .cardstyle-slide .swiper-rtl .swiper-button-prev {left: auto !important; right: 0 !important;}
.cardstyle-slide .swiper-button-prev::after, .cardstyle-slide .swiper-button-next::after {font-size: 3rem; font-family: var(--awesome);}
.cardstyle-slide .swiper-button-prev::after, .cardstyle-slide .swiper-rtl .swiper-button-next:after {content: "\f104"; }
.cardstyle-slide .swiper-button-next::after, .cardstyle-slide .swiper-rtl .swiper-button-prev:after {content: "\f054";}
/* swiper-scrollbar */
.cardstyle-slide .swiper-scrollbar {/* display:none; */}



/********** 메인 rowstyle 슬라이드 yun 2025-07-07 ***************************/
[class*=section].rowstyle {/* display: none; */}
[class*=section].rowstyle:before {content: ""; position: absolute; right: 0%; top: 0; /* transform: rotate3d(0, 1, 0, 50deg);width: var(--common-width);  */height: 100%; width:50%; background: var(--theme-color); /* overflow:hidden; display:none; */}
[class*=section] .main-rowstyle {position: relative; margin: 0 auto; max-width: var(--common-width);}
[class*=section] .main-rowstyle .title {text-align: unset; margin:0; position: absolute; top: 0; left: 0; width: fit-content; z-index:2;}
[class*=section] .main-rowstyle .title:before {display:none;}
[class*=section] .main-rowstyle .maintit {color: unset; font-size: 2.4rem; font-weight: 400;}
[class*=section] .main-rowstyle .subtit {color: unset; font-size: 4rem; font-weight: 600; /* padding-top:1rem; */}
[class*=section] .main-rowstyle .premium-title {color: var(--theme-color); display: flex; flex-direction: row; gap: 1rem; padding: 0; align-items: flex-end; text-transform: capitalize; letter-spacing: -0.05em; font-family: var(--eng-font); font-size: 8rem; font-weight: 800; margin-left: -.5rem; margin-top: -4rem;}
[class*=section] .main-rowstyle .premium-title .text {}
[class*=section] .main-rowstyle .premium-title .number {font-size: 12rem; margin-bottom: -1rem; color: var(--accent-color);}
/* rowstyle-slide swiper */
.rowstyle-slide {width:100%;}
.rowstyle-slide .swiper-wrapper {display: flex;}
.rowstyle-slide .swiper-slide {display: flex; flex-direction: row; align-items: flex-end; justify-content: center; gap: 7rem; flex-shrink: 0; background: var(--white); width: 100% !important;}
.rowstyle-slide .swiper-slide {position:relative;}
.rowstyle-slide .swiper-slide .img-box,
.rowstyle-slide .swiper-slide .title-box {border-radius: inherit; overflow: hidden; background: var(--white); width: 50%; line-height: 1.2;}
.rowstyle-slide .swiper-slide .title-box {display: flex; flex-direction: column; align-items: flex-start; /*text-align: center;*/ gap: 2rem; padding-bottom: 1rem; /* display:none; */ }
.rowstyle-slide .swiper-slide .title-box::before {content: "\f239"; background: var(--main-color); color: var(--white); padding: 2rem; font-size: 5rem; font-weight: 400; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 8rem; height: 8rem; border-radius: 8rem; display:none;}
.rowstyle-slide .swiper-slide .title-box div {/*width: 72%;*/}
.rowstyle-slide .swiper-slide .title-box .num {font-size: 2rem; color: var(--main-color); }
.rowstyle-slide .swiper-slide .title-box .mtxt {font-size: 4rem; font-weight: 600; color: var(--theme-color);}
.rowstyle-slide .swiper-slide .title-box .stxt {font-size: 2.25rem; color: var(--tanblack); line-height:1.2;}
.rowstyle-slide .swiper-slide .img-box {object-fit: cover; width: 70%; max-width: min(100vw, 100%); height: 60vh; max-height: min(100vh, 60vh); box-shadow: var(--box-shadow);}
.rowstyle-slide .swiper-slide .img-box img {object-fit: cover; width: 100%; height: 100%;}
/* swiper-btns */
.rowstyle-slide .swiper-btns {position: absolute; z-index:20; display:flex; flex-direction: column-reverse; justify-content: center; gap: 1rem; left:0; top:35%;}
.rowstyle-slide .swiper-pagination {position: unset; text-align: unset; display: flex; flex-direction: row; gap: 1rem;}
.rowstyle-slide .swiper-pagination .swiper-pagination-bullet {display:flex; flex-direction: row; gap: 1rem; align-items: flex-end; font-size: 1.8rem; color: var(--mudgray); background:unset; margin:0; width: unset; height:unset; opacity: 1; transition: var(--transition);}
.rowstyle-slide .swiper-pagination .swiper-pagination-bullet:hover {color: var(--theme-color);}
.rowstyle-slide .swiper-pagination .swiper-pagination-bullet-active {color: var(--theme-color); background:unset;  font-weight:700;}
.rowstyle-slide .swiper-pagination .swiper-pagination-bullet:after {content: "/"; font-size:1rem;}
/* button */
.rowstyle-slide .button {/* position: absolute; z-index:20; left:30%; top:75%; */ /* transform: translate(-50%, -50%); */ display:flex; flex-direction: row; gap: 1rem;}
.rowstyle-slide .button .swiper-button-next, .rowstyle-slide .button .swiper-button-prev {position: unset; top: unset; width: unset; height:unset; margin-top:unset; font-size:0; padding: 1rem 1rem 1rem 0; gap:0;}
.rowstyle-slide .button .swiper-button-next:after, .rowstyle-slide .button .swiper-button-prev:after {font-size: 1.8rem; color: var(--black); opacity:.2; font-family: var(--awesome); transition: var(--transition);}
.rowstyle-slide .button .swiper-button-next:hover:after, .rowstyle-slide .button .swiper-button-prev:hover:after {opacity:.6;}
.rowstyle-slide .button .swiper-button-next:after {content: "\f178";}
.rowstyle-slide .button .swiper-button-prev:after {content: "\f177";}
/* autoplay-progress */
.rowstyle-slide .autoplay-progress {position: absolute; left: 74%; top: 46%; transform: translate(-50%,-50%); z-index: 20; width: 15rem; height: 15rem; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 4rem; font-weight:300; font-family: var(--eng-font); line-height:1.2; opacity:.8;}
.rowstyle-slide .autoplay-progress svg {--progress: 0; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; stroke-width: 2px; stroke: currentColor; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}
@media all and (max-width:1024px){
	[class*=section] .main-rowstyle {display: flex; flex-direction: column; gap: 1rem;}
	[class*=section] .main-rowstyle .title {position:unset; width: 100%;}
	[class*=section].rowstyle {}
	[class*=section].rowstyle:before {/* transform: rotate3d(0, 1, 0, 50deg); */ width:15%;}
	.rowstyle-slide .swiper-slide {flex-direction: column; gap:0; background: var(--white); align-items: self-start;}
	.rowstyle-slide .swiper-slide .img-box {width: 100%;}
	.rowstyle-slide .swiper-slide .title-box {width: 70%; gap: 1rem; position: absolute; z-index:20; left:0; bottom:0; padding: 3rem 7rem 3rem 3rem; background: rgba(0, 0, 0, .4);} 
	.rowstyle-slide .swiper-slide .title-box .mtxt, .rowstyle-slide .swiper-slide .title-box .stxt {width: 100%; color: var(--white); opacity:.8;}
	.rowstyle-slide .swiper-btns {left: 0; top: 0; display:none;}
	.rowstyle-slide .button {left: auto; right:0; top: 0;}
	.rowstyle-slide .autoplay-progress {left: 93%; top: 10%; transform: translate(-93%, -10%); width: 10rem; height: 10rem; font-size: 3rem;}
	.rowstyle-slide .swiper-slide .title-box .num {color:var(--white);}
}
@media all and (max-width:680px){
	.rowstyle-slide .swiper-slide .img-box {height: 40vh; max-height: min(100vh, 40vh);}
	.rowstyle-slide .swiper-slide .title-box {width: 70%; padding:2rem;}
	.rowstyle-slide .swiper-slide .title-box .mtxt {font-size: 3rem;}
	.rowstyle-slide .swiper-slide .title-box .stxt {font-size: 1.85rem;}
}






/************** 메인-콘텐츠박스배너 2025-07-16 ********************************/
.section.boxbanner {--round: 0.8rem;} /* 옵션설정 --round */
.section.boxbanner .title {display:none;}
.section.boxbanner {background-color: var(--lightgray); /* background-image: url("https://ru.bunyangnara.kr/admin/upimg/2025/05/30/1748589130_back.webp"); */ background-size: cover; background-position: center center; background-repeat: no-repeat;}
.main-boxbanner {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-boxbanner .title {display:none;}
.main-boxbanner .banner-img-wrap {display: grid; grid-template-columns: repeat(auto-fit, minmax(24%, auto)); width: 100%; gap:1rem; align-items: start; box-sizing: border-box;}
.main-boxbanner .banner-item {display:flex; margin: 0; width: 100%; align-items: center; justify-content: center; box-sizing: border-box;}
.main-boxbanner .banner-item >div,
.main-boxbanner .banner-item >a {width: 100%;}
.main-boxbanner .banner-item.round {border-radius: var(--round); overflow: hidden;}
.main-boxbanner .banner-item {overflow: hidden; width: 100%;}
/* title-box */
.main-boxbanner .banner-item .title-box {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0; color:var(--white); background: rgba(0, 0, 0, 0.3); text-align: center; z-index: 1;}
.main-boxbanner .banner-item .title-box {transform: translate(-50%, -50%); transition: var(--transition);}
.main-boxbanner .banner-item .title-box .text-wrap {width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; transform: translate(0%, 0%); transition: var(--transition); opacity: 1;}
.main-boxbanner .banner-item:hover .title-box .text-wrap {transform: translateY(0%); transition: var(--transition); padding: 0 0 .5rem 0; opacity: .8;}
.main-boxbanner .banner-item .title-box .text-wrap {transform: translate(0%, 30%);} /* 버튼링크시 여백조정 */
.main-boxbanner .banner-item .title-box .text-wrap .num {font-size: 2rem; text-transform: capitalize; font-weight: 600; opacity:.5;}
.main-boxbanner .banner-item .title-box .text-wrap .mtxt {font-size: 3.5rem; font-weight: 500;}
.main-boxbanner .banner-item .title-box .text-wrap .stxt {font-size: 1.685rem; font-weight: 300;}

.main-boxbanner .banner-item .title-box .btn-link {padding: 1rem 2rem; font-size: 2rem;/*border-radius:var(--round);*/ border: 1px solid var(--white-a3); background: var(--transparent); display: flex; flex-direction: row; align-items: center; gap: 0.5rem; transform: translateY(250%); visibility: hidden;}
.main-boxbanner .banner-item:hover .title-box .btn-link {transform: translateY(0%); transition: var(--transition); visibility: visible;}
.main-boxbanner .banner-item .title-box .btn-link:after {content: "\f054"; font-size: 1.685rem;}
/* img-box */
.main-boxbanner .banner-item .img-box {filter: blur(0px) brightness(1); transition: var(--transition);}
.main-boxbanner .banner-item:hover .img-box {filter: blur(0) brightness(0.7); transform: var(--transform);}
.main-boxbanner .banner-item .img-box img {object-fit: cover; object-position: center; filter: box-shadow: var(--box-shadow); height: 30rem; max-height: min(20vw, 23rem); }
@media all and (max-width:860px){
	.main-boxbanner .banner-img-wrap {grid-template-columns: repeat(auto-fit, minmax(49%, auto));}
	.main-boxbanner .banner-item .title-box .stxt {width: 100%;}
}
@media all and (max-width:680px){
	.main-boxbanner .banner-img-wrap {grid-template-columns: repeat(auto-fit, minmax(50%, auto));}
	.main-boxbanner .banner-item .title-box {flex-direction: row; gap:1rem; justify-content: center;}
	.main-boxbanner .banner-item .title-box .text-wrap {transform: translate(0%, 0%); width: unset; margin-left: 10rem;}
	.main-boxbanner .banner-item:hover .title-box .text-wrap {transform: translate(0%, 0%); padding: 0;}
	.main-boxbanner .banner-item .title-box .btn-link {width:1rem; height:1rem; padding: 2rem; border-radius:100%; border: 1px solid var(--white-a); background: var(--black-a1); visibility: visible; font-size: 0; gap:0; margin-right: 10rem; margin-left: auto;}
	.main-boxbanner .banner-item .title-box .btn-link {transform: unset; transform: unset;}
	.main-boxbanner .banner-item:hover .title-box .btn-link {transform: unset; transform: unset;}
	.main-boxbanner .banner-item .title-box .text-wrap .stxt {display:none;}
	
}





















/****************************************************

					메인 언론보도    
						
****************************************************/
/*************** 메인-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; */overflow: hidden;}
.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; width:100%; /*height: 25vmin;*/ height:25vh; max-height:min(40vw, 25vh); 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: 2; 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);}



/****************************************************

			메인 슬라이드 프리미엄텍스트
						
****************************************************/
/****************** 메인섹션-럭셔리 추가 ****************/
/* 프리미엄배경 */
[class*=section].luxury:after {content: "";	display: block; position: absolute;	left: 50%; top: 0; transform: translateX(-50%);	width: 100%; height: 55%; background: var(--simple-color); z-index: -1;}
/* 프리미엄텍스트 */
[class*=section].luxury:before {content: ''; display: block; position: absolute; top: 30%; left: 63%; width: 45rem; height: 15rem; opacity: .2; z-index: 2; background: url(../images/main/premium_txt.svg) no-repeat; filter: grayscale(0) contrast(0) saturate(0) brightness(1) sepia(0);}
/* 써클애니 */
.main-luxury:before {content: ''; display: block; position: absolute; top: 10%; left: 45%; width: 25rem; max-width: min(16vw, 25rem); height: 25rem; opacity: .5; z-index: 5; background: url(../images/main/premium_circle.svg) no-repeat; animation: circle 50s infinite linear both; filter: grayscale(0) contrast(10) saturate(0) brightness(1) sepia(0);}
@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: 60vh; max-height: min(48vw, 50vh); background-repeat: no-repeat; background-position: center center; background-size: cover; font-size: 0; border-radius: 0rem 0rem;}
.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; bottom: 0; right: 0; z-index: 2; color: var(--darkgray); 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; padding: 0rem 0; height: 22rem; max-height: min(25vw, 22rem); background: var(--white);}
.main-luxury .luxury-slide .copy p {display: none;}
.main-luxury .luxury-slide .copy > b {font-weight: 600; color: var(--gray);/* margin-top: 1rem; */ text-transform: uppercase; padding-top: 2rem;}
.main-luxury .luxury-slide .copy span.mtxt {width:100%; font-weight: 600; color: var(--theme-color); font-size: 3rem; line-height: 1.1; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.main-luxury .luxury-slide .copy span.stxt {line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.main-luxury .luxury-slide .copy em {font-weight: bold;}
/* 페이지넘버 */
.main-luxury .luxury-slide .copy .pag {color: var(--gray); font-weight: 100;}
.main-luxury .luxury-slide .copy .pag b {margin-right: 10px; font-weight: 400; color: var(--theme-color);}
.main-luxury .luxury-slide .copy .pag em {margin-left: 10px; font-weight: 100;}
.main-luxury .luxury-slide .swiper-notification {display: none;}
/* 좌우버튼 */
.main-luxury .button {display: flex; align-items: center; justify-content: center; gap: 1rem; flex-direction: row; position: absolute; right: 0; bottom: 35%; z-index:3;}
.main-luxury .prev, .main-luxury .next {/* position: absolute; z-index: 3; */ width: 5rem; height: 5rem; border: 1px solid var(--gray); background: var(--transparent); color: var(--gray); border-radius: 0.5rem; 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 {content: '\f104';}
.main-luxury .next:after {content: '\f105';}
/* .main-luxury .prev:after, .main-luxury .next:after {content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-top: 1px solid var(--gray); 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(--transparent); opacity: 1; transition: var(--transition2);}
.main-luxury .pag-num .swiper-pagination-bullet-active {background-color: var(--theme-color);}
@media all and (max-width:860px){	
	[class*=section].luxury:before { top: 7%; left: 47%;/*  filter: invert(0) grayscale(0) contrast(10) saturate(1); */}/* 프리미엄텍스트 */
	.main-luxury {gap:2rem!important;}
	.main-luxury .luxury-slide .bg {max-width: 100%;}
	.main-luxury .luxury-slide .copy {position: unset; width: 100%; padding: 1rem 0rem 0rem; height: 20rem; max-height: min(30vw, 20rem);  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;} /* 써클애니숨김 */	
	.main-luxury .button {top:unset; left: unset; bottom: 20%; right:0; /* transform: translate(0%, -10%); */}
}
/****************************************************

			메인 슬라이드 타이틀애니슬라이드
						
****************************************************/
/****************** 메인-라이프s ****************/
[class*=section].lifes {background: var(--gra-gray); padding-bottom:5rem;}
[class*=section].lifes:before {content: "";	position: absolute;	left: 50%; top: 0; transform: translateX(-50%);	display: block;	width: 101%; height: 60%; background: var(--theme-color); z-index: 0;}
.main-lifes {position: relative; display: flex; flex-direction: column; gap:1rem !important;}
/* .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; gap: 0; text-align: left; margin-bottom: 0;}
.main-lifes .maintit {color: var(--main-color); /*font-size: 8rem;*/padding-bottom: 0;}
.main-lifes .maintit.maintita {color: var(--theme-color); font-size: 8rem; text-transform: lowercase;}
.main-lifes .subtit {color: var(--white); opacity:.5; font-size: 2rem;}
.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); /*box-shadow: var(--box-shadow);*/ overflow:hidden;}
.main-lifes .lifes-slide .bg {max-width: var(--common-width); width: 100%!important; height: 60vh; max-height:min(50vw, 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;} */
/* 텍스트 */
.main-lifes .component {display: flex; align-items: center; justify-content: center; margin-bottom: 0; height: 12rem; /* height: auto; margin: 0rem 0 3rem; */}
.main-lifes .copy [class*=pr_] {display: none;} 
.main-lifes .copy {/* flex: 1; */ display: flex; width: 50%;/*align-items: center;*/ justify-content: left; margin-left: auto; margin-right: 0;} 
.main-lifes .copy .active {flex:1; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 1rem; text-align: right; color: var(--white); opacity:.8; line-height: 1.2; font-size: 1.85rem; font-weight: 400;}
.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: 600; font-size: 3.5rem; line-height: 1.1;}
.main-lifes .copy span.stxt {font-weight: 300; font-size: 2rem; 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: 7rem;*/ color: var(--theme-color);}
.main-lifes .maintita span {animation: changeColor 2.5s linear infinite;}
@keyframes changeColor {
  0% { color: var(--theme-color);} /* 원래 색으로 시작 */
  50% { color: var(--white); } /* 흰색으로 변경 */
  100% { color: var(--theme-color); } /* 다시 원래 색으로 돌아옴 */
}
/* 각 글자에 다른 타이밍으로 애니메이션 적용 */
.maintita span:nth-child(1) { animation-delay: 0s; text-transform: uppercase;}
.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 all and (max-width:800px){	
	[class*=section].lifes {padding: 3rem var(--common-padding)!important;}
	.main-lifes {gap:0;}
	.main-lifes .component {height:10rem;}
	.main-lifes .maintita {font-size: 4rem;}
	.main-lifes .title {font-size: unset; margin:0;}
	.main-lifes .prev, .main-lifes .next {display: none;}
	.main-lifes .copy {margin-left: 0; margin-right: auto; width:100%;}
	.main-lifes .copy .active {justify-content:flex-start; align-items:flex-start; text-align: left; gap:1rem; padding-bottom:1.5rem;}
	.main-lifes .copy span.stxt {}
	.main-lifes .copy span.mtxt {font-size: 3rem; font-weight: 400;}
	}







/****************************************************

						메인 관심고객등록    
						
****************************************************/