/* 메인페이지 공통 */
.main_sec_tit p.tit_info{
	font-size: 1.8rem;
	color: #222;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 10px;
}
.main_sec_tit h2.tit{
	font-size: 6rem;
	font-weight: 700;
	color: #222;
	line-height: 1.3;
}
h2>span{
	position: relative;
	display: inline-block;
}
@media screen and (max-width: 1024px){
	.main_sec_tit h2.tit{font-size: 5rem}
}
@media screen and (max-width: 768px){
	.main_sec_tit h2.tit{font-size: 4.6rem}
	.main_sec_tit p.tit_info{margin-bottom: 7px;}
}
@media screen and (max-width: 500px){
	.main_sec_tit h2.tit{font-size: 3.2rem}
	.main_sec_tit p.tit_info{font-size: 1.6rem; margin-bottom: 4px;}
}











/* 메인비주얼 */
#mainVisual{
	position: relative;
	height: 100vh;
	background-color: #051C2C;
	box-sizing: border-box;
}
#mainVisual h2{
	font-size: 8rem;
	color: #FFF;
	font-weight: 700;
	line-height: 1.1;
}
#mainVisual .first{
	position: relative;
	box-sizing: border-box;
	padding-top: 250px;
	z-index: 1;
}
#mainVisual .first .txt_wrap{
	width: 100%;
	text-align: center;
	color: #FFF;
}
#mainVisual .first .txt_wrap h2{
	font-weight: 700;
	overflow: hidden;
	text-align: center;
}
#mainVisual .first .txt_wrap .vis_tit_wrap.mo{
	display: none;
}
#mainVisual .first .txt_wrap h2 span{
	transform: translateY(100%);
}
#mainVisual .first .txt_wrap .vis_txt_wrap{
	margin-top: 30px;
	margin-bottom: 70px;
}
#mainVisual .first .txt_wrap .vis_txt_wrap.mo{
	display: none;
}
#mainVisual .first .txt_wrap p{
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.4;
}
#mainVisual .first .txt_wrap p span {
  position: relative;
  display: inline-block;

  /* 초기 모션 상태 */
  transform: translateY(30px);
  opacity: 0;

  /* 텍스트 그라데이션 기본값 */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1),
    rgba(161, 160, 160, 1)
  );
  background-repeat: no-repeat;
  background-size: 0% 100%;          /* 처음엔 0% → 보이지 않게 */
  background-position: 0 0;

  -webkit-background-clip: text;
  background-clip: text !important;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
#mainVisual .first .scroll_icon{
	position: relative;
	margin: 0 auto;
	padding: 24px 14px;
	border-radius: 45px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 6px;
	width: fit-content;
	animation: floating20 infinite 3s;
  will-change: transform;
	animation-timing-function: ease-in-out;
	transform: translateY(30px);
	opacity: 0;
}
#mainVisual .first .scroll_icon>i{
	height: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: opacity50 infinite 3s;
}
#mainVisual .first .scroll_icon>i:nth-child(1){
	animation-delay: 0s
}
#mainVisual .first .scroll_icon>i:nth-child(2){
	animation-delay: 0.2s
}
#mainVisual .first .scroll_icon>i:nth-child(3){
	animation-delay: 0.4s
}
@keyframes floating20 {
  0% {
    transform: translateY(0);
  }
	50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes opacity50 {
  0% {
    opacity: 1;
  }
	50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}


#mainVisual .second{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: block;
	clip-path: inset(70% 60px 0 60px round 30px 30px 0 0);
  -webkit-clip-path: inset(70% 60px 0 60px round 30px 30px 0 0);

}
#mainVisual .second .video_wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#mainVisual .second .video_wrap .video_box{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(/html/_img/main/main_visual.jpg)no-repeat center / cover;
	z-index: 1;
}
#mainVisual .second .video_wrap .video_box video{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainVisual .second .video_wrap .video_box::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
}

