@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}





/* visual */
#visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
#visual .visual{width:100%;height:100%;}
#visual .visual video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#visual .visual .swiper-wrapper{width:100%;height:100%;}
#visual .visual .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
#visual .visual .swiper-slide .slide-inner{
	width:100%;height:100%;
    position: absolute;left:0;top:0;z-index: 100;
    background-size: cover;
    background-position: center;
    display:flex;justify-content:center;align-items:center;
    text-align: left;	
}
#visual .visual .swiper-slide .bg{
	position:absolute;left:0;top:0;bottom:0;right:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.2s;
}
#visual .visual .swiper-slide .bg video{width:100%;height:100%;object-fit:cover;}
#visual .visual .swiper-slide.v1 .bg{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover}
#visual .visual .swiper-slide-active .bg{transform:scale(1);z-index:100;}

#visual .visual .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#visual .visual .txtwrap{
	position:absolute;left:4%;top:50%;z-index:100;
	transform:translateY(-50%);
	width:92%;
	text-align:center;
}
#visual .visual .txtwrap .tit{
	position:relative;
	font-size:6em;color:#fff;font-weight:500;line-height:1.1em;
}
#visual .visual .txtwrap .tit span{display:inline-block;}
#visual .visual .txtwrap .tit:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:0;bottom:17px;
}
#visual .visual .txtwrap .txt{margin-top:10px;font-size:27px;color:#fff;font-weight:500;}

#visual .visual .vprev{
	width:26px;height:49px;
	background:url(/images/main/vprev.png) no-repeat;
	position:absolute;left:30px;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}
#visual .visual .vnext{
	width:26px;height:49px;
	background:url(/images/main/vnext.png) no-repeat;
	position:absolute;right:30px;top:50%;z-index:100;
	transform:translateY(-50%);
	cursor:pointer;
}
#visual .visual .vpaging{position:absolute;left:0;bottom:50px;z-index:100;width:100%;}
#visual .visual .vpaging span{
	display:inline-block;
	width:9px;height:9px;
	margin:0 7px;
	background:0;opacity:1;
	border:1px solid #fff;
}
#visual .visual .vpaging span.swiper-pagination-bullet-active{background:#fff;}




