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


/* header */
.bl{}
.bl .head h1 a{
	background:url(/images/common/logo2.png) no-repeat center;
}
.bl .head .gnb .language>a{
	background:url(/images/common/btn_lang2.png) no-repeat center;
}
.bl .head .gnb .btnMenu>div{background:#000;}
.bl .head .pcNav>ul>li>a{color:#000;}


.section{position:relative; width: 100%; height: 100vh; box-sizing:border-box; overflow:hidden;}
.section .fp-tableCell{overflow:hidden;}
.section *{box-sizing:border-box;}
body #fp-nav{display:none;}



/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;
	width:100%;height:100%;
	transform:scale(1.1);transition:all 0.7s;
}
.visual .swiper-slide .bg video{
	width:100%;height:100%;
	object-fit:cover;
}
.visual .swiper-slide-active .bg{transform:scale(1);z-index:100;transition:all 1.4s;}

.visual .v1 .bg{
	background:url(/images/main/visual1.jpg) no-repeat center;
	background-size:cover;
}
.visual .v2 .bg{
	background:url(/images/main/visual2.jpg) no-repeat center;
	background-size:cover;
}
.visual .v3 .bg{
	background:url(/images/main/visual3.jpg) no-repeat center;
	background-size:cover;
}

.visual .txtwrap{
	position:absolute;left:0;top:25%;z-index:100;
	box-sizing:border-box;
	width:100%;
	padding:0 5%;
}
.visual .txtwrap .tit{opacity:0;transform:translateY(25%);transition:all 0.7s;}
.visual .txtwrap .tit>div{overflow:hidden;}
.visual .txtwrap .tit>div>span{
	display:block;	
	font-family:"Lexend";font-size:80px;color:#fff;line-height:1.25em;	
	text-shadow:2px 2px 3px rgba(0,0,0,0.2);
}
.visual .txtwrap .txt{
	opacity:0;
	margin-top:50px;font-size:27px;color:#fff;font-weight:500;
	text-shadow:2px 2px 3px rgba(0,0,0,0.2);
	transition:all 0.7s;
}

.ani .visual .txtwrap .tit{opacity:1;transform:translateY(0);transition:all 1s;}
.ani .visual .txtwrap .txt{opacity:1;transform:translateY(0);transition:all 1s 0.2s;}

.visual .ctr{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;bottom:85px;z-index:100;
	width:100%;
}
.visual .ctr .vprev{
	width:15px;height:30px;
	background:url(/images/main/vprev.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .vnext{
	width:15px;height:30px;
	background:url(/images/main/vnext.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .vpaging{
	position:static;
	margin:0 35px;
}
.visual .ctr .vpaging span{
	box-sizing:border-box;
	position:relative;
	width:38px;height:38px;
	margin:0;
	border:1px solid #fff;background:0;
	border-radius:50%;
	opacity:1;
}
.visual .ctr .vpaging span:after{
	display:block;content:"";
	width:10px;height:10px;
	background:#7fc241;
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	margin:-5px 0 0 -5px;
	opacity:0;
	transition:all 0.6s;
}
.visual .ctr .vpaging .swiper-pagination-bullet-active:after{opacity:1;}



.sec1 .scroll{
	position:absolute;right:3%;bottom:60px;z-index:100;
	width:90px;height:90px;
}
.sec1 .scroll .arr{
	width:100%;height:100%;
	background:url(/images/main/scroll_arr.png) no-repeat center;
}
.sec1 .scroll .txt{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/scroll_txt.png) no-repeat center;
	animation:scrollAni1 10s infinite linear;
}
@keyframes scrollAni1{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}




/**/
.section h2{
	display:flex;align-items:center;
	font-size:25px;color:#fff;font-weight:600;
}
.section h2 .en{
	display:inline-block;vertical-align:top;
	margin-top:2px;
	font-family:"Lexend";font-size:30px;font-weight:600;
}
.section h2 .bar{
	display:inline-block;vertical-align:top;
	width:1px;height:22px;
	background:#fff;
	margin:2px 18px 0;
}




/* sec2 */
.sec2{}
.sec2 .swiper-slide{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding:0 3%;
}
.sec2 .swiper-slide .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
}
.sec2 .swiper-slide.item1 .bg{
	background:url(/images/main/sec2_bg1.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .swiper-slide.item2 .bg{
	background:url(/images/main/sec2_bg2.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .swiper-slide.item3 .bg{
	background:url(/images/main/sec2_bg3.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .swiper-slide .txtwrap{overflow:hidden;width:100%;}
.sec2 .swiper-slide .txtwrap .textArea1{
	position:relative;
	display:flex;justify-content:space-between;
	width:100%;
	margin:5vh 0 5vh;
}
.sec2 .swiper-slide .txtwrap .textArea1 .left{
	font-family:"Lexend";font-size:10vw;font-weight:300;color:#fff;letter-spacing:7px;text-align:left;
}
.sec2 .swiper-slide .txtwrap .textArea1 .bar{
	position:absolute;left:50%;top:50%;
	width:14vw;height:1px;
	background:#fff;
	margin-left:-7vw;
}
.sec2 .swiper-slide.item2 .txtwrap .textArea1 .bar{width:4vw;margin-left:13.5vw;}
.sec2 .swiper-slide .txtwrap .textArea1 .right{
	font-family:"Lexend";font-size:10vw;font-weight:300;color:#fff;letter-spacing:7px;text-align:right;
	margin-right:-15px;
}
.sec2 .swiper-slide .txtwrap .textArea2{position:relative;}
.sec2 .swiper-slide .txtwrap .textArea2 h3{font-size:40px;color:#fff;font-weight:600;}
.sec2 .swiper-slide .txtwrap .textArea2 p{margin-top:20px;font-size:19px;color:rgba(255,255,255,0.8);line-height:1.7em;}
.sec2 .swiper-slide .txtwrap .textArea2 a{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100px;height:100px;
	border-radius:50%;margin-top:20px;
	font-family:"Lexend";font-size:12px;color:#fff;
}
.sec2 .swiper-slide .txtwrap .textArea2 a span{position:relative;z-index:10;}
.sec2 .swiper-slide .txtwrap .textArea2 a span i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr1.png) no-repeat;
}
.sec2 .swiper-slide.item1 .txtwrap .textArea2 a{background:#7fc241;}
.sec2 .swiper-slide.item2 .txtwrap .textArea2 a{background:#0097dc;}
.sec2 .swiper-slide.item3 .txtwrap .textArea2 a{background:#7fc241;}
.sec2 .swiper-slide .txtwrap .textArea2 a:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f15e21;
	position:absolute;left:50%;top:50%;
	border-radius:50%;
	transform-origin:center;
	transform:translate(-50%,-50%) scale(0);transition:all 0.6s;
}
.sec2 .swiper-slide .txtwrap .textArea2 a:hover:after{transform:translate(-50%,-50%) scale(1.4);}

.sec2 .swiper-slide .bg{transform:scale(1.1);transition:all 1s 0s;}
.sec2 .swiper-slide-active .bg{transform:scale(1);transition:all 1s 0s;}
.sec2 .swiper-slide .txtwrap .textArea1 .bar{
	transform:scaleX(0);transition:all 1s 0s;
}
.sec2 .swiper-slide .txtwrap .textArea1 .left{
	transform:translateX(-100%);transition:all 1s 0s;
}
.sec2 .swiper-slide .txtwrap .textArea1 .right{
	transform:translateX(100%);transition:all 1s 0s;
}
.sec2 .swiper-slide-active .txtwrap .textArea1 .bar{
	transform:scaleX(1);
}
.sec2 .swiper-slide-active .txtwrap .textArea1 .left{
	transform:translateX(0);
}
.sec2 .swiper-slide-active .txtwrap .textArea1 .right{
	transform:translateX(0);
}
.sec2 .swiper-slide .txtwrap .textArea2 h3{opacity:0;transform:translateY(40px);transition:all 1s 0s;}
.sec2 .swiper-slide .txtwrap .textArea2 p{opacity:0;transform:translateY(40px);transition:all 1s 0s;}
.sec2 .swiper-slide-active .txtwrap .textArea2 h3{opacity:1;transform:translateY(0);transition:all 1s 0.2s;}
.sec2 .swiper-slide-active .txtwrap .textArea2 p{opacity:1;transform:translateY(0);transition:all 1s 0.2s;}





/* sec3 */
.sec3{
	background:url(/images/main/sec3_bg.jpg) no-repeat center;
	background-size:cover;
}
.sec3 .conwrap{
	box-sizing:border-box;
	height:100%;
	padding:10vh 3% 15vh;
}
.sec3 .conwrap .txtarea{width:100%;}
.sec3 .conwrap .txtarea h3{margin-top:3vh;font-family:"Lexend";font-size:44px;color:#fff;font-weight:600;}
.sec3 .conwrap .conarea{width:100%;margin-top:3vh;}
.sec3 .conwrap .conarea ul{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;}
.sec3 .conwrap .conarea ul li{
	overflow:hidden;
	width:49.5%;
	background:#fff;
}
.sec3 .conwrap .conarea ul li .img{overflow:hidden;position:relative;z-index:10;height:30vh;}
.sec3 .conwrap .conarea ul li .img>div{width:100%;height:100%;}
.sec3 .conwrap .conarea ul li .img>div>div{width:100%;height:100%;transition:all 1s;}
.sec3 .conwrap .conarea ul li:nth-child(1) .img>div>div{background:url(/images/main/sec3_img1.jpg) no-repeat center;background-size:cover;}
.sec3 .conwrap .conarea ul li:nth-child(2) .img>div>div{background:url(/images/main/sec3_img2.jpg) no-repeat center;background-size:cover;}
.sec3 .conwrap .conarea ul li .txts{
	box-sizing:border-box;
	position:relative;
	padding:30px 140px 30px 40px;
}
.sec3 .conwrap .conarea ul li:nth-child(1){background:#7fc241;}
.sec3 .conwrap .conarea ul li:nth-child(2){background:#0097dc;}
.sec3 .conwrap .conarea ul li .txts>h4{position:relative;z-index:10;font-size:25px;color:#fff;font-weight:600;}
.sec3 .conwrap .conarea ul li .txts>p{
	position:relative;z-index:10;
	margin-top:10px;padding-right:30px;
	font-size:16px;color:rgba(255,255,255,0.9);
}
.sec3 .conwrap .conarea ul li .txts>span{
	display:flex;align-items:center;justify-content:center;
	position:absolute;right:40px;top:50%;
	box-sizing:border-box;
	width:100px;height:100px;
	border:1px solid #fff;border-radius:50%;
	margin-top:-50px;
	font-family:"Lexend";font-size:12px;color:#fff;font-weight:300;
}
.sec3 .conwrap .conarea ul li .txts>span:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f15e21;
	position:absolute;left:0;top:0;
	border-radius:50%;
	transform-origin:center;
	transform:scale(0);
	transition:all 0.6s ease;
}
.sec3 .conwrap .conarea ul li:hover .txts>span:after{transform:scale(22);transition:all 1.4s ease;}
.sec3.active .conwrap .conarea ul li:hover .img>div>div{transform:scale(1.05);}
.sec3 .conwrap .conarea ul li .txts>span span{position:relative;z-index:10;}
.sec3 .conwrap .conarea ul li .txts>span span i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr1.png) no-repeat;
}





/* sec4 */
.sec4{}
.sec4 .conwrap{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:100%;height:100vh;
}
.sec4 .conwrap h2{position:absolute;left:3%;top:12vh;z-index:100;}
.sec4 .conwrap>a{
	position:relative;
	width:100%;height:50%;
	transition:all 1s ease;
}
.sec4 .conwrap>a.area1{
	background:url(/images/main/sec4_bg1.jpg) no-repeat left;
	background-size:150%;
}
.sec4 .conwrap>a.area2{
	background:url(/images/main/sec4_bg2.jpg) no-repeat right;
	background-size:160%;
}
.sec4 .conwrap>a:hover{}
.sec4 .conwrap>a .txtwrap{
	box-sizing:border-box;
	position:absolute;bottom:0;
	width:100%;
	padding:0 3vw;margin-bottom:10vh;
}
.sec4 .conwrap>a.area1 .txtwrap{left:0;}
.sec4 .conwrap>a.area2 .txtwrap{right:0;}
.sec4 .conwrap>a .txtwrap>h3{font-size:42px;color:#fff;font-weight:600;}
.sec4 .conwrap>a .txtwrap>p{margin-top:20px;padding-right:100px;font-size:19px;color:rgba(255,255,255,0.9);}
.sec4 .conwrap>a .txtwrap>span{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:absolute;right:3vw;top:50%;
	box-sizing:border-box;
	width:100px;height:100px;
	border-radius:50%;
	margin-top:-50px;
	font-family:"Lexend";font-size:12px;color:#fff;font-weight:300;
}
.sec4 .conwrap>a.area1 .txtwrap>span{background:#7fc241;}
.sec4 .conwrap>a.area2 .txtwrap>span{background:#0097dc;}
.sec4 .conwrap>a .txtwrap>span span{position:relative;z-index:10;}
.sec4 .conwrap>a .txtwrap>span span i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr1.png) no-repeat;
}
.sec4 .conwrap>a .txtwrap>span:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f15e21;
	position:absolute;left:50%;top:50%;
	border-radius:50%;
	transform-origin:center;
	transform:translate(-50%,-50%) scale(0);transition:all 0.6s;
}
.sec4 .conwrap>a:hover .txtwrap>span:after{transform:translate(-50%,-50%) scale(1.4);}





/* sec5 */
.sec5{
	background:#eee url(/images/main/sec5_bg.png) no-repeat right bottom;
}
.sec5 .conwrap{
	box-sizing:border-box;
	width:100%;
	padding-top:12vh;
}
.sec5 .conwrap .imgarea{width:97%;height:35vh;}
.sec5 .conwrap .imgarea>div{
	width:100%;height:100%;
	background:url(/images/main/sec5_img1.jpg) no-repeat center;
	background-size:cover;
}
.sec5 .conwrap .imgarea>div video{width:100%;height:100%;object-fit:cover;}
.sec5 .conwrap .txtarea{
	box-sizing:border-box;
	width:100%;
	padding:5vh 5%;
}
.sec5 .conwrap .txtarea h2{font-family:"Lexend";font-size:26px;color:#000;}
.sec5 .conwrap .txtarea h3{margin:2vh 0 3vh;font-family:"Lexend";font-size:40px;color:#000;font-weight:600;}
.sec5 .conwrap .txtarea h3 strong{display:block;color:#7fc241;font-weight:600;}
.sec5 .conwrap .txtarea div{
	position:relative;
	padding:0 0 0 5%;
}
.sec5 .conwrap .txtarea div:before{
	display:block;content:"";
	width:1px;height:100%;
	background:#000;
	position:absolute;left:0;bottom:0;
}
.sec5 .conwrap .txtarea div p{font-size:16px;color:rgba(0,0,0,0.7);font-weight:500;}
.sec5 .conwrap .txtarea div a{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:100px;height:100px;
	border-radius:50%;
	margin-top:50px;
	background:#0097dc;
	font-family:"Lexend";font-size:12px;color:#fff;font-weight:300;
}
.sec5 .conwrap .txtarea div a span{position:relative;z-index:10;}
.sec5 .conwrap .txtarea div a span i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr1.png) no-repeat;
}
.sec5 .conwrap .txtarea div a:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f15e21;
	position:absolute;left:50%;top:50%;
	border-radius:50%;
	transform-origin:center;
	transform:translate(-50%,-50%) scale(0);transition:all 0.6s;
}
.sec5 .conwrap .txtarea div a:hover:after{transform:translate(-50%,-50%) scale(1.2);}





/* sec6 */
.sec6{position:relative;}
.sec6 .bg{
	position:absolute;left:0;top:0%;z-index:-1;
	width:100%;height:100%;
	background:url(/images/main/sec6_bg.jpg) no-repeat center center;
	transition:all 1s;
	background-size:cover;
}
.sec6.active .bg{top:0;}
.sec6 .conwrap{padding:10vh 3% 0;}
.sec6 .conwrap .titlearea{position:relative;margin-bottom:4vh;}
.sec6 .conwrap h2{font-family:"Lexend";font-size:26px;}
.sec6 .conwrap h3{
	width:100%;
	margin-top:10px;
	font-size:34px;color:#fff;font-weight:600;
}
.sec6 .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 5%;}
.sec6 .conwrap ul>li{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:21vw;height:21vw;
	padding:3vh 25px;margin:1vh 0;
	border:1px solid rgba(255,255,255,0.7);
	border-radius:50%;
	text-align:center;
}
.sec6 .conwrap ul>li .icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto;}
.sec6 .conwrap ul>li:nth-child(1) .icon{background:url(/images/main/sec6_icon1.png) no-repeat center;background-size:cover;}
.sec6 .conwrap ul>li:nth-child(2) .icon{background:url(/images/main/sec6_icon2.png) no-repeat center;background-size:cover;}
.sec6 .conwrap ul>li:nth-child(3) .icon{background:url(/images/main/sec6_icon3.png) no-repeat center;background-size:cover;}
.sec6 .conwrap ul>li:nth-child(4) .icon{background:url(/images/main/sec6_icon4.png) no-repeat center;background-size:cover;}
.sec6 .conwrap ul>li dl{margin:2vh 0 0;}
.sec6 .conwrap ul>li dl dt{font-size:26px;color:#fff;font-weight:600;}
.sec6 .conwrap ul>li dl dd{margin-top:1vh;font-size:16px;color:rgba(255,255,255,0.9);line-height:1.7em;}

@media(max-width:1200px){
	.sec6.active .conwrap ul>li dl dd{display:none;}
}



/* sec7 */
.sec7{position:relative;}
.sec7 .conwrap{
	width:100%;height:100%;
}
.sec7 .conwrap>div{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:50%;
	text-align:center;
}
.sec7 .conwrap>div.media{
	background-size:cover;
}
.sec7 .conwrap>div.ir{
	background:url(/images/main/sec7_bg2.jpg) no-repeat center;
	background-size:cover;
}
.sec7 .conwrap>div>div{
	box-sizing:border-box;
	width:94%;height:45vh;
	margin:0 auto;padding:60px 0;
	text-align:center;
}
.sec7 .conwrap>div>div h2{display:block;font-family:"Lexend";font-size:26px;text-align:center;}
.sec7 .conwrap>div>div h3{font-size:30px;color:#fff;font-weight:600;}

.sec7 .conwrap>div.media .btnPlay{display:block;margin:4vh 0 6vh;}
.sec7 .conwrap>div.media .btnPlay img{height:100px;}
.sec7 .conwrap>div.media .btnPlay:hover img{animation:playAni 0.4s infinite alternate;}

@keyframes playAni{
	0%{transform:scale(1);}
	100%{transform:scale(1.05);}
}

.sec7 .conwrap>div .btnMore{font-family:"Lexend";font-size:12px;color:#fff;font-weight:300;}
.sec7 .conwrap>div .btnMore i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr1.png) no-repeat;
}

.sec7 .conwrap>div.ir>div{
	box-sizing:border-box;	
	padding:3vh 75px;
	background:rgba(127,194,65,0.8);
}
.sec7 .conwrap>div.ir>div table{width:100%;margin:0 0 20px 0;}
.sec7 .conwrap>div.ir>div table th{
	width:50%;
	padding:10px 0;
	border-bottom:1px solid #9dca7a;
	font-size:17px;color:#fff;text-align:left;
}
.sec7 .conwrap>div.ir>div table td{
	width:50%;
	padding:10px 0;
	border-bottom:1px solid #9dca7a;
	font-size:17px;color:#fff;text-align:right;
}
.sec7 .conwrap>div.ir>div table td span.up{color:#e60012;}
.sec7 .conwrap>div.ir>div table td span.down{color:#0097dc;}
.sec7 .conwrap>div.ir>div table td span.today{font-size:25px;}
.sec7 .conwrap>div.ir>div table td span span{font-size:17px;}





/* sec8 */
.sec8{background:#eee;}
.sec8 .bg{}
.sec8 .conwrap{
	position:relative;z-index:10;
	padding:10vh 3% 0;
}
.sec8 .conwrap .titlearea{display:flex;align-items:flex-end;justify-content:space-between;}
.sec8 .conwrap h2{font-family:"Lexend";font-size:30px;color:#000;}
.sec8 .conwrap a{
	font-family:"Lexend";font-size:12px;color:#000;font-weight:300;
}
.sec8 .conwrap a i{
	display:inline-block;
	width:13px;height:11px;
	background:url(/images/main/btn_arr2.png) no-repeat;
}
.sec8 .conwrap .con{margin-top:3vh;}
.sec8 .conwrap .con .aa{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:40vh;
	padding:7vh 5%;
	background:#0097dc;
	text-align:center;
}
.sec8 .conwrap .con .aa h3{font-size:24px;color:#fff;font-weight:600;}
.sec8 .conwrap .con .aa .date{margin:10px 0 0;font-size:16px;color:#fff;}
.sec8 .conwrap .con .aa .img{height:15vh;margin:20px 0;}
.sec8 .conwrap .con .aa .img img{width:auto;height:100%;}
.sec8 .conwrap .con .aa .txt{font-size:16px;color:rgb(255,255,255,0.9);}
.sec8 .conwrap .con .list{width:100%;margin-top:3vh;}
.sec8 .conwrap .con .list ul{border-top:1px solid #ccc;}
.sec8 .conwrap .con .list ul li{border-bottom:1px solid #ccc;}
.sec8 .conwrap .con .list ul li:nth-child(3),
.sec8 .conwrap .con .list ul li:nth-child(4){display:none;}
.sec8 .conwrap .con .list ul li a{
	display:flex;align-items:center;justify-content:space-between;
	padding:4vh 0;
}
.sec8 .conwrap .con .list ul li a .date{width:55px;}
.sec8 .conwrap .con .list ul li a .date .day{font-family:"Lexend";font-size:40px;color:#7fc241;line-height:1em;}
.sec8 .conwrap .con .list ul li a .date .ym{font-family:"Lexend";font-size:12px;color:#797979;line-height:1em;}
.sec8 .conwrap .con .list ul li a .txts{
	box-sizing:border-box;
	width:calc(100% - 55px - 58px);
	padding:0 2vw;
}
.sec8 .conwrap .con .list ul li a .txts .tit{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	font-family:"Noto Sans KR";font-size:22px;color:#000;font-weight:600;
}
.sec8 .conwrap .con .list ul li a .txts .txt{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	margin-top:10px;
	font-family:"Noto Sans KR";font-size:16px;color:#555;font-weight:400;
}
.sec8 .conwrap .con .list ul li a .more{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:58px;height:58px;
	border:1px solid #ccc;border-radius:50%;
}
.sec8 .conwrap .con .list ul li a .more i{
	position:relative;z-index:10;
	background:url(/images/main/sec8_arr1.png) no-repeat center;
	transition:all 0.6s;
}
.sec8 .conwrap .con .list ul li:hover a .more{border:0;}
.sec8 .conwrap .con .list ul li a .more:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#f15e21;
	position:absolute;left:50%;top:50%;
	border-radius:50%;
	transform-origin:center;
	transform:translate(-50%,-50%) scale(0);transition:all 0.6s;
}
.sec8 .conwrap .con .list ul li:hover a .more i{
	background:url(/images/main/sec8_arr2.png) no-repeat center;
}
.sec8 .conwrap .con .list ul li:hover a .more:after{transform:translate(-50%,-50%) scale(1.2);}





/* sec9 */
.sec9{height:200px;background:#000;}





/**/
.sec2 .swiper-slide .txtwrap .textArea1{opacity:0;transform:translateY(40px);}
.sec2.active .swiper-slide .txtwrap .textArea1{opacity:1;transform:translateY(0px);transition:all 1s 0.5s;}
.sec2 .swiper-slide .txtwrap .textArea2{opacity:0;transform:translateY(40px);}
.sec2.active .swiper-slide .txtwrap .textArea2{opacity:1;transform:translateY(0);transition:all 1s 0.7s;}


.sec3 .conwrap .txtarea h3{opacity:0;transform:translateY(40px);transition:all 1s 0.5s;}
.sec3.active .conwrap .txtarea h3{opacity:1;transform:translateY(0);}
.sec3 .conwrap .conarea ul li .img>div{transform:scale(1.05);transition:all 1s;}
.sec3.active .conwrap .conarea ul li .img>div{transform:scale(1);transition:all 1s 0.5s;}


.sec4 .conwrap>a .txtwrap{opacity:0;transform:translateY(40px);transition:all 1s}
.sec4.active .conwrap>a .txtwrap{opacity:1;transform:translateY(0);transition:all 1s 0.5s;}


.sec5 .conwrap .imgarea>div{opacity:0;transform:scale(1.1);transition:all 1s}
.sec5.active .conwrap .imgarea>div{opacity:1;transform:scale(1);transition:all 1s 0.5s;}
.sec5 .conwrap .txtarea h3{opacity:0;transform:translateY(40px);}
.sec5.active .conwrap .txtarea h3{opacity:1;transform:translateY(0);transition:all 1s 0.5s;}
.sec5 .conwrap .txtarea div:before{transform-origin:bottom;transform:scaleY(0);}
.sec5.active .conwrap .txtarea div:before{transform:scaleY(1);transition:all 1s 0.5s;}
.sec5 .conwrap .txtarea div p,
.sec5 .conwrap .txtarea div a{opacity:0;}
.sec5.active .conwrap .txtarea div p,
.sec5.active .conwrap .txtarea div a{opacity:1;transition:all 1s 0.7s;}


.sec6 .conwrap h3{opacity:0;transform:translateY(40px);transition:all 1s}
.sec6.active .conwrap h3{opacity:1;transform:translateY(0);transition:all 1s 0.5s;}
.sec6 .conwrap ul>li{opacity:0;transform:translateY(40px);transition:all 1s}
.sec6 .conwrap ul>li .icon{opacity:0;transform:translateY(40px);transition:all 1s}
.sec6 .conwrap ul>li dl dt{opacity:0;transform:translateY(40px);transition:all 1s}
.sec6 .conwrap ul>li dl dd{opacity:0;transform:translateY(40px);transition:all 1s}

.sec6.active .conwrap ul>li{opacity:1;transform:translateY(0);}
.sec6.active .conwrap ul>li:nth-child(1){transition:all 1s}
.sec6.active .conwrap ul>li:nth-child(2){transition:all 1s 0.2s}
.sec6.active .conwrap ul>li:nth-child(3){transition:all 1s 0.4s}
.sec6.active .conwrap ul>li:nth-child(4){transition:all 1s 0.6s}
.sec6.active .conwrap ul>li .icon{opacity:1;transform:translateY(0);}
.sec6.active .conwrap ul>li:nth-child(1) .icon{transition:all 1s 0.1s}
.sec6.active .conwrap ul>li:nth-child(2) .icon{transition:all 1s 0.2s}
.sec6.active .conwrap ul>li:nth-child(3) .icon{transition:all 1s 0.3s}
.sec6.active .conwrap ul>li:nth-child(4) .icon{transition:all 1s 0.4s}
.sec6.active .conwrap ul>li dl dt{opacity:1;transform:translateY(0);}
.sec6.active .conwrap ul>li:nth-child(1)  dl dt{transition:all 1s 0.2s}
.sec6.active .conwrap ul>li:nth-child(2)  dl dt{transition:all 1s 0.3s}
.sec6.active .conwrap ul>li:nth-child(3)  dl dt{transition:all 1s 0.4s}
.sec6.active .conwrap ul>li:nth-child(4)  dl dt{transition:all 1s 0.5s}
.sec6.active .conwrap ul>li dl dd{opacity:1;transform:translateY(0);}
.sec6.active .conwrap ul>li:nth-child(1)  dl dd{transition:all 1s 0.3s}
.sec6.active .conwrap ul>li:nth-child(2)  dl dd{transition:all 1s 0.4s}
.sec6.active .conwrap ul>li:nth-child(3)  dl dd{transition:all 1s 0.5s}
.sec6.active .conwrap ul>li:nth-child(4)  dl dd{transition:all 1s 0.6s}


.sec7 .conwrap>div>div{opacity:0;transform:translateY(40px);transition:all 1s}
.sec7.active .conwrap>div>div{opacity:1;transform:translateY(0px);transition:all 1s 0.5s}


.sec8 .bg .bg1{transform:scale(2);transition:all 1s}
.sec8 .bg .bg2{transform:scale(2);transition:all 1s}
.sec8.active .bg .bg1{transform:scale(1);transition:all 1s 0.2s}
.sec8.active .bg .bg2{transform:scale(1);transition:all 1s 0.3s}