#mainVisual .second .txt_wrap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
	z-index: 2;
}
#mainVisual .second .txt_wrap .txt_wrap_inner.mo{
	display: none;
}
#mainVisual .second .txt_wrap h2{
	line-height: 1.3;
	text-align: center;
	overflow: hidden;
	position: relative;
}
#mainVisual .second .txt_wrap h2 span{
	position: relative;
	transform: translateY(100%);
	display: block;
}






@media screen and (max-width: 1660px){
	#mainVisual h2{font-size: 7rem;}
}


@media screen and (max-width: 1024px){
	#mainVisual h2{font-size: 6rem;}
}

@media screen and (max-width: 768px){
	#mainVisual .first{padding-top: 200px;}
	#mainVisual .first .txt_wrap .vis_tit_wrap.pc{display: none;}
	#mainVisual .first .txt_wrap .vis_tit_wrap.mo{display: block;}
	#mainVisual .first .txt_wrap .vis_tit_wrap h2{line-height: 1.4}
	#mainVisual .first .txt_wrap .vis_txt_wrap{margin-top: 20px; margin-bottom: 40px;}
	#mainVisual .first .scroll_icon{padding: 20px 10px;}
}

@media screen and (max-width: 500px){
	#mainVisual h2{font-size: 4.6rem;}
	#mainVisual .first{padding-top: 150px;}
	#mainVisual .first .txt_wrap p{font-size: 2rem; line-height: 1.6;}
	#mainVisual .first .txt_wrap .vis_txt_wrap.pc{display: none;}
	#mainVisual .first .txt_wrap .vis_txt_wrap.mo{display: block;}
	#mainVisual .first .scroll_icon{padding: 10px 6px; row-gap: 3px;}
	#mainVisual .first .scroll_icon>i{width: 10px; height: 6px;}
	#mainVisual .first .scroll_icon>i img{width: 100%;}

	#mainVisual .second .txt_wrap .txt_wrap_inner.pc{display: none;}
	#mainVisual .second .txt_wrap .txt_wrap_inner.mo{display: block;}
}












/* 메인 주요서비스 */
#mainService{
	position: relative;
	box-sizing: border-box;
	padding: 50px;
	height: 100dvh;
}
#mainService .service_wrap{
	height: 100%;
	width: 100%;
}
#mainService .service_wrap .video_wrap{
	box-sizing: border-box;
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
	height: 100%;
	position: relative;
	opacity: 0;
	transform-origin: center bottom;
	transition: none;
	transform: translateY(70%);
	z-index: 5;
}
#mainService .service_wrap .video_wrap .video_box{
	background: url(/html/_img/main/sec01_video.jpg) no-repeat center / cover;
	width: 100%;
	height: 100%;
}
#mainService .service_wrap .video_wrap .video_box video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainService .service_wrap .video_wrap .rolling_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  overflow: hidden;
  width: 100%; /* 트랙이 화면 전체를 채우도록 */
}
#mainService .service_wrap .video_wrap .rolling_txt .txts {
  display: flex;
  column-gap: 100px;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  animation: scrollText 20s linear infinite;
  will-change: transform;
}
#mainService .service_wrap .video_wrap .rolling_txt .txts p {
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.3em;
  color: #FFF;
}
@keyframes scrollText {
  0% {
    transform: translateX(0);
  }
  100% {
    /* 전체 길이의 절반만 이동 (콘텐츠를 2번 이어 붙일 거라) */
    transform: translateX(-50%);
  }
}







