.main_visual{
	position:relative;
	margin: 0 auto;
	max-width: 2460px;
	max-height: 1140px;
	height:100vh;
}
.main_visual .mySwiper,
.main_visual .swiper-wrapper,
.main_visual .swiper-slide{
	height: 100%;
}
.main_visual .mySwiper{overflow: hidden;}
.main_visual .swiper-slide.swiper-slide-active{
	transform:scale(1.1);
	transition:all 5s;
}
.main_visual .text_item{
	z-index: 5;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-51%);
	padding-top:90px;
}
.main_visual .txt_box{width: 50%;}
.main_visual .txt_box h3{
	margin-bottom: 5rem;
	font-size:6rem;
	font-weight:600;
}
.main_visual .txt_box2 h3{color: #fff;}
.main_visual .txt_box h3 span{color: #cb325b;}
.main_visual .txt_box h3 span.color2{color: #fe9402;}
.main_visual .txt_box p img{vertical-align: bottom;}
.main_visual .txt_box a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 20rem;
	height: 6rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #222;
	border-radius: 3rem;
	border: 1px solid #222;
}
.main_visual .txt_box2 a{
	color: #fff;
	border-color: #fff;
}
.main_visual .txt_box a i{font-size: 2.8rem; margin-left: 3px;}
.main_visual .controller{
	z-index: 10;
	position: absolute;
	bottom: 7.5rem; left: 50%;
	transform:translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5rem;
}
.main_visual .controller .mv_pagination{
	font-size:1.6rem;
	width: auto;
}
.main_visual .controller .mv_pagination span:first-child{font-weight: bold;}
.main_visual .progress{
	position: relative;
	width:12rem;
	height:3px;
	background:rgba(255,255,255,.5);
}
.main_visual .progress span{
	position:absolute;
	left:0; top:0;
	height:100%;
	width:0%;
	background:#000;
}
@media(max-width:1199.98px){
	.main_visual .swiper-slide{background-position: left 60% center !important;}
	.main_visual .txt_box h3{font-size:5rem;}
}
@media(max-width:991.98px){
	.main_visual .txt_box{padding-left: 2rem;}
	.main_visual .txt_box h3{font-size:4rem; margin-bottom: 4rem;}
	.main_visual .txt_box p img {width: 100px;}
	.main_visual .txt_box a {
    width: 18rem;
    height: 5.5rem;
    font-size: 1.6rem;
	}
	.main_visual .txt_box a i{font-size: 2.6rem;}
	.main_visual .controller{bottom: 5rem;}
}
@media(max-width:767.98px){
	.main_visual{max-height: 800px;}
	.main_visual .txt_box h3{font-size:3.5rem; margin-bottom: 3rem;}
	.main_visual .txt_box h3{font-size:3.5rem; margin-bottom: 3rem;}
	.main_visual .txt_box p img {width: 90px;}
}
@media(max-width:575.98px){
	.main_visual{max-height: 600px;}
	.main_visual .swiper-slide{background-position: left 0% center !important;}
	.main_visual .text_item{padding-top: 50px;}
	.main_visual .txt_box{width: 100%; padding-left:0;}
	.main_visual .txt_box h3{font-size:3rem;}
	.main_visual .txt_box p img {width: 80px;}
	.main_visual .txt_box a {height: 5rem;}
}






/* ---------- sec00 ---------- */
#main_container > .sec00{
	border-bottom: 1px solid #e9e9e9;
}
#main_container > .sec00 > div{
	position: relative;
	display: flex;
	margin: 0 auto;
	width: 40rem;
	height: 14rem;
}
#main_container > .sec00 a{
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 50%;
	height: 100%;
	font-size: 1.8rem;
	font-weight: 500;
	color: #222;
	background: #fff;
	border-right: 1px solid #e9e9e9;
	transform: translateY(-50%);
	transition: all .3s;
}
#main_container > .sec00 a:first-child{left: 0; border-left: 1px solid #e9e9e9;}
#main_container > .sec00 a:last-child{right: 0;}
#main_container > .sec00 a img{
	margin-bottom: 1rem;
	transition: filter .3s;
}
#main_container > .sec00 a:hover{
	z-index: 1;
	color: #fff;
	background: #fe9402;
	border-color: #fe9402;
	height: 120%;
}
#main_container > .sec00 a:hover img{
	filter: brightness(0) invert(1);
}
@media (max-width:767.98px) {
	#main_container > .sec00 > div{width: 35rem; height: 12rem;}
	#main_container > .sec00 a{font-size: 1.8rem;}
	#main_container > .sec00 a img{max-width: 30px;}
}




