@charset "utf-8";

/* #subConents{width: 100%;margin: 120px 0 0;}
#subConents .sub-page {width: 100%; max-width: 1500px; margin: 0 auto; } 
#subConents .sub-page .top-area{text-align: center;}
#subConents .sub-page .top-area h2{font-size: 50px; margin-bottom: 60px;}
#subConents .sub-page .top-area p{font-size: 28px;} */

.bottom-area { display: flex; align-items: center;  justify-content: space-between; gap: 100px; margin-top: 50px; border-top: 1px solid #ededed; padding: 100px 0 70px;}
.bottom-area .logo img{width:360px; }
.txt_con p{font-size: 19px;  margin-bottom: 20px;}
.txt_con p span{font-size: 22px; font-weight: 500;}
.bottom-area-center h4{font-size: 25px; font-weight: 500;/*  text-align: center; */ line-height: 1.5; font-family: var(--font-family-Pretendard);}
.bottom-area-center h5{font-weight: 500; font-family: var(--font-family-Pretendard);}

.video-box.info {transform: unset; margin-top: 100px;}


.img_con {display: flex;justify-content: space-between; padding: 30px 0 70px; gap: 50px;}
.circle-item { display: flex; align-items: center;/*  gap: 30px; */border: 1px solid var(--main-color-em); border-radius: 15px; width: 50%; padding: 30px 80px; justify-content: space-between;}
.circle-item:nth-child(1) { animation: bounceItem 4s 0.4s forwards;}
.circle-item:nth-child(2) { animation: bounceItem 4s 0.8s forwards;}
@keyframes bounceItem {
	0% {
		transform: translateY(-30px);
		opacity: 0;
	}
	40% {
		transform: translateY(40px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
.circle-item img{width:130px; height:150px }

.bottom-area-last {display: flex;justify-content: space-between;gap: 100px;align-items: end; margin: 20px 0; padding:80px; background: var(--main-color); color: #fff; border-radius: 15px;}
.bottom-area-last .txt-item img {width:70px}
.bottom-area-last h2{line-height: 1.2;}
.bottom-area-last .txt_con p{margin-bottom: 0;}