.section .conwrap .title h2{font-size:31px;color:#000;font-weight:500;}
.section .conwrap .title h2 .dot{
	display:inline-block;vertical-align:top;
	width:8px;height:8px;
	margin:27px 0 0 8px;
	background:#0981f1;
	border-radius:50%;
}
.btnMore{font-size:14px;color:#fff;font-weight:500;}
.btnMore i{
	display:inline-block;
	width:61px;height:6px;
	margin:0 0 0 5px;
	background:url(/images/common/more_arr.png) no-repeat;
}
.btnMore:hover{color:#fff;}




/* section1 */
.section1{
	position: relative;
	overflow: hidden;
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding:0 4%;
	background:url(/images/main/sec1_bg.jpg) no-repeat right;
	background-size:cover;
}
.section1 .video{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section1 .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section1 .conwrap{position: relative; display:flex;flex-wrap:wrap;width:100%;}
.section1 .conwrap .title{width:30%;}
.section1 .conwrap .title h2{color:#fff;}
.section1 .conwrap .con{width:70%;}
.section1 .conwrap .con .tit{}
.section1 .conwrap .con .tit>div{font-size:4.5vw;color:#fff;font-weight:400;line-height:1.2em;transition:all 0.2s;}
.section1 .conwrap .con .tit>div .img{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 200px;
	height: 100px;
	transform: scaleX(1);
}
.section1 .conwrap .con .tit>div .img span{
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	width: 200px;
	height: 100px;
	transform: translateX(-50%);
	border-radius: 50px;
	background:url(/images/main/sec1_img.png) no-repeat center;
}
.section1 .conwrap .con p{
	margin:50px 0 40px;
	font-size:19px;color:rgba(255,255,255,0.6);line-height:1.7em;
	transition:all 0.2s;
}





/* section2 */
.section2{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;
	padding:260px 4% calc(20vh + 260px);
}
.section2 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section2 .conwrap .title{width:30%;}
.section2 .conwrap .title h3{margin:40px 0 20px;}
.section2 .conwrap .title h3 div{}
.section2 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section2 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section2 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section2 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	margin:0 0 0 5px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section2 .conwrap .con{width:69%;}
.section2 .conwrap .con ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.section2 .conwrap .con ul li{
	width:48.25%;
	margin-bottom:125px;
}
.section2 .conwrap .con ul li:nth-child(2),
.section2 .conwrap .con ul li:nth-child(4){transform:translateY(40vh);}
.section2 .conwrap .con ul li .img{
	overflow:hidden;
	width:100%;height:50vh;
	border-radius:30px;
}
.section2 .conwrap .con ul li .img>div{width:100%;height:100%;}
.section2 .conwrap .con ul li:nth-child(1) .img>div{
	background:url(/images/main/sec2_img1.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(2) .img>div{
	background:url(/images/main/sec2_img2.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(3) .img>div{
	background:url(/images/main/sec2_img3.png) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li:nth-child(4) .img>div{
	background:url(/images/main/sec2_img4.jpg) no-repeat center;
	background-size:cover;
}
.section2 .conwrap .con ul li .tit{margin:50px 0 10px;font-size:38px;color:#000;font-weight:600;}
.section2 .conwrap .con ul li .txt{font-size:19px;color:#555;}





/* section3 */
.section3{
	box-sizing:border-box;
	width:100%;
	padding:215px 4%;
	background:#dadde2 url(/images/main/sec3_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}
.section3 .conwrap .title h3{margin:40px 0 20px;}
.section3 .conwrap .title h3 div{}
.section3 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section3 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section3 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section3 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}

.section3 .conwrap{}
.section3 .conwrap ul{display:flex;flex-wrap:wrap;}
.section3 .conwrap ul li{
	overflow:hidden;
	position:relative;
	width:32%;height:50vh;
	margin:0 2% 2% 0;
	padding:0 45px;
	border-radius:30px;
}
.section3 .conwrap ul li:first-child{padding:0;border-radius:0;}
.section3 .conwrap ul li:nth-child(3n){margin-right:0;}
.section3 .conwrap ul li:nth-child(4){margin-bottom:0;}
.section3 .conwrap ul li:nth-child(5){margin-bottom:0;}
.section3 .conwrap ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.section3 .conwrap ul li:nth-child(2) .bg{
	background:url(/images/main/sec3_bg4.jpg) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(3) .bg{
	background:url(/images/main/sec3_bg3.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(4) .bg{
	background:url(/images/main/sec3_bg1.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li:nth-child(5) .bg{
	background:url(/images/main/sec3_bg2.png) no-repeat center;
	background-size:cover;
}
.section3 .conwrap ul li .txtwrap{
	position:absolute;left:0;bottom:0;z-index:10;
	box-sizing:border-box;
	width:100%;
	padding:0 45px 45px
}
.section3 .conwrap ul li .txtwrap .tit{font-size:38px;color:#fff;font-weight:600;line-height:1.3em;}
.section3 .conwrap ul li .txtwrap .txt{margin-top:10px;font-size:19px;color:rgba(255,255,255,0.9);line-height:1.7em;}


@media(max-width:1490px){

	.section3 .conwrap .title h3 div>span{font-size:50px;}

}




/* section4 */
.section4{
	box-sizing:border-box;
	width:100%;
	padding:260px 4% 0;
}
.section4 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section4 .conwrap .title{width:30%;}
.section4 .conwrap .title h3{margin:40px 0 20px;}
.section4 .conwrap .title h3 div{}
.section4 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section4 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section4 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section4 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section4 .conwrap .con{width:70%;}
.section4 .conwrap .con ul{}
.section4 .conwrap .con ul li{
	display:flex;flex-wrap:wrap;
	padding:30px 0 50px;
	border-top:1px solid #333;
}
.section4 .conwrap .con ul li .area:nth-child(1){width:55%;}
.section4 .conwrap .con ul li .area:nth-child(2){width:45%;}
.section4 .conwrap .con ul li .area{
	display:flex;
}
.section4 .conwrap .con ul li .area>div{width:155px;}
.section4 .conwrap .con ul li .area>div + div{width:calc(100% - 155px);}
.section4 .conwrap .con ul li .area>div.num{font-size:16px;color:#000;font-weight:500;}
.section4 .conwrap .con ul li .area>div.tit{font-size:37px;color:#000;font-weight:600;line-height:1.1em;}
.section4 .conwrap .con ul li .area>div.tit span{display:block;font-size:16px;font-weight:500;}
.section4 .conwrap .con ul li .area>div.icon{text-align:center;}
.section4 .conwrap .con ul li .area>div.txt{
	padding:0 10px;
	font-size:19px;color:#555;line-height:1.7em;
}





/* section5 */
.section5{
	box-sizing:border-box;
	width:100%;
	padding:240px 4% 0;
}
.section5 .conwrap{display:flex;flex-wrap:wrap;width:100%;}
.section5 .conwrap .title{
	box-sizing:border-box;
	width:50%;
	padding-top:75px;padding-left:6%;
}
.section5 .conwrap .title h3{margin:40px 0 20px;}
.section5 .conwrap .title h3 div{}
.section5 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section5 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#555;}
.section5 .conwrap .title .btnMore{font-size:14px;color:#000;font-weight:500;}
.section5 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section5 .conwrap .title ul{display:flex;flex-wrap:wrap;margin-top:115px;border-left:1px solid #ddd;}
.section5 .conwrap .title ul li{
	box-sizing:border-box;
	width:33.333%;
	padding:45px 20px;
	border-right:1px solid #ddd;
	text-align:center;
}
.section5 .conwrap .title ul li .icon{display:flex;align-items:center;justify-content:center;height:50px;}
.section5 .conwrap .title ul li .tit{margin:25px 0;font-size:29px;color:#000;font-weight:600;}
.section5 .conwrap .title ul li .arr{}
.section5 .conwrap .img{
	overflow:hidden;
	width:50%;
	border-radius:30px;
}
.section5 .conwrap .img>div{
	width:100%;height:100%;
	background:url(/images/main/sec5_img.png) no-repeat center;
	background-size:cover;
}





/* section6 */
.section6{
	box-sizing:border-box;
	width:100%;
	padding:230px 4% 0;
}
.section6 .conwrap{}
.section6 .conwrap .title{position:relative;width:100%;}
.section6 .conwrap .title h3{margin:40px 0 20px;}
.section6 .conwrap .title h3 div{}
.section6 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section6 .conwrap .title p{font-size:19px;color:#555;}
.section6 .conwrap .title .btnMore{position:absolute;right:0;bottom:0;color:#000;}
.section6 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}
.section6 .conwrap .con{
	overflow:hidden;
	display:flex;flex-wrap:wrap;
	width:100%;height:55vh;
	margin-top:50px;
	border-radius:30px;
	background:url(/images/main/sec6_bg.jpg) no-repeat center;
	background-size:cover;
}
.section6 .conwrap .con>div{
	display:flex;align-items:center;justify-content:center;
	box-sizing:Border-box;
	width:33.333%;height:100%;
	padding:0 5%;
	border-right:1px solid rgba(255,255,255,0.4);
	text-align:center;
}
.section6 .conwrap .con>div:last-child{border:0;}
.section6 .conwrap .con>div .icon{display:flex;align-items:center;justify-content:center;height:50px;}
.section6 .conwrap .con>div .tit{margin:15px 0 25px;font-size:36px;color:#fff;font-weight:600;}
.section6 .conwrap .con>div .txt{font-size:19px;color:#fff;line-height:1.7em;}





/* section7 */
.section7{
	box-sizing:border-box;
	width:100%;
	padding:230px 4% 0;
}
.section7 .conwrap{}
.section7 .conwrap .title{position:relative;width:100%;}
.section7 .conwrap .title h3{margin:40px 0 20px;}
.section7 .conwrap .title h3 div{}
.section7 .conwrap .title h3 div>span{font-size:55px;color:#000;font-weight:600;line-height:1.3em;}
.section7 .conwrap .title p{font-size:19px;color:#555;}
.section7 .conwrap .title .btnMore{position:absolute;right:0;bottom:0;color:#000;}
.section7 .conwrap .title .btnMore i{
	display:inline-block;
	width:61px;height:7px;
	background:url(/images/common/more_arr2.png) no-repeat;
}

.section7 .conwrap .press{margin-top:50px;padding-bottom:60px;}
.section7 .conwrap .press .swiper-slide{width:408px;}
.section7 .conwrap .press .swiper-slide .thumb{
	overflow:hidden;
	margin-bottom:35px;
	border-radius:30px;
}
.section7 .conwrap .press .swiper-slide .tit{
	font-size:23px;color:#000;font-weight:600;line-height:1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.section7 .conwrap .press .swiper-slide .txt{
	overflow: hidden;
	margin:10px 0 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:19px;color:#555;line-height:1.6em;
}
.section7 .conwrap .press .swiper-slide .date{font-size:17px;color:#666;}

.section7 .conwrap .press .swiper-scrollbar{
    position:absolute;left:0%;bottom:0px;z-index: 50;
    height:4px;width:100%;
	background:0;
	box-shadow:0 -1px 0 #ddd inset;
}
.section7 .conwrap .press .swiper-scrollbar-drag{background:#000;}






/* section8 */
.section8{
	box-sizing:border-box;
	width:100%;
	padding:230px 0 160px;
}
.section8 .conwrap{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:92%;
	margin:0 auto;padding:130px 5%;
	border-radius:30px;
}
.section8 .conwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec8_bg.jpg) no-repeat center;
	background-size:cover;
}
.section8 .conwrap .title{position:relative;z-index:10;}
.section8 .conwrap .title h2{color:#fff;}
.section8 .conwrap .title h3{margin:40px 0 20px;}
.section8 .conwrap .title h3 div{}
.section8 .conwrap .title h3 div>span{font-size:55px;color:#fff;font-weight:600;line-height:1.3em;}
.section8 .conwrap .title p{margin-bottom:30px;font-size:19px;color:#fff;}





.layerPop {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 5000;
	max-width: 1280px;
	width: 94%;
	transform: translate(-50%, -50%);
}
.layerPop .conwrap{
	box-sizing:border-box;
	width:100%; /* max-height:75vh; */
	padding:50px;
	background:#fff;
	border-radius:30px;
}
.layerPop.recruit1 .conwrap{
	max-height: unset;
}
.layerPop .conwrap .btnClose2{
	position:absolute;right:70px;top:70px;
}
.layerPop .conwrap .conarea{display:flex;background:#f2f2f2;border-radius:30px;}
.layerPop .conwrap .conarea .pht{
	overflow:hidden;
	width:45.76%;
	border:1px solid #ddd;border-radius:30px;
}
.layerPop .conwrap .conarea .info{
	box-sizing:border-box;
	width:calc(100% - 45.76%);
	padding:90px;
}
.layerPop .conwrap .conarea .info .name{}
.layerPop .conwrap .conarea .info .name .kr{font-size:42px;color:#000;font-weight:700;}
.layerPop .conwrap .conarea .info .name .en{font-size:15px;color:#a7a7a7;font-weight:500;}
.layerPop .conwrap .conarea .info .name + div{margin-top:30px;border-top:2px solid #222;}
.layerPop .conwrap .conarea .info .name + div dl{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop .conwrap .conarea .info .name + div dl dt{
	box-sizing:border-box;
	width:160px;
	padding-left:47px;
	font-size:19px;color:#000;font-weight:600;
}
.layerPop .conwrap .conarea .info .name + div dl.email dt{background:url(/images/page/m65_pop_icon1.png) no-repeat 11px 6px;}
.layerPop .conwrap .conarea .info .name + div dl.business dt{background:url(/images/page/m65_pop_icon2.png) no-repeat 11px 1px;}
.layerPop .conwrap .conarea .info .name + div dl dd{
	width:calc(100% - 160px);
	font-size:19px;color:#555;font-weight:400;
}

.layerPop.fmPop{}
.layerPop.fmPop .btnClose{position:absolute;left:calc(100% - 53px);top:27px;width:26px;}
.layerPop.fmPop h4{font-size:36px;color:#000;font-weight:600;}
.layerPop.fmPop h4>div{display:none;}
.layerPop.fmPop .conwrap .conarea{
	overflow:hidden;
	display:block;
	height:60vh;margin:20px 0 0;
}
.layerPop.fmPop .conwrap .conarea>div{box-sizing:border-box;width:100%;height:100%;padding:30px;}
.layerPop.fmPop .conwrap .conarea textarea{
	width:100%;height:100%;
	border:0;outline:0;background:0;resize:none;
	font-size:16px;
}
.layerPop.fmPop .conwrap .conarea p{font-size:19px;color:#666;}
.layerPop.fmPop .conwrap .conarea p strong{font-weight:600;color:#000;}
.layerPop.fmPop .conwrap .conarea ul{}
.layerPop.fmPop .conwrap .conarea ul li{
	position:relative;
	margin-bottom:40px;padding-left:45px;
	font-size:16px;line-height:1.8em;
}
.layerPop.fmPop .conwrap .conarea ul li:last-child{margin-bottom:0;}
.layerPop.fmPop .conwrap .conarea ul li .num{
	position:absolute;left:0;top:-2px;
	width:30px;height:30px;
	background:#0c1d4b;
	border-radius:50%;
	font-size:16px;color:#fff;text-align:center;line-height:30px;
}















/**/
.visual .ctr{opacity:0;}
#visual .visual .txtwrap .tit:after{transform:scaleX(0);transform-origin:left;}
#visual .visual .txtwrap .tit span{opacity:0;transform:translateY(50%);}
#visual .visual .txtwrap .txt{opacity:0;transform:translateY(-50%);}

#visual .visual .swiper-slide-active .txtwrap .tit:after{transform:scaleX(1);transition:all 2s;}
#visual .visual .swiper-slide-active .txtwrap .tit span{opacity:1;transform:translateY(0);transition:all 1s 0.6s;}
#visual .visual .swiper-slide-active .txtwrap .txt{opacity:1;transform:translateY(0);transition:all 1s 0.6s;}



.section1 .conwrap .con .tit .txtLine1 .span1{display: inline-block; opacity: 0; transform: translateX(-50px);}
.section1 .conwrap.in-view .con .tit .txtLine1 .span1{opacity: 1; transform: translateX(0); transition: all 1.3s 0.3s;}
.section1 .conwrap .con .tit .txtLine1 .span2{display: inline-block; opacity: 0; transform: translateX(50px);}
.section1 .conwrap.in-view .con .tit .txtLine1 .span2{opacity: 1; transform: translateX(0); transition: all 1.3s 0.3s;}
.section1 .conwrap .con .tit>div .img span{opacity: 0;}
.section1 .conwrap.in-view .con .tit>div .img span{opacity: 1; transition: all 1.3s 0.3s;}

.section1 .conwrap .con .tit .txtLine2{display: inline-block; opacity: 0; transform: translateX(-50px);}
.section1 .conwrap.in-view .con .tit .txtLine2{display: inline-block; opacity: 1; transform: translateX(0px);transition: all 1.3s 0.3s;}
.section1 .conwrap .con .tit .txtLine3{display: inline-block; opacity: 0; transform: translateX(50px);}
.section1 .conwrap.in-view .con .tit .txtLine3{display: inline-block; opacity: 1; transform: translateX(0px);transition: all 1.3s 0.3s;}






.section2 .conwrap .con ul li .img.in-view{
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.1s;
	opacity: 0;
}



.section3 .conwrap ul li:nth-child(2){opacity: 0; transform: translateX(-40px);}
.section3 .conwrap ul li:nth-child(2).in-view{opacity: 1; transform: translateX(0); transition: all 0.6s 0.6s;}
.section3 .conwrap ul li:nth-child(3){opacity: 0; transform: translateX(-40px);}
.section3 .conwrap ul li:nth-child(3).in-view{opacity: 1; transform: translateX(0); transition: all 0.6s 0.9s;}
.section3 .conwrap ul li:nth-child(4){opacity: 0; transform: translateX(-40px);}
.section3 .conwrap ul li:nth-child(4).in-view{opacity: 1; transform: translateX(0); transition: all 0.6s 0.6s;}
.section3 .conwrap ul li:nth-child(5){opacity: 0; transform: translateX(-40px);}
.section3 .conwrap ul li:nth-child(5).in-view{opacity: 1; transform: translateX(0); transition: all 0.6s 0.9s;}


.section4 .conwrap .con ul li{opacity: 0; transform: translateY(40px);}
.section4 .conwrap .con ul li.in-view{opacity: 1; transform: translateY(0); transition: all 0.6s 0.2s;}



@keyframes imgMotion{
	0% { clip-path: inset(50%);opacity:0; }
	100% {clip-path: inset(0);opacity:1;}
}

.section5 .conwrap .img.in-view {
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.3s;
	opacity: 0;
}

.section5 .conwrap .title ul li a{display: block; opacity: 0; transform: translateY(40px);}
.section5 .conwrap .title ul li.in-view a{opacity: 1; transform: translateY(0); transition: all 0.6s 0.6s;}


.section6 .conwrap .con{border-radius: 0;}
.section6 .conwrap .con.in-view{border-radius: 30px;transition: all 1.4s; }

.section6 .conwrap .con > div > div{opacity: 0; transform: translateY(40px);}
.section6 .conwrap .con > div > div.in-view{opacity: 1; transform: translateY(0);}
.section6 .conwrap .con > div:nth-child(1) > div{transition: all 1s 0.2s;}
.section6 .conwrap .con > div:nth-child(2) > div{transition: all 1s 0.4s;}
.section6 .conwrap .con > div:nth-child(3) > div{transition: all 1s 0.6s;}
.section6 .conwrap .con > div > div .icon img{transform: rotateY(180deg);}
.section6 .conwrap .con > div > div.in-view .icon img{transform: rotateY(0);}
.section6 .conwrap .con > div:nth-child(1) > div img{transition: all 1s 0.4s;}
.section6 .conwrap .con > div:nth-child(2) > div img{transition: all 1s 0.6s;}
.section6 .conwrap .con > div:nth-child(3) > div img{transition: all 1s 0.8s;}


.section7 .conwrap .con{opacity: 0; transform: translateY(40px);}
.section7 .conwrap .con.in-view{opacity: 1; transform: translateY(0);transition: all 1s 0.4s;}

.section8 .conwrap{opacity: 0; transform: translateY(40px);}
.section8 .conwrap.in-view{opacity: 1; transform: translateY(0);transition: all 1s 0.4s;}