/* ---------- 공통 ---------- */
#main_container .main_title{
	line-height: 1.3;
	font-size: 4rem;
	font-weight: bold;
}
#main_container .main_title small{
	display: block;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-family: 'Poppins';
	font-size: 1.8rem;
	font-weight: bold;
	color: #fe9402;
}
@media (max-width:991.98px) {
	#main_container .main_title{font-size: 3.5rem;}
}
@media (max-width:767.98px) {
	#main_container .main_title{font-size: 3rem;}
	#main_container .main_title small{font-size: 1.6rem;}
}





/* ---------- sec01 ---------- */
#main_container > .sec01{overflow: hidden;}
#main_container > .sec01 .inner{
	display: flex;
	padding: 11rem 0;
}
#main_container > .sec01 .left{
	width: 36rem;
}
#main_container > .sec01 .left a{
	display: inline-block;
	margin-top: 7.5rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
}
#main_container > .sec01 .left a i{
	vertical-align: sub;
	margin-left: 2rem;
	font-size: 2.8rem;
}
#main_container > .sec01 .right{
	width: calc(100% - 36rem);
}
#main_container > .sec01 .right .mySwiper {
	margin-left: auto;
	width: 150%;
	overflow: hidden;
}
#main_container > .sec01 .right .swiper-slide{
	margin-right: 3rem;
	width: 38rem;
}
#main_container > .sec01 .right .img{
	border: 4px solid rgba(254,148,2,0);
	box-shadow: 0 0 2rem rgba(0,0,0,0);
}
#main_container > .sec01 .right p{
	font-size: 1.6rem;
	color: #444;
}
#main_container > .sec01 .right p b{
	display: block;
	padding: 1.5rem 0;
	font-size: 2rem;
	color: #222;
}
#main_container > .sec01 .right .swiper-slide-active .img{
	border: 4px solid rgba(254,148,2,1);
	box-shadow: 0 0 2rem rgba(0,0,0,.3);
}
#main_container > .sec01 .right .swiper-slide-active p b{
	color: #fe9402;
}
#main_container > .sec01 .right .sw_box{
	position: relative;
	margin-top: 8rem;
	width: 90%;
	height: 3.3rem;
}
#main_container > .sec01 .right .sw_box .btn{
	position: absolute;
	top: 0; right: 0;
	display: flex;
	justify-content: space-between;
	padding: 0;
	width: 10rem;
}
#main_container > .sec01 .right .sw_box .btn i{
	font-size: 2.8rem;
}
#main_container > .sec01 .right .sw_box .sec01-swiper-pagination{
	top: 50%; left: 0;
	width: 83%;
	height: 4px;
	transform: translateY(-50%);
	background: #f2f2f2;
}
#main_container > .sec01 .right .sw_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #222;
}
@media (max-width:1199.98px) {
	#main_container > .sec01 .right .sw_box .btn {width: 8rem;}
}
@media (max-width:991.98px) {
	#main_container > .sec01 .inner {padding: 10rem 0;}
	#main_container > .sec01 .left {width: 35rem;}
	#main_container > .sec01 .left a{
		margin-top: 5rem;
		font-size: 1.8rem;
	}
	#main_container > .sec01 .left a i {
		vertical-align: text-top;
    margin-left: 1.5rem;
    font-size: 2.5rem;
	}
	#main_container > .sec01 .right {width: calc(100% - 35rem);}
	#main_container > .sec01 .right .swiper-slide{
		margin-right: 2rem;
		width: 30rem;
	}
	#main_container > .sec01 .right p{font-size: 1.8rem;}
	#main_container > .sec01 .right p b{padding-bottom: 1.5rem;}
	#main_container > .sec01 .right .sw_box {
    margin-top: 3rem;
    height: 2.6rem;
	}
	#main_container > .sec01 .right .sw_box .btn i {font-size: 2.5rem;}
	#main_container > .sec01 .right .sw_box .sec01-swiper-pagination { width: 70%;}
}
@media (max-width:767.98px) {
	#main_container > .sec01 .inner{display: block; padding: 8rem 0;}
	#main_container > .sec01 .inner > div{width: 100% !important;}
	#main_container > .sec01 .left a{margin-top: 3rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec01 .right .mySwiper {
    margin-left: unset;
    width: 100%;
	}
	#main_container > .sec01 .right .swiper-slide{
		margin-right: 0;
		width: 100%;
	}
	#main_container > .sec01 .right .sw_box .btn{display: none;}
	#main_container > .sec01 .right .sw_box .sec01-swiper-pagination { width: 100%;}
}




