@charset "utf-8";


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {  

.temhafull2-N7 {  width: 100%; float: left; 
position: relative;
z-index: 9
}

.temhafull2-N7 .contents-inner {
width: 100%;
position: relative;
}

.contents-bg2{  width: 100%; height:572px!important; float: left; background: url("resources/images/main_bg04.jpg")no-repeat center top; background-size: cover; overflow: hidden}

	
.contents_tit{ width: 100%; float: left; font-family: 'NanumSquareExtraBold'; font-size:50px; color: #fff;  line-height: 100%; margin-bottom:20px; margin-top: 150px}
.contents_tx{ width: 100%; float: left;  font-size:24px; color: #fff;  font-weight: 400; line-height: 100%; margin-bottom:50px; }	
	
	
.contents-body {
  width: 50%!important;
  overflow: hidden!important;
  
}


.contents-group {
  position: relative;
  width: 100%; 
}

.contents-list {
  display: flex;
  animation: temhafull2-N7-animation 25s linear infinite;
}

.contents-list+.contents-list {
  margin-top: 0.8rem;
}

.contents-item {
  flex-shrink: 0;
  width: 18rem;
  height:7.5rem;
  margin-right: 0.8rem;
  background-color: rgba(var(--white-rgb), 0.8);
  border-radius: 0.8rem;
}

.contents-figure {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; 	
}

.contents-figure  img{

}




	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {   

.MainSection_005 {  width: 100%; float: left;  
position: relative;
z-index: 9
}

.MainSection_005 .contents-inner {
width: 100%;
position: relative;
}

.contents-bg2{  width: 100%; height:750px!important; float: left; background: url( "resources/images/main_bg04.jpg")no-repeat center top; background-size: cover; overflow: hidden}


.contents-bg2_Gr{  width: 100%; float: left; display: grid; grid-template-columns: repeat(1, 1fr); }
.contents-bg2_Gr>div{ width: 100%; float: left;}	


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




@keyframes temhafull2-N7-animation {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-24rem * 6 - 0.8rem * 6));
  }
}