@charset "utf-8";
/* @import url("new.css"); */
/* @import url("hover.css"); */
/* -----------------------------------	main  -------------------------------------------------*/


/******** key box ***********/

#sectionM{	position: relative;  display: block;  width: 100%; height: auto;
	padding: 30px 0;   box-sizing: border-box;
	background-color: #5b78b8;
}
#sectionM .container1{max-width: inherit;}
.keyBox{ position: relative; display: inline-block; width: 100%; height: auto; margin: 0 auto;
	padding: 1.5% 0;  box-sizing: border-box;}
.wz-keyword {	position: relative; display: block; width: 100%;	margin: 0px auto; font-weight: bold;
  font-family: "S-CoreDream-3Light", 'sans-serif';
	font-family: "GmarketSansMedium", 'sans-serif';
 color:#fff;
 text-align:center;
}
/* .wz-keyword-con {	display: inline-block;} */
.wz-keyword p {	display:inline-block; font-size:20px;
	padding-bottom:9px; line-height: 150%;}

.wz-keyword-con ul{  padding: 15px 0;}
.wz-keyword li { display: inline-block;	margin-right: calc(1.8vw + 5px);}
.keytag { display: inline-block;	margin-right: calc(1.8vw + 5px);}
.keytag a {  transition:opacity .3s;   text-decoration: none;
	font-size: calc(3vw + 0.5rem);	 color:#fff;	 opacity:.5; }
	.keytag a:hover { opacity:1; color:#39538c; transition:opacity .3s; font-weight: bold;}
	
	
.keytag {text-align:center; white-space: nowrap; }
.keytag.main_color1 a{color: #ef8129; opacity: .8;}
.keytag.main_color1 a:hover{opacity: 1;}


@media all and (max-width:1089px){
#sectionM{padding: 10px 0;}
.wz-keyword-con ul {  padding: 10px 0;}
.wz-keyword li a{font-size: 2rem;}

}


@media all and (max-width:768px){
#sectionM{padding-bottom: 40px;}
.wz-keyword p{margin-bottom: 30px; 	padding-bottom: 0px;	}
.wz-keyword-con ul {  padding: 5px 0;}
.wz-keyword li{line-height: 1;}
.wz-keyword li a{font-size: 1.8rem;}
}


/*******************/

/* main */
ul::after{display: none;}
.mainSection{
	position: relative;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4% 0;
}
.mainSection h2{text-align: center; margin-bottom: 60px;}
.mainSection1, .mainSection2{padding: 0;}
.container1{max-width: 1500px; width: 100%; margin: 0 auto; color: #000; box-sizing: border-box;}

.visual{
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(../image/main/main_bg01.jpg) 50% 50%/cover no-repeat;
	padding-top: 70px;
}
.visual .logo_img{
	position: absolute;
	left: 50%;
	bottom: 14%;
	transform: translateX(-50%);
}

.mainSection3{background: url(../image/main/main_bg02.png) 50% 50%/cover no-repeat;}
.mainSection3 .container1 ul{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.mainSection3 .container1 ul li{width: 19%;}
.mainSection3 .container1 ul li:nth-child(2){margin-top: 17%;}
.mainSection3 .container1 ul li:nth-child(3){margin-top: 3%;}
.mainSection3 .container1 ul li:nth-child(4), .mainSection3 .container1 ul li:nth-child(5){margin-top: 8%;}
.mainSection3 .container1 ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}
.mainSection3 .container1 ul li strong{display: block; margin: 10px 0; font-size: 20px;}
.mainSection3 .container1 ul li p{font-size: 17px;;}
.mainSection3 .container1 ul li span{font-size: 15px;;}
.mainSection3 .container2{padding-bottom: 0;}
.mainSection3 .container2 h3{text-align: center; font-family:'Pretendard'; margin-bottom: 20px;}
.mainSection3 .container2 h3 p{font-size: 20px; font-weight: bold;}
.mainSection3 .container2 h3 i{font-size: 17px; font-style: normal;}
.mainSection3 .container2 ul{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.mainSection3 .container2 ul li{position: relative;}
.mainSection3 .container2 ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.mainSection3 .container2 ul li a .main_s_txt1{
	position: absolute;
	left: 50%;
	top: 9%;
	transform: translateX(-50%);
	z-index: 1;
    width: 100%;
    text-align: center;
	color: #fff;
}
.mainSection3 .container2 ul li:nth-child(2) a .main_s_txt1{color: #000;}
.mainSection3 .container2 ul li a .main_s_txt1 p{font-size: 17px;}
.mainSection3 .container2 ul li a .main_s_txt1 span{font-size: 15px;}

.mainSection4{background: #ef8129 url(../image/main/main_bg03.png) 50% 50%/cover no-repeat;}
.mainSection4 .container1 ul{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.mainSection4 .container1 ul li{width: 31%;}
.mainSection4 .container1 ul li:nth-child(1){margin-top: 4%;}
.mainSection4 .container1 ul li:nth-child(2){margin-top: 10%;}
.mainSection4 .container1 ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.mainSection4 .container1 ul li strong{display: block; margin: 10px 0; font-size: 20px;}
.mainSection4 .container1 ul li p{font-size: 17px;}
.mainSection4 .container1 ul li span{font-size: 15px;}

.mainSection5 .container1.flex{
	justify-content: space-between;
	align-items: flex-start;
}
.mainSection5 .container1 .section4_list{width: 48%;}
.mainSection5 .container1 .section4_list li{
	width: 100%;
	border-top: 1px solid #000;
}
.mainSection5 .container1 .section4_list li:last-child{border-bottom: 1px solid #000;}
.mainSection5 .container1 .section4_list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 10px 0;
}
.mainSection5 .container1 .section4_list li a .section4_list_txt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 70%;
}
.mainSection5 .container1 .section4_list li a .section4_list_txt strong{font-size: 30px;}
.mainSection5 .container1 .section4_list li:nth-child(1) a .section4_list_txt p{margin-left: 24%;}
.mainSection5 .container1 .section4_list li:nth-child(2) a .section4_list_txt p{margin-left: 6%;}
.mainSection5 .container1 .section4_list li:nth-child(3) a .section4_list_txt p{margin-left: 8%;}
.mainSection5 .container1 .main_bg_color1{position: relative; margin-top: 100px; background: #5479bb; color: #fff; padding: 30px 40px;}
.mainSection5 .container1 .main_bg_color1 .w_only{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mainSection5 .container1 .main_bg_color1 strong{font-size: 30px; font-weight: 500; padding-right: 40px; background: #5479bb; z-index: 2;}
.mainSection5 .container1 .main_bg_color1 h4{
	font-size: 35px;
	font-family:'Pretendard';
	font-weight: bold;
	z-index: 2;
	padding: 0 20px;
	background: #5479bb;
}
.mainSection5 .container1 .main_bg_color1::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 70%;
	height: 1px;
	background: #fff;
	z-index: 1;
}
.mainSection5 .container1 .main_bg_color1 p{font-size: 17px; padding-left: 40px; background: #5479bb; z-index: 2;}

@media all and (max-width:1500px){
	.container1{padding: 0 40px;}
	.mainSection5 .container1 .section4_list li a .section4_list_txt strong{font-size: 28px;}
	.mainSection5 .container1 .section4_list li:nth-child(1) a .section4_list_txt p{margin-left: 22%;}
	.mainSection5 .container1 .section4_list li:nth-child(2) a .section4_list_txt p{margin-left: 4%;}
	.mainSection5 .container1 .section4_list li:nth-child(3) a .section4_list_txt p{margin-left: 6%;}
}
@media all and (max-width:1089px){
	.visual{height: 80vh;}
	.mainSection3{background: none;}
	.mainSection3 .container1 ul{display: block;}
	.mainSection3 .container1 ul li:nth-child(2), .mainSection3 .container1 ul li:nth-child(3), .mainSection3 .container1 ul li:nth-child(4), .mainSection3 .container1 ul li:nth-child(5){margin-top: 0;}
	.mainSection3 .container1 ul li{width: 80%; margin: 0 auto 40px;}
	.mainSection3 .container1 ul li a{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
		.mainSection3 .container1 ul li strong{font-size: 26px;}
	.mainSection3 .container1 ul li p{font-size: 20px; margin-bottom: 4px;}
	.mainSection3 .container1 ul li span{font-size: 17px;}

	.mainSection4 .container1 ul{display: block;}
	.mainSection4 .container1 ul li:nth-child(1), .mainSection4 .container1 ul li:nth-child(2){margin-top: 0;}
	.mainSection4 .container1 ul li{width: 80%; margin: 0 auto 40px;}
	.mainSection4 .container1 ul li a{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.mainSection4 .container1 ul li strong{font-size: 26px;}
	.mainSection4 .container1 ul li p{font-size: 20px; margin-bottom: 4px;}
	.mainSection4 .container1 ul li span{font-size: 17px;}

	.mainSection5 .container1.flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.mainSection5 .container1 .section4_list{width: 80%;}
	.mainSection5 .container1 .section4_list:first-child li:last-child{border-bottom: none;}

	.mainSection5 .container1 .section4_list li a .section4_list_txt{display: block;}
	.mainSection5 .container1 .section4_list li a .section4_list_txt strong{font-size: 26px;}
	.mainSection5 .container1 .section4_list li a .section4_list_txt p{font-size: 20px;}
	.mainSection5 .container1 .section4_list li:nth-child(1) a .section4_list_txt p, .mainSection5 .container1 .section4_list li:nth-child(2) a .section4_list_txt p, .mainSection5 .container1 .section4_list li:nth-child(3) a .section4_list_txt p{margin-left: 0;}

	.mainSection5 .container1 .main_bg_color1{text-align: center; padding: 30px 0; margin-bottom: 40px;}
	.mainSection5 .container1 .main_bg_color1::after{display: none;}
	.mainSection5 .container1 .main_bg_color1 .main_line1{display: block; width: 100%; height: 1px; background: #fff; margin: 10px 0;}
	.mainSection5 .container1 .main_bg_color1 strong{padding: 0;}
	.mainSection5 .container1 .main_bg_color1 p{padding: 0; font-size: 24px;}
	
}

@media all and (max-width:768px){
	.mainSection h2{
		width: 60%;
	    margin: 0 auto 60px;
	}
	.mainSection3 .container1 ul li{width: 100%;}
	.mainSection4 .container1 ul li{width: 100%;}
	.mainSection5 .container1 .section4_list{width: 100%;}
	.mainSection5 .container1 .main_bg_color1 h4{font-size: 30px;}
	.mainSection5 .container1 .main_bg_color1 strong{font-size: 24px;}
	.mainSection5 .container1 .main_bg_color1 p{font-size: 20px;}

}

@media all and (max-width:450px){
	.visual{height: 60vh;}
	.mainSection3 .container1 ul li strong{margin: 6px 0;}
	.mainSection3 .container1 ul li p{font-size: 17px;}
	.mainSection3 .container1 ul li span{font-size: 15px;}
	.mainSection4 .container1 ul li strong{margin: 6px 0;}
	.mainSection4 .container1 ul li p{font-size: 17px;}
	.mainSection4 .container1 ul li span{font-size: 15px;}
	.mainSection5 .container1 .section4_list li a{flex-direction: column-reverse; justify-content: center; align-items: center; padding: 20px 0;}
	.mainSection5 .container1 .section4_list li a .section4_list_txt{width: 100%;}
	.mainSection5 .container1 .section4_list li a .section4_list_txt strong{display: block; margin-top: 10px;}
	.mainSection5 .container1 .main_bg_color1{margin-top: 60px;}
	.mainSection5 .container1 .main_bg_color1 p{padding: 0 20px; word-break: keep-all;}
}