/* ---------- sec02 ---------- */
#main_container > .sec02{
	position: relative;
	padding: 16.5rem 0 22rem 0;
	background: url(../_img/main/main_sec02_img1.jpg) no-repeat center center / cover;
}
#main_container > .sec02::after{
	content: '';
	position: absolute;
	top: 0; right: 0;
	width: 70%; height: 100%;
	background: rgba(0,0,0,.5);
}
#main_container > .sec02 > div{position: relative; z-index: 1;}
#main_container > .sec02 .inner{
	margin-left: auto;
	padding-left: 3rem;
	padding-right: 6rem;
	width: 70%;
	text-align: right;
}
#main_container > .sec02 .main_title{color: #fff;}
#main_container > .sec02 ul{flex-wrap: wrap; gap: 1px; margin-top: 4rem;}
#main_container > .sec02 ul li{
	width: calc(33.3% - .5px);
	box-shadow: 2rem 0 5rem rgba(0,0,0,0);
	transition: all .3s;
}
#main_container > .sec02 ul li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	height: 24.5rem;
	font-size: 1.8rem;
	color: #fff;
	background: rgba(34,34,34,.3);
	transition: all .3s;
}
#main_container > .sec02 ul li a img{width: 50px;}
#main_container > .sec02 ul li a b{display: block; margin-top: 1.5rem; text-align: center;}
#main_container > .sec02 ul li:hover{
	box-shadow: 2rem 0 5rem rgba(0,0,0,.3);
}
#main_container > .sec02 ul li:hover a{background: #fe9402;}
@media (max-width:1199.98px) {
	#main_container > .sec02 .inner{padding-left: 6rem;}
	#main_container > .sec02 ul li {width: calc(33.3% - 1px);}
}
@media (max-width:991.98px) {
	#main_container > .sec02{padding: 10rem 0;}
	#main_container > .sec02 .inner {
    padding-left: 0;
		padding-right: 0;
    width: 100%;
	}
	#main_container > .sec02 ul li a {
    height: 20rem;
    font-size: 1.8rem;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec02{padding: 8rem 0;}
	#main_container > .sec02 ul li a {
    height: 18rem;
    font-size: 1.6rem;
	}
	#main_container > .sec02 ul li a img{
		max-width: 45px;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec02 ul li {width: calc(50% - 1px);}
	#main_container > .sec02 ul li a {height: 16rem;}
	#main_container > .sec02 ul li a img{max-width: 40px;}
}




/* ---------- sec03 ---------- */
#main_container > .sec03{
	padding: 12rem 15px;
}
/* #main_container > .sec03 .tab li{
	cursor: pointer;
	position: relative;
	padding: 1.5rem 0;
	padding-left: 5.5rem;
	font-size: 1.8rem;
	font-weight: 400;
	transition: all .3s;
}
#main_container > .sec03 .tab li:first-child{padding-top: 7px;}
#main_container > .sec03 .tab li:last-child{padding-bottom: 7px;}
#main_container > .sec03 .tab li::before,
#main_container > .sec03 .tab li::after{
	content: '';
	position: absolute;
	left: 1rem;
	background: #e8e8e8;
}
#main_container > .sec03 .tab li::before{
	top: 0;
	width: 1px; height: 100%;
}
#main_container > .sec03 .tab li::after{
	top: 50%;
	width: 2rem; height: 1px;
	transform: translateY(-50%);
}
#main_container > .sec03 .tab li:first-child::after{top: 45%;}
#main_container > .sec03 .tab li:last-child::after{top: 55%;}
#main_container > .sec03 .tab li.on{
	padding-left: 7.5rem;
	font-weight: 600;
	color: #fe9402;
}
#main_container > .sec03 .tab li.on::after{
	left: 0; 
	width: 5rem; height: 5px;
	background: #fe9402;
} */

