@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: "Poppins","Pretendard","Noto Sans KR","돋움",dotum,sans-serif;box-sizing:border-box;}

#custom_cursor{width: 140px;height: 140px;position: fixed;top: 5px;left: 5px;z-index: 15000;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_hover_circle{display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -106px;overflow: hidden;opacity: 0;border-radius: 50%;}
.custom_hover_circle {z-index: 1;background:#ef4423;
font-size:13px;color:#fff; font-weight: 400;transition:transform 0.4s; display: flex;align-items: center;justify-content: center;
font-family: "Poppins";}
.custom_hover_circle span{display: inline-block; margin-right: 4px; white-space: nowrap;}

/* main */
/* #container{min-height:920px;} */
.full_slider{position: relative;overflow:hidden;width:100%;height:100vh;}
.sec1, .sec2, .sec3, .sec4, .sec5, .sec6, .sec7, .footer{width:100%;height:100vh;}
.full_slider>.swiper-wrapper>div{

}
.innerwrap{max-width:1600px;margin:0 auto;width:92%;}
.full-paging{
position: absolute;bottom:0;width:100%;height:12px;left:0;bottom:0 !important;top:auto !important;border:1px solid #d2d2d2;z-index:100;
display: flex;justify-content:space-between;
}
.full-paging>.swiper-pagination-bullet{
display: block;
width:calc(100% / 7);height:100%;border-radius:0 !important;margin:0 !important;
background: 0;border-right: 1px solid #d2d2d2;
}
.full-paging>.swiper-pagination-bullet:last-child{border-right: 0;}
.full-paging>.swiper-pagination-bullet.on,
.full-paging>.swiper-pagination-bullet-active{
background: url(/images/main/full_paging.png)no-repeat center / cover;
}
.full_slider .scroll{display: flex;align-items:center;position: absolute;left:0;bottom:50px;z-index:200;
left:50%;transform:translateX(-50%);
}
.full_slider .scroll>.txt{font-size:11px;color:#000;font-weight:400;}
.full_slider .scroll>.bar{
position: relative;background: #949494;width:120px;height: 1px;margin-left: 10px;

}
.full_slider .scroll>.bar span{animation:scrollBar 1s linear infinite;animation-fill-mode:forwards;animation-direction:alternate;display: block;position: absolute;width:20px;height:3px;background: #ef4423;left:0;top:50%;transform:translateY(-50%);}
.full_slider .scroll.wh>.txt{color:#fff;}
.full_slider .scroll.wh>.bar{background: #fff;}
@keyframes scrollBar{
0%{left:0;}
100%{left:100px;}
}

.platform-txt .cate{
font-size:26px;color:#000;font-weight: 400;text-transform: uppercase;
}
.platform-txt .cate>span{font:inherit;color:#ef4423;display: inline-block;margin-left: 2px;}
.platform-txt .desc{
font-size:20px;color:rgb(0,0,0,0.8);font-weight: 350;font-family: "Pretendard";margin-top: 20px;
}
.platform-txt h2{font-size:52px;color:#000;font-weight: 400;line-height: 1.2em;letter-spacing:-0.025em;}
.platform-txt p{font-size:18px;color:rgba(0,0,0,0.8);font-weight: 400;font-family: "Pretendard";line-height: 1.6em;margin-top: 30px;
word-wrap:normal;word-break:keep-all;
}
.titlearea h4{font-size:26px;color:#000;font-weight: 400;line-height: 1.2em;}
.titlearea p{font-size:36px;color:#000;font-weight: 500;font-family: "Pretendard";line-height: 1.6em;margin-top: 25px;}

/*sec1*/
.sec1{width:100%;box-sizing:border-box;height:100%;}
.sec1 .visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;box-sizing:border-box;
	display: flex;align-items:start;
}
/* .sec1 .visual .bg{
	position:absolute;left:0%;top:0%;z-index:-1;
	width:100%;height:100%;	
transform:scale(1.2);
	transition:all 1s;
	background: url(/en/images/main/visual1.jpg)no-repeat center / cover;
} */
 .sec1 .visual .vwrap{
 position:absolute;top:50%;left:50%;
	width:100%;height:100%;transform:translate(-50%, -50%);
 }
 .sec1 .visual .vwrap video{
width:100%;height:100%;object-fit:cover;
}
.sec1 .visual .txtwrap{
position: relative;
padding-top:min(180px, 18vh);
}
.sec1 .visual .txtwrap h3{font-size:58px;color:#fff;font-weight:300;margin-bottom: 40px; line-height:1.5;overflow:hidden;}
.sec1 .visual .txtwrap h3>span{display: block;line-height: 1.25em;}
.sec1 .visual .txtwrap p{color:#fff;font-size:24px;line-height:1.6;font-weight:200;}

/*sec2*/
.sec2{
	background: url(/images/main/sec2_bg.jpg)no-repeat center / cover;
	padding-top: 90px;
}
.sec2 .conarea{display: flex;align-items:center;justify-content:space-between; height: 100%;}
.sec2 .imgarea{position: relative;width:50%;}
.sec2 .imgarea:before{
	position: absolute;content:'';
	width:323px;height: 312px;border:1px solid #acacac;
	border-top:0;border-right:0;
	bottom:0;left:0;z-index:-1;
}
.sec2 .imgarea .img{bottom:2.6vw;left:2.6vw;max-width:598px;position: relative;width:100%;overflow:hidden;border-radius:200px 0 200px 0;height:662px;}
.sec2 .imgarea .img img{width:100%;height:100%;object-fit:cover;}
.sec2 .imgarea .img a{display: block;width: 100%;height: 100%;}
.sec2 .platform-txt{width:50%;}
.sec2 .platform-txt .top{margin-bottom: 90px;}
 
 @media screen and (max-width:1640px){
 .sec2 .platform-txt{width:46%;}
 }
 
/*sec3*/
.sec3{
	background: url(/images/main/sec2_bg.jpg)no-repeat center / cover;
	padding-top: 90px;
}
.sec3 .conarea{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sec3 .imgarea{margin:0 auto;position: relative;margin-bottom: 55px;}
.sec3 .imgarea:before{
	position: absolute;content:'';
	width:444px;height: 493px;
	top: -63px;
	right: -102px;
	z-index:10;transform:rotate(7deg);
	background: url(/images/main/sec3_circle.png)no-repeat center;
}
.sec3 .imgarea .img{position: relative;z-index:20;width:100%;overflow:hidden;border-radius:250px 240px 240px 0px;max-width:1550px;height:480px;}
.sec3 .imgarea .img img{width:100%;height:100%;object-fit:cover;}
.sec3 .imgarea .img a{display: block;width: 100%;height: 100%;}
.sec3 .platform-txt{width:100%;display: flex;align-items:start;justify-content:center;}
.sec3 .platform-txt .top{width:0%;}
.sec3 .platform-txt .txt{width:80%;}

 @media screen and (max-width:1690px){
.sec3 .imgarea .img{width:97%;}
 }

/*sec4*/
.sec4{
	background: url(/images/main/sec2_bg.jpg)no-repeat center / cover;
	padding-top:90px;
}
.sec4 .conarea{display: flex;flex-direction:row-reverse;align-items:center;justify-content:space-between; height: 100%;}
.sec4 .imgarea{position: relative;width:50%;}
.sec4 .imgarea:before{
	position: absolute;content:'';
	width:465px;height: 456px;
	transform:rotate(0deg);
	background: url(/images/main/sec4_circle.png)no-repeat center;
	bottom:-50px;right:0px;z-index:-1;
}
.sec4 .imgarea .img{bottom:2.8vw;right:0.6vw;max-width:749px;position: relative;width:100%;overflow:hidden;border-radius:322px 0px 322px 322px;height:644px;}
.sec4 .imgarea .img img{width:100%;height:100%;object-fit:cover;}
.sec4 .imgarea .img a{display: block;width: 100%;height: 100%;}
.sec4 .platform-txt{width:46%;box-sizing:border-box;padding:0 4vw;}
.sec4 .platform-txt .top{margin-bottom: 90px;}

 @media screen and (max-width:1660px){
.sec4 .platform-txt{width:46%;}
.sec4 .imgarea .img{right:2.6vw;}
 }

/*sec5*/
.sec5{
	background: url(/images/main/sec2_bg.jpg)no-repeat center / cover;
	padding-top: 100px;
}
.sec5 .titlearea{position: relative;padding-bottom: 45px;/* border-bottom: 2px solid rgba(0,0,0,0.2); */}
.sec5 .titlearea:before{
	position: absolute;content:'';
	width:100%;height: 2px;background: rgba(0,0,0,0.2);
	bottom:0;left:0;
}
.sec5 .titlearea p{margin-top: 20px;line-height: 1.28em;}
.sec5 .pipeSwiper{width:100%;position: relative;margin-top: 45px;}
.sec5 .pipeSwiper .swiper-slide{
width:100%;background: #fff;display: flex;border-radius:0px 0px 100px 0px;
}
.sec5 .pipeSwiper .swiper-slide .bgarea{
	width:50%;overflow:hidden;height:517px;position: relative;
}
.sec5 .pipeSwiper .swiper-slide .bgarea .bg{
	position:absolute;left:0%;top:0%;z-index:-1;
	width:100%;height:100%;	
/* 	transform:scale(1.2); */
	transition:all 3.2s;
	background: url(/images/main/sec5_img1.jpg)no-repeat center / cover;
	
}
.sec5 .pipeSwiper .swiper-slide .txtarea{width:50%;/* display: flex;flex-direction:column;justify-content:center; */
padding:3.6vw 5.2vw;box-sizing:border-box;
padding-top: calc(3.6vw + 3.12vw + 37px);

}
.sec5 .pipeSwiper .swiper-slide .txtarea h5{font-size:52px;color:#000;font-weight: 400;line-height: 1.2em;}
.sec5 .pipeSwiper .swiper-slide .txtarea p{font-size:18px;color:#000;font-weight: 400;font-family: "Pretendard";line-height: 1.6em;margin-top: 16px;
padding-bottom: 4vw;
border-bottom: 1px solid #cccccc;}
.sec5 .pipeSwiper .tabwrap{
position: absolute;
	top:3.6vw;
	right:0;
	width:50%;
	padding-left: 5.2vw;
	box-sizing:border-box;z-index:100;
}
.sec5 .pipeSwiper .tabwrap .tab-paging {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
	position: static;
}

.sec5 .pipeSwiper .tabwrap .tab-paging .swiper-pagination-bullet {
    background: none;
    color: rgba(0,0,0,0.4);
	font-size:18px;
	font-family: "Pretendard";
	background: #e4e4e4;
    font-weight: 300;
    cursor: pointer;
	width:102px;height:37px;
	line-height: 37px;;
	border-radius:18.5px;
	box-sizing:border-box;
   opacity:1;
    transition: background 0.3s ease, color 0.3s ease;
}

.sec5 .pipeSwiper .tabwrap .tab-paging .swiper-pagination-bullet-active {
    background: #ef4423;
    color: #fff;opacity:1;
}
.sec5 .pipeSwiper .ctr{
position: absolute;width:50%;bottom:3.25vw;right:0;padding-left: 5.2vw;
	box-sizing:border-box;
	display: flex;align-items:center;gap:10px;z-index:100;
}
.sec5 .pipeSwiper .ctr>div{
display: block;
width: 54px;height: 54px;cursor:pointer;
background: url(/images/main/prev_btn.png)no-repeat center;
}
.sec5 .pipeSwiper .ctr>div.next_btn{background: url(/images/main/next_btn.png)no-repeat center;}

/*sec6*/
.sec6{
	background: url(/images/main/sec6_bg.jpg)no-repeat center / cover;position: relative;
}
.sec6 .titlearea{padding-top: 130px;height:40vh;width:92%;max-width:1600px;margin:0 auto;z-index:50;}
.sec6 .titlearea h4{color:#fff;font-weight: 300;}
.sec6 .titlearea p{color:#fff;margin-top: 30px;font-weight: 400;line-height: 1.25em;}
.sec6 .listwrap{
position: relative;width:100%;height:60vh;display: flex;flex-wrap:wrap;z-index:5;margin-top: auto;
justify-content:flex-end;
}
.sec6 .listwrap>dl{
width:33.33%;height:100%;
border:1px solid rgba(255,255,255,0.17);
display: flex;flex-direction:column;justify-content:center;
padding:5.8vw 6.25vw;box-sizing:border-box;
}
.sec6 .listwrap>dl:nth-child(1){border-left:0;}
.sec6 .listwrap>dl:nth-child(2){border-left: 0;border-bottom: 0;}
.sec6 .listwrap>dl:nth-child(3){border-left: 0;border-bottom: 0;}

.sec6 .listwrap>dl>dt{
font-size:30px;color:rgba(255,255,255,1);font-weight: 500;font-family: "Pretendard";line-height:1.2em;
position: relative;margin-bottom: 28px;padding-right:60px;
}
.sec6 .listwrap>dl>dt:before{
display: block;box-sizing:border-box;
width: 60px;height: 60px;
position: absolute;content:'';
right:0;top:50%;transform:translateY(-50%);
background: url(/images/main/sec6_icon2.png)no-repeat center;
}
.sec6 .listwrap>dl:nth-child(2)>dt:before{background: url(/images/main/sec6_icon1.png)no-repeat center;}
.sec6 .listwrap>dl:nth-child(3)>dt:before{background: url(/images/main/sec6_icon4.png)no-repeat center;}
.sec6 .listwrap>dl>dd{
	font-size:18px;color:rgba(255,255,255,0.8);font-weight: 300;font-family: "Pretendard";line-height: 1.6em;padding-top: 28px;border-top: 1px solid rgba(255,255,255,0.15);
	word-wrap:normal;word-break:keep-all;
}

@media screen and (max-width:1640px){
.sec6 .listwrap>dl{padding:5.8vw 4.5vw;}
}
/*sec7*/
.sec7{
	background: url(/images/main/sec2_bg.jpg)no-repeat center / cover;
	padding-top: 100px;
}
.sec7 .more{
font-size:15px;color:#000;font-weight: 500;position: relative;letter-spacing:-0.02em;
}
.sec7 .more:hover:before{
	position: absolute;content:'';
	width:100%;height:1px;
	background: #000;
	bottom:1px;left:0;
}
.sec7 .titlearea{padding-bottom: 45px;display: flex;justify-content:space-between;align-items:end;position: relative;}
.sec7 .titlearea:before{
	position: absolute;content:'';
	width:100%;height: 1px;background: rgba(0,0,0,0.2);
	bottom:0;left:0;
}
.sec7 .titlearea p{margin-top: 20px;}
.sec7 .newsSwiper{margin-top: 45px;position: relative;overflow:hidden;width:100%;}
.sec7 .newsSwiper .swiper-wrapper{
justify-content:space-between;
}
.sec7 .newsSwiper .swiper-slide{
width:calc((100% - 8.75vw * 2) / 3) !important;
	/* width:421px !important; */position: relative;
}
/* .sec7 .newsSwiper .swiper-slide:nth-child(3n):before{display: none;} */
.sec7 .newsSwiper .swiper-slide:before{
position: absolute;content:'';
width:1px;height:100%;background: #c9c9c9;
top:0;right:-84px;
}
.sec7 .newsSwiper .swiper-slide .thumb{overflow:hidden;width:100%;/* height:250px; */margin-bottom: 26px;aspect-ratio:1.68;}
.sec7 .newsSwiper .swiper-slide .thumb img{width:100%;height: 100%;object-fit:cover;transition:all 0.6s;}
.sec7 .newsSwiper .swiper-slide:hover .thumb img{transform:scale(1.1);transition:all 0.6s;}
.sec7 .newsSwiper .swiper-slide .cate{font-size:13px;font-weight: 400;color:#fff;margin-bottom: 16px;width: 74px;height: 30px;border-radius:15px;
background: #000000;font-family: "Poppins";text-align: center;line-height: 30px;
}
.sec7 .newsSwiper .swiper-slide:hover .cate{background: #ef4423;}
.sec7 .newsSwiper .swiper-slide .tit{margin-bottom: 20px;}
.sec7 .newsSwiper .swiper-slide .tit>a{
position: relative;
font-size:24px;color:#222222;font-weight: 500;font-family: "Pretendard";
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 .swiper-slide .tit:hover>a:before{
	position: absolute;content:'';
	width:100%;height:2px;
	background: #222;
	bottom:-2px;left:0;
}
.sec7 .newsSwiper .swiper-slide .con{font-size:18px;color:rgba(0,0,0,0,.8);line-height: 1.6em;margin-bottom: 20px;
box-sizing:border-box;font-family: "Pretendard";
display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sec7 .newsSwiper .swiper-slide .date{font-size:16px;color:#888888;font-family: "Pretendard";font-weight: 400;}

/*푸터*/
.main .footer{
	display:flex;
	width:480px !important;
	height:100vh;
	box-sizing:border-box;
	background:#1a1a1a;
	position: relative;
}
.main .footer .top_btn{
width:80px;
height:100%;
position: absolute;right:0;top:0;
display: flex;align-items:center;justify-content:center;
border-left:1px solid rgba(255,255,255,0.1);
}
.main .footer .top_btn>div{
position: relative;
transform:rotate(90deg);
font-family: "Montserrat", serif;
font-size:14px;color:rgba(255,255,255,0.8);font-weight: 300;
padding-left: 32px;
}
.main .footer .top_btn>div:before{
display: block;
position: absolute;content:'';
width:15px;height: 12px;
background: url(/images/main/top_btn.png)no-repeat center;
left:0;top:50%;transform:translateY(-50%) rotate(-90deg);

}
.main .footer .foot{
display: flex;
flex-direction:column;
width:calc(100% - 80px);
box-sizing:border-box;
padding:50px 2.6vw;
align-items:start;
justify-content:space-between;;
}
.main .footer .foot .logo{
width: 100%;
padding-bottom: 85px;
}
.main .footer .foot .logo img{max-width:100%;}
.main .footer .foot .infowrap{
box-sizing:border-box;
width:100%;
}
.main .footer .foot .infowrap>dl{padding:1.5vw 0;border:1px solid rgba(255,255,255,0.1);border-left:0;border-right:0;}
.main .footer .foot .infowrap>dl:first-child{border-top:0;}
.main .footer .foot .infowrap>dl:last-child{border-bottom: 0;}
.main .footer .foot .infowrap>dl>dt{text-transform: uppercase;font-family: "Montserrat", serif;color:#fff;font-size:16px;font-weight: 400;margin-bottom: 18px;}
.main .footer .foot .infowrap>dl>dd{font-family: "Pretendard";color:rgba(255,255,255,0.6);font-size:16px;font-weight: 300;line-height: 1.6em;}
.main .footer .foot .infowrap>dl>dd p{
	display: flex;
	color: rgba(255, 255, 255, 0.6);
}
.main .footer .foot .infowrap>dl>dd p span{
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-weight: 400;
}
.main .footer .foot .infowrap>dl>dd p .sp1{
	width: 40px;
}
.main .footer .foot .infowrap>dl>dd p .sp2{
	width: calc(100% - 40px);
}
.main .footer .foot .copy{
box-sizing:border-box;
margin-top: 60px;
}
.main .footer .foot .copy p{font-family: "Montserrat", serif;
font-size:14px;color:rgba(255,255,255,0.25);font-weight: 300;
}



/*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 bgScale{
   0%{transform:scale(1.18);}
   100%{transform:scale(1);}
  }
    @keyframes bgScaleCenter{
   0%{transform:scale(1.18) translate(-50%, -50%);}
   100%{transform:scale(1) translate(-50%, -50%);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-70px, 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%, 70px, 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%);}
}

/*sec1*/
.sec1 .visual .bg{/* transform:scale(1.2); */filter:blur(10px);}
.sec1.on .visual .bg{/* transform:scale(1);*/filter:blur(0px);transition:all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);; }
.sec1 .visual .txtwrap h3>span,
.sec1 .visual .txtwrap p{opacity:0;transform:translateY(80px);}
.sec1.on .visual .txtwrap h3>span,
.sec1.on .visual .txtwrap p{
opacity:1;transform:translateY(0px);transition:all 1s ease;
}
.sec1.on .visual .txtwrap h3>span:nth-child(2){transition-delay:0.1s;}
.sec1.on .visual .txtwrap p{transition-delay:0.25s;}

/*sec2*/
.sec2 .imgarea .img img{transform:scale(1.1);filter:blur(10px);}
.sec2.on .imgarea .img img{transform:scale(1);filter:blur(0px);transition:all 1.25s ease;transition-delay:0.3s;}
.sec2 .imgarea:before{opacity:0;}
.sec2.on .imgarea:before{opacity:1;transition:opacity 0.8s ease;transition-delay:0.4s;}

.sec2 .platform-txt .cate,
.sec2 .platform-txt .desc,
.sec2 .platform-txt h2,
.sec2 .platform-txt p{opacity:0;transform:translateY(80px);}
.sec2.on .platform-txt .cate,
.sec2.on .platform-txt .desc,
.sec2.on .platform-txt h2,
.sec2.on .platform-txt p{opacity:1;transform:translateY(0px);transition:all 0.9s ease;
transition-delay:0.5s;
}
.sec2.on .platform-txt .desc{transition-delay:0.6s;}
.sec2.on .platform-txt h2{transition-delay:0.7s;}
.sec2.on .platform-txt p{transition-delay:0.8s;}

/*sec3*/
.sec3 .imgarea .img img{transform:scale(1.1);filter:blur(10px);}
.sec3.on .imgarea .img img{transform:scale(1);filter:blur(0px);transition:all 1.25s ease;transition-delay:0.3s;}
.sec3 .imgarea:before{opacity:0;}
.sec3.on .imgarea:before{opacity:1;transition:opacity 0.8s ease;transition-delay:0.4s;}
.sec3 .platform-txt .cate,
.sec3 .platform-txt .desc{opacity:0;transform:translateX(-80px);}
.sec3 .platform-txt h2,
.sec3 .platform-txt p{opacity:0;transform:translateX(80px);}
.sec3.on .platform-txt .cate,
.sec3.on .platform-txt .desc{opacity:1;transform:translateX(0px);transition:all 0.9s ease;
transition-delay:0.5s;
}
.sec3.on .platform-txt h2,
.sec3.on .platform-txt p{opacity:1;transform:translateX(0px);transition:all 0.9s ease;
transition-delay:0.7s;
}
.sec3.on .platform-txt .desc{transition-delay:0.6s;}
.sec3.on .platform-txt h2{transition-delay:0.7s;}
.sec3.on .platform-txt p{transition-delay:0.8s;}

/*sec4*/
.sec4 .imgarea .img img{transform:scale(1.1);filter:blur(10px);}
.sec4.on .imgarea .img img{transform:scale(1);filter:blur(0px);transition:all 1.25s ease;transition-delay:0.3s;}
.sec4 .imgarea:before{opacity:0;}
.sec4.on .imgarea:before{opacity:1;transition:opacity 0.8s ease;transition-delay:0.4s;}
.sec4 .platform-txt .cate,
.sec4 .platform-txt .desc,
.sec4 .platform-txt h2,
.sec4 .platform-txt p{opacity:0;transform:translateY(80px);}
.sec4.on .platform-txt .cate,
.sec4.on .platform-txt .desc,
.sec4.on .platform-txt h2,
.sec4.on .platform-txt p{opacity:1;transform:translateY(0px);transition:all 0.9s ease;transition-delay:0.5s;
}
.sec4.on .platform-txt .desc{transition-delay:0.6s;}
.sec4.on .platform-txt h2{transition-delay:0.7s;}
.sec4.on .platform-txt p{transition-delay:0.8s;}

/*sec5*/
.sec5 .titlearea h4,
.sec5 .titlearea p{opacity:0;transform:translateY(50px);}
.sec5.on .titlearea h4,
.sec5.on .titlearea p{opacity:1;transform:translateY(0px);transition:all 1s ease;transition-delay:0.3s;}
.sec5.on .titlearea p{transition-delay:0.4s;}
.sec5 .titlearea:before{width:0;}
.sec5.on .titlearea:before{width:100%;transition:width 1.5s ease;transition-delay:0.42s;}
.sec5 .pipeSwiper{opacity:0;transform:translateY(50px);}
.sec5.on .pipeSwiper{opacity:1;transform:translateY(0px);transition:all 1.2s ease;transition-delay:0.5s;}
.sec5 .pipeSwiper .swiper-slide .bgarea .bg{
transform: scale(1.2);
}
.sec5 .pipeSwiper .swiper-slide.swiper-slide-active .bgarea .bg{
transform: scale(1);transition:all 1.5s ease-in-out;
}
.sec5 .pipeSwiper .swiper-slide .txtarea h5,
.sec5 .pipeSwiper .swiper-slide .txtarea p{opacity:0;transform: scale(1.2);filter:blur(5px);}
.sec5 .pipeSwiper .swiper-slide.swiper-slide-active .txtarea h5,
.sec5 .pipeSwiper .swiper-slide.swiper-slide-active .txtarea p{opacity:1;transform: scale(1);filter:blur(0px);transition:all 1s;transition-delay:0.1s;}
.sec5 .pipeSwiper .swiper-slide.swiper-slide-active .txtarea p{transition-delay:0.2s;}

/*sec6*/
.sec6 .titlearea h4,
.sec6 .titlearea p{opacity:0;transform:translateY(50px);}
.sec6.on .titlearea h4,
.sec6.on .titlearea p{opacity:1;transform:translateY(0px);transition:all 1s ease;transition-delay:0.3s;}
.sec6.on .titlearea p{transition-delay:0.4s;}
.sec6 .listwrap>dl{opacity:0;transform:translateX(100%);}
.sec6.on .listwrap>dl{opacity:1;transform:translateX(0);transition:all 1.1s ease;transition-delay:0.5s;}
.sec6.on .listwrap>dl:nth-child(1){transition:all 1.5s ease;transition-delay:0.5s;}
.sec6.on .listwrap>dl:nth-child(2){transition-delay:0.6s;}
.sec6.on .listwrap>dl:nth-child(3){transition-delay:0.7s;}
.sec6.on .listwrap>dl:nth-child(4){transition-delay:0.8s;}
.sec6 .listwrap>dl>dt:before{transform:translateY(-50%) rotateY(450deg);opacity:0;}
.sec6.on .listwrap>dl>dt:before{
transform:translateY(-50%) rotateY(0deg);opacity:1;transition:all 2s ease;transition-delay:0.7s;
}


.sec6.swiper-slide-active .titlearea h4,
.sec6.swiper-slide-active .titlearea p{opacity:1;transform:translateY(0px);transition:all 1s ease;transition-delay:0.3s;}
.sec6.swiper-slide-active .titlearea p{transition-delay:0.4s;}
.sec6.swiper-slide-active .listwrap>dl{opacity:1;transform:translateX(0);transition:all 1.1s ease;transition-delay:0.5s;}
.sec6.swiper-slide-active .listwrap>dl:nth-child(1){transition:all 1.5s ease;transition-delay:0.5s;}
.sec6.swiper-slide-active .listwrap>dl:nth-child(2){transition-delay:0.6s;}
.sec6.swiper-slide-active .listwrap>dl:nth-child(3){transition-delay:0.7s;}
.sec6.swiper-slide-active .listwrap>dl:nth-child(4){transition-delay:0.8s;}
.sec6.swiper-slide-active .listwrap>dl>dt:before{
transform:translateY(-50%) rotateY(0deg);opacity:1;transition:all 2s ease;transition-delay:0.7s;
}


/*sec7*/
.sec7 .titlearea h4,
.sec7 .titlearea p,
.sec7 .more{opacity:0;transform:translateY(50px);}
.sec7.on .titlearea h4,
.sec7.on .titlearea p,
.sec7.on .more{opacity:1;transform:translateY(0px);transition:all 1s ease;transition-delay:0.3s;}
.sec7.on .titlearea p{transition-delay:0.4s;}
.sec7.on .more{transition-delay:0.5s;}
.sec7 .titlearea:before{width:0;}
.sec7.on .titlearea:before{width:100%;transition:width 1.5s ease;transition-delay:0.42s;}
.sec7 .newsSwiper{opacity:0;transform:translateY(60px);}
.sec7.on .newsSwiper{opacity:1;transform:translateY(0px);transition:all 1.1s ease;transition-delay:0.5s;}