@charset "utf-8";
.pcbr{display:none !important;}
.tbbr{display:none !important;}
.mbbr{display:block !important;}
.ptbr{display: none !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:5%;top:50%;z-index:10;
	transform:translateY(-50%);
	width:100%;
	text-align:left;
	/* padding:0 3.5%;box-sizing:border-box; */
}
.visual .txtwrap h3{font-family:"Lexend";font-size:42px;color:#fff;font-weight:600;line-height:1.05em;

}
.visual .txtwrap h3 .dot{
	display:inline-block;vertical-align:bottom;
	width:12px;height:12px;
	margin-bottom:5px;
	border:1px solid #fff;border-radius:50%;
}
.visual .txtwrap p{margin:30px 0 25px;font-size:16px;color:#fff;}
.visual .txtwrap .more{
	display:block;
	width:70px;height:70px;
	/* 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:12px;height:12px;
	margin:0 0 5px 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 h3{
	font-family: "Pretendard";
	font-size: 19px;
	font-weight: 700;
	color: #fff;
}
.sec2 .conwrap{
	display: flex;
	flex-direction: column;
}
.sec2 .conwrap .boxwrap{
	position: relative;
	width: 100%;
	margin-top: 40px;
}
.sec2 .conwrap .boxwrap h4{
	position: absolute;
	z-index: 1;
	font-family: "Pretendard";
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
}
.sec2 .conwrap .boxwrap .box{
	display: table;
	width: 100%;
	height: 16vh;
	border-radius: 20px;
	padding: 0 20px;
	box-sizing: border-box;
}
.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{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.sec2 .conwrap .boxwrap .box .txt span{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.sec2 .conwrap .boxwrap .box .txt p{
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6em;
}

/*
.sec2 .conwrap{padding:calc(68px + 4%) 4% 4%;display:flex;flex-direction:column;
	box-sizing:border-box;
	width:100%;height:100%;}
.sec2 .conwrap .titlearea{
	width:100%;height:40%;
	padding:18px 12px;box-sizing:border-box;
}
.sec2 .conwrap .titlearea h2{font-family:"Lexend";font-size:16px;color:#111;font-weight:500;}
.sec2 .conwrap .titlearea h3{font-family:"Lexend";margin:18px 0 10px;font-size:32px;color:#111;font-weight:600;line-height:1.2em;
padding-right:15px;box-sizing:border-box;}
.sec2 .conwrap .titlearea p{font-size:14px;color:rgba(0,0,0,0.7);}

.sec2 .conwrap .bms{
	display:flex;height:60%;
	margin-top:3vh;
}
.sec2 .conwrap .bms .link{
	display:block;overflow:hidden;
	position:relative;
	border-radius:25px;
	width:100%;height:38vh;
	margin-right:3vw;
	background:url(/theme/basic/resources/images/main/sec4_img3.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap .bms .link2{
	background:url(/theme/basic/resources/images/main/sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap .bms .link3{
	background:url(/theme/basic/resources/images/main/sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap .bms .link a{display: block;width: 100%;height: 100%;}
.sec2 .conwrap .bms .link .tit{position:absolute;left:35px;bottom:35px;font-size:18px;color:#fff;font-weight:600;}

.sec2 .bms .bpaging{bottom:50px;}
.sec2 .bms .bpaging span{
	box-sizing:border-box;
	width:8px;height:8px;
	margin:0 10px;
	border:1px solid #1d1d1d;border-radius:11px;
	background:0;opacity:1;
	transition:all 1s;
}
.sec2 .bms .bpaging span.swiper-pagination-bullet-active{
	width:22px;
	background:#1d1d1d;
}
*/


/* sec3 */
.sec3{
	background:url(/images/main/sec3_bg.jpg) no-repeat repeat;
	background-size:cover;
}
.sec3 .conwrap{
	position:relative;
	padding:calc(68px + 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:45vh;
}
.sec3 .conwrap .titlearea h2{font-family:"Lexend";font-size:16px;color:#fff;font-weight:500;}
.sec3 .conwrap .titlearea h3{margin:18px 0 10px;font-family:"Lexend";font-size:32px;color:#fff;font-weight:600;line-height:1.2em;
padding-right:15px;box-sizing:border-box;}
.sec3 .conwrap .titlearea p{font-size:14px;color:rgba(255,255,255,0.7);}
.sec3 .conwrap .merit{
	position:relative;
	display:flex;align-items:center;
	width:100%;height:55vh;
	padding:30px 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%;
	height:22.5vh;
	box-sizing:border-box;
	padding:18px 18px;
	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 .icon{min-height:50px;}
.sec3 .conwrap .merit .tit{margin:15px 0 0px;font-size:16px;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% + 68px) 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:40%;
	position: relative;
}
.sec4 .conwrap .titlearea h2{font-family:"Lexend";font-size:16px;color:#1d1d1d;font-weight:500;}
.sec4 .conwrap .titlearea h3{margin:18px 0 10px;font-family:"Lexend";font-size:32px;color:#1d1d1d;font-weight:600;line-height:1.2em;
padding-right:30px;box-sizing:border-box;
}
.sec4 .conwrap .titlearea p{font-size:14px;color:rgba(0,0,0,0.7);}
.sec4 .conwrap .titlearea .ctr{display: none;
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%;
	height:60%;
	margin:15px 0;
	padding:25px 0;
	box-sizing:border-box;
}
.sec4 .conwrap .bbs .news{}
.sec4 .conwrap .bbs .news .swiper-slide{
	box-sizing:border-box;
	width:427px;
	margin-right:3vw;
}


.sec4 .conwrap .bbs .news .swiper-slide>a{
	display:block;
	overflow:hidden;
	position:relative;
	height:50vh;
	box-sizing:border-box;
	padding:45px 22px;
	border-radius:25px;
	background:#fff;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate{margin-bottom:18px;}
.sec4 .conwrap .bbs .news .swiper-slide>a .cate span{
	display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:65px;height:24px;
	font-family:"Montserrat";font-size:11px;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:18px;color:#000;font-weight:600;line-height:1.5em;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .txt{
	margin:10px 0 15px;
	font-size:13px;color:#666;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:2em;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .date{
	font-family:"Lexend";font-size:12px;color:#555;font-weight:300;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .more{
	overflow:hidden;
	position:absolute;left:20px;bottom:12%;
	box-sizing:border-box;
	width:calc(100% - 40px);height:38px;
	border:1px solid #000;border-radius:30px;
	font-family:"Lexend";font-size:12.8px;color:#000;font-weight:300;text-align:center;line-height:36px;
}
.sec4 .conwrap .bbs .news .swiper-slide>a .more span{position:relative;z-index:10;color:#000;}
.sec4 .conwrap .bbs .news .swiper-slide>a .more:before{
	display:block;content:"";
	width:0%;height:100%;
	background:#0096e0;
	position:absolute;left:0;top:0;
	
}
.sec4 .conwrap .bbs .news .swiper-slide>a:active .more{border:1px solid #0096e0;}
.sec4 .conwrap .bbs .news .swiper-slide>a:active .more span{color:#fff;}
.sec4 .conwrap .bbs .news .swiper-slide>a:active .more:before{width:100%;}




/* 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 center;
	background-size:cover;
}
.sec5 .conwrap .con{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:50%;
	padding:4% 4%;
	background:#0096e0;
}
.sec5 .conwrap .con h2{font-family:"Lexend";font-size:16px;color:#fff;font-weight:500;}
.sec5 .conwrap .con h3{margin:18px 0 12px;font-family:"Lexend";font-size:32px;color:#fff;font-weight:600;line-height:1.2em;
padding-right:30px;box-sizing:border-box;}
.sec5 .conwrap .con p{font-size:14px;color:rgba(255,255,255,0.7);}
.sec5 .conwrap .con a{position: relative; overflow: hidden; font-family: "Pretendard"; display: inline-block; margin-top: 10px; width: 106px; height: 30px; line-height: 30px;
	color: #fff; font-size: 13px; font-weight: 300; border: 1px solid #fff; border-radius: 15px; text-align: center;
}
.sec5 .conwrap .con a span{position:relative;z-index:10;color:#fff;transition:all 0.4s;}





/* sec6 */
#sec6{height:55vh !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;
}


.pop{height: 60vh;top:180vh;}
.pop .conwrap{padding:30px 22px;height:100%;}
.pop .conwrap .ptit{font-size:20px;margin-bottom: 20px;}
.pop .conwrap .contxt{padding:25px 25px;font-size:13px;}
.pop .conwrap .contxt p{font-size: 13px;margin: 18px 0;}
.pop .p_close{width:20px;height: 20px;left:87%;}

.pop2{height: 60vh;top:0vh;}
.pop2 .conwrap2{padding:30px 22px;height:100%;}
.pop2 .conwrap2 .ptit{font-size:20px;margin-bottom: 20px;}
.pop2 .conwrap2 .contxt{padding:25px 25px;font-size:13px;}
.pop2 .conwrap2 .contxt p{font-size: 13px;margin: 18px 0;}
.pop2 .p_close2{width:20px;height: 20px;left:87%;}


@media screen and (max-width: 440px){
.sec4 .conwrap .bbs .news .swiper-slide{width:100%;margin-right: 3vw;}

.sec3 .conwrap .merit ul li{
	display: flex;flex-direction:column;justify-content:center;align-items:center;
	}
}