#main_container > .sec03 .video_container{
	display: flex;
	gap: 2rem;
}
#main_container > .sec03 .video_container > div:nth-child(3) ~ div{display: none;}
#main_container > .sec03 .videoBox{
	position: relative;
	padding: 0 0 3rem 3rem;
	width: calc((100%/3) - 1rem);
}
/* #main_container > .sec03 .videoBox .part{display: none;} */
#main_container > .sec03 .video_link{
	z-index: 1000;
	display: block;
	position: relative;
	background: powderblue;
}
#main_container > .sec03 .videoBox iframe{
	width: 100%;
	height: 350px;
}
#main_container > .sec03 .videoBox .txt{
	position: absolute;
	left: 0; bottom: 0;
	padding: 2rem;
	width:20rem; height:16rem;
	color: #fff;
	background: #fe9402 url(../_img/main/main_sec03_icon.png) no-repeat right 1.5rem bottom 1.5rem / 20px 22px;
}
#main_container > .sec03 .videoBox .txt .title{
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: bold;
}
#main_container > .sec03 .videoBox .txt .desc{
	font-size: 1.6rem;
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width:1199.98px) {
	#main_container > .sec03 .videoBox iframe{height: 325.9px;}
	#main_container > .sec03 .videoBox .txt .title{margin-bottom: 5px;}
}
@media (max-width:991.98px){
	#main_container > .sec03{
		display: block;
		padding: 10rem 15px;
	}
	#main_container > .sec03 > div{width: 100% !important;}
	#main_container > .sec03 .tab{
		display: flex; 
		flex-wrap: wrap;
		gap:1rem 2rem;
	}
	#main_container > .sec03 .tab li{
		padding: 0 !important;
	}
	#main_container > .sec03 .tab li::before{display: none;}
	#main_container > .sec03 .tab li::after{
		top: unset !important; left: 0;
		bottom: -5px;
		width: 100%; height: 1px;
		transform: translateY(0);
	}
	#main_container > .sec03 .tab li.on::after{
		width: 100%; height: 3px;
	}
	#main_container > .sec03 .videoBox iframe{height: 373.5px;}
}
@media (max-width:767.98px){
	#main_container > .sec03{padding: 8rem 15px;}
	#main_container > .sec03 .tab li {font-size: 2rem;}
	#main_container > .sec03 .video_container{flex-wrap: wrap;}
	#main_container > .sec03 .videoBox{padding: 0; width: 100%;}
	#main_container > .sec03 .videoBox img{height: 250px !important;}
	#main_container > .sec03 .videoBox iframe{height: 287.3px;}
	#main_container > .sec03 .videoBox .txt{
		position: unset;
		padding: 3rem 5rem 3rem 2rem;
		width: 100%; height: auto;
		background-position: right 2rem bottom 3rem;
		background-size: 15px 16px;
	}
	#main_container > .sec03 .videoBox .txt .title{font-size: 2rem;}
	#main_container > .sec03 .videoBox .txt .desc{font-size: 1.6rem;}
}




