@charset "utf-8";

/* WSA_MAIN_02 */
.WSA_MAIN_02 {
  overflow: hidden;
  position: relative;
  padding-top: 20rem;
  padding-bottom: 20rem;
  background: url("../../../../../../_img/img/WSA/main/main_02_01.jpg") no-repeat center/cover;
  background-attachment: fixed;
}

.WSA_MAIN_02 .block_overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.4;
  background: var(--black);
}

.WSA_MAIN_02 .contents-inner {
  width: 100%;   
}

.WSA_MAIN_02 .top {
width: 100%;  display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:row; box-sizing: border-box; margin-bottom: clamp(50px, calc(7.237vw + 21.053px), 160px)
}

.WSA_MAIN_02 .top .top_l{
  width: 50%;
}

.WSA_MAIN_02 .top .top_r{
  width: 50%;  display: flex;
justify-content:flex-end;  align-items: center; flex-direction:column; box-sizing: border-box; 
}

.WSA_MAIN_02 .top .top_l .top-tt{
  width: 100%; font-size:calc(var(--tx-sm-size) * 1.4);  color: #fff; font-weight: 700; letter-spacing: -1px; margin-bottom: clamp(10px, calc(1.316vw + 4.737px), 30px); font-family:"Pretendard Variable",  sans-serif;
}
.WSA_MAIN_02 .top .top_l .top-tt2{
  width: 100%; font-size:calc(var(--tit-md-size) * 1.5);  color: #fff; font-weight: 700; letter-spacing: -1px; margin-bottom: clamp(10px, calc(1.316vw + 4.737px), 30px) ;font-family:"Pretendard Variable",  sans-serif;
}

.WSA_MAIN_02 .top .top_l .top-tx{
  width: 100%; font-size:calc(var(--tx-sm-size) * 1.1);  color: #fff; font-weight: 400; letter-spacing: -1px; line-height: 160%;  font-family:"Pretendard Variable",  sans-serif;
}

@media (max-width: 992px) {
  .WSA_MAIN_02 {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: url( "../../../../../../_img/img/WSA/main/main_02_01.jpg") no-repeat center/cover;
  }

.WSA_MAIN_02 .top {
width: 100%;  display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:column; box-sizing: border-box;
}

.WSA_MAIN_02 .top .top_l{
  width: 100%; order: 2
}

.WSA_MAIN_02 .top .top_r{
  width: 100%; order: 1;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; 
}
	
	
	
}




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


.fl_status{width: 60% ;   float: left; display: grid; grid-template-columns:1fr 1fr 0.5fr; gap:50px;  }	
.fl_status>.instatus{width:100%;   float: left; padding-top: 30px; position: relative ; display: flex;flex-direction: column; justify-content: flex-end;  cursor: pointer}
.fl_status>.instatus .bar{width:100%;   float: left;  height: 5px; border-radius: 10px; background-color: #fff; content: "";  position: absolute; left: 0px; top: 0px ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.fl_status>.instatus .bar:before{width:100%;   float: left;  height: 5px; border-radius: 10px; background-color:#fff;; content: "";  position: absolute; left: 0px; top: 0px ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
	
.fl_status>.instatus:hover .bar:before{width:100%;   float: left;  height: 5px; border-radius: 10px; background-color:var(--div-color1); content: "";  position: absolute; left: 0px; top: 0px ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}

	
	
.instatus .status_tx{width:100%;   float: left; font-size:calc(var(--tit-mds-size) * 0.9);  color: #fff; font-weight: 700; letter-spacing: -1px; margin-bottom:10px; font-family:"Pretendard Variable",  sans-serif;    transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   }
	
.instatus:hover .status_tx{color: var(--div-color1); }
		
	
.instatus .status_tx2 {width:100%;   float: left; }	
.instatus .status_tx2 .numscroller{width:100%;  float: left; font-size:calc(var(--tit-md-size) * 2.0);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   }	
.instatus .status_tx2 .numscroller_2{width:100%;  float: left; font-size:calc(var(--tit-md-size) * 2.0);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif;    transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }	

.instatus:hover .status_tx2 .numscroller{color: var(--div-color1); }	
.instatus:hover .status_tx2 .numscroller_2{color: var(--div-color1); }	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	

.fl_status{width: 100% ;   float: left;  display: grid; grid-template-columns: 1.2fr  1fr  1.2fr; gap:30px;  }	
.fl_status>.instatus{width:100%;   float: left;  margin-bottom: 20px; padding-top: 30px; position: relative ; }
.fl_status>.instatus:nth-child(2){width:100%;   float: left;   margin-bottom: 20px}	
	
.fl_status>.instatus .bar{width:0%;   float: left;  height: 5px; border-radius: 10px; background-color: #fff; content: "";  position: absolute; left: 0px; top: 0px ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
	
.fl_status>.instatus .bar:before{width:0%;   float: left;  height: 5px; border-radius: 10px; background-color:var(--div-color1);; content: "";  position: absolute;  left:: 0px; top: 0px ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
	

	
.instatus .status_tx{width:100%;   float: left; font-size:calc(var(--tit-mds-size) * 0.9);  color: #fff; font-weight: 700; letter-spacing: -1px; margin-bottom:10px; font-family:"Pretendard Variable",  sans-serif;    transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   }
	
.instatus:hover .status_tx{color: var(--div-color1); }
		
	
.instatus .status_tx2 {width:100%;   float: left; }	
.instatus .status_tx2 .numscroller{width:100%;  float: left; font-size:calc(var(--tit-md-size) * 2.0);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif; ;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   }	
.instatus .status_tx2 .numscroller_2{width:100%;  float: left; font-size:calc(var(--tit-md-size) * 2.0);  color: #fff; font-weight: 700; letter-spacing: -1px;  font-family:"Pretendard Variable",  sans-serif;    transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  }	

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





@-webkit-keyframes ani_umbar {
	from {width: 0%}
    to {width: 100%}
}

/* Standard syntax */
@keyframes  ani_umbar {
	from {width: 0%}
    to {width: 100%}
}