@charset "utf-8";
.pcbr{display:block;}
.ptbr{display:block;}
.tbbr{display:none;}
.tmbr{display:none;}
.mbbr{display:none;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.t_view{display:none !important;}
.tm_view{display:none !important;}
.m_view{display:none !important;}
.dn{display:none;}
#wrap{overflow-x:hidden;}
* {font-family:"Wix Madefor Display", "Pretendard","Noto Sans KR","돋움",dotum,sans-serif;box-sizing:border-box;}
#container{position: relative;}

 /* 커스텀 마우스 포인터 */
 .hover-section{cursor:none;}
	.custom-cursor {
		position: fixed;
		top: 60px;
		left: 60px;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #c69c6c;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		font-weight: 400;
		color: white;
		pointer-events: none;
		z-index: 9999;
		transform: scale(0);
	}
.fp-viewing-2 .custom-cursor,
.fp-viewing-4 .custom-cursor{display: none;}
#intro{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1500;
    background: #fff;
animation:introUp 1s ease-in-out;animation-fill-mode:forwards;
animation-delay:3s;
}
#intro .intro-inner{
/* transform:scale(0.35);
width:1211px; */
overflow:hidden;
margin:0;padding:0;
width:193px;
/* opacity:0; */
animation:introAni 3.5s ease;animation-fill-mode:forwards;
}
#intro .intro-inner img{max-width:unset;}

#intro.start{}
@keyframes introAni{
0%{
opacity:0;visibility:hidden;transform:scale(1);width:193px;
}
10%{
opacity:1;visibility:visible;transform:scale(1);width:193px;
}
40%{
opacity:1;visibility:visible;transform:scale(0.35);width:193px;
}
80%{opacity:1;visibility:visible;transform:scale(0.35);width:1211px;}
100%{opacity:1;visibility:visible;transform:scale(0.35);width:1211px;}
}
@keyframes introUp{
100%{ transform:translate(0, -100vh);}
}

section{position:relative; width: 100vw; height: 100vh; max-height:100vh;box-sizing:border-box; overflow:hidden;}
section .fp-tableCell{overflow:hidden;}
section *{box-sizing:border-box;}

.innerwrap{
	width:100%;
	padding:0 4.16vw;
	margin: 0 auto;
	box-sizing: border-box;
}
.innerwrap2{
	width: 96%;
	max-width: 1720px;
	margin: 0 auto;
	box-sizing: border-box;
}

body #fp-nav{right:1vw !important;}
body #fp-nav ul li{
    display: block;
    width:10px;height:10px;
    margin:20px 0px;
    position: relative;
}
body #fp-nav ul li:nth-child(8){display: none;}
body #fp-nav ul li a{}
body #fp-nav ul li a span,
body #fp-nav ul li:hover a span{
	position:static;display:block;
	box-sizing:border-box;
	width:8px;height:8px;
	margin:0 auto;border-radius:50%;
	border:1px solid rgba(255,255,255,0.5);background:0;
}
body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a.active span{
width:8px;height:8px;
	margin:0 auto;border-radius:50%;
	border:2px solid rgba(255,255,255,1);
	background: #fff;
	box-sizing:border-box;
}
#fp-nav ul li .fp-tooltip{
	top:-5px;
	width:auto;
	font-family:"Nunito Sans";font-size:13px;color:#fff;opacity:0.5;
	display: none !important;
}
#fp-nav ul li .fp-tooltip.right{right:13px;}

body.bl #fp-nav ul li a span,
body.bl #fp-nav ul li:hover a span{
	border:1px solid rgba(0,0,0,0.6);background:0;
}
body.bl #fp-nav ul li a.active span,
body.bl #fp-nav ul li:hover a.active span{
	border:2px solid rgba(0,0,0,1);
	background: #000;
}

/* .fp-viewing-7 #fp-nav ul li a span,
.fp-viewing-7 #fp-nav ul li:hover a span{border:1px solid rgba(0,0,0,0.6);background:0;}
.fp-viewing-7 #fp-nav ul li a.active span,
.fp-viewing-7 #fp-nav ul li:hover a.active span{
	border:2px solid rgba(0,0,0,1);
} */