/* ---------- sec04 ---------- */
#main_container > .sec04 .main_title{
	margin-bottom: 3rem;
	text-align: center;
}
#main_container > .sec04 ul{gap: 2.5rem;}
#main_container > .sec04 ul li{
	width: 18.75%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .5s;
}
#main_container > .sec04 ul li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 11rem 0 9rem 0;
	height: 70rem;
	color: #fff;
}
#main_container > .sec04 ul li dl{text-align: center;}
#main_container > .sec04 ul li dt{font-size: 2.4rem; transition: all .3s;}
#main_container > .sec04 ul li dd,
#main_container > .sec04 ul li i{
	height: 0;
	opacity: 0;
}
#main_container > .sec04 ul li dd{
	padding-top: 1rem; 
	font-size: 1.6rem;
}
#main_container > .sec04 ul li i{
	font-size: 5rem;
	color: #fff;
}
#main_container > .sec04 ul li.on{
	width: 59.375%;
	padding: 0;
}
#main_container > .sec04 ul li.on a{
	align-items: flex-start;
	justify-content: space-between;
	padding: 11rem 10rem 9rem 10rem;
}
#main_container > .sec04 ul li:not(.link_on) a{
	pointer-events : none;
}
#main_container > .sec04 ul li.on dl{text-align: left;}
#main_container > .sec04 ul li.on dd,
#main_container > .sec04 ul li.on i{
	height: auto;
	opacity: 1;
	transition: all .3s ease-in-out .3s; 
}
#main_container > .sec04 ul li.on dt{
	font-size: 2.8rem;
}
@media (max-width:991.98px) {
	#main_container > .sec04 ul li a{
		padding: 9rem 0;
		height: 45rem;
	}
	#main_container > .sec04 ul li.on a{
    align-items: flex-start;
    justify-content: space-between;
    padding: 9rem 4rem;
    width: 59.375%;
	}
	#main_container > .sec04 ul li.on dt {font-size: 2.4rem;}
	#main_container > .sec04 ul li dt {font-size: 2rem;}
	#main_container > .sec04 ul li dd {padding-top: 5px;  font-size: 1.8rem;}
	#main_container > .sec04 ul li i {font-size: 4rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec04 ul{flex-wrap: wrap;}
	#main_container > .sec04 ul li{width: 100% !important;}
	#main_container > .sec04 ul li a{
		padding: 3rem 0;
		height: 10rem;
	}
	#main_container > .sec04 ul li.on a{
    padding:3rem;
		height: 22rem;
	}
	#main_container > .sec04 ul li.on dt {font-size: 2.2rem;}
	#main_container > .sec04 ul li dt {font-size: 1.8rem;}
	#main_container > .sec04 ul li dd {font-size: 1.6rem;}
	#main_container > .sec04 ul li i {font-size: 3.5rem;}
}




/* ---------- sec05 ---------- */
#main_container > .sec05{padding: 11rem 15px;}
#main_container > .sec05 .main_title{
	margin-bottom: 4rem;
	text-align: center;
}
#main_container > .sec05 ul{gap:2rem;}
#main_container > .sec05 ul li{width: calc(100% / 3);}
#main_container > .sec05 .img{
	z-index: 1;
	position: relative;
	text-align: center;
}
#main_container > .sec05 .img::after{
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 50%;
}
#main_container > .sec05 .img img{
	max-width: 207px;
	width: 100%;
}
#main_container > .sec05 ul li:nth-child(1) .img::after{background: #64615d;}
#main_container > .sec05 ul li:nth-child(2) .img::after{background: #2a335a;}
#main_container > .sec05 ul li:nth-child(3) .img::after{background: #de6e00;}
#main_container > .sec05 dl{
	margin-top: 2rem;
	text-align: center;
}
#main_container > .sec05 dt{
	margin-bottom: 3px;
	font-size: 1.8rem;
	color: #222;
}
#main_container > .sec05 dd{
	font-size: 1.6rem;
	color: #444;
}
@media (max-width:991.98px) {
	#main_container > .sec05{padding: 10rem 15px;}
	#main_container > .sec05 .img img{max-width: 160px;}
	#main_container > .sec05 dt{font-size: 1.8rem;}
	#main_container > .sec05 dd{font-size: 1.6rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec05{padding: 8rem 15px;}
	#main_container > .sec05 ul{flex-wrap: wrap; gap: 3.5rem;}
	#main_container > .sec05 ul li{width: 100%;}
}




/* ---------- sec06 ---------- */
#main_container > .sec06{
	z-index: 1;
	position: relative;
	padding: 10rem 0;
}
#main_container > .sec06::after{
	content: '';
	z-index: -1;
	position: absolute;
	top: 0; left: 0;
	width: 44.9%; height: 100%;
	border-bottom-right-radius: 25rem;
	background: url(../_img/main/main_sec06_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec06 > div{display: flex;justify-content: space-between;}
#main_container > .sec06 .left a{
	display: inline-block;
	margin-top: 4rem;
	padding: 1.2rem 2.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	background: #222;
	border-radius: 2.8rem;
}
#main_container > .sec06 .left a i{
	margin-left: 1rem;
	vertical-align: text-bottom;
	font-size: 2rem;
}
#main_container > .sec06 .right{gap: 5rem; width: 63.4%;}
#main_container > .sec06 .right li{width: calc(100% / 3);}
#main_container > .sec06 .right p{
	margin-top: 1rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #222;
}
@media (max-width:1600px) {
	#main_container > .sec06 > div{padding-right: 9rem;}
}
@media (max-width:1199.98px) {
	#main_container > .sec06 > div{padding-right: 15px;}
	#main_container > .sec06 .right{gap: 3rem; width: 65%;}
}
@media (max-width:991.98px) {
	#main_container > .sec06::after{width: 60%;}
	#main_container > .sec06 > div{display: block;}
	#main_container > .sec06 .right{width: 100%; margin-top: 3rem;}
	#main_container > .sec06 .left a{
		margin-top: 2.5rem;
		padding: 1.2rem 2rem;
	}
	#main_container > .sec06 .right p{font-size: 1.8rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec06{padding: 8rem 0;}
	#main_container > .sec06 .left a{
		margin-top: 2rem;
		font-size: 1.6rem;
	}
	#main_container > .sec06 .left a i{
		vertical-align: text-top;
		margin-top: 2px;
		font-size: 2rem;
	}
	#main_container > .sec06 .right{gap: 2rem;}
	#main_container > .sec06 .right p{font-size: 1.6rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec06 .right{gap:3rem 2rem; flex-wrap: wrap;}
	#main_container > .sec06 .right li{width: 100%; text-align: center;}
	#main_container > .sec06 .right li img{max-width: 200px;}
}


