@charset "utf-8";

/* common */

.section{
	margin:0px;
	padding:100px 0px;
	overflow-x:hidden; 
}

.section h1{
	text-align:center;
	margin-top:35px;
}

.section h2{
	text-align:center;
}

.section p{
	line-height:1.7;
	text-align:center;
	margin-top:35px;
}

.title_bar{
	display:block;
	width:80px; height:10px;
	margin:0 auto;
	border-radius:5px;
	background:#2d62a2;
}

.lSAction > a{
	top:57.5%;
}

/* popup */

.hd_pops{
	position:fixed; 
	transform:translate(-50%,-50%);
}

.hd_pops img{
	width:450px; height:500px;
}

.hd_pops_con{
	height:500px;
}

.hd_pops_footer{
	padding:0px;
	text-align:center;
	background:#fff;
}

.hd_pops_footer button{
	width:49%;
	padding:10px;
	border:none;
	cursor:pointer;
	background:#fff;
}

.hd_pops_footer button:first-child{
	border-right:1px solid #e1e1e1;
}

@media (max-width: 576px){
	.hd_pops img{
		width:290px; height:322px;
	}

	.hd_pops_con{
		height:322px;
	}
}


/* visual Section */

.visual_section {
	position:relative;
	width: 100%;
	padding: 320px 0px 320px 0px;
	overflow:hidden;
	background:url(../images/index/visual_img01.png) no-repeat center;
	background-size:cover;
}

.visual_section h1{
	position:relative;
	color: #fff;
	font-size: 68px;
	font-weight: 900;
	text-align:left;
	line-height:1.3;
	letter-spacing:4px;
	margin:7px 0px 20px;
	padding: 0px;
	z-index:1;
}

.visual_section p{
	position:relative;
	color:#fff;
	font-size:19px;
	font-weight:400;
	text-align:left;
	z-index:1;
}

.visual_section p.mo_ver{
	display:none;
}

.visual_section .video_box{
	overflow:hidden;
}

.visual_section .video_box video{
	position:absolute;
	left: 50%; top: 50%;
	height:130vh;
	transform: translate(-50%, -50%); 
	opacity:0.5;
}

/* section_wrap */

.section_wrap{
	padding:120px 0px;
}

.section_wrap .section_title_box{
	text-align:center;
}

.section_wrap .section_title_box p{
	margin:20px 0px 30px;
}

/* section01_wrap */

.section01_wrap{
	background:url(../images/index/section01_bk.png) no-repeat center;
	background-size:cover;
}
.section01_wrap .section_title_box h2,
.section01_wrap .section_title_box p{
	color:#fff;
}

.section01_wrap .main_features_box{
	text-align:center;
	margin-top:30px;
	padding:80px 30px;
	border:1px solid #efefef;
	border-radius:5px;
	background:#fff;
}

.section01_wrap .main_features_box > span{
	font-size:64px;
}

.section01_wrap .main_features_box > p,
.section01_wrap .main_features_box > h3{
	margin-top:20px;
}

/* section02_wrap */

.section02_wrap{
	text-align:center;
	background:#02071b;
}

.section02_wrap h3,
.section02_wrap h2,
.section02_wrap p{
	color:#fff;
}

.section02_wrap img{
	display:block;
	margin:0px auto;
}

/* section03_wrap */

.section03_wrap{
	background:url(../images/index/section03_bk.png) no-repeat center;
	padding:0px;
	background-size:cover;
}

.section03_wrap .section_side_title_box {
    padding:50% 0px;
}

.section03_wrap img{
	display:none;
}

/* section04_wrap */

.section04_wrap{
	background:url(../images/index/section04_bk.png) no-repeat center;
	text-align:center;
	background-size:cover;
}

.section04_wrap h3,
.section04_wrap h2,
.section04_wrap p{
	color:#fff;
}

.section04_wrap .section_title_box p{
	margin-top:0px;
}

.section04_wrap .section_title_box h2{
	color:#b4fdeb;
	margin-top:20px;
}

.section04_wrap .section04_box{
	margin-top:120px;
	padding:60px 0px;
	border-radius:15px;
	background:rgba(3,8,37,0.5);
} 

.section04_wrap .section04_box h2{
	color:#b4fdeb;
}

.section04_wrap h3.section04_text{
	margin-top:120px;
}

/* section05_wrap */

.section05_wrap{
	overflow-x:hidden;
}

.section05_wrap .company_slider{
	margin-top:60px;
}

.swiper-horizontal > .swiper-scrollbar, 
.swiper-scrollbar.swiper-scrollbar-horizontal{
	bottom:-30px;
}

@media (max-width:1200px){

	
	
}

@media (max-width: 991px){
	
	/* visual_setion */

	.visual_section {
		padding:120px 0px 80px;
	}

	/* section03_wrap */

	.section03_wrap{
		background:#fff;
		padding:60px 0px;
	}

	.section03_wrap .section_side_title_box{
		text-align:center;
		padding:0px;
	}

	.section03_wrap img{
		display:block;
		margin-top:60px;
	}
	
	/* section04_wrap */

	.section04_wrap .section04_box{
		margin-top:60px;
	}
	
	.section04_wrap .section04_mo_box{
		margin-top:30px;
	} 
	
	.section04_wrap h3.section04_text{
		margin-top:60px;
	}

}

@media (max-width: 768px){
	
	
}

@media (max-width: 536px){
	
	/* common */

	.section_wrap{
		padding:60px 0px;
	}
	

	/* section05_wrap */

	.section05_wrap .company_slider{
		margin-top:30px;
	}
}