.about_news ._contents{
	/* padding-top: 60px; */
}
.about_news .swiperArea{
	display: flex; align-items: flex-start; gap: 210px;
	margin-bottom: 114px;
}
.about_news .swiperArea .txtBx{white-space: nowrap; position: relative; z-index: 3;}
.about_news .swiperArea .txtBx svg{
	width: 124px;
}
.about_news .swiperArea .txtBx h2{
	font-size: 48px; font-weight: 600; letter-spacing: -0.04em; line-height: calc(71/48);
	/* margin-top: 0.4em;  */
	margin-bottom: 1.2em;
}
.about_news .swiperArea .txtBx .controls{
	display: flex;
}
.about_news .swiperArea .txtBx .controls .arrow{font-size: 28px; cursor: pointer;}
.about_news .swiperArea .txtBx .controls .swiper-button-disabled{color: rgba(0,0,0,0.4);}
.about_news .swiperArea .txtBx .controls .arrow i{}
.about_news .swiperArea .txtBx .controls .swiper_paging{
	font-size: 18px; display: flex; align-items: center;
	font-weight: 600; letter-spacing: -0.04em;
	color: var(--purple); margin: 0 26px;
}
.about_news .swiperArea .txtBx .controls .swiper_paging p{min-width: calc(24/18*1em);}
.about_news .swiperArea .txtBx .controls .swiper_paging .now{}
.about_news .swiperArea .txtBx .controls .swiper_paging .all{color: #aeaeae;}
.about_news .swiperArea .txtBx .controls .swiper_paging div{margin-left: -1px; margin-right: 2px;}
.about_news .swiperArea .swiperBx{width: 365px; position: relative;}
.about_news .swiperArea .swiperBx::before {
	content:''; display: block; position: absolute; height: 100%;
	width: 100vw; top: 0; right: 100%; z-index: 2;
}
.about_news .swiperArea .swiperBx .swiper{ overflow: visible;}
.about_news .swiperArea .swiperBx .swiper-wrapper{}
.about_news .swiperArea .swiperBx .swiper-slide{}
.about_news .swiperArea .swiperBx .swiper-slide::before {
	content:''; display: block; padding-bottom: calc(484/365*100%);
}
.about_news .swiperArea .swiperBx .swiper-slide .con1{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    perspective: 1400px;
}
.about_news .swiperArea .swiperBx .swiper-slide .con2{
	width: 100%; height: 100%;
	padding: 42px; box-sizing: border-box; display: flex; align-items: flex-end;
	background-color: #f2f2f4; border-radius: 12px; overflow: hidden; position: relative;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.about_news .swiperArea .swiperBx .swiper-slide .bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover;
	filter: brightness(0.6);
}
.about_news .swiperArea .swiperBx .swiper-slide .ico{
	position: absolute; z-index: 2; font-size: 38px; transform: rotate(45deg);
	top: 30px; right: 26px;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom{position: relative; z-index: 2; letter-spacing: -0.04em;}
.about_news .swiperArea .swiperBx .swiper-slide .bottom div{
	display: flex; align-items: center; flex-wrap: wrap;
	color: #c7c7c8; gap: 6px 13px; line-height: 1.3;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom div em{
	display: block; padding: 5px 12px; padding-bottom: 3px; border-radius: 3px;
	color: #fff; font-size: 13px;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom div p{
	font-size: 14px; gap: 13px;
	display: flex; align-items: center;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom div p::before {
	content:''; display: block; width: 2px; height: 1em; background-color: #c7c7c8;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom h3{
	font-size: 24px; font-weight: 600; line-height: calc(35/24);
	margin: 16px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.about_news .swiperArea .swiperBx .swiper-slide .bottom ._p{
	font-size: 17px; font-weight: 300; line-height: calc(26/17);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


/* active */
.about_news .swiperArea .swiperBx .swiper-slide .ico{transition: color 0.4s;}
.about_news .swiperArea .swiperBx .swiper-slide-active .ico{color: #fff;}
.about_news .swiperArea .swiperBx .swiper-slide .bg{opacity: 0; transition: opacity 0.4s;}
.about_news .swiperArea .swiperBx .swiper-slide-active .bg{opacity: 1;}

.about_news .swiperArea .swiperBx .swiper-slide .bottom div em{background-color: #bababc; transition: background-color 0.4s;}
.about_news .swiperArea .swiperBx .swiper-slide-active .bottom div em{background-color: rgba(255,255,255,0.2);}
.about_news .swiperArea .swiperBx .swiper-slide .bottom h3{transition: color 0.4s;}
.about_news .swiperArea .swiperBx .swiper-slide-active .bottom h3{color: #fff;}
.about_news .swiperArea .swiperBx .swiper-slide .bottom ._p{transition: color 0.4s;}
.about_news .swiperArea .swiperBx .swiper-slide-active .bottom ._p{color: #fff;}


/* 카드 효과 */
@media screen and (min-width:1281px) {
	.about_news .swiperArea .swiperBx .swiper-slide .con1{transition: transform 0.8s;}
	.about_news .swiperArea .swiperBx .swiper-slide .con2{transition: transform 0.6s;}
	.about_news .swiperArea .swiperBx .swiper-slide-active .con2{box-shadow: none;}

	.about_news .swiperArea .swiperBx .swiper-slide{opacity: 0; transition: opacity 0.3s;}
	.about_news .swiperArea .swiperBx .swiper-slide-active{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div{opacity: 1;}
	/* .about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div + div{opacity: 1; transition-duration: 1s; transition-delay: 0.5s;} */

	.about_news .swiperArea .swiperBx .swiper-slide-active{z-index: 7;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div{z-index: 6;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div{z-index: 5;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div{z-index: 4;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div + div{z-index: 3;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div + div + div{z-index: 2;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div + div + div + div{z-index: 1;}

	.about_news .swiperArea .swiperBx .swiper-slide-active + div .con1{transform: translateX(-5%);}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div .con1{transform: translateX(-87%);}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div .con1{transform: translateX(-169%);}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div + div .con1{transform: translateX(-253%);}

	.about_news .swiperArea .swiperBx .swiper-slide-active ~ div .con2{transform: rotateY(-45deg) scale(0.94);}
}
@media screen and (min-width:821px) {}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.about_news .swiperArea{gap: 100px;}
}
@media screen and (max-width:1280px) {
	.about_news .swiperArea .txtBx h2{font-size: 40px;}

	.about_news .swiperArea .swiperBx{width: 320px;}
	.about_news .swiperArea .swiperBx .swiper-slide .con2{padding: 30px;}
	.about_news .swiperArea .swiperBx .swiper-slide .ico{top: 20px; right: 20px;}
	.about_news .swiperArea .swiperBx .swiper-slide .bottom h3{font-size: 18px;}
	.about_news .swiperArea .swiperBx .swiper-slide .bottom ._p{font-size: 16px;}

	/* 효과 */
	.about_news .swiperArea .swiperBx .swiper-slide{opacity: 0; transition: opacity 0.3s;}
	.about_news .swiperArea .swiperBx .swiper-slide-active{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div{opacity: 1;}
	.about_news .swiperArea .swiperBx .swiper-slide-active + div + div + div{opacity: 1;}

}
@media screen and (max-width:1024px) {
	.about_news .swiperArea .txtBx h2{margin-bottom: 20px;}
	.about_news .swiperArea{flex-direction: column; align-items: flex-start; gap: 40px;}
	.about_news .swiperArea .swiperBx::before{display: none;}
	.about_news .swiperArea .swiperBx .swiper-slide{opacity: 1;}
}
@media screen and (max-width:820px) {
	.about_news .swiperArea{margin-bottom: 80px;}
	.about_news .swiperArea .txtBx svg{width: 90px;}
	.about_news .swiperArea .txtBx h2{font-size: 30px;}

	.about_news .swiperArea .swiperBx{width: max(calc(300/820*100vw),250px);}
	.about_news .swiperArea .swiperBx .swiper-slide .con2{padding: 20px;}
}
@media screen and (max-width:500px) {
	.about_news ._contents{padding-top: 0;}

	.about_news .swiperArea{gap: 20px;}
	.about_news .swiperArea .txtBx{width: 100%;}
	.about_news .swiperArea .txtBx svg{width: max(calc(90/500*100vw),40px);}
	.about_news .swiperArea .txtBx h2{font-size: max(calc(30/500*100vw),24px); margin-bottom: 10px;}
	.about_news .swiperArea .txtBx .controls{justify-content: flex-end;}

	.about_news .swiperArea .txtBx .controls .arrow{font-size: 20px;}
	.about_news .swiperArea .txtBx .controls .swiper_paging{margin: 0 10px; font-size: 16px;}

	.about_news .swiperArea .swiperBx{margin: 0 auto;}
	.about_news .swiperArea .swiperBx .swiper-slide .con2{border-radius: 8px;}
	.about_news .swiperArea .swiperBx .swiper-slide .ico{font-size: 30px; right: 10px; top: 10px;}

	.about_news .swiperArea .swiperBx .swiper-slide .bottom h3{font-size: 14px;}
	.about_news .swiperArea .swiperBx .swiper-slide .bottom ._p{font-size: 12px;}
}
@media screen and (max-width:320px) {}












/* 리스트 영역 */
.about_news .listArea{
	--rowGap:52px;
	--colGap:100px;
	--rowLength:3;
}
.about_news .searchArea{
	display: flex; align-items: center; justify-content: space-between;
	padding-bottom: 15px; border-bottom: 1px solid #000; box-sizing: border-box;
	margin-bottom: 37px;
}
.about_news .searchArea .total{}
.about_news .searchArea ._searchBar{}
.about_news .list{
	display: flex; flex-wrap: wrap; gap: var(--colGap) var(--rowGap);
}
.about_news .list li{
	width: calc(100% / var(--rowLength) - ( var(--rowGap) * (var(--rowLength) - 1) / var(--rowLength) ));
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about_news .list li .imgBx{position: relative; border-radius: 12px; overflow: hidden; margin-bottom: 25px;}
.about_news .list li .imgBx::before {
	content:''; display: block; padding-bottom: calc(252/440*100%);
}
.about_news .list li .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	object-fit: cover;
}
.about_news .list li .txtBx{
	padding-left: 3px; padding-right: 20px; box-sizing: border-box; letter-spacing: -0.04em;
}

.about_news .list li .txtBx div{
	display: flex; align-items: center;
	color: #7d7d7d;
	flex-wrap: wrap; gap: 6px 13px; line-height: 1.3;
}
.about_news .list li .txtBx div em{
	display: block; padding: 5px 12px; padding-bottom: 3px; border-radius: 3px; font-size: 13px;
	border: 1px solid #cdcdcd; box-sizing: border-box;
}
.about_news .list li .txtBx div p{
	font-size: 14px; gap: 13px;
	display: flex; align-items: center;
}
.about_news .list li .txtBx div p::before {
	content:''; display: block; width: 2px; height: 1em; background-color: #c7c7c8;
}


.about_news .list li .txtBx div{}
.about_news .list li .txtBx div em{}
.about_news .list li .txtBx div p{}
.about_news .list li .txtBx h4{
	font-size: 22px; font-weight: 600; line-height: calc(31/22); margin: 16px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.about_news .list li .txtBx > p{
	font-size: 17px; line-height: calc(26/17); color: #1d1d1d;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.about_news .list li ._moreBtn{text-align: center; margin-top: 30px;}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.about_news .listArea{
		--rowGap:30px;
		--colGap:80px;
	}
	.about_news .list li .txtBx h4{font-size: 18px;}
	.about_news .list li .txtBx > p{font-size: 14px;}
}
@media screen and (max-width:1024px) {
	.about_news .listArea{
		--rowGap:20px;
	}
	.about_news .searchArea{margin-bottom: 20px;}

	.about_news .list li .txtBx h4{font-size: 16px;}
	.about_news .list li .txtBx > p{font-size: 12px;}
}
@media screen and (max-width:820px) {
	.about_news .listArea{
		--colGap:60px;
		--rowLength:2;
	}

	.about_news .list li .imgBx{border-radius: 8px;}
}
@media screen and (max-width:500px) {
	.about_news .listArea{
		--colGap:30px;
		--rowLength:1;
	}
	.about_news .searchArea{flex-direction: column; gap: 10px; align-items: flex-end;}
	.about_news .list li{border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 30px;}
	.about_news .list li .imgBx{border-radius: 4px; margin-bottom: 20px;}
	.about_news .list li .txtBx div em{font-size: 11px;}
	.about_news .list li .txtBx div p{gap: 0; font-size: 11px;}
	.about_news .list li .txtBx div p::before {display: none;}
	.about_news .list li .txtBx h4{margin: 14px 0; font-size: 14px;}
}
@media screen and (max-width:320px) {}