@charset "utf-8";
/* main-visual */
.main-slide {position: relative; } 
.main-visual {position: relative;z-index: 2;width: auto;height: 100vh;position: relative;min-height: 100%;overflow: hidden; } 
.main-visual .swiper-wrapper {height: 100% !important;justify-content: space-between; } 
.main-visual .swiper-slide::before {content: '';position: absolute;background-position: 50% 50%;transition: all 1s ease;transform: scale(1);background: rgba(0, 0, 0, 0.2);inset: 0;background-repeat: no-repeat;background-size: cover;z-index: 2; } 
.main-visual__item {position: relative;height: 100% !important;overflow: hidden; } 
.main-visual__item {background-position: 50% 50%;background-size: cover; } 
.main-visual__video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2; } 
.main-visual__video:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 2; } 
.main-visual__video video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.6);display: block; } 
.main-visual__title{position: absolute; left:50%; margin-left:-770rem; top:35%; width:1540rem; text-align:center; z-index:3;}
.main-visual__title > *{transition: all 1s ease; opacity: 0;transform: translateY(30rem);}
.main-visual__title h2{font-size:55rem; font-weight:700; line-height: 1.2em;color: #fff; font-family:var(--font-kr); word-break:keep-all;}
.main-visual__title > em{margin-bottom:30rem; padding:10px 20px; display:inline-block; font-family:var(--font-eng); border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); font-size:18rem; font-weight:500; color:#fff; line-height:1.2em; word-break:keep-all; box-sizing:border-box;}
.main-visual__title > p{display:block; margin-top:30rem; font-size:20rem; font-weight:300; color:#fff; line-height:1.2em; word-break:keep-all; box-sizing:border-box;}
/*.main-visual__title a{position:relative; display:flex; align-items:center; justify-content:center; margin:85rem 0 0; width:190rem; height:60rem; text-align:center; border:2rem solid #fff; box-sizing:border-box; border-radius:5rem; z-index:1;}

*/
.main-visual__title button{margin:50px auto 0;}
.btn_swiper {display: flex;justify-content: center;align-items: center;gap: 12rem;margin-top: 25rem; } 
.btn_swiper>* {color: #fff;font-size: 16rem;color: #fff; } 
.main-visual .paging {position: relative;left: 0;bottom: 0;display: flex;z-index: 50;margin: 50rem auto 0;justify-content: center;} 
.main-visual .paging span {position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;width: 22rem;height: 22rem;margin: 0 3rem;border-radius: 50rem;background: transparent;border: 2px solid transparent;opacity: 1;transition: all 1s;cursor: pointer; } 
.main-visual .paging span:before {content: '';display: inline-block;width: 6rem;height: 6rem;background: #fff;border-radius: 50rem;opacity: 0.5; } 
/*.main-visual .paging span.swiper-pagination-bullet-active {border-color: #fff; } */
.main-visual .paging span.swiper-pagination-bullet-active:before {opacity: 1; } 
.main-visual .swiper-slide-active .main-visual__title em {opacity: 1;transform: translateY(0);transition-delay: 0.5s; } 
.main-visual .swiper-slide-active .main-visual__title h2 {opacity: 1;transform: translateY(0);transition-delay: 0.6s; } 
.main-visual .swiper-slide-active .main-visual__title p {opacity: 1;transform: translateY(0);transition-delay: 0.6s; } 
.main-visual .swiper-slide-active .main-visual__title div {opacity: 1;transform: translateY(0);transition-delay: 0.6s; } 
.main-visual .swiper-slide-active .main-visual__title button{opacity: 1;transform: translateY(0); transition-delay: 0.6s; } 
.main-visual .swiper-slide-active .paging,
.main-visual .swiper-slide-active .btn_swiper {opacity: 1;transform: translateY(0);transition-delay: 0.7s; } 
i.main-visual__bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 5s ease;transform: scale(1.1);background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; } 
.swiper-slide-active i.main-visual__bg {transform: scale(1); } 

@media all and (max-width:1600px) {
	.main-visual__title {left: 5%;width: 90%;margin-left: 0; } 
}
@media all and (max-width:1300px) { 

} 
@media all and (max-width:1024px) {
	.main-visual__title > em{font-size:17rem; padding:8rem 15rem;}
	.main-visual__title h2 {font-size: 50rem; } 
	.main-visual__title > p{font-size:18rem;}
}
@media all and (max-width:768px) {
	.main-visual__title{top:30%;}
	.main-visual__title > em{font-size:15rem; padding:6rem 12rem;}
	.main-visual__title h2 {font-size: 40rem; } 
	.main-visual__title > p{font-size:16rem;}
	.main-visual .paging{margin:40rem auto 0;}
}
@media all and (max-width:540px) {
	.main-visual__title > em{font-size:14rem; padding:5rem 10rem;}
	.main-visual__title h2 {font-size:35rem; } 
	.main-visual__title > p{font-size:15rem;}
}
@media all and (max-width:480px) {
	.main-visual__title > em{margin-bottom:20rem; font-size:11rem; padding:4rem 10rem;}
	.main-visual__title h2 {font-size:25rem; } 
	.main-visual__title > p{margin-top:20rem; font-size:11rem;}
	.main-visual__title button{margin:30rem auto 0;}
	.main-visual .paging{margin:20rem auto 0;}
	.main-visual .paging span{margin:0; width:20rem; height:20rem;}
	.main-visual .paging span:before{width:4rem; height:4rem;}
}

/* 회사소개 */
.main-title {text-align: center;margin-bottom: 60rem; } 
.main-title>em {display: inline-block;margin-bottom: 20rem;font-size: 20rem;font-weight: 700;color: var(--color-point);line-height: 1em;word-break: keep-all; font-family: var(--font-eng);} 
.main-title>h3 {display: block;font-size:48rem;font-weight: 700;color: #222;line-height: 1.2em;word-break: keep-all;letter-spacing: -0.7px; } 
.main-title>h3.sm {font-size: 50rem;line-height: 1.2em;letter-spacing: -0.7px; } 
.main-title>p {display: block;margin-top: 20rem;font-size: 17rem;font-weight: 400;color: #999;line-height: 1.3em;word-break: keep-all; } 
.main-title.wt>em {color: #fff; opacity:0.45;} 
.main-title.wt>em[data-aos^=fade][data-aos^=fade].aos-animate{opacity:0.45 !important;}
.main-title.wt>h3 {color: #fff; } 
.txt-color01 {color: #00AAFF; } 
.txt-color02 {color: #FAC319; } 
section[id^="area-"] {padding: 100rem 0; } 
#area-company {position: relative;background: url(../img/main/bg-company.jpg)no-repeat center;background-size: cover;box-sizing: border-box;overflow: hidden; } 
[data-flex] {display: flex; } 
#area-company .box-company {gap: 80rem;align-items: center;justify-content: space-between;} 
#area-company .txt {} 
#area-company .txt .logo-wt{height:45rem; margin-bottom:30px;} 
#area-company .txt .logo-wt img{height:100%;} 
#area-company .txt h3{display: block; font-size: 45rem; font-weight:bold;color: #fff;line-height: 1.25em;word-break: keep-all; } 
#area-company .txt p {display: block;margin-top: 25rem;font-size: 18rem;font-weight: 300;color: #fff;line-height: 1.5em;word-break: keep-all; opacity:0.8;} 
#area-company .img {width:690rem; height:auto; border-radius:15rem; overflow:hidden;} 
#area-company .img img {width: auto;max-width: 100%; } 

@media all and (max-width:1300px) {
 
}
@media all and (max-width:1024px) {
	section[id^="area-"] {padding: 80rem 0; } 
	.main-title {margin-bottom: 40rem; } 
	.main-title>em {font-size: 19rem; } 
	.main-title>h3 {font-size: 40rem; } 
	.main-title>h3.sm {font-size: 37rem; } 

	#area-company .box-company{gap:0;}
	#area-company .img{width:50%; }
	#area-company .txt{width:47%; margin-right:3%;}
	#area-company .txt h3{font-size:40rem;}
	#area-company .txt p{font-size:17rem; margin-top:20rem;}
 }
@media all and (max-width:768px) {
	section[id^="area-"] {padding: 60rem 0; } 
	.main-title>em {font-size: 18rem;margin-bottom: 15rem; } 
	.main-title>h3 {font-size: 34rem; } 
	.main-title>h3.sm {font-size: 30rem; } 

	#area-company .box-company{align-items: center; justify-content: space-between; flex-direction: column-reverse;}
	#area-company .img{width:auto; }
	#area-company .txt{width:100%; margin:30px 0 0; text-align:center;}
	#area-company .txt .logo-wt{margin-bottom:20rem; height:35rem;}
	#area-company .txt .logo-wt img{margin:0 auto;}
	#area-company .txt h3{font-size:35rem;}
	#area-company .txt p{margin-top:15rem;}

}
@media all and (max-width:620px) {
	.main-title>em {font-size: 17rem; } 
	.main-title>h3 {font-size: 30rem; } 
	.main-title>h3.sm br {display: none; } 
}
@media all and (max-width:480px) {
	.main-title {margin-bottom: 20rem; } 
	.main-title>em {font-size: 12rem;margin-bottom: 10rem; } 
	.main-title>h3 {font-size: 22rem;width: 90%;margin: 0 auto; } 
	.main-title>p {margin-top: 8rem;font-size: 11rem;line-height: 1.3em; } 
	.main-title>h3.sm {font-size: 18rem; } 
	section[id^="area-"] {padding: 30rem 0; } 

	#area-company .img{border-radius:10rem;}
	#area-company .txt{margin:20px 0 0;}
	#area-company .txt .logo-wt{margin-bottom:10rem; height:20rem;}
	#area-company .txt h3{font-size:20rem;}
	#area-company .txt p{margin-top:8rem; font-size:11rem;}

 }

/* 서비스 */
#area-service {position:relative;} 
.brand-list {display:flex; flex-wrap: wrap; gap:40rem; margin-bottom:20rem;} 
.brand-list>li {width: calc((100% / 4) - 30px); height: auto;box-sizing: Border-box;text-align: center; } 
.brand-list>li{display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing: Border-box; } 
.brand-list>li .img {display:block; width: 100%;height:328rem;overflow: hidden; border-radius:10rem;} 
.brand-list>li .img img {width:100%; height:100%; object-fit:cover; transform: scale(1);transition: all 0.5s ease; } 
.brand-list>li .txt {position:relative; top:-60rem; width:320rem; margin:0 atuo; padding:20rem 25rem 25rem; background:#fff; border:1px solid #eee; border-radius:15rem; box-sizing: border-box; z-index:2;} 
.brand-list>li .txt > em{display: inline-block; margin-bottom: 13rem; font-size:20rem;font-weight: 400; word-break: keep-all; text-transform:uppercase; color: var(--color-point); line-height:0.8em; word-break: keep-all; font-family: var(--font-eng);} 
.brand-list>li .txt > h3 {display: block;font-size: 20rem;font-weight:bold;color: #222;line-height: 1em;word-break: keep-all; } 
.brand-list>li .txt > p {display: block; margin-top:10rem; font-size: 15rem;font-weight:300;color: #999;line-height:1.4em;word-break: keep-all; } 
.brand-list>li:hover .img img {width:100%;transform: scale(1.05); } 

.infinite-text {position:absolute; bottom:20rem; width: 100%; height: 140rem; display: flex; overflow: hidden; }
.infinite-text__list {display: flex; align-items: center; height: 100%; white-space: nowrap; animation: flow1 120s linear infinite forwards; }
.infinite-text__list.clone {margin-left: -20rem; animation: flow2 120s linear infinite; }
.infinite-text__list>li {position: relative; font-size: 110rem; color: rgba(0, 0, 0, 0.05); font-weight: 700; text-transform: capitalize; line-height: 1em; padding: 0 40rem; font-family: var(--font-eng);}
.infinite-text__list>li:before {content: ''; position: absolute; top: 40rem; right: -7rem; width: 14rem; height: 14rem; background: rgba(0, 0, 0, 0.05); border-radius: 50rem; }


@keyframes flow1 {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	50.01% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes flow2 {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}



@media all and (max-width:1700px) {
	.brand-list>li .txt{width:86%;}
}

@media all and (max-width:1300px) {
	.brand-list>li .img{height:270rem;}
	.brand-list>li .txt{padding:10rem 15rem 15rem 15rem; border-radius:10rem;}
	.infinite-text{height:115rem;}
	.infinite-text__list>li{font-size:90rem; padding: 0 25rem;}
	.infinite-text__list>li:before { top: 50rem; width: 10rem; height: 10rem; right: -5rem; }

}
@media all and (max-width:1024px) {
	.brand-list{gap:0 40rem;}
	.brand-list > li {width: calc((100% / 2) - 20px); }
	.brand-list>li .img{height:auto;}
}
@media all and (max-width:768px) {
	.brand-list{gap:0 20rem;}
	.brand-list > li {width: calc((100% / 2) - 10px); }
	.brand-list>li .txt{top:-40rem;}

	.infinite-text{height:80rem;}
	.infinite-text__list>li{font-size:60rem;}
	.infinite-text__list>li:before{top: 25rem;}
}
@media all and (max-width:480px) {
	.brand-list{margin:0 0 10rem;}
	.brand-list > li {width:100%;}
	.brand-list>li .txt{top:-20rem; width:90%; padding:5rem 10rem 10rem 10rem;}
	.brand-list>li .txt > em{font-size:15rem; margin-bottom:9rem;}
	.brand-list>li .txt > h3{font-size:16rem;}
	.brand-list>li .txt > p{margin-top:6rem; font-size:11rem;}
	.infinite-text { height: 40rem; bottom:10rem;}
	.infinite-text__list>li { font-size: 30rem; padding: 0 10rem; }
	.infinite-text__list>li:before { top: 13rem; width: 5rem; height: 5rem; right: -2.5rem; }
}


/* 누구를 위한 서비스 */
#area-target{position:relative; background: #000 url(../img/main/bg-target.jpg)no-repeat center;background-size: cover;}
.target-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:40rem; } 
.target-list > li{display: flex; flex-direction: column; align-items: center; justify-content: center; height:380rem; padding:30rem; background:#fff; border-radius:20rem; box-sizing:border-box; text-align:center; }
.target-list > li .icon{display: flex; align-items: center; justify-content: center; width:80rem; height:80rem; border-radius:50rem; background:#FAEFF2;}
.target-list > li .icon img{width:auto; min-width:30rem;}
.target-list > li .txt{margin-top:30rem;}
.target-list > li .txt > em{display:inline-block; margin-bottom:10rem; font-size:15rem; font-weight:600; color:var(--color-point); line-height:1em;}
.target-list > li .txt > h3{display:block; font-size:24rem; font-weight:bold; color:#222; line-height:1em;}
.target-list > li .txt > p{display:block; margin-top:10rem; font-size:16rem; font-weight:300; color:#999; line-height:1.5em; word-break:keep-all;}

@media all and (max-width:1300px) {
	.target-list > li .txt > p br{display:none;}
}
@media all and (max-width:1024px) {
	.target-list{gap:25rem;}
}

@media all and (max-width:768px) {
	.target-list{gap:20rem; grid-template-columns: 1fr;}
	.target-list > li{height:auto; padding:40rem 30rem;}
	.target-list > li .txt{margin-top:25rem;}
	.target-list > li .txt > p br{display:block;}
}
@media all and (max-width:768px) {
	.target-list{gap:20rem; grid-template-columns: 1fr;}
	.target-list > li{height:auto; padding:40rem 30rem;}
	.target-list > li .txt{margin-top:25rem;}
	.target-list > li .txt > p br{display:block;}
}

@media all and (max-width:480px) {
	.target-list{gap:10rem;}
	.target-list > li{height:auto; padding:20rem; border-radius:10rem;}
	.target-list > li .icon{width:50rem; height:50rem;}
	.target-list > li .icon img{min-width:20rem; height:20rem;}
	.target-list > li .txt{margin-top:10rem;}
	.target-list > li .txt > em{margin-bottom:7rem; font-size:10rem;}
	.target-list > li .txt > h3{font-size:15rem;}
	.target-list > li .txt > p{margin-top:5rem; font-size:11rem;}
}

/* 강점 */
#area-adv{position:relative; background:#fff url(../img/main/bg-adv.jpg)no-repeat center; background-size: cover;}
.adv-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:40rem; } 
.adv-list > li{display: flex; flex-direction: column; align-items: center; justify-content: center; height:380rem; padding:30rem; background:#fff; border-radius:20rem; box-sizing:border-box; text-align:center; }
.adv-list > li .icon{display: flex; align-items: center; justify-content: center; width:80rem; height:80rem; border-radius:50rem; background:#FAEFF2;}
.adv-list > li .icon img{width:auto; min-width:30rem;}
.adv-list > li:nth-child(3) .icon img,
.adv-list > li:nth-child(4) .icon img{min-width:25rem;}
.adv-list > li .txt{margin-top:30rem;}
.adv-list > li .txt > i{display:inline-block; margin-bottom:20rem; font-size:23rem; font-weight:600; color:var(--color-point); font-family: var(--font-eng); line-height:1em;}
.adv-list > li .txt > h3{display:block; font-size:24rem; font-weight:bold; color:#222; line-height:1em;}
.adv-list > li .txt > p{display:block; margin-top:10rem; font-size:16rem; font-weight:300; color:#999; line-height:1.5em; word-break:keep-all;}

@media all and (max-width:1300px) {
	.adv-list{gap:20rem; } 
}
@media all and (max-width:1024px) {
	.adv-list{grid-template-columns: 1fr 1fr;}
	.adv-list > li{height:auto; padding:50rem 30rem;}
	.adv-list > li .txt{margin-top:20rem;}
}

@media all and (max-width:640px) {
	.adv-list > li .icon{width:75rem; height:75rem;}
	.adv-list > li:nth-child(2) .icon img{min-width:25rem; height:30rem;}
	.adv-list > li .icon img{min-width:25rem; height:34rem;}
}
@media all and (max-width:480px) {
	.adv-list{gap:10rem;}
	.adv-list > li{height:auto; padding:15rem; border-radius:10rem;}
	.adv-list > li .icon{width:45rem; height:45rem;}
	.adv-list > li .icon img{width:15rem; min-width:23rem; height:19rem;}
	.adv-list > li .txt{margin-top:5rem;}
	.adv-list > li .txt > i{margin-bottom:8rem; font-size:15rem;}
	.adv-list > li .txt > h3{font-size:15rem;}
	.adv-list > li .txt > p{margin-top:6rem; font-size:11rem; line-height:1.4em;}
}

/* 기대효과 */
#area-effect {
background: #C3BAA9 url(../img/main/bg-effect.jpg)no-repeat center;background-size: cover; } 
.effect-list>li {width: 100%;height: 380rem;padding: 30rem;background: #fff;border-radius: 20rem;text-align: center;box-sizing: border-box; } 
.effect-list>li .txt {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;height: 100%;padding-top: 15px; } 
.effect-list>li .txt>i {display: flex;align-items: center;justify-content: center;margin-bottom: 20rem;width: 50rem;height: 50rem;border-radius: 50rem;font-size: 20rem;font-weight: bold;color: #fff;line-height: 1em;background: var(--color-point02); } 
.effect-list>li .txt>h3 {display: block;font-size: 30rem;font-weight: bold;color: #222;line-height: 1.3em;word-break: keep-all; } 
.effect-list>li .txt>p {display: inline-block;margin-top: 15rem;font-size: 16rem;font-weight: 500;color: #999;line-height: 1.4em;word-break: keep-all; } 

@media all and (max-width:1300px) {
	.effect-list {gap: 25rem; } 
	.effect-list>li {padding: 20rem; } 
	.effect-list>li .txt>i {width: 45rem;height: 45rem; } 
	.effect-list>li .txt>h3 {font-size: 26rem; } 
 }
@media all and (max-width:1024px) {
	.effect-list {gap: 20rem; } 
	.effect-list>li {padding: 25rem 15rem;height: auto; } 
	.effect-list>li .txt>i {margin-bottom: 15rem;width: 40rem;height: 40rem; } 
	.effect-list>li .txt>h3 {font-size: 23rem; } 
	.effect-list>li .txt>p {margin-top: 10rem;font-size: 15rem; } 
 }
@media all and (max-width:768px) {
	.effect-list {gap: 15rem;grid-template-columns: 1fr 1fr; } 
	.effect-list>li {padding: 15rem;height: 280rem; } 
	.effect-list>li .txt>i {font-size: 18rem; } 
	.effect-list>li .txt>h3 br {display: none; } 
	.effect-list>li .txt {padding-top: 0px; } 
 }
@media all and (max-width:480px) {
	.effect-list {gap: 10rem;grid-template-columns: 1fr; } 
	.effect-list>li {height: auto;border-radius: 12rem;padding: 25rem 20rem; } 
	.effect-list>li .txt>i {margin-bottom: 8rem;width: 27rem;height: 27rem;font-size: 14rem; } 
	.effect-list>li .txt>h3 {font-size: 18rem; } 
	.effect-list>li .txt>p {margin-top: 4rem;font-size: 12rem;line-height: 1.3em; } 
 }


/* 고객 사례 */
#area-story{position:relative; background:#FAF8F7;}
.btn-plus{display: flex; justify-content: center; align-items: center; margin:30rem auto 0; width:196rem; height:50rem; background:var(--color-point); font-size:16rem; font-weight:600; color:#fff; border-radius:10rem; transition:all 0.4s ease;}
.btn-plus:hover{background:#000;}

@media all and (max-width:1600px) {
	.board-list{overflow:hidden;}	
	.btn-plus{margin:30rem auto 0;}
}
@media all and (max-width:768px) {
	.btn-plus{margin:20rem auto 0;}
}

@media all and (max-width:480px) {
	.btn-plus{margin:5rem auto 0; font-size:11rem; width:100%; height:35rem; border-radius:5rem;}
}



/* 자주묻는질문 */
.main-faq {position: relative;padding: 100rem 0;box-sizing: border-box; } 
.main-faq .main-title {text-align: center;margin-bottom: 40rem; } 
.main-faq .cont {width: 100%;margin: 0 auto; } 
@media all and (max-width:1024px) { } 
@media all and (max-width:768px) { } 
@media all and (max-width:480px) {.main-faq .main-title {margin-bottom: 20rem; } 
}
/* inquiry */