#main_container .sec06 .btn_black{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;;
  background: #222;
  border-radius: 5px;
  margin-top: 1.5rem;
}




@media (max-width:991.98px) {
#main_container .sec06 .btn_black{
    gap: 1rem;
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
}


@media (max-width:767.98px) {

#main_container .sec06 .btn_black{
	margin: 0 auto;
    padding: 2rem;
	margin-top: 2rem;
	max-width: 200px;
  }
}





/* ---------- sec07 ---------- */
#main_container > .sec07{padding: 11rem 15px 0rem 15px;}
#main_container > .sec07 .main_title{text-align: center;}
#main_container > .sec07 ul{
	gap: 3.5rem;
	margin-top: 4rem;
	margin-bottom: 12rem;
}
#main_container > .sec07 ul li{width: calc(100% / 3);}
#main_container > .sec07 ul li a{
	position: relative;
	display: block;
	padding: 6rem;
	color: #222;
	border: 1px solid #d1d1d1;
	transition: all .3s;
}
#main_container > .sec07 ul li a::before{
	content: '';
	position: absolute;
	top: 7rem; left: 0;
	width: 5px; height: 5.5rem;
	background: #d1d1d1;
	transition: all .3s;
}
#main_container > .sec07 ul li a:hover{border-color: #fe9402;}
#main_container > .sec07 ul li a:hover::before{	background: #fe9402;}
#main_container > .sec07 ul li .title{
	margin-bottom: 7rem;
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 2rem;
	font-weight: 600;
	height: 6rem;
}
#main_container > .sec07 ul li .date{
	font-family: 'Poppins';
	font-size: 1.6rem;
}
#main_container > .sec07 ul li .date i{
	vertical-align: top;
	font-size: 2.2rem;
}
@media (max-width:1600px) {
	#main_container > .sec07 ul li .title{
		height: 6rem;
	}
}
@media (max-width:991.98px) {
	#main_container > .sec07{padding: 10rem 15px 0 15px;}
	#main_container > .sec07 ul {
    gap: 3rem;
    margin-top: 3rem;
    margin-bottom: 8rem;
	}
	#main_container > .sec07 ul li a {padding: 3rem;}
	#main_container > .sec07 ul li a::before{top: 3rem;}
	#main_container > .sec07 ul li .title {
    margin-bottom: 5rem;
    font-size: 2rem;
	}
	#main_container > .sec07 ul li .date {font-size: 1.6rem;}
	#main_container > .sec07 ul li .date i {font-size: 2.4rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec07{padding: 8rem 15px 0 15px;}
	#main_container > .sec07 ul {
    flex-wrap: wrap;
    margin-bottom: 6rem;
	}
	#main_container > .sec07 ul li{width: 100%;}
	#main_container > .sec07 ul li .title{
		height: 2.5rem;
	}
}

#main_container > .poto ul li a{
	height: 45rem;
}
@media (max-width:1199.98px) {
	#main_container > .poto ul li a{
	height: 40rem;
}
}

@media (max-width:991.98px) {
	#main_container > .poto ul li a{
		height: 35rem;
	}
}

@media (max-width:767.98px) {
	#main_container > .poto ul li a{
		height: 50rem;
	}
}