#mainService .service_wrap .right_wrap{
	box-sizing: border-box;
	width: 33.2%;
	z-index: 1;
	position: relative;
	transform: translateY(100vh);
}
#mainService .right_wrap{margin-left: auto;}
#mainService .service_list{padding: 0;}
#mainService .service_list>li:not(:last-child){
	margin-bottom: 100px;
}
#mainService .service_list>li .img_wrap{
	width: 100%;
	height: 450px;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
}
#mainService .service_list>li .img_wrap .img_box{
	width: 100%;
	height: 100%;
	transform: translateY(80px) scale(1.3);
	position: relative;
	display: block;
	will-change: transform;
	transform-origin: center center;
}
#mainService .service_list>li .img_wrap .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
#mainService .service_list>li .txt_wrap h3{
	font-size: 4rem;
	font-weight: 700;
	color: #FFF;
	line-height: 1.5;
	margin-bottom: 20px;
}
#mainService .service_list>li .txt_wrap h4{
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6em;
	margin-bottom: 10px;
}
#mainService .service_list>li .txt_wrap h4.m-t-20{
	margin-top: 20px;
}
#mainService .service_list>li .txt_wrap p{
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.6;
	color: #FFF;
}
@media screen and (max-width: 1660px){
	#mainService .service_list>li .img_wrap{height: 350px;}
	#mainService .service_list>li .img_wrap .img_box{transform: translateY(50px) scale(1.3);}
}
@media screen and (max-width: 1280px){
	#mainService .service_list>li .img_wrap{height: 250px;}
	#mainService .service_list>li .img_wrap .img_box{transform: translateY(50px) scale(1.3);}
}

@media screen and (max-width: 1024px){
	#mainService{height: auto; padding: 0; padding-bottom: 100px;}
	#mainService .service_wrap .video_wrap{height: 100vh;}
	#mainService .service_wrap .right_wrap{width: 80%; margin: 50px auto; margin-bottom: 0; padding-bottom: 0; transform: translateY(0) !important;}
	#mainService .service_list>li .img_wrap{height: 250px;}
	#mainService .service_list>li .img_wrap .img_box{transform: translateY(20px) scale(1.3);}
}
@media screen and (max-width: 768px){
	#mainService{padding-bottom: 80px;}
	#mainService .service_wrap .video_wrap .rolling_txt .txts p{font-size: 7rem;}
	#mainService .service_wrap .right_wrap{width: 90%;}
	#mainService .service_list>li:not(:last-child){margin-bottom: 60px;}
	#mainService .service_list>li .txt_wrap h3{font-size: 3.4rem; margin-bottom: 10px;}
	#mainService .service_list>li .txt_wrap h4{font-size: 1.8rem; margin-bottom: 4px;}
	#mainService .service_list>li .txt_wrap h4.m-t-20{margin-top: 10px;}
	#mainService .service_list>li .txt_wrap p{font-size: 1.8rem;}
	#mainService .service_list>li .img_wrap{margin-bottom: 20px;}
	#mainService .service_list>li .img_wrap .img_box{transform: translateY(50px) scale(1.3);}
}
@media screen and (max-width: 500px){
	#mainService{padding-bottom: 60px;}
	#mainService .service_wrap .video_wrap .rolling_txt .txts p{font-size: 6rem;}
	#mainService .service_list>li:not(:last-child){margin-bottom: 40px;}
	#mainService .service_list>li .img_wrap{margin-bottom: 10px; height: 200px;}
	#mainService .service_list>li .txt_wrap h3{font-size: 2.8rem;}
	#mainService .service_list>li .txt_wrap h4{font-size: 1.6rem;}
	#mainService .service_list>li .txt_wrap p{font-size: 1.6rem;}
}














