/* 메인 공통 */
#main_container>section{
	padding: 12rem 0;
}
#main_container h2{
	font-size: 5rem;
	font-weight: 700;
}
.main_visual .top_wrap h2,
#main_container h2{
	margin-bottom: 2rem;
}
#main_container .title_wrap p{
	font-size: 1.8rem;
	font-weight: 400;
}
@media screen and (max-width: 1024px){
	#main_container h2{font-size: 4.5rem;}
}
@media screen and (max-width: 768px){
	#main_container h2{font-size: 3.5rem;}
	.main_visual .top_wrap h2,
	#main_container h2{margin-bottom: 1rem;}
}
@media screen and (max-width: 500px){
	#main_container>section{padding: 5rem 0;}
	#main_container h2{font-size: 2.5rem;}
	#main_container .title_wrap p{font-size: 1.7rem;}
}

















/* 메인 비주얼 */
.main_visual{
	padding-top: 11.4rem;
}
.main_visual .top_wrap{
	padding-top: 10rem;
	padding-bottom: 6rem;
}
.main_visual .top_wrap h2{
	font-size: 7rem;
	font-weight: 700;
}
.main_visual .top_wrap .txt_wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.main_visual .top_wrap .txt_wrap p{
	font-size: 2.4rem;
}
.main_visual .bg_box{
	height: 800px;
	background: url('../_img/main/main_visual_bg.jpg') no-repeat center / cover;
}
@media screen and (max-width: 1024px){
	.main_visual .top_wrap h2{font-size: 5rem;}
	.main_visual .bg_box{height: 600px;}
}
@media screen and (max-width: 768px){
	.main_visual .top_wrap{padding-top: 5rem;}
	.main_visual .top_wrap h2{font-size: 4rem;}
	.main_visual .top_wrap .txt_wrap p{font-size: 2rem;}
	.main_visual .bg_box{height: 450px;}
	.main_visual .top_wrap .txt_wrap{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
	}
}
@media screen and (max-width: 500px){
	.main_visual .top_wrap{padding-bottom: 3rem; padding-top: 5rem;}
	.main_visual .top_wrap h2{font-size: 3rem;}
	.main_visual .top_wrap .txt_wrap p{font-size: 1.6rem;}
	.main_visual .bg_box{height: 300px;}
}



