/* 메인 공통 */
#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_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;
}



/* sec01 */
.sec01{
	background: url('../_img/main/sec01_bg.png') no-repeat 25% center #f4f4f4;
}
.sec01 .sec01_wrap{
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.sec01 .sec01_wrap>.title_wrap{
	margin-bottom: 6rem;
}
.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;
}
.sec01 .sec01_wrap .swiper-area .text-swiper h3{
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.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{
	margin-bottom: 3rem;
}
.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;
}


/* 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 .more_btn{
	border-color: #fff;
	color: #fff;
}
.sec02 .more_btn .ico_box{
	background-color: #fff;
}
.sec02 .title_wrap h2{
	color: #fff;
}
.sec02 .title_wrap{
	margin-bottom: 5rem;
}
.sec02 .title_wrap h3{
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1rem;
}
.sec02 .title_wrap p{
	color: #fff;
}
.sec02 .main_more_btn{
	color: #fff;
	border-color: #fff;
}
.sec02 .main_more_btn .ico_box{
	background-color: #fff;
}



/* 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;
}



/* 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 .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 .ico_box{
	background-color: #fff;
}
.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;
}










































/*sec01
#main_container > .sec01{
	padding:5rem 0;
}
#main_container > .sec01 .row > div[class^='col-']{
	position:relative;
}
#main_container > .sec01 .row > div[class^='col-'] > a{
	display:block;
	color:inherit;
	text-decoration:none;
}
#main_container > .sec01 .row > div[class^='col-'] > a >  div:nth-child(2){
	position:relative;
	margin-top:-40px;
	left:10%;
	width:80%;
	background:#fff;
	padding:20px;
	text-align:center;
	z-index:2;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > h4{
	font-size:2.2rem;
	margin-bottom:1rem;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > p:nth-of-type(1){
	font-size:1.6rem;
	font-weight:300;
	margin-bottom:1.5rem;
}
#main_container > .sec01 .row > div[class^='col-'] > a > div:nth-child(2) > p:nth-of-type(2){
	display:inline-block;
	border-bottom:3px solid #008cd6;
	font-size:1.4rem;
	padding:2px 15px;
}


/*sec02
#main_container > .sec02{}
#main_container > .sec02 div[class^='col-']:first-child{
	background:url(../_img/main/main_sec02_img1.jpg) no-repeat center center / cover;
}
#main_container > .sec02 div[class^='col-']:last-child{
	background:url(../_img/main/main_sec02_img2.jpg) no-repeat center center / cover;

}
#main_container > .sec02 div[class^='col-'] > .item{
	position:relative;
	padding-top:65%;
}
#main_container > .sec02 div[class^='col-']:first-child > .item > div{
	position:absolute;
	left:0;
	text-align:center;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:white;
}

#main_container > .sec02 div[class^='col-']:last-child > .item > a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}
#main_container > .sec02 div[class^='col-']:last-child > .item > a > div{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}



/*sec03
#main_container > .sec03{
	padding:5rem 0;
	background:#f2f2f2;
}
#main_container > .sec03 .box{
	background:#fff;
	height:380px;
	position:relative;
	padding:40px 35px;
}
#main_container > .sec03 .box.latest > h4{
	font-size:1.6rem;
	margin-bottom:2.5rem;
}
#main_container > .sec03 .box.latest > h4 > span{
	color:#008cd6;
	border-bottom:1px solid #008cd6;
	font-weight:400;
}
#main_container > .sec03 .box.latest .swiper-slide{}
#main_container > .sec03 .box.latest .swiper-slide dt{
	font-size:2.2rem;
	font-weight:300;
	line-height:1.6;
	padding-bottom:1.5rem;
	margin-bottom:1.7rem;
	position:relative;
}
#main_container > .sec03 .box.latest .swiper-slide dt:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:2px;
	width:35px;
	background:#008cd6;
}
#main_container > .sec03 .box.latest .swiper-slide dd{
	font-size:1.5rem;
	font-weight:300;
	line-height:1.6;
	display:inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
	position:relative;
	height:120px;
	line-height:24px;
	white-space: normal;
	text-align: left;
	word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;


}
#main_container > .sec03 .box.latest .latest_nav{
	position:absolute;
	left:25px;
	bottom:40px;
	font-size:18px;
	color:#aaa;
}
#main_container > .sec03 .box.latest .latest_nav a{
	color:inherit;
	position:relative;
	float:left;
	margin-right:41px;
}
#main_container > .sec03 .box.latest .latest_nav a:first-child:after{
	content:"";
	position:absolute;
	right:-21px;
	top:50%;
	margin-top:-12px;
	height:26px;
	border-right:1px solid #ccc;
}
#main_container > .sec03 .box.bn{
	display:block;
	text-align:center;
	color:#666
}
#main_container > .sec03 .box.bn1 {
	background:#008cd6;
	color:#fff;
}
#main_container > .sec03 .box.bn > div{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}
#main_container > .sec03 .box.bn > div > h4{
	font-size:2.2rem;
	color:#000;
	margin-bottom:20px;
	padding-top:111px;
}
#main_container > .sec03 .box.bn1 > div > h4{
	color:#fff;
}

#main_container > .sec03 .box.bn1 > div > h4{
	background:url(../_img/main/main_icon1.png) no-repeat center top / 70px auto;
}
#main_container > .sec03 .box.bn2 > div > h4{
	background:url(../_img/main/main_icon2.png) no-repeat center top / 70px auto;
}

#main_container > .sec03 .box.bn > div > p:nth-of-type(1){
	font-size:1.6rem;
	font-weight:300;
	color:#999;
}
#main_container > .sec03 .box.bn1 > div > p:nth-of-type(1){
	color:#fff;
	opacity:.8
}
#main_container > .sec03 .box.bn > div > p:nth-of-type(2){
	border-top:1px solid #ddd;
	width:70%;
	margin:0 auto;
	padding:15px 0 0 0;
	font-size:1.6rem;
	font-weight:300;
	margin-top:15px;
}*/

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

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

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