/* 블로그 */
#mainBlog{
	position: relative;
	background-color: #FFF;
	padding: 100px 0;
}
#mainBlog .main_sec_tit .more_btn{
	margin-top: 50px;
}
#mainBlog .con_wrap{
	margin-left: auto;
	width: 1150px;
	margin-top: -200px;
	cursor: auto;
}
#blogCursor {
  position: fixed;
  left: 0;
  top: 0;
  width: 110px;              /* 기본 크기 */
  height: 110px;
  border-radius: 50%;
  pointer-events: none;      /* 클릭 막지 않도록 */
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: 
    transform 0.55s ease,
    opacity 0.5s ease;
  z-index: 9999;
  /* 여기서 원하는 이미지나 색 지정 */
  background: url(/html/_img/main/main_cursir.png) no-repeat center / cover;
}
/* 영역 안에 있을 때 살짝 커지면서 나타나는 상태 */
#blogCursor.is-active {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
	cursor: none;
}
/* ★ body에 클래스 붙었을 때, 전체 커서 숨기기 */
body.blog-cursor-active,
body.blog-cursor-active * {
  cursor: none !important;
}
#mainBlog .con_wrap .swiper-container{
	padding-top: 50px;
}
#mainBlog .con_wrap .swiper-slide{
	width: 350px;
	margin-right: 50px;
	transform: translateY(0);
	transition-duration: 0.3s;
}
#mainBlog .con_wrap .swiper-slide.swiper-slide-active{
	position: relative;
	transform: translateY(-50px);
}
#mainBlog .con_wrap .swiper-slide .img_wrap{
	height: 450px;
	border-radius: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	object-position: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f9f9f9;
}
#mainBlog .con_wrap .swiper-slide .img_wrap img{
	width: 100% !important;
	height: 100% !important;
	object-position: 50% 50%;
	object-fit: cover;
	display: block;
}
#mainBlog .con_wrap .swiper-slide .img_wrap span.no-image{
	font-size: 1.6rem;
	color: #666;
	font-weight: 400;
}
#mainBlog .con_wrap .swiper-slide .txt_wrap p.cate{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6;
	color: #222;
	border: 1px solid #CDCDCD;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 6px 20px;
	border-radius: 40px;
	display: inline-block;
}
#mainBlog .con_wrap .swiper-slide .txt_wrap h3.txt_tit{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	color: #222;
	margin: 16px 0;
}
#mainBlog .con_wrap .swiper-slide .txt_wrap p.txt_con{
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.6;
	color: #444;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media screen and (max-width: 1660px){
	#mainBlog .con_wrap{width: 1024px; margin-top: -100px;}
}
@media screen and (max-width: 1440px){
	#mainBlog .main_sec_tit{text-align: center;}
	#mainBlog .main_sec_tit .more_btn{margin: 0 auto; margin-top: 50px;}
	#mainBlog .con_wrap{width: calc(100% - 50px); margin-top: 50px;}
}
@media screen and (max-width: 768px){
	#mainBlog{padding: 80px 0}
	#mainBlog .main_sec_tit .more_btn{margin-top: 20px;}
	#mainBlog .con_wrap{width: 100%; margin-top: 40px;}
	#mainBlog .con_wrap .swiper-container{padding-top: 40px;}
	#mainBlog .con_wrap .swiper-slide{width: 280px; margin-right: 0; margin: 0 10px;}
	#mainBlog .con_wrap .swiper-slide.swiper-slide-active{transform: translateY(-40px);}
	#mainBlog .con_wrap .swiper-slide .img_wrap{height: 360px; margin-bottom: 10px;}
	#mainBlog .con_wrap .swiper-slide .txt_wrap h3.txt_tit{margin: 12px 0;}
}
@media screen and (max-width: 500px){
	#mainBlog{padding: 60px 0}
	#mainBlog .main_sec_tit .more_btn{margin-top: 20px;}
	#mainBlog .con_wrap{margin-top: 30px;}
	#mainBlog .con_wrap .swiper-container{padding-top: 30px;}
	#mainBlog .con_wrap .swiper-slide{width: 240px;}
	#mainBlog .con_wrap .swiper-slide.swiper-slide-active{transform: translateY(-30px);}
	#mainBlog .con_wrap .swiper-slide .img_wrap{height: 309px;}
	#mainBlog .con_wrap .swiper-slide .txt_wrap p.cate{padding: 2px 12px;}
	#mainBlog .con_wrap .swiper-slide .txt_wrap h3.txt_tit{margin: 8px 0;}

}
