/* sec01 */
.sec01{
	background-color: #f4f4f4;
	position: relative;
	z-index: 1;
}
.sec01::after{
	content: "";
	display: block;
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('../_img/main/sec01_bg01.png') no-repeat 25% center;
	z-index: 2;
}
.sec01 .sec01_wrap{
	max-width: 1920px;
	margin: 0 auto;
	z-index: 3;
	position: relative;
}
.sec01 .sec01_wrap>.title_wrap{
	margin-bottom: 6rem;
	position: relative;
}
.sec01 .sec01_wrap>.title_wrap::after{
	content: "";
	display: block;
	width: 148px;
	height: 148px;
	position: absolute;
	left: 70rem;
	top: 50%;
	transform: translateY(-50%);
	background: url('../_img/main/sec01_bg02.png') no-repeat 25% center;
}
.sec01 .sec01_wrap .swiper-area .img-swiper{
	overflow: hidden;
	width: calc((50% + (920px / 2)) - 60px);
    margin-left: auto;
}
.sec01 .sec01_wrap .swiper-area .img-swiper .swiper-slide{
	background:#ddd;
	width: 580px;
	height: 360px;
	border-radius: 20px;
	overflow: hidden;
}
.sec01 .sec01_wrap .swiper-area .img-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec01 .sec01_wrap .swiper-area .text-swiper{
	max-width: 920px;
	padding: 16rem 13rem 6rem 13rem;
	background-color: #fff;
	border-radius: 20px;
    margin: -12rem auto 0;
	position: relative;
	box-shadow: 7px 6px 20px rgba(0, 0, 0, 0.3);
	margin-bottom: 3rem;
	overflow: hidden;
}
.sec01 .sec01_wrap .swiper-area .text-swiper h3{
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.sec01 .sec01_wrap .swiper-area .text-swiper strong{
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 3rem;
}
.sec01 .sec01_wrap .swiper-area .text-swiper p{
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: 3rem;
}
.sec01 .sec01_wrap .swiper-area .text-swiper .swiper-slide{
	background:#fff;
    font-size:20px;
}
.swiper-area .text-swiper .swiper-slide-active{
	z-index: 11;
}
.sec01 .sec01_wrap .swiper-area .text-swiper .control-box{
	position: absolute;
	right: 5rem;
	top: 16rem;
	display: flex;
	z-index: 1;
}
.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button{
	width: 50px;
	height: 50px;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button:focus{
	outline: none;
}
.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button.prev-btn{
	transform: rotate(-180deg);
	margin-right: -1px;
}
@media screen and (max-width: 1024px){
	.sec01::after{left: 35%; top: 26%; background-size: 100%;}
	.sec01 .sec01_wrap>.title_wrap::after{left: 60rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper{padding: 16rem 6rem 6rem 6rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper,
	.sec01 .sec01_wrap .swiper-area .img-swiper{width: 90%;}
	.sec01 .sec01_wrap .swiper-area .img-swiper .swiper-slide{height: 330px;}
}
@media screen and (max-width: 768px){
	.sec01 .sec01_wrap>.title_wrap::after{
		width: 100px;
		height: 100px;
		left: 48rem;
		background-size: 100%;
	}
	.sec01 .sec01_wrap .swiper-area .text-swiper h3{font-size: 3.5rem;}
	.sec01 .sec01_wrap .swiper-area .img-swiper .swiper-slide{height: 300px;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button{width: 40px; height: 40px;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button img{width: 8px;}
}
@media screen and (max-width: 500px){
	.sec01 .sec01_wrap>.title_wrap{margin-bottom: 3rem;}
	.sec01 .sec01_wrap>.title_wrap::after{
		width: 60px;
		height: 60px;
		left: 36rem;
	}
	.sec01 .sec01_wrap .swiper-area .text-swiper{padding: 15rem 3rem 3rem 3rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box{top: 15rem;}
	.sec01 .sec01_wrap .swiper-area .img-swiper .swiper-slide{height: 200px;}
	.sec01 .sec01_wrap .swiper-area .text-swiper h3{font-size: 2.5rem; margin-bottom: 0.5rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper strong{font-size: 2rem; margin-bottom: 1rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper p{font-size: 1.7rem; margin-bottom: 2rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box{right: 4rem;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button{width: 30px; height: 30px;}
	.sec01 .sec01_wrap .swiper-area .text-swiper .control-box button img{width: 7px;}
}



/* sec02 */
.sec02{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: url("../_img/main/sec02_bg.png") no-repeat 0 center #23B24B;
	text-align: center;
}
.sec02 .img_box{
	margin: 0 auto 5rem auto;
}
.sec02 .more_btn{
	border-color: #fff;
	color: #fff;
}
.sec02 .more_btn .ico_box{
	background-color: #fff;
}
.sec02 .title_wrap h3{
	font-size: 5rem;
    font-weight: 700;
	color: #fff;
	margin-bottom: 3rem;
}
.sec02 .title_wrap{
	margin-bottom: 5rem;
}
.sec02 .title_wrap strong{
	display: block;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1rem;
}
.sec02 .title_wrap p{
	color: #fff;
}
.sec02 .title_wrap p br{
	display: none;
}
.sec02 .main_more_btn{
	color: #fff;
	border-color: #fff;
}
.sec02 .main_more_btn:hover{
	background-color: #fff;
	color: #23B24B;
}
.sec02 .main_more_btn .ico_box{
	background-color: #fff;
	background-image: url("/html/_img/comm/more_btn_gr.png");
}
.sec02 .main_more_btn:hover .ico_box{
	background-color: #23B24B;
	background-image: url("/html/_img/comm/more_btn.png");
}
@media screen and (max-width: 1024px){
	.sec02 .img_box{width: 500px;}
	.sec02 .img_box img{width: 100%;}
	.sec02 .title_wrap h3{font-size: 4.5rem;}
}
@media screen and (max-width: 768px){
	.sec02 .img_box{width: 350px; margin-bottom: 4rem;}
	.sec02 .title_wrap{margin-bottom: 4rem;}
	.sec02 .title_wrap h3{font-size: 3.5rem; margin-bottom: 2rem;}
	.sec02 .title_wrap strong{font-size: 3rem;}
}
@media screen and (max-width: 500px){
	.sec02 .img_box{width: 250px;}
	.sec02 .title_wrap{margin-bottom: 3rem;}
	.sec02 .title_wrap h3{font-size: 2.5rem;}
	.sec02 .title_wrap strong{font-size: 2rem;}
	.sec02 .title_wrap p br{display: block;}
}



/* sec03 */
.sec03 .title_wrap{
	text-align: center;
	margin-bottom: 10rem;
}
.sec03 .list_wrap{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
	padding-left: 0;
}
.sec03 .list_wrap li{
	border: 1px solid #cccccc;
	border-radius: 20px;
	padding: 8rem 4rem 4rem 4rem;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sec03 .list_wrap li .ico_box{
	position: absolute;
	left: 50%;
	top: -5rem;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background-color: #23B24B;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec03 .list_wrap li .txt_wrap{
	text-align: center;
	margin-bottom: 3.2rem;
}
.sec03 .list_wrap li .txt_wrap h3{
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 1.3rem;
}
@media screen and (max-width: 1024px){
	.sec03 .list_wrap li .img_box{width: 170px;}
	.sec03 .list_wrap li .img_box img{width: 100%;}
}
@media screen and (max-width: 920px){
	.sec03 .list_wrap{grid-template-columns: repeat(2, 1fr); gap: 7rem 3rem;}
	.sec03 .list_wrap li:last-child{
		grid-column: 1 / -1;
		justify-self: center;
		width: 100%;
	}
}/*
@media screen and (max-width: 768px){
	.sec03 .list_wrap{grid-template-columns: repeat(1, 1fr);}
	.sec03 .list_wrap li{padding: 8rem 2rem 4rem 2rem;}
	.sec03 .list_wrap li:last-child{width: 100%;}
}*/
@media screen and (max-width: 768px){
	.sec03 .list_wrap{gap: 6rem 2rem;}
	.sec03 .list_wrap li{padding: 7rem 2rem 2rem 2rem;}
	.sec03 .list_wrap li .ico_box{width: 80px; height: 80px;}
	.sec03 .list_wrap li .txt_wrap h3{font-size: 2.5rem; margin-bottom: 1rem;}
	.sec03 .list_wrap li .img_box{width: 150px;}
}
@media screen and (max-width: 500px){
	.sec03 .title_wrap{margin-bottom: 6rem;}
	.sec03 .list_wrap{gap: 4rem 2rem;}
	.sec03 .list_wrap li{padding: 5rem 2rem 2rem 2rem; border-radius: 15px;}
	.sec03 .list_wrap li .ico_box{
		width: 60px;
		height: 60px;
		top: -4rem;
	}
	.sec03 .list_wrap li .ico_box img{width: 25px;}
	.sec03 .list_wrap li .txt_wrap{margin-bottom: 2rem;}
	.sec03 .list_wrap li .txt_wrap h3{font-size: 2rem; margin-bottom: 0.5rem;}
	.sec03 .list_wrap li .txt_wrap p{font-size: 1.7rem;}
	.sec03 .list_wrap li .img_box{width: 110px;}
}
@media screen and (max-width: 370px){
	.sec03 .list_wrap{grid-template-columns: repeat(1, 1fr);}
	.sec03 .list_wrap li .ico_box{top: -3.5rem;}
}



/* sec04 */
.sec04{
	background-color: #000001;
}
.sec04>div{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem;
}
.sec04>div .left_wrap{
	border-radius: 20px;
	position: relative;
}
.sec04>div .left_wrap::after{
	content: "";
	display: block;
	width: 60px;
	height: 46px;
	background: url("../_img/main/sec04_video_ico.png") no-repeat center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.sec04>div .left_wrap img{
	width: 100%;
}
.sec04>div .right_wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sec04>div .right_wrap .title_wrap h2{
	color: #fff;
}
.sec04>div .right_wrap .title_wrap p{
	margin-bottom: 2rem;
	color: #fff;
}
.sec04 .main_more_btn{
	color: #fff;
	border-color: #fff;
}
.sec04 .main_more_btn:hover{
	background-color: #fff;
	color: #000;
}
.sec04 .main_more_btn .ico_box{
	background-color: #fff;
	background-image: url("/html/_img/comm/more_btn_dk.png");
}
.sec04 .main_more_btn:hover .ico_box{
	background-color: #000;
	background-image: url("/html/_img/comm/more_btn.png");
}
.sec04 .main_more_btn .ico_box img{
	filter: invert(100%);
}
.sec04>div .right_wrap .list_wrap{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	padding-left: 0;
	cursor: pointer;
}
.sec04>div .right_wrap .list_wrap li{
	padding: 2rem 2.5rem;
	background-color: #272727;
	border-radius: 20px;
}
.sec04>div .right_wrap .list_wrap li a{
	display: block;
}
.sec04>div .right_wrap .list_wrap li a p{
	margin-bottom: 5rem;
	font-weight: 600;
	color: #fff;
}
@media screen and (max-width: 1800px){
	.sec04>div .right_wrap .list_wrap li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sec04>div .right_wrap .list_wrap li a p{margin-bottom: 0;}
}
@media screen and (max-width: 1024px){
	.sec04>div{grid-template-columns: repeat(1, 1fr);}
	.sec04>div .left_wrap{height: 500px; overflow: hidden;}
	.sec04>div .left_wrap img{height: 100%; object-fit: cover;}
	.sec04>div .right_wrap{gap: 4rem;}
}
@media screen and (max-width: 768px){
	.sec04>div .left_wrap{height: 400px;}
}
@media screen and (max-width: 500px){
	.sec04>div{gap: 2rem;}
	.sec04>div .right_wrap .list_wrap li{padding: 1.5rem 2rem;}
	.sec04>div .left_wrap{height: 250px; border-radius: 15px;}
	.sec04>div .right_wrap .list_wrap li a p{font-size: 1.4rem;}
	.sec04>div .right_wrap .list_wrap li a i img{width: 10px;}
	.sec04>div .left_wrap::after{background-size: 40px;}
}















@media(max-width:991.98px){
 	.main_visual{
		height:auto;
	}

	.main_visual#main_visual_mo{
		display:block;
		padding-top: 67px;
	}

	.main_visual .swiper-slide {
		
		max-height:280px;
	    position: relative;
	}
}