/*sec1 visual*/
.sec1{position: relative;}
.visual{
	overflow:hidden;
	position:relative;
	width:100vw;height:100vh;
}
.visual .swiper-slide{
position: relative;
	width:100%;height:100%;
}
.visual .videoWrap{
position: relative;
width:100%;height:100%;
}
.visual .videoWrap video{
position: absolute;width:100%;height:100%;top:50%;left:50%;
transform:translate(-50%, -50%);
object-fit:cover;
}
.visual .swiper-slide .titlearea{
	width:100%;
	padding:0 12.5vw;
	position: absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.visual .swiper-slide .titlearea h2{
color:#fff;line-height: 1.3em;font-size:min(6vw,94px);font-weight: 600;font-family: "Pretendard";
}
.visual .swiper-slide .titlearea p{
color:#fff;line-height: 1.3em;font-size:min(3vw, 38px);font-weight: 600;margin-top:20px;font-family: "Pretendard";
}
.visual .swiper-slide .titlearea p.small{
font-size:min(2.4vw, 26px);margin-top: 15px;color:rgba(255,255,255,0.8);
}
.visual .swiper-slide.v1 .titlearea h2{text-align: center;font-size:min(5vw, 80px);font-weight: bold;}
.sec1 .visual .vpaging{
	position: absolute;
	width:100%;
	box-sizing:border-box;
	padding:0 12.5vw;
	top:auto;
	bottom:60px;
	left:0;
	z-index:100;
	display: flex;align-items:center;justify-content:space-between;
	gap:1.04vw;
}
.sec1 .visual .vpaging>span{
display: block;width:calc((100% - 1.04vw * 3) / 4);
width:auto;
height:auto;
border-radius:0;
position: relative;
background: 0;
width:100%;
opacity:1;
font-size:26px;color:transparent;font-weight: 800;
-webkit-text-stroke: 1px rgba(255,255,255,0.4);
padding-bottom: 20px;
}
.sec1 .visual .vpaging>span.swiper-pagination-bullet-active{color:#fff;-webkit-text-stroke: 1px #fff;font-weight: 700;}
.sec1 .visual .vpaging>span:before{
	position: absolute;
	content:'';
	width:100%;
	height:2px;
	background: rgba(255,255,255,0.3);
	bottom:0;left:0;
}
.sec1 .visual .vpaging>span:after{
position: absolute;
	content:'';
	width:0%;
	height:2px;
	background: rgba(255,255,255,1);
	bottom:0;left:0;
}
.sec1 .visual .vpaging>span.swiper-pagination-bullet-active:after{
	width:100%;
	transition:width 3s linear;
}

/* swiperani */
#sec1 .visual .vpaging{opacity:0;transform:translateY(50px);}
#sec1.on .visual .vpaging{opacity:1;transform:translateY(0px);transition:all 1s;transition-delay:0.2s;}
#sec1 .visual .swiper-slide .titlearea{opacity:0;transform:scale(1.2) translateY(-50%);filter:blur(10px);transition:all 1s;}
#sec1.on .visual .swiper-slide .titlearea{opacity:1;transform:scale(1) translateY(-50%);filter:blur(0px);}
#sec1.on .visual .swiper-slide .titlearea h2{opacity:0;transform:translateY(100px);transition:all 1s;}
#sec1.on .visual .swiper-slide-active .titlearea h2{opacity:1;transform:translateY(0px);}
#sec1.on .visual .swiper-slide .titlearea p{opacity:0;transform:translateY(100px);transition:all 1s;}
#sec1.on .visual .swiper-slide-active .titlearea p{opacity:1;transform:translateY(0px);transition-delay:0.2s;}
#sec1.on .visual .swiper-slide-active .titlearea p.small{transition-delay:0.3s;}

/*sec2*/
.sec2{
width: 100%;
background: #fff;
position: relative;
height: 120vh;

}
.sec2 .perform-inner{
	position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    overflow: hidden;
}
.sec2 .perform-inner .item{
width: 25%;
height: 100%;
transition: all 1.5s ease;
flex: 1;
will-change: flex-basis;
cursor:none !important;
}
.sec2 .perform-inner .item:hover{ flex-basis:53%;}
.sec2 .perform-inner .item .imgwrap {
position: relative;width:100%;height:100%;
overflow:hidden;
}
.sec2 .perform-inner .item .imgwrap .img{height:100%;position: relative;width:100%;overflow:hidden;}
.sec2 .perform-inner .item .imgwrap img{
position: absolute;
top:0;left:0;

height:100%;max-width:unset;
width:auto;transition:all 1.2s ease-in-out;transition-delay:0s;
}
/* .sec2 .perform-inner .item1 .imgwrap img{left:5%;}
.sec2 .perform-inner .item3 .imgwrap img{} */
.sec2 .perform-inner .item:hover .imgwrap img{
transform:scale(1.2);object-fit:cover;width:100%;
transition:all 1s ease;transition-delay:1.2s;
}
.sec2 .perform-inner .item .imgwrap .info{
	position: absolute;z-index:10;left:2.39vw;bottom:11.2vh;white-space:nowrap;
}
.sec2 .perform-inner .item .imgwrap .info dt{
font-size: min(3.5vw,68px);color:#fff;font-family: "Pretendard";
font-weight: bold;/* transition:font-size .6s cubic-bezier(0.2,1,0.5,.99); */

}

.sec2 .perform-inner .item .imgwrap .info dd{
font-size:min(1.25vw, 24px);color:#fff;font-family: "Pretendard", "Noto Sans KR";
font-weight: 350;line-height: 1.6em;
display: grid;
grid-template-rows: 0fr;
/*행숨기기*/
will-change: grid-template-rows;transition:all .5s cubic-bezier(0.2,1,0.5,.99); 
}
.sec2 .perform-inner .item .imgwrap .info dd b{font-family: "Pretendard", "Noto Sans KR";}
.sec2 .perform-inner .item .imgwrap .info dd>div{overflow:hidden;font:inherit;padding-top: 30px;}
.sec2 .perform-inner .item:hover .imgwrap .info dd{grid-template-rows: 1fr;/*행보이기*/transition:all .5s cubic-bezier(0.2,1,0.5,.99); }
@media screen and (max-width: 1550px){
.sec2 .perform-inner .item:hover{ flex-basis:45%;}
}


/*sec3*/
.sec3{
width:100%;height:100vh;overflow:hidden;
}
.sec3 .merit-inner{
margin: 0 auto;
height: fit-content;
width: 100%;
position: relative;
}
.sec3 .merit-inner .logo{
position: absolute;
right:4.16vw;top:15%;
}
.sec3 .meritSwiper{width:100%;height:100%;overflow:hidden;position: relative;}
.sec3 .ms{
	display: flex;align-items:end;width:100%;height:100vh;position: relative;
}
.sec3 .ms .bg{
width:46.8%;height: 100%;overflow:hidden;
}
.sec3 .ms .bg .vwrap{
position: relative;
aspect-ratio:1.78;
width:100%;height: 100%;
}
.sec3 .ms .bg .vwrap video{
position: absolute;width:100%;height: 100%;
top:0;left:0;object-fit:cover;

}
.sec3 .ms .bg img{width: 100%;height: 100%;object-fit:cover;}
.sec3 .ms .right{

width:calc(100% - 46.8%);padding-left: 3.64vw;;padding-right: 4.16vw;
height:fit-content;
 padding-bottom: 7vh;
padding-bottom:min(7vh, 70px);
}
.sec3 .ms .right h2{
position: absolute;left:calc(46.8% + 3.64vw);top:36%;transform:translateY(-50%);
text-align: left;font-size:64px;color:#000;font-weight: 700;
font-family: "Pretendard";
}
.sec3 .ms .right .infowrap{display: flex;align-items:center;}
.sec3 .ms .right .infowrap .img{width:240px;border-radius:10px;aspect-ratio:1.4;overflow:hidden;margin-right: 1.8vw;}
.sec3 .ms .right .infowrap .img img{width: 100%;height: 100%;object-fit:cover;}
.sec3 .ms .right .infowrap .desc{
width:calc(100% - 240px - 1.8vw);
}
.sec3 .ms .right .infowrap .desc dt{font-size:22px;color:#111;font-weight: bold;margin-bottom: 17px;}
.sec3 .ms .right .infowrap .desc dd{color:#555;font-size:20px;line-height: 1.65em;box-sizing:border-box;padding-right: 4vw;word-wrap:normal;
word-break:keep-all;}
.sec3 .pagewrap{
position: absolute;left:calc(46.8% + 3.64vw);bottom:calc(200px + 7vh);width:calc(100% - 46.8% - 3.64vw - 4.16vw);height:fit-content;
z-index:200;
}
.sec3 .pagewrap .merit-paging{display: flex;gap:1.3vw;width:100%;}
.sec3 .pagewrap .merit-paging>span{width:calc((100% - 1.3vw * 2) / 3);display: block;background: 0;font-size:18px;color:#000;height:auto;
position: relative;
font-weight: bold;font-family: "Wix Madefor Display";padding-bottom: 14px;border-bottom: 1px solid #e0e0e0;border-radius:0;opacity:1;}
.sec3 .pagewrap .merit-paging>span:before{
	position: absolute;content:'';
	width:0;
	height:2px;background: #c69c6c;
	left:0;bottom:0;
}
.sec3 .pagewrap .merit-paging>span.swiper-pagination-bullet-active:before{
/* border-bottom: 2px solid #c69c6c; */
width:100%;transition:width 5s ease;
}
/*ani*/
/* .sec3 .ms .bg img{transform:scale(1.2);}
.sec3 .ms.swiper-slide-active .bg img{transform:scale(1);transition:transform 1s ease;} */
.sec3 .ms .right h2{
opacity:0;
transform:translateX(-80px) translateY(-50%);
}

.sec3.on .ms.swiper-slide-active .right h2{
opacity:1;
transform:translateX(0px) translateY(-50%);
transition:all 0.8s ease;
}
.sec3 .ms .right .infowrap{opacity:0; transform:translateY(60px);}
.sec3.on .ms.swiper-slide-active .right .infowrap{
opacity:1; transform:translateY(0px);transition:all 0.8s ease;
}

@media screen and (max-width: 1550px){
.sec3 .ms .right h2{font-size:56px;}
.sec3 .ms .right .infowrap .desc dd{font-size:18px;}
}

/*sec4*/
.sec4{position: relative;cursor:none;}
.sec4 .item-list{display: flex;justify-content:space-between;gap:9px;cursor:none !important;}
.sec4 .item-list>li{width:calc((100% - 9px * 4) / 5);border-radius:10px;overflow:hidden;position: relative;height:60vh;min-height:600px;
flex:1;will-change:flex-basis;transition:all 1s ease;cursor:none !important;
}
.sec4 .item-list>li a{
	display: block;
	width: 100%;
	height: 100%;cursor:none !important;
}

.sec4 .item-list>li .pic{
position: absolute;width:100%;height: 100%;z-index:-1;
top:0;left:0;cursor:none !important;
}
.sec4 .item-list>li .pic img{width: 100%;height: 100%;object-fit:cover;
position: absolute;z-index:10;top:0;left:0;
opacity:1;visibility:visible;cursor:none !important;
}
.sec4 .item-list>li .pic .vwrap{
width:100%;position: relative;height: 100%;cursor:none !important;
}
.sec4 .item-list>li .pic .vwrap video{
position: absolute;width:100%;height: 100%;cursor:none !important;
top:0;left:0;object-fit:cover;

}
.sec4 .item-list>li p{
text-align: center;padding-top: 46px;font-size:36px;color:#fff;font-family: "Pretendard";font-weight: 600;
position: relative;z-index:15;cursor:none !important;
}
.sec4 .item-list>li:nth-child(odd){transform:translateY(0px);}
.sec4 .item-list>li:nth-child(even){transform:translateY(-50px);}
.sec4 .item-list>li:hover{flex-basis: 35%;transition:all 1s ease;}
.sec4 .item-list>li:hover img{opacity:0;visibility:hidden;transition:opacity 1s ease;}

.sec4 .fill-txt{
position: absolute;bottom:0px;left:0;font-size:200px;color:#000;font-weight: bold;white-space:nowrap;line-height:1em;overflow: hidden;
height:21vh;width:100%;z-index:-1;
}

.sec4 .fill-txt svg{position:absolute;left:0;top:50%;transform:translateY(-50%);paint-order:stroke fill;}
.sec4 .fill-txt text{font-family:"Poppins";font-weight:bold;}
@keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-1500px);
	}
}
@media screen and (max-width: 1550px){
.sec4 .item-list>li:hover{flex-basis: 25%;}
.sec4 .item-list>li p{padding-top: 40px;font-size:30px;}
.sec4 .fill-txt{font-size:190px;}
}

/*sec5*/
.sec5 .inner{display: flex;align-items:center;justify-content:center;width:100%;height: 100%;}
.sec5 .inner .conarea{margin:0 auto;position: relative;max-width:1600px;}
.sec5 .sec-tit{font-family: "Poppins";font-size:50px;color:#111;font-weight: 500;letter-spacing: -0.025em;
position: absolute;top:-10px;left:4vw;
}
.sec5 .conwrap{width:100%;}
.sec5 .conwrap .tabs{
max-width:805px;width:42vw;margin-left: 31vw;
}
.sec5 .conwrap .tabs>ul{display: flex;align-items:end;gap:1.3vw;}
.sec5 .conwrap .tabs>ul>li{width:calc((100% - 1.3vw * 2) / 3);cursor:pointer;border-bottom: 1px solid #e0e0e0;}
.sec5 .conwrap .tabs>ul>li span{display: block;padding-bottom: 10px;color:#555555;font-family: "Pretendard";font-size:18px;font-weight: bold;
width: 100%;text-align: left;
}
.sec5 .conwrap .tabs>ul>li.on {border-bottom: 3px solid #c69c6c;}
.sec5 .tabconwrap{width:100%;padding-top: 30px;overflow:hidden;}
.sec5 .tabconwrap .tabcon{/* min-height:660px; */}
.sec5 .proSwiper{position: relative;width:100%;overflow:hidden;margin:0 auto;padding:0 4vw; }
.sec5 .proSwiper .proItem{display: flex;align-items:center;}
.sec5 .proSwiper .proItem .left{
width: 450px;
min-height: 570px;
/* height: fit-content; */
background: #fff;
border-radius:10px;
border: 1px solid #c69c6c;
box-shadow: 5px 4px 20px 0px rgba(54, 63, 72, 0.5);
overflow:hidden;
/*transform: translate(-40%, 8.5rem);
 opacity: 0;
transition: all ease-in-out .3s; */
/* margin-left: 3.5rem;
margin-top: 3.5rem; */
position: relative;
transition: all ease-in-out .3s; 
display: flex;flex-direction:column;justify-content:space-between;
}
.sec5 .proSwiper .proItem .left .toparea{
padding:1.3vw 1.56vw;
}
.sec5 .proSwiper .proItem .left .toparea .img{overflow:hidden;width:100%;aspect-ratio:1.56;border-radius:10px;margin-bottom: 25px;}
.sec5 .proSwiper .proItem .left .toparea .img>img{
width:100%;height:100%;object-fit:cover;
}
.sec5 .proSwiper .proItem .left .toparea .prtit{font-size:24px;color:#111111;font-weight: bold;letter-spacing:-0.02em;}
.sec5 .proSwiper .proItem .left .toparea .prlist{margin-top: 20px;}
.sec5 .proSwiper .proItem .left .toparea .prlist>dl{display: flex;}
.sec5 .proSwiper .proItem .left .toparea .prlist>dl>dt{
position: relative;width:105px;font-size:18px;color:#000000;font-weight: bold;padding-left: 20px;box-sizing:border-box;line-height: 1.6em;
font-family: "Pretendard";
}
.sec5 .proSwiper .proItem .left .toparea .prlist>dl>dt:before{
	position: absolute;content:'';
	width:4px;height:4px;
	background: #c69c6c;
	top:13px;left:0;
}
.sec5 .proSwiper .proItem .left .toparea .prlist>dl>dd{
font-family: "Pretendard";
width:calc(100% - 105px);font-size:18px;color:#555555;font-weight: 400;line-height: 1.6em;
}
.sec5 .proSwiper .proItem .left .more_btn{
width:100%;padding:1.3vw 1.56vw;display: flex;align-items:center;justify-content:space-between;;border-top: 1px solid #c69c6c;
font-size:14px;font-weight: 400;transition: all ease-in-out .3s;
}
.sec5 .proSwiper .proItem .left .more_btn>span{color:#c69c6c;}
.sec5 .proSwiper .proItem .left .more_btn>i{
	background: url(/images/main/sec5_more_arr.png)no-repeat center / contain;
	display: block;width:14px;height:11px;
}
.sec5 .proSwiper .proItem .left:hover{}
.sec5 .proSwiper .proItem .left:hover .more_btn{border-top: 1px solid #fff;background: #c69c6c;}
.sec5 .proSwiper .proItem .left:hover .more_btn>span{color:#fff;}
.sec5 .proSwiper .proItem .left:hover .more_btn>i{background: url(/images/main/sec5_more_arr_hover.png)no-repeat center / contain;
animation:arrAni 0.9s linear infinite;
}
@keyframes arrAni{
0%{transform:translateX(0px);}
100%{transform:translateX(10px);}
}
.sec5 .proSwiper .proItem .right{position: relative;z-index:-1;margin-left: -40px;width:calc(100% - 410px);}
.sec5 .proSwiper .proItem .right>.img{
border-radius:10px;overflow:hidden;aspect-ratio:1.6;
}
.sec5 .proSwiper .proItem .right>.img>img{width:100%;height: 100%;object-fit:cover;}
.sec5 .proSwiper .ctr .btn{
position: absolute;top:50%;transform:translateY(-50%);left:0;width:28px;aspect-ratio:0.51;
cursor:pointer;
}
.sec5 .proSwiper .ctr .btn.next{left:auto;right:0;}
.sec5 .proSwiper .progress-bar{display: none;}

@media screen and (max-width:1680px){
	.sec5 .proSwiper{padding:0 10vw;}
	.sec5 .conwrap .tabs{width:auto;padding:0 10vw;margin-left: 31vw;max-width:900px;}
	.sec5 .sec-tit{left:10vw;}
	.sec5 .proSwiper .proItem .left{width:420px;}
	.sec5 .proSwiper .proItem .left .toparea .prtit{font-size:21px;}
	.sec5 .proSwiper .proItem .left .toparea .prlist>dl>dt,
	.sec5 .proSwiper .proItem .left .toparea .prlist>dl>dd{font-size:17px;}
	.sec5 .proSwiper .ctr .btn{
left:6vw;
}
.sec5 .proSwiper .ctr .btn.next{left:auto;right:8vw;}
	
}
/*sec6*/
.sec6{}
.sec6 .sec6_wrap{
	display:flex;
	width:100%;height:100%;
}
.sec6 .sec6_wrap .main_sec6{
	position:relative;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding-left:50%;
}
.sec6 .sec6_wrap .main_sec6 .con{
	display:flex;align-items:center;
	box-sizing:border-box;
	position:absolute;left:0;top:0;z-index:10;
	width:50%;height:100%;
	padding:0 7.5%;
}
.sec6 .sec6_wrap .main_sec6 .con h2{font-family:"Poppins";font-size:min(2.6vw,50px);color:#000;font-weight:600;}
.sec6 .sec6_wrap .main_sec6 .con h3{margin:45px 0 0px;font-size:min(2.25vw, 42px);color:#000;font-weight:600;white-space:nowrap;}
.sec6 .sec6_wrap .main_sec6 .con ul{position:relative;margin-top: 85px;}
.sec6 .sec6_wrap .main_sec6 .con ul li{
	position:relative;	
	display:flex;align-items:center;
	width:100%;height:100px;	
	cursor:pointer;
}
.sec6 .sec6_wrap .main_sec6 .con ul li .link{
	position: absolute;
	background: transparent;
	width:calc(100% + 34% + 50px);height:100%;
	top:0;left:0;z-index:100;
	cursor:pointer;
}
.sec6 .sec6_wrap .main_sec6 .con ul:before{
	display:block;content:"";
	width:calc(100% + 34% + 50px);height:100px;
	overflow:hidden;
	background:#c69c6c;border-radius:10px;
	position:absolute;left:0;top:0;z-index:-2;
	transform-origin:left;
	transition:all 1s;
}
.sec6 .sec6_wrap .main_sec6 .con ul li .icon{position:relative;z-index:90;width:110px;height:100%;}
.sec6 .sec6_wrap .main_sec6 .con ul li:nth-child(1) .icon{background:url(/images/main/sec6_icon1.png) no-repeat center;}
.sec6 .sec6_wrap .main_sec6 .con ul li:nth-child(2) .icon{background:url(/images/main/sec6_icon3.png) no-repeat center;}
.sec6 .sec6_wrap .main_sec6 .con ul li:nth-child(3) .icon{background:url(/images/main/sec6_icon2.png) no-repeat center;}
.sec6 .sec6_wrap .main_sec6 .con ul li .tit{position:relative;z-index:90;font-size:26px;color:#000;font-weight:700;letter-spacing:-0.02em;}

.sec6 .sec6_wrap .main_sec6 .con ul.list0:before{top:0;}
.sec6 .sec6_wrap .main_sec6 .con ul.list1:before{top:100px;}
.sec6 .sec6_wrap .main_sec6 .con ul.list2:before{top:200px;}
.sec6 .sec6_wrap .main_sec6 .con ul.list3:before{top:300px;}
.sec6 .sec6_wrap .main_sec6 .con ul li.on:nth-child(1) .icon{background:url(/images/main/sec6_icon1_on.png) no-repeat center;transition:all 1s;transition-delay:0.1s;}
.sec6 .sec6_wrap .main_sec6 .con ul li.on:nth-child(2) .icon{background:url(/images/main/sec6_icon3_on.png) no-repeat center;transition:all 1s;transition-delay:0.1s;}
.sec6 .sec6_wrap .main_sec6 .con ul li.on:nth-child(3) .icon{background:url(/images/main/sec6_icon2_on.png) no-repeat center;transition:all 1s;transition-delay:0.1s;}
.sec6 .sec6_wrap .main_sec6 .con ul li.on .tit{color:#fff;transition:all 1s;transition-delay:0.1s;}


.sec6 .sec6_wrap .main_sec6 .item{overflow:hidden;}
.sec6 .sec6_wrap .main_sec6 .desc{
position: absolute;left:50%;transform:translateX(-50%);
bottom: 60px;
font-size:34px;color:#fff;font-weight: 600;
width:100%;
text-align: center;
font-family: "Pretendard";
}
.sec6 .sec6_wrap .main_sec6 .group{position:relative;width:100%;height:100%;transition:all 1.3s;}
.sec6 .sec6_wrap .main_sec6 .group .img{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;transform: scale(1.2) translate(-50%,-50%);
    transition:all 1.3s;
}
.sec6 .sec6_wrap .main_sec6 .item.swiper-slide-active .img{transform:scale(1) translate(-50%,-50%);}

/*sec7*/
.sec7{position: relative;}
.sec7 .text-motion{position: absolute;z-index:-1;top:50%;left:0;transform:translateY(-50%);}
.sec7 .text-motion>.text{
    display: flex;
    flex-wrap: nowrap;
    color: #c69c6c;
    font-size: min(11.4vw, 220px);
    font-weight: 800;
	font-family: "Wix Madefor Display";
    letter-spacing: 0;
    position: relative;
    left: 0;
    top: 0;
    animation: titleAni 50s infinite linear;
	gap:3vw;
	text-transform: capitalize;
}
@keyframes titleAni{
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}
.sec7 .text-motion>.text>span{
	
}
.sec7 .titlearea{
width:100%;
}
.sec7 .titlearea .sec-tit{
	font-size:50px;color:#111111;font-weight: 500;font-family: "Poppins";margin-bottom: 8px;letter-spacing:-0.025em;
}
.sec7 .titlearea p{
font-size:22px;color:#555555;font-weight: 400;font-family: "Noto Sans KR";
}
.sec7 .titlearea .flexwrap{display: flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;
margin:30px auto 40px;
}
.sec7 .titlearea .flexwrap .tabs{}
.sec7 .titlearea .flexwrap .tabs>ul{display: flex;align-items:center;gap:6px;}
.sec7 .titlearea .flexwrap .tabs>ul>li{width:140px;}
.sec7 .titlearea .flexwrap .tabs>ul>li>a{

display: flex;align-items:center;justify-content:center;text-align: center;width:100%;height:45px;
border-radius:10px;border:1px solid rgba(0,0,0,0.2);
font-size:15px;font-family: "Poppins";color:#555;font-weight: 600;
background: #fff;
}
.sec7 .titlearea .flexwrap .tabs>ul>li.on>a{background: #c69c6c;color:#fff;border:1px solid #c69c6c;}
.sec7 .titlearea .flexwrap .view_btn{
display: flex;align-items:center;
}
.sec7 .titlearea .flexwrap .view_btn>span{font-size:14px;color:#444444;font-weight: 400;display: block;margin-right: 12px;}
.sec7 .titlearea .flexwrap .view_btn>i{
display: block;width:46px;height: 46px;
background: url(/images/main/sec7_arr.png)no-repeat center / contain;transition:all 0.4s ease;
}
.sec7 .titlearea .flexwrap .view_btn:hover>i{
transform:rotate(-45deg);transition:all 0.4s ease;
}
.sec7 .newsSwiper{position: relative;width:100%;overflow:hidden;padding-bottom: 50px;}
.sec7 .newsSwiper .newsItem{
width:406px !important;border-radius:10px;overflow:hidden;
}

.sec7 .newsSwiper .newsItem .thumb{
position: relative;width:100%;
}
.sec7 .newsSwiper .newsItem .thumb .img{
	width:100%;aspect-ratio:1.45;overflow:hidden;border-radius:10px;
}
.sec7 .newsSwiper .newsItem .thumb .img>img{
width:100%;height: 100%;object-fit:cover;transition:transform 0.6s ease;
/* transform:scale(1.2);
transition:transform 0.6s ease; */
}
.sec7 .newsSwiper .newsItem .thumb .tag{
position: absolute;z-index:20;top:20px;left:20px;
min-width:70px;height:30px;border-radius:5px;background: rgba(255,255,255,0.8);
line-height: 30px;text-align: center;font-size:13px;color:#111;font-weight:600;
}
.sec7 .newsSwiper .newsItem .info{
padding:30px 20px 40px;box-sizing:border-box;
}
.sec7 .newsSwiper .newsItem .info .tit{
font-size:24px;color:#111;font-weight: 600;font-family: "Pretendard", "Noto Sans KR";margin-bottom: 14px;
overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;
-webkit-box-orient:vertical;word-wrap:break-word;
-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;
}
.sec7 .newsSwiper .newsItem .info .txt{
display: -webkit-box;
-webkit-line-clamp: 2; /* 두 줄까지만 표시 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size:20px;color:#555555;font-weight: 400;font-family: "Pretendard", "Noto Sans KR";line-height: 1.6em;
}
.sec7 .newsSwiper .newsItem:hover{
	transition:all 0.4s ease;background: #cea87d;
}
.sec7 .newsSwiper .newsItem:hover .thumb .img>img{
transform:scale(1.15);
transition:transform 0.6s ease;
}

.sec7 .newsSwiper .newsItem:hover .info .txt{color:#000;}
.sec7 .newsSwiper .progress-bar{    
	position: absolute;
	display: block !important;
    width: 100%;
    height:4px;
    left: 0;
	bottom:0;
    background: #d9d9d9; 
	border-radius:0;
}
.sec7 .newsSwiper .progress-bar .swiper-scrollbar-drag{
	height:4px;cursor:pointer;
	background:#000000;
	border-radius:0;
}
/*sec8 footer*/
.sec8{}
.sec8 .foot{background: #111111;padding:50px 0;box-sizing:border-box;}
.sec8 .foot .inner{
	margin:0 auto;
	width:100%;
	padding:0 4.16vw;
	display: flex;
}
.sec8 .foot .inner .foot_logo{width:214px;margin-right:5.46vw;}
.sec8 .foot .inner .rightwrap{
width:calc(100% - 214px - 5.46vw);
}
.sec8 .foot .inner .rightwrap .address{width:100%;display: flex;flex-wrap:wrap;margin-bottom: 45px;
gap:12px;}
.sec8 .foot .inner .rightwrap .address dl{width:66%;display: flex;align-items:center;}
.sec8 .foot .inner .rightwrap .address dl>dt{width:100px;box-sizing:border-box;position: relative;font-size:18px;color:#fff;font-weight: 500;font-family: "Pretendard";}
.sec8 .foot .inner .rightwrap .address dl>dd{
	padding-left: 20px;font-size:18px;color:#fff;opacity:0.6;font-weight: 400;font-family: "Pretendard";box-sizing:border-box;
}
.sec8 .foot .inner .rightwrap .address dl>dt:before{
position: absolute;content:'';
right:0;top:4px;
width:1px;height:14px;
background: rgba(255,255,255,0.2);
}
.sec8 .foot .inner .rightwrap .address dl:nth-child(odd){width:31%;}
.sec8 .foot .inner .rightwrap .copy{
font-size:16px;color:rgba(255,255,255,0.6);font-weight: 350;font-family: "Pretendard";
}


/*motion*/
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

  

@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(70px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}

#header{top:-80px;}
#header.ani{
animation:headerAni 1s ease;animation-fill-mode:forwards;
}

@keyframes headerAni{
	0%{
	top:-80px;opacity:0;
	}
	100%{
	top:0;opacity:1;
	}
}

/*motion*/
.quickMenu{right:-100px;}
.quickMenu.ani{
animation:floatAni 1s ease;animation-fill-mode:forwards;animation-delay:0.1s;
}
@keyframes floatAni{
	0%{
	right:-100px;
	}
	100%{
	right:5px;
	}
}

.sec1 .rect{
position: absolute;
width:25%;
height:100%;
background:#c69c6c;
opacity:0.2;
}
.sec1 .rect1{top:0;left:0;}
.sec1 .rect2{bottom:0;left:25%;}
.sec1 .rect3{top:0;left:50%;}
.sec1 .rect4{bottom:0;left:75%;}
.sec1.on .rect{
transition:height 0.8s ease;
height:0;
}
/* .sec1.on .rect2{transition-delay:0.06s;}
.sec1.on .rect3{transition-delay:0.12s;}
.sec1.on .rect4{transition-delay:0.18s;} */



.sec2:before{
position: absolute;content:'';
width:100%;height:100%;
top:0;left:0;z-index:100;
}
.sec2 .perform-inner .item{transform:translateY(90vh);opacity:0;visibility:hidden;}
.sec2.on .perform-inner .item{animation:sec2Yani 0.8s;animation-fill-mode:forwards;animation-delay:0s;}
.sec2.on .perform-inner .item1{cursor:pointer;}
.sec2.on .perform-inner .item2{cursor:pointer;animation-delay:0.1s;}
.sec2.on .perform-inner .item3{animation-delay:0.2s;}
.sec2.on .perform-inner .item4{animation-delay:0.3s;}
.sec2.on:before{width:0;transition:width 0.4s ease;transition-delay:1.2s;}
@keyframes sec2Yani{
0%{transform:translateY(90vh);opacity:0;visibility:hidden;}
100%{transform:translateY(0vh);opacity:1;visibility:visible;}
}

.sec3 .merit-inner .logo{opacity:0;transform:translateX(100%);}
.sec3.on .merit-inner .logo{
opacity:1;transform:translateX(0);transition:all 0.8s;
}
.sec3 .ms .bg{opacity:0;}
.sec3.on .ms .bg{
animation-name:fadeLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function:ease;
}

.sec3 .pagewrap{opacity:0;transform:translateX(-50px);}
.sec3.on .pagewrap{
opacity:1;transition:all 1.2s ease;transform:translateX(0px);
}
@keyframes bgScale{
	0%{opacity:0;transform:scale(1.15);}
	100%{opacity:1;transform:scale(1);}
}


.sec4:before{
position: absolute;content:'';
width:100%;height:100%;
top:0;left:0;z-index:100;
}
.sec4.on:before{width:0;transition:width 0.4s ease;transition-delay:1.2s;}
.sec4 .item-list>li:nth-child(odd){
opacity:0;
}
.sec4.on .item-list>li:nth-child(odd){
animation-name:sec4LiOdd;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function:ease;
}

.sec4 .item-list>li:nth-child(even){opacity:0;}
.sec4.on .item-list>li:nth-child(even) {
	animation-name:sec4LiEven;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function:ease;
}
.sec4.on .item-list>li:nth-child(2){animation-delay:0.1s;}
.sec4.on .item-list>li:nth-child(3){animation-delay:0.2s;}
.sec4.on .item-list>li:nth-child(4){animation-delay:0.3s;}
.sec4.on .item-list>li:nth-child(5){animation-delay:0.4s;}
@keyframes sec4LiOdd{
0%{opacity:0;transform: translateY(75px);}
100%{opacity:1;transform: translateY(25px);}
}
@keyframes sec4LiEven{
0%{opacity:0;transform: translateY(-75px);}
100%{opacity:1;transform: translateY(-25px);}
}

.sec4 .fill-txt{opacity:0;bottom:-30%;}
.sec4.on .fill-txt{opacity:1;bottom:0%;transition:all 1s;transition-delay:0.45s;}


.sec5 .sec-tit{opacity:0;transform: translateX(-50px);}
.sec5.on .sec-tit{
opacity:1;transform: translateX(0px);transition:all 1s;
}
.sec5 .conwrap{opacity:0;transform:translateY(80px);}
.sec5.on .conwrap{
opacity:1;transform:translateY(0px);transition:all 1s;
}
.sec5 .proSwiper .proItem .left{
opacity:0;transform:translateX(-30px);
}
.sec5.on .proSwiper .proItem.swiper-slide-active .left{
opacity:1;transform:translateX(0px);transition:all 1.2s;
}
.sec5 .proSwiper .proItem .right>.img>img{
transform:scale(1.15);
}
.sec5.on .proSwiper .proItem.swiper-slide-active .right>.img>img{
transform:scale(1);transition:all 1.5s ease;
}


.sec6 .sec6_wrap .main_sec6 .con h2,
.sec6 .sec6_wrap .main_sec6 .con h3{opacity:0;transform: translateX(-50px);}
.sec6.on .sec6_wrap .main_sec6 .con h2,
.sec6.on .sec6_wrap .main_sec6 .con h3{
opacity:1;transform: translateX(0px);transition:all 1s;
}
.sec6.on .sec6_wrap .main_sec6 .con h3{transition-delay:0.1s;}
.sec6 .sec6_wrap .main_sec6 .con ul{
opacity:0;transform: translateX(80px);
}
.sec6.on .sec6_wrap .main_sec6 .con ul{
opacity:1;transform: translateX(0px);transition:all 0.9s;transition-delay:0.25s;
}
.sec6 .sec6_wrap .main_sec6 .item{opacity:0;}
.sec6.on .sec6_wrap .main_sec6 .item{
animation-name:fadeRight;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function:ease;
}

.sec7 .titlearea .sec-tit,
.sec7 .titlearea p,
.sec7 .titlearea .flexwrap{
opacity:0;transform: translateY(80px);
}
.sec7.on .titlearea .sec-tit,
.sec7.on .titlearea p,
.sec7.on .titlearea .flexwrap{
opacity:1;transform: translateY(0px);transition:all 0.9s;
}
.sec7.on .titlearea p{transition-delay:0.1s;}
.sec7.on .titlearea .flexwrap{transition-delay:0.2s;}
.sec7 .conarea{
opacity:0;transform: translateY(60px);
}
.sec7.on .conarea{
opacity:1;transform:translateY(0px);transition:all 1.1s;transition-delay:0.3s;
}