/* 성공사례 */
#mainSuccess{
	position: relative;
	background-color: #ECEDF1;
	padding: 100px 0;
}
#mainSuccess .main_sec_tit{
	text-align: center;
}
#mainSuccess .main_sec_tit .more_btn{
	margin: 0 auto;
	margin-top: 50px;
}
#mainSuccess .con_wrap{
	margin-top: 70px;
	position: relative;
	width: 100%;
}
#mainSuccess .swiper-slide{
	height: auto;
	width: 400px;
	border-radius: 20px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 50px 0;
	margin: 0 10px;
}
#mainSuccess .swiper-slide>a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
#mainSuccess .swiper-slide p.cate{
	font-size: 1.8rem;
	font-weight: 700;
	color: #0064F0;
	padding-left: 30px;
	position: relative;
	margin-bottom: 30px;
	line-height: 1.6;
}
#mainSuccess .swiper-slide p.cate::before{
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 100%;
	background-color: #0064F0;
}

#mainSuccess .swiper-slide .txt_wrap{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
}
#mainSuccess .swiper-slide .txt_wrap h3.txt_tit{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	color: #222;
	margin-bottom: 16px;
}
#mainSuccess .swiper-slide .txt_wrap p.txt_con{
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.6;
	color: #444;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width: 768px){
	#mainSuccess{padding: 80px 0;}
	#mainSuccess .main_sec_tit .more_btn{margin-top: 20px;}
	#mainSuccess .con_wrap{margin-top: 50px;}
	#mainSuccess .swiper-slide{width: 280px; padding: 30px 0;}
	#mainSuccess .swiper-slide p.cate{margin-bottom: 20px; padding-left: 20px;}
	#mainSuccess .swiper-slide p.cate::before{width: 5px;}
	#mainSuccess .swiper-slide .txt_wrap{padding: 0 20px;}
	#mainSuccess .swiper-slide .txt_wrap h3.txt_tit{margin-bottom: 10px;}
	
}
@media screen and (max-width: 500px){
	#mainSuccess{padding: 60px 0;}
	#mainSuccess .con_wrap{margin-top: 30px;}
	#mainSuccess .swiper-slide{width: 240px;}
	#mainSuccess .swiper-slide p.cate{margin-bottom: 10px; font-size: 1.6rem;}
	#mainSuccess .swiper-slide p.cate::before{width: 3px;}
	#mainSuccess .swiper-slide .txt_wrap h3.txt_tit{margin-bottom: 4px; font-size: 2rem;}
	#mainSuccess .swiper-slide .txt_wrap p.txt_con{font-size: 1.6rem;}
}

















/* 정책자금 진단과 지원금 알리미 */
#mainDiagnosis{
	position: relative;
	background-color: #FFF;
	padding: 100px 0;
}
#mainDiagnosis .wrap1600{
	display: flex;
	justify-content: space-between;
}
#mainDiagnosis .con_list{
	display: flex;
	column-gap: 30px;
}
#mainDiagnosis .con_list>li .img_wrap{
	width: 100%;
	height: 350px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
#mainDiagnosis .con_list>li .img_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mainDiagnosis .con_list>li .txt_wrap h3{
	font-size: 3rem;
	font-weight: 700;
	color: #222;
	line-height: 1.6;
}
#mainDiagnosis .con_list>li .txt_wrap p{
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.6;
	color: #444;
	margin-top: 10px;
	margin-bottom: 30px;
}
@media screen and (max-width: 1660px){
	#mainDiagnosis .main_sec_tit{width: 360px;}
	#mainDiagnosis .con_list{width: calc(100% - 410px); max-width: 1000px;}
}
@media screen and (max-width: 1024px){
	#mainDiagnosis .wrap1600{flex-direction: column; row-gap: 50px;}
	#mainDiagnosis .main_sec_tit{width: 100%;}
	#mainDiagnosis .con_list{width: 100%; max-width: 100%;}
}
@media screen and (max-width: 768px){
	#mainDiagnosis{padding: 80px 0;}
	#mainDiagnosis .main_sec_tit{text-align: center;}
	#mainDiagnosis .con_list>li .img_wrap{height: 200px; margin-bottom: 10px;}
	#mainDiagnosis .con_list>li .txt_wrap h3{font-size: 2.6rem;}
	#mainDiagnosis .con_list>li .txt_wrap p{margin-top: 7px; margin-bottom: 20px;}
}
@media screen and (max-width: 500px){
	#mainDiagnosis{padding: 60px 0;}
	#mainDiagnosis .wrap1600{row-gap: 30px;}
	#mainDiagnosis .con_list{flex-wrap: wrap; row-gap: 40px;}
	#mainDiagnosis .con_list>li{width: 100%;}
	#mainDiagnosis .con_list>li .txt_wrap h3{font-size: 2rem;}
	#mainDiagnosis .con_list>li .txt_wrap p{margin-top: 4px; margin-bottom: 10px;}
}













