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

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

.innerwrap{
	width: 94%;
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:110px 4% 0;
}


/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0%;top:0%;z-index:-1;
	width:100%;height:100%;
	transform:scale(1.05);
	transition:all 1s;
}
.visual .swiper-slide-active .bg{transform:scale(1);}
.visual .swiper-slide.v1 .bg{background:url(/theme/basic/resources/images/main/visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg{background:url(/theme/basic/resources/images/main/visual2.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v3 .bg{background:url(/theme/basic/resources/images/main/visual3.jpg) no-repeat center;background-size:cover;}

.visual .txtwrap{
	position:absolute;left:0;top:50%;z-index:10;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
}
.visual .txtwrap h3{font-family:"Lexend";font-size:62px;color:#fff;font-weight:600;line-height:1.2em}
.visual .txtwrap h3 .dot{
	display:inline-block;vertical-align:bottom;
	width:20px;height:20px;
	margin-bottom:15px
	border:1px solid #fff;border-radius:50%;
}
.visual .txtwrap p{margin:25px 0 20px;font-size:18px;color:#fff;}
.visual .txtwrap .more{
	display:block;
	width:80px;height:80px;
	margin:0 auto;
	background:rgba(0,0,0,0.7) url(/theme/basic/resources/images/main/visual_more_arr.png) no-repeat center;
	border-radius:50%;
}

.visual .vpaging{bottom:50px;}
.visual .vpaging span{
	box-sizing:border-box;
	width:8px;height:8px;
	margin:0 10px;
	border:1px solid #fff;border-radius:11px;
	background:0;opacity:1;
	transition:all 1s;
}
.visual .vpaging span.swiper-pagination-bullet-active{
	width:22px;
	background:#fff;
}





.dot{
	display:inline-block;vertical-align:bottom;
	width:16px;height:16px;
	margin:0 0 10px 5px;
	border:1px solid #fff;border-radius:50%;
}
.dot.bl{border:1px solid rgba(0,0,0,.4);}
.main_paging{
	display: none;
	position:fixed;right:2%;top:50%;z-index:100;
	transform:translateY(-50%);
	text-align:center;
}
.main_paging .tooltip{
	display:flex;align-items:center;justify-content:center;
	width:102px;height:102px;
	border:1px solid rgba(255,255,255,0.4);border-radius:50%;
	font-size:13px;color:#fff;
	transition:all 0.4s;
}
.main_paging .pageNum{margin-top:10px;font-size:10px;color:#fff;transition:all 0.4s;}
.main_paging .pageNum .thisNum{}
.main_paging .pageNum .total{}





/* sec2 */
.sec2{
	background-color:#00141d;
}
/*
.sec2 .conwrap{padding:calc(90px + 3%) 4% 0;}
.sec2 .conwrap .toparea{display:flex;justify-content:space-between;}
.sec2 .conwrap .toparea .titlearea{
	width:48.5%;
	padding:50px 0 25px;
}
.sec2 .conwrap .toparea .titlearea h2{font-family:"Lexend";font-size:22px;color:#111;font-weight:500;}
.sec2 .conwrap .toparea .titlearea h3{font-family:"Lexend";margin:30px 0 10px;font-size:40px;color:#111;font-weight:600;line-height:1.2em;}
.sec2 .conwrap .toparea .titlearea p{font-size:17px;color:rgba(0,0,0,0.7);}
.sec2 .conwrap .toparea .link{
	display:block;overflow:hidden;
	position:relative;
	width:48.5%;height:38vh;
	border-radius:25px;
	background:url(/theme/basic/resources/images/main/sec4_img3.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap .toparea .link .tit{position:absolute;left:35px;bottom:35px;font-size:24px;color:#fff;font-weight:600;}
.sec2 .conwrap .btmarea{
	display:flex;justify-content:space-between;align-items:center;
	margin-top:2vh;
}
.sec2 .conwrap .btmarea .link{
	display:block;overflow:hidden;
	position:relative;
	border-radius:25px;
	width:48.5%;height:38vh;
	margin-right:2vw;
}
.sec2 .conwrap .btmarea .link:nth-child(1){
	background:url(/theme/basic/resources/images/main/sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap .btmarea .link:nth-child(2){
	background:url(/theme/basic/resources/images/main/sec2_img3.jpg) no-repeat center;
	background-size:cover;margin-right: 0;
}
.sec2 .conwrap .btmarea .link .tit{position:absolute;left:35px;bottom:35px;font-size:24px;color:#fff;font-weight:600;}
*/

.sec2 h3{
	font-family: "Nunito Sans";
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}
.sec2 .conwrap{
	display: flex;
	justify-content: space-between;
}
.sec2 .conwrap .boxwrap{
	width: calc((100% - 70px) / 3);
	margin-top: 20px;
}
.sec2 .conwrap .boxwrap h4{
	position: relative;
	z-index: 1;
	font-family: "Nunito Sans";
	font-size: 54px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	transform: translateY(-16px);
}
.sec2 .conwrap .boxwrap .box{
	display: table;
	width: 100%;
	height: 54vh;
	border-radius: 30px;
	padding: 0 12px;
	box-sizing: border-box;
	transform: translateY(-55px);
}
.sec2 .conwrap .boxwrap:nth-child(1) .box{
	background: url(/theme/basic/resources/images/main/sec2_img2.jpg) no-repeat center / cover;
}
.sec2 .conwrap .boxwrap:nth-child(2) .box{
	background: url(/theme/basic/resources/images/main/sec4_img3.jpg) no-repeat center / cover;
}
.sec2 .conwrap .boxwrap:nth-child(3) .box{
	background: url(/theme/basic/resources/images/main/sec2_img3.jpg) no-repeat center / cover;
}
.sec2 .conwrap .boxwrap .box .txt{
	padding-top: 200px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
.sec2 .conwrap .boxwrap .box .txt span{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}
.sec2 .conwrap .boxwrap .box .txt p{
	margin-top: 15px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6em;
}




/* sec3 */
.sec3{
	background:url(/images/main/sec3_bg.jpg) no-repeat repeat;
	background-size:cover;
}
.sec3 .conwrap{
	position:relative;
	padding:calc(90px + 4%) 4% 4%;
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
	width:100%;height:100%;
}
.sec3 .conwrap:before{
	display:block;content:"";
	width:0px;height:100%;
	background:rgba(255,255,255,0.2);
	position:absolute;left:38.5%;top:0;
}
.sec3 .conwrap .titlearea{
	width:100%;height:40%;
}
.sec3 .conwrap .titlearea h2{font-family:"Lexend";font-size:22px;color:#fff;font-weight:500;}
.sec3 .conwrap .titlearea h3{margin:30px 0 10px;font-family:"Lexend";font-size:50px;color:#fff;font-weight:600;line-height:1.2em;}
.sec3 .conwrap .titlearea p{font-size:17px;color:rgba(255,255,255,0.7);}
.sec3 .conwrap .merit{
	position:relative;
	display:flex;align-items:center;
	width:100%;height:60%;
	padding:50px 0;
}
.sec3 .conwrap .merit ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec3 .conwrap .merit ul li{
	box-sizing:border-box;
	width:49%;
	padding:45px 35px;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:25px;
	background:#0b1832;
}
.sec3 .conwrap .merit ul li:nth-child(1),
.sec3 .conwrap .merit ul li:nth-child(2){margin-bottom:2%;}
.sec3 .conwrap .merit .tit{margin:30px 0 0px;font-size:24px;color:#fff;font-weight:600;}
.sec3 .conwrap .merit .txt{font-size:16px;color:rgba(255,255,255,0.8);display: none;}





/* sec4 */
.sec4{background:#edeeef;}
.sec4 .conwrap{
	position:relative;
	padding: calc(4% + 90px) 4% 4%;
	display:flex;flex-direction:column;;
	box-sizing:border-box;
	width:100%;height:100%;
}
.sec4 .conwrap .titlearea{
	display:flex;align-items:center;
	width:100%;height:50%;
	position: relative;
}
.sec4 .conwrap .titlearea h2{font-family:"Lexend";font-size:24px;color:#1d1d1d;font-weight:500;}
.sec4 .conwrap .titlearea h3{margin:30px 0 10px;font-family:"Lexend";font-size:56px;color:#1d1d1d;font-weight:600;line-height:1.2em;}
.sec4 .conwrap .titlearea p{font-size:17px;color:rgba(0,0,0,0.7);}
.sec4 .conwrap .titlearea .ctr{display:flex;
position: absolute; bottom:0;right:8%;
}
.sec4 .conwrap .titlearea .ctr .news_prev{
	display:block;
	width:55px;height:55px;
	background:url(/theme/basic/resources/images/main/news_prev.png) no-repeat;
	border:1px solid #666;border-radius:50%;
	margin-right:5px;
	cursor:pointer;
}
.sec4 .conwrap .titlearea .ctr .news_next{
	display:block;
	width:55px;height:55px;
	background:url(/theme/basic/resources/images/main/news_next.png) no-repeat;
	border:1px solid #666;border-radius:50%;
	cursor:pointer;
}
.sec4 .conwrap .bbs{
	position:relative;
	display:flex;align-items:center;
	width:100%;
	padding:50px 0;
}
.sec4 .conwrap .bbs .news{}
.sec4 .conwrap .bbs .news .swiper-slide{
	box-sizing:border-box;
	width:427px;
	margin-right:40px;
}
.sec4 .conwrap .bbs .news .swiper-slide>a{
	display:block;
	overflow:hidden;
	position:relative;
	height:50vh;
	padding:60px 30px;
	border-radius:25px;
	background:#fff;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate{margin-bottom:25px;}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate span{
	display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:72px;height:26px;
	font-family:"Montserrat";font-size:12px;font-weight:600;
	border-radius:14px;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate.cate1 span{border:1px solid #8f2fd8;color:#8f2fd8;}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate.cate2 span{border:1px solid #00a987;color:#00a987;}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate.cate2 span{border:1px solid #ff0033;color:#ff0033;}
.sec4 .conwrap .bbs .news .swiper-slide>a .tit{
	font-size:21px;color:#000;font-weight:600;line-height:1.5em;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .txt{
	margin:20px 0 25px;
	font-size:16px;color:#666;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .date{
	font-family:"Lexend";font-size:15px;color:#555;font-weight:300;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .more{
	overflow:hidden;
	position:absolute;left:30px;bottom:45px;
	box-sizing:border-box;
	width:calc(100% - 60px);height:60px;
	border:1px solid #000;border-radius:30px;
	font-family:"Lexend";font-size:14px;color:#000;font-weight:300;text-align:center;line-height:58px;transition:all 0.4s;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .more span{position:relative;z-index:10;color:#000;transition:all 0.4s;}
.sec4 .conwrap .bbs .news .swiper-slide>a .more:before{
	display:block;content:"";
	width:100%;height:100%;
	background:#0096e0;
	position:absolute;left:-100%;top:0;
	transition:all 0.4s;
}
.sec4 .conwrap .bbs .news .swiper-slide>a:hover .more{border:1px solid #0096e0;}
.sec4 .conwrap .bbs .news .swiper-slide>a:hover .more span{color:#fff;}
.sec4 .conwrap .bbs .news .swiper-slide>a:hover .more:before{left:0;}




/* sec5 */
.sec5{}
.sec5 .conwrap{
	display:flex;flex-direction:column;
	width:100%;height:100%;
}
.sec5 .conwrap .bg{
	width:100%;height:50%;
	background:url(/images/main/sec5_bg.jpg) no-repeat right 10% top 25%;
	background-size:cover;
}
.sec5 .conwrap .con{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:50%;
	padding:4%;
	background:#0096e0;
}
.sec5 .conwrap .con h2{font-family:"Lexend";font-size:22px;color:#fff;font-weight:500;}
.sec5 .conwrap .con h3{margin:30px 0 20px;font-family:"Lexend";font-size:50px;color:#fff;font-weight:600;line-height:1.2em;}
.sec5 .conwrap .con p{font-size:17px;color:rgba(255,255,255,0.7);}
.sec5 .conwrap .con a{position: relative; overflow: hidden; font-family: "Pretendard"; display: inline-block; margin-top: 23px; width: 250px; height: 50px; line-height: 50px;
	color: #fff; font-size: 18px; font-weight: 300; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; text-align: center; box-sizing: border-box;
}
.sec5 .conwrap .con a span{position:relative;z-index:10;color:#fff;transition:all 0.4s;}
.sec5 .conwrap .con a:hover span{color: #0096e0;}
.sec5 .conwrap .con a:after{
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	transition:all 0.4s;
	background: #fff;
}
.sec5 .conwrap .con a:hover:after{
	left: 0;
}




/* sec6 */
#sec6{height:260px !important;background:#000;}

/*popup*/
.pop{
 display: none;
position: fixed;
left: 50%;
/* top: 50%; */
top: 180vh;
z-index: 9999999;
background: #fff;
max-width: 1400px;
width: 94%;
height:70vh;
overflow:hidden;
transform: translate(-50%,-50%);
border-radius:24px;
}

.pop2{
 display: none;
position: fixed;
left: 50%;
/* top: 50%; */
top: 260vh;
z-index: 9999999;
background: #fff;
max-width: 1400px;
width: 94%;
height:70vh;
overflow:hidden;
transform: translate(-50%,-50%);
border-radius:24px;
}