@charset "utf-8";
/* CSS Document */





@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');


html, body {
	position: relative;
	overflow-x: hidden;

}

div{
	box-sizing:border-box;
}
p {
    word-break: keep-all;
    word-wrap: break-word;
	letter-spacing:-1px;
}
button{
	
}


section{
	padding:100px 0;
}




#wrap{height:100%;}


.eng_text{
	color:#fff;
	font-size:16px;
	padding-left:10px;
}
.eng_text > a{
	color:#fff;
	font-size:16px;
}


.eng_text_m{
	display:inline-block;
}
.eng_text_m > span{
	color:#fff;
	font-size:16px;
	display:inline-block;
}



.section_In{
	width: 90%;
	margin:0 auto;
}






.row:after{
	content:"";
	display:block;
	clear:both;
}



.meta_btn_box_pc{
	display:none;
}
.meta_btn_box_m{
	display: inline-block;
	padding-top: 28px;
	text-align: center;
	margin: 0 auto;
	width: 225px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding-bottom: 27px;
}

.meta_btn_top{font-family: 'Poppins', sans-serif; background: #ffd900;padding: 12px 57px;font-size: 18px; cursor:pointer; border-radius: 10px;display: inline-block;margin-top: 35px;font-weight: 600;transition: all 0.3s ease-out;z-index: 100;position: relative;margin-bottom: 35px;}
.meta_btn_top:hover{background: #0a3787; color:#fff;}




.logo2{
	width: 145px;
	padding-left: 10px;
	padding-top: 8px;
}

.home{
	background:
	url('../images/home_bg_pt.jpg') no-repeat center;
	background-size:
	cover;
	margin-top: 23px;
	background-position-x: 79%;
}

.home_text_box{float: none;width: 90%;padding-top: 0;padding-left: 0;text-align: center; position:relative;margin: 0 auto;}
.home_p1{font-size: 22px;color: #fff;font-weight: 600;}
.home_ul{margin-top: 30px;text-align: center;margin: 0 auto;margin-top: 30px;}
.home_li{color: #fff;display: block;padding: 4%;font-size: 14px;border-bottom: 1px solid #f3f3f3;padding-bottom: 18px;width: 60%;margin: 0 auto;margin-bottom: 26px;padding-top: 2%;}
.home_li_line{border-right: none;}
.home_li_line2{border-bottom: none;}


.meta_btn{font-family: 'Poppins', sans-serif; background: #ffd900;padding: 12px 57px;font-size: 18px;border-radius: 10px;display: inline-block;margin-top: 16px;font-weight: 600;transition: all 0.3s ease-out;z-index: 100;position: relative;}
.meta_btn:hover{background: #0a3787; color:#fff;}






.section_01{
	background:url('../images/section_01_bg.jpg') no-repeat center;
	background-size:cover;

}

.section_title{text-align: center;font-size: 25px;font-weight: 700;}


.section_float_01_box{margin-top: 52px;}

.section_float_01_In{
	float:
	left;
	width: 100%;
	padding:0 20px;
	text-align: center;
	margin-bottom: 48px;
}
.section_01_img_01{

}
.section_float_01_In_p1{font-size: 22px;font-weight: 600;margin-top: 10px;margin-bottom: 11px;}
.section_float_01_In_p2{font-size: 16px; opacity:0.6;width: 90%;margin: 0 auto;}







.section_float_02_box{
	
}
.section_float_02_In_01{
	float:left;
	width: 100%;
}
.section_float_02_In_02{
	float:left;
	width: 100%;
	text-align: right;
	margin-top: 32px;
}
.section_float_02_In_01_p1{font-family: 'Poppins', sans-serif;font-size: 20px;}
.section_float_02_In_01_p2{font-family: 'Poppins', sans-serif;font-size: 46px;}
.section_float_02_In_01_p3{font-size: 16px;width: 90%;margin-top: 16px;}
.section_float_02_In_01_p4{margin-top: 31px;float: left;text-align: center;}
.section_float_02_In_01_p5{font-size: 14px;padding-top: 10px;font-family: 'Poppins', sans-serif;}
.section_02_img_01{

}
.section_02_img_02{float: left;padding-left: 22px;padding-top: 31px;}
.section_02_img_03{
	width: 100%;
}





.section_03{
	background:url('../images/coding-1556754232.avif') no-repeat center;
	background-size:cover;
	background-position-x: 73%;
}

.section_03_p{
	font-size:22px;
	font-weight:600;
	text-align:center;
	color:#fff;
}

.section_float_03_box{
	
}
.section_float_03_box_In{
	float:left;
	width: 100%;
	text-align:
	center;
	margin-bottom: 72px;
}
.section_float_03_box_In_p1{
	font-size: 26px;
	font-weight:700;
	margin-top: 23px;
}
.section_float_03_box_In_p2{
	font-size:16px;
	margin-top: 10px;
}
.section_04{margin-top: -44px;}











.footer{padding: 32px; background:#2a2b30;}
.footer_In{width: 100%;margin: 0 auto;text-align: center;}
.footer_float_1{float: none;width: 100%;margin-bottom: 22px;}
.footer_float_2{float: none;width: 100%;}
.footer_float_2 > p > span{font-size: 14px;color: #888888;margin-right: 0;display: block;margin-bottom: 4px;}
.footer_float_2 > p{margin-bottom: 0;}
.footer_float_3{float: none;width: 100%;display: none;}
.footer_logo{width: 170px;}
.footer_float_2_btn{
	display: inline-block;
	margin-bottom: 21px;
}





@media screen and (min-width:768px){




	.meta_btn_box_pc{
		display:none;
	}
	.meta_btn_box_m{
		display:
		inline-block;
		display: none;
	}

	.meta_btn_top{padding: 15px 59px;font-size: 22px;margin-top: 34px;}



	.logo2{
		width:200px;
	}



	section{
		padding:100px 0;
	}




	.home_text_box{width: 90%;}
	.home_p1{font-size: 28px;}
	.home_ul{margin-top: 30px;text-align: center;margin: 0 auto;margin-top: 30px;}
	.home_li{display: inline-block;padding: 1.2% 4%;font-size: 17px;border-bottom: none;margin-bottom: 57px;margin-top: 30px;width: auto;}
	.home_li_line{border-right: 1px solid #fff;}





	.section_In{
		width: 90%;
		margin:0 auto;
	}





	.section_title{font-size: 28px;}




	.section_float_01_box{margin-top: 80px;}

	.section_float_01_In{
		float:
		left;
		width: 50%;
		padding:0 20px;
		margin-bottom: 50px;
	}
	.section_01_img_01{

	}
	.section_float_01_In_p1{font-size: 20px;margin-top: 10px;margin-bottom: 11px;}
	.section_float_01_In_p2{font-size: 16px; width: 90%;margin: 0 auto;}







	.section_float_02_box{
		
	}
	.section_float_02_In_01{
		float:left;
		width:40%;
	}
	.section_float_02_In_02{
		float:left;
		width:60%;
		text-align: right;
	}
	.section_float_02_In_01_p1{font-size: 20px;}
	.section_float_02_In_01_p2{font-size: 42px;}
	.section_float_02_In_01_p3{font-size: 15px;padding-top: 12px;}
	.section_float_02_In_01_p4{margin-top: 31px;float: left;}
	.section_float_02_In_01_p5{font-size: 14px;padding-top: 10px;}
	.section_02_img_01{

	}
	.section_02_img_02{float: left;padding-left: 22px;padding-top: 31px;}
	.section_02_img_03{
		width: 88%;
	}







	.section_03{
		background-size:cover;

	}


	.section_03_p{
		font-size:30px;
	}


	.section_float_03_box{
		
	}
	.section_float_03_box_In{
		float:left;
		width:33.3%;
	}
	.section_float_03_box_In_p1{
		font-size: 22px;
		margin-top: 23px;
	}
	.section_float_03_box_In_p2{
		font-size: 15px;
		margin-top: 10px;
	}
	.section_04{margin-top: -44px;}







	.footer{padding: 50px;}
	.footer_In{width: 100%;margin: 0 auto;}
	.footer_float_1{float: left;width: 20%;}
	.footer_float_2{float: left;width: 55%;}
	.footer_float_2 > p > span{font-size: 14px;margin-right: 29px;}
	.footer_float_2 > p{margin-bottom: 6px;}
	.footer_float_3{float: left;width: 25%;display: block;}
	.footer_logo{width: 140px;}
	.footer_float_2_btn{
		display:none;
	}



}







@media screen and (min-width:1200px){



	.meta_btn_box_pc{
		display:inline-block;
		position: absolute;
		right: 24px;
		top: 11px;
	}
	.meta_btn_box_m{
		display:none;

	}
	.meta_btn_top{padding: 10px 36px;font-size: 15px;margin-top: 56px;}




	.logo2{
		width: 196px;
		padding-left: 20px;
		padding-bottom: 5px;
	}



	section{
		padding:170px 0;
	}



	.home_text_box{width: 1200px;}
	.home_p1{font-size: 40px;line-height: 1.4;}
	.home_ul{margin-top: 30px;text-align: center;margin: 0 auto;margin-top: 30px;}
	.home_li{display: inline-block;padding: 0.5% 4%;font-size: 24px;margin-bottom: 58px;margin-top: 36px;}





	.section_In{
		width:1200px;
		margin:0 auto;
	}






	.section_title{font-size: 38px;}




	.section_float_01_box{margin-top: 80px;}

	.section_float_01_In{
		float:
		left;
		width: 50%;
		padding:0 20px;
	}
	.section_01_img_01{

	}
	.section_float_01_In_p1{font-size: 20px;margin-top: 10px;margin-bottom: 11px;}
	.section_float_01_In_p2{font-size: 16px; width: 90%;margin: 0 auto;}








	.section_float_02_box{
		
	}
	.section_float_02_In_01{
		float:left;
		width:40%;
	}
	.section_float_02_In_02{
		float:left;
		width:60%;
		text-align: right;
	}
	.section_float_02_In_01_p1{font-size: 20px;}
	.section_float_02_In_01_p2{font-size: 50px;}
	.section_float_02_In_01_p3{font-size: 19px;}
	.section_float_02_In_01_p4{margin-top: 31px;float: left;}
	.section_float_02_In_01_p5{font-size: 14px;padding-top: 10px;}
	.section_02_img_01{

	}
	.section_02_img_02{float: left;padding-left: 22px;padding-top: 31px;}
	.section_02_img_03{
		width:auto;
	}





	.section_03{
		background-size:cover;

	}


	.section_03_p{
		font-size:40px;
	}


	.section_float_03_box{
		
	}
	.section_float_03_box_In{
		float:left;
		width:33.3%;
	}
	.section_float_03_box_In_p1{
		font-size:28px;
		margin-top: 23px;
	}
	.section_float_03_box_In_p2{
		font-size:16px;
		margin-top: 10px;
	}
	.section_04{margin-top: -44px;}





	.footer{padding: 50px;}
	.footer_In{width: 1200px;margin: 0 auto;text-align: left;}
	.footer_float_1{float: left;width: 20%;}
	.footer_float_2{float: left;width: 55%;}
	.footer_float_2 > p > span{font-size: 16px;margin-right: 29px;display: inline-block;margin-bottom: 0;}
	.footer_float_2 > p{margin-bottom: 6px;}
	.footer_float_3{float: left;width: 25%;}
	.footer_logo{width: 170px;}
	.footer_float_2_btn{
		display:none;
	}




}