/* 지속 가능한 성장의 설계, 실행으로 증명하다 */
#mainProof{
	position: relative;
	height: 100vh;
	background: rgba(0,0,0,0.8);
}
#mainProof .img_wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/html/_img/main/main_proof_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
	clip-path: circle(0% at 50% 50%);
}
#mainProof .img_wrap::after{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}


#mainProof .con_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 50px;
	height: 100%;
	z-index: 2;
}
#mainProof .con_wrap .main_sec_tit{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#mainProof .main_sec_tit .left_wrap h2{
	color: #FFF;
	line-height: 1.3;
	overflow: hidden;
}
#mainProof .main_sec_tit .left_wrap h2>span{
	position: relative;
	transform: translateY(100%);
}
#mainProof .main_sec_tit .border_box{
	width: 350px;
	height: 3px;
	overflow: hidden;
}
#mainProof .main_sec_tit .border_box>span{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	transform: translateX(-100%);
}
#mainProof .main_sec_tit .right_wrap{
	width: 545px;
	overflow: hidden;
	max-height: calc(126/12*1em);
	position: relative;
	opacity: 0;
	transform: translateY(30px);
}
#mainProof .main_sec_tit .right_wrap p{
	color: #FFF;
	font-size: 5rem;
	line-height: 1.4;
	font-weight: 400;
	position: relative;
	display: block;
	overflow: hidden;
}
#mainProof .main_sec_tit .right_wrap p span.bold{
	font-weight: 700;
}
#mainProof .main_sec_tit .right_wrap ul{
	position: relative;
	transition-duration: 0.8s;
	padding: 0;
}
#mainProof .main_sec_tit .right_wrap ul[txt="1"]{
	transform:translateY(0%);
}
#mainProof .main_sec_tit .right_wrap ul[txt="2"]{
	transform:translateY(-50%);
}
#mainProof .main_sec_tit .right_wrap ul>li{
	transition: 0.8s;
	opacity: 0;
}
#mainProof .main_sec_tit .right_wrap ul[txt='1'] li:nth-child(1){
	opacity: 1;
}
#mainProof .main_sec_tit .right_wrap ul[txt='2'] li:nth-child(2){
	opacity: 1;
}
#mainProof .con_wrap .btn_wrap{
	display: flex;
	column-gap: 20px;
	position: relative;
	opacity: 0;
	transform: translateY(30px);
} 
#mainProof .con_wrap .btn_wrap>a{
	background: transparent;
	border: 2px solid #FFF;
	color: #FFF;
}
#mainProof .con_wrap .btn_wrap>a>i{
	background: url(/html/_img/comm/more_btn_icon_hover.png) no-repeat center / cover;
}
#mainProof .con_wrap .btn_wrap>a:hover,
#mainProof .con_wrap .btn_wrap>a:active{
	background-color: #FFF;
	color: #222;
}
#mainProof .con_wrap .btn_wrap>a:hover>i,
#mainProof .con_wrap .btn_wrap>a:active>i{
	background: url(/html/_img/comm/more_btn_icon.png) no-repeat center / cover;
}
@media screen and (max-width: 1660px){
	#mainProof .main_sec_tit .left_wrap{width: 44%;}
	#mainProof .main_sec_tit .border_box{width: 10%;}
	#mainProof .main_sec_tit .right_wrap{width: 44%;}
}
@media screen and (max-width: 1440px){
	#mainProof .main_sec_tit .left_wrap{width: 585px;}
	#mainProof .main_sec_tit .border_box{width: 6%;}
	#mainProof .main_sec_tit .right_wrap{width: 440px; max-height: calc(126/15*1em);}
	#mainProof .main_sec_tit .right_wrap p{font-size: 4rem;}
}
@media screen and (max-width: 1280px){
	#mainProof .main_sec_tit .border_box{width: 3%;}
}

