/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.Space_AA  { width:100%!important; float: left;  margin: auto 0; position: relative;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.Space_AA  { width:100%!important; float: left;  margin: auto 0; position: relative; padding-bottom:300px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.Space_AA .gallery-wrapper{ width: 100%; float: left; position: relative; }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Space_AA { width: 100%; float: left; height: 100%; position: relative; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: space-between; }
	
.Space_AA .gallery-wrapper .sw_all { width: 100%; height:auto; float:left; border-radius: 10px; box-sizing: border-box; aspect-ratio:1 / 0.8; position: relative; }

.Space_AA .gallery-wrapper  .wg_img1 { width:100%; height: 100%;}
.Space_AA .gallery-wrapper  .wg_img1 img{ width:100%!important;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.Space_AA  { width: 100%; float: left; height: 100%; position: relative; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: space-between;}
.Space_AA .sw_all { height: 500px; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.Space_AA { width: 100%; float: left; height: 100%; position: relative; }	
.Space_AA .sw_all { width:100%; height:auto; float:right; box-sizing: border-box; order: 1 }



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.Space_AA .slide-title{ width: 60%; height:auto; box-sizing: border-box;   background-color:var(--primary); color: #fff; border-radius: 10px; padding: 30px; opacity: 0.3;   transition: all 0.3s ease; z-index: 99; position: absolute; bottom: -50px; right: 0px;}
	.Space_AA .slide-title.active { opacity: 1; transform: translateY(-50px); }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.Space_AA .slide-title{ width: 100%; min-height: 150px!important; height: 220px; box-sizing: border-box; aspect-ratio:1 / 0.8;   background-color:var(--primary); color: #fff; border-radius: 0px 0px 10px 10px; padding: 30px;   transition: all 0.3s ease; z-index: 99;}
	.Space_AA .slide-title.active { opacity: 1; transform: translateY(0px);opacity: 1;  }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.Space_AA .slide-title { width: 100%; height: auto; float: left;  box-sizing: border-box;background-color:var(--primary); color: #fff;   transition: all 0.3s ease; padding:20px; border-radius: 0px 0px 10px 10px;  position: relative; order: 2; position: absolute;top:100%; right: 0px; z-index: 9}
	.Space_AA .slide-title.active { opacity: 1; transform: translateY(0px);opacity: 1;  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.Space_AA .slide-title h2 { margin: 0 0 10px; font-size: 2rem; }
.Space_AA .slide-title .code { color: #ffffff;font-size:var(--tit-mds-size); font-weight: 400!important; width: 100%; float: left; margin-bottom:clamp(5px, 1.563vw, 20px)}

.Space_AA .slide-title .title{  width: 100%; float: left; font-size:var(--tx-sm-size); font-weight: 300!important; line-height: 180%; }
.Space_AA .slide-title .title ul li {font-size:var(--tx-sm-size); font-weight: 300!important; }


.Space_AA .slide-title p.desc1 { width: 100%; float: left; font-size:calc(var(--tx-sm-size) * 0.9);  line-height: 1.5; ; margin-bottom:20px; color: #000}
.Space_AA .slide-title p.desc2 { width: 100%; float: left;  font-size:calc(var(--tx-sm-size) * 0.9);  line-height: 1.5;; color: #999 }
.Space_AA .slide-title p.desc2 em{  font-size:calc(var(--tx-sm-size) * 1);  color: #000; line-height: 1.5; }

.Space_AA .main-swiper .swiper-slide  { width: 100%; }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.Space_AA  .swiper-slide .wg_img1  {width: 100%; aspect-ratio:16 / 12;  overflow: hidden; border-radius: 10px; }
	.Space_AA .swiper-slide .wg_img1 img { width: 100%;  object-fit: cover; object-position: center; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

	.Space_AA .main-swiper .swiper-slide .wg_img1  {width: 100%; aspect-ratio:16 / 7;  overflow: hidden; border-radius: 10px; }
	.Space_AA .main-swiper .swiper-slide .wg_img1  img { width: 100%; object-fit: cover; object-position: center;  }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

	.Space_AA .main-swiper .swiper-slide .wg_img1  {width: 100%; aspect-ratio:1 / 0.8;  overflow: hidden; border-radius: 10px 10px 0px 0px; }
	.Space_AA .main-swiper .swiper-slide .wg_img1 img { width: 100%;  height: 100%;  object-fit: cover;   }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.Space_AA .thumbs-swiper { margin-top: 20px; padding: 0 0px; position: relative; }
.Space_AA .thumbs-swiper .swiper-slide { width: 130px;  /* 예상 썸네일 높이 */
  overflow: hidden;height: auto; opacity: 0.5; cursor: pointer; transition: 0.3s; margin-right: 10px}
.Space_AA .thumbs-swiper .swiper-slide-thumb-active { opacity: 1; border:none; }
.Space_AA .thumbs-swiper img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Space_AA .swiper-btn { position: absolute; left: 0px; top:50%; width: 100%; float: left; z-index: 99;}	
.Space_AA .swiper-button-prev::before,
.Space_AA .swiper-button-next::before {
  content: ""; display: block; width: 45px; height: 45px; border-radius: 50%; background-color: #fff; position: absolute; top: -5px; left: -8px; z-index: 1; }	
	
.Space_AA .swiper-button-prev { left: 50px!important;  bottom: 0px;  background: none}
.Space_AA .swiper-button-prev:after{ content: "\ebb4";  font-family: unicons-line;  z-index: 2;}

.Space_AA .swiper-button-next { right: 50px; bottom: 0px;  background: none }
.Space_AA .swiper-button-next:after {content: "\ebb5";    font-family: unicons-line;  z-index: 2; }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Space_AA .swiper-btn { position: absolute; left: 0px; top:45%; width: 100%; float: left; z-index: 99;}	
.Space_AA .swiper-button-prev::before,
.Space_AA .swiper-button-next::before {
  content: ""; display: block; width: 38px; height: 38px; border-radius: 50%; background-color: #fff; position: absolute; top: -2px; left: -5px; z-index: 1; }	
	
.Space_AA .swiper-button-prev { left: 20px!important;  bottom: 0px;  background: none}
.Space_AA .swiper-button-prev:after{ content: "\ebb4";  font-family: unicons-line; font-size: 30px; z-index: 2;}

.Space_AA .swiper-button-next { right: 20px; bottom: 0px;  background: none }
.Space_AA .swiper-button-next:after {content: "\ebb5";    font-family: unicons-line; font-size: 30px; z-index: 2;  }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/



.Space_AA .swiper-button-prev, .swiper-button-next { color: #000; top: 50%;  width: 30px; height: 30px; margin-top: -15px; position: absolute; }


.Space_AA .sub_stit{width: 100% ;float: left;font-size:calc(var(--tit-mds-size) * 0.9);color: #000 ; margin-bottom:5px; font-weight: 500}	
.Space_AA .sub_stit2{width: 100% ;float: left;font-size:calc(var(--tx-sm-size) * 0.9);color: #666 ; margin-bottom: 30px}