@media screen and (max-width: 1040px){
	#mainProof .main_sec_tit .border_box{width: 10px;}
}
@media screen and (max-width: 1024px){
	#mainProof .main_sec_tit .left_wrap{width: 400px;}
	#mainProof .main_sec_tit .left_wrap h2{font-size: 4.6rem;}
	#mainProof .main_sec_tit .border_box{width: 5%;}
	#mainProof .main_sec_tit .right_wrap{width: 300px; max-height: calc(126/23*1em);}
	#mainProof .main_sec_tit .right_wrap p{font-size: 2.8rem;}
}


@media screen and (max-width: 768px){
	#mainProof .con_wrap{position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); width: 90%; height: auto;}
	#mainProof .con_wrap .main_sec_tit{flex-direction: column; row-gap: 170px;}
	#mainProof .main_sec_tit .left_wrap h2{width: 100%;}
	#mainProof .main_sec_tit .left_wrap{width: 100%; text-align: center;}
	#mainProof .main_sec_tit .border_box{display: none;}
	#mainProof .main_sec_tit .right_wrap{width: 100%; text-align: center; max-height: calc(126/17*1em);}
	#mainProof .con_wrap .btn_wrap{justify-content: center; position: absolute; left: 0; top: 130px; width: 100%;}
}
@media screen and (max-width: 500px){
	#mainProof .con_wrap .main_sec_tit{row-gap: 130px;}
	#mainProof .main_sec_tit .left_wrap h2{font-size: 3.2rem;}
	#mainProof .main_sec_tit .right_wrap{max-height: calc(126/22*1em);}
	#mainProof .main_sec_tit .right_wrap p{font-size: 2.8rem;}
	#mainProof .con_wrap .btn_wrap{top: 90px;}
}




















/* 전문성을 연결하고, 미래를 설계하다 */
#mainPartnership{
	position: relative;
	background-color: #FFF;
	padding: 100px 0;
}
#mainPartnership .main_sec_tit{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 50px;
}
#mainPartnership .con_wrap .box{
	height: 240px;
	position: relative;
	border-bottom: 1px solid #DDD;
}
#mainPartnership .con_wrap .box.box1{
	border-top: 1px solid #DDD;
}
#mainPartnership .con_wrap .box>button{
	height: 100%;
	appearance: none;
	display: flex;
	align-items: center;
	position: relative;
	background: none;
	border: none;
	width: 100%;
	cursor: default;
}
#mainPartnership .con_wrap .box>button:focus{
	outline: none;
}
#mainPartnership .con_wrap .box .wrap1600{
	display: flex;
}
#mainPartnership .con_wrap .box .bg_box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition-duration: 0.3s;
	opacity: 0;
}
#mainPartnership .con_wrap .txt_box{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
#mainPartnership .con_wrap .box h3{
	color: #222;
	font-size: 3rem;
	line-height: 1.6;
	display: block;
	width: 600px;
	transition-duration: 0.3s;
	text-align: left;
}
#mainPartnership .con_wrap .box p{
	color: #444;
	font-size: 2rem;
	line-height: 2;
	display: block;
	width: calc(100% - 600px);
	transition-duration: 0.3s;
	text-align: left;
}

/* hover */
#mainPartnership .con_wrap .box>button:hover .bg_box,
#mainPartnership .con_wrap .box>button:active .bg_box{
	opacity: 1;
}
#mainPartnership .con_wrap .box>button:hover h3,
#mainPartnership .con_wrap .box>button:active h3{
	color: #FFF;
}
#mainPartnership .con_wrap .box>button:hover p,
#mainPartnership .con_wrap .box>button:active p{
	color: #FFF;
}

@media screen and (max-width: 1660px){
	#mainPartnership .con_wrap .box h3{width: 40%;}
	#mainPartnership .con_wrap .box p{width: 60%;}
}
@media screen and (max-width: 1024px){
	#mainPartnership .con_wrap .box h3{width: 200px;}
	#mainPartnership .con_wrap .box p{width: calc(100% - 200px);}
}

@media screen and (max-width: 1024px){
	#mainPartnership .con_wrap .box h3{width: 200px;}
	#mainPartnership .con_wrap .box p{width: calc(100% - 200px);}
	#mainPartnership .con_wrap .box>button .bg_box{opacity: 1;}
	#mainPartnership .con_wrap .box>button h3{color: #FFF;}
	#mainPartnership .con_wrap .box>button p{color: #FFF;}

}
@media screen and (max-width: 768px){
	#mainPartnership{padding: 80px 0;}
	#mainPartnership .main_sec_tit{margin-bottom: 40px;}
	#mainPartnership .con_wrap .box{height: auto;}
	#mainPartnership .con_wrap .txt_box{flex-direction: column; row-gap: 10px; margin: 0; padding: 40px 20px; box-sizing: border-box; width: 100%;}
	
	#mainPartnership .con_wrap .box h3{width: 100%; font-size: 2.6rem;}
	#mainPartnership .con_wrap .box p{width: 100%; font-size: 1.8rem;}
	#mainPartnership .con_wrap .box>button p br{display: none;}
}
@media screen and (max-width: 500px){
	#mainPartnership{padding: 60px 0;}
	#mainPartnership .main_sec_tit{margin-bottom: 30px; flex-direction: column; row-gap: 20px; align-items: center; text-align: center;}
	#mainPartnership .con_wrap .txt_box{row-gap: 4px;}
	#mainPartnership .con_wrap .box>button h3{font-size: 2rem;}
	#mainPartnership .con_wrap .box p{line-height: 1.6em;}
}












/* 팝업창 이수정 추가 */
.main_container{
	position: relative;
}
.mDiagnosis_modal_wrap{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.mDiagnosis_modal_wrap.active{
	z-index: 999999999;
	display: block;
}
.mDiagnosis_modal{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 700px;
	border: 7px solid #AC8B6A;
	background-color: #fff;
	padding: 100px 20px;
	display: none;
}
.mDiagnosis_modal01,
.mDiagnosis_modal02{
	display: none;
}
.mDiagnosis_modal01.active,
.mDiagnosis_modal02.active{
	display: block;
}
.mDiagnosis_modal .close_btn{
	position: absolute;
	right: 20px;
	top: 20px;
	background-color: #453F3B;
	border-radius: 4px;
	width: 50px;
	height: 50px;
}
.mDiagnosis_modal .close_btn:focus{
	outline: none;
}
.mDiagnosis_modal .txt_box h3{
	font-size: 4rem;
	font-weight: 700;
	color: #222222;
}
.mDiagnosis_modal .txt_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	text-align: center;
}
.mDiagnosis_modal .txt_box p{
	font-size: 1.8rem;
	color: #444444;
}

@media screen and (max-width: 768px){
	.mDiagnosis_modal{padding: 80px 20px;}
	.mDiagnosis_modal .txt_box{gap: 30px;}
	.mDiagnosis_modal .txt_box .ico_box{width: 140px;}
	.mDiagnosis_modal .txt_box .ico_box img{width: 100%;}
	.mDiagnosis_modal .txt_box h3{font-size: 3rem;}
}
@media screen and (max-width: 500px){
	.mDiagnosis_modal{padding: 60px 20px;}
	.mDiagnosis_modal .close_btn{width: 35px; height: 35px;}
	.mDiagnosis_modal .close_btn img{width: 10px;}
	.mDiagnosis_modal .txt_box{gap: 15px;}
}