/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.JLS_6020_3	{width: 100%; float: left; margin-top:-20px!important }
	
.JLS_6020_3 .wg_box {width: 100%; float: left; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  grid-gap: clamp(15px, calc(0.658vw + 12.368px), 25px) ; padding-left: clamp(0px, calc(11.842vw + -47.368px), 180px); }

.JLS_6020_3  .wg_inbox {width: 100%; float: left;}
.JLS_6020_3  .wg_inbox .wg_ininbox{width: 100%; float: left;}
.JLS_6020_3  .wg_inbox .wg_ininbox2{width: 100%; float: left; background-color:#f8f8f8; border-radius:15px; padding:30px 15px  30px 30px;  height:300px   }

.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1{ width: 100%; float: left; margin-bottom:30px; position: relative}
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1 em{ width: 75px; height: 75px;  background-color:#d1baa9; border-radius:15px; font-size: calc(var(--tit-mds-size) * 1.3); color: #fff; font-weight: 500 ; line-height: 100%; ; text-align: center;   display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; }	
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1:before{position: absolute; left: 15px; top:50px; content: "";  
background-color:#d1baa9;   font-family: unicons-line; width:1px; height: 180px; }
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1:after{width: 10px; height: 10px;  border-radius: 100%; position: absolute; left: 10px; top:230px; background-color: #d1baa9; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx2{width: 100%; font-size: calc(var(--tx-sm-size)* 1.1); color: #696969;  
font-weight: 500 ; line-height: 100%;  margin-bottom:10px; padding-left: 35px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx2 em{font-size: calc(var(--tx-sm-size)* 1.4); color: #b64d4d;  font-weight: 800 ; font-family:"Pretendard Variable",  sans-serif; margin-right: 10px; letter-spacing: -1px }	
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx3{width: 100%; font-size: calc(var(--tx-sm-size)* 1.4); color: #000;  letter-spacing: -1px;
font-weight: 700 ; line-height: 100%;  margin-bottom:clamp(40px, calc(1.316vw + 34.737px), 60px); padding-left: 35px }		
	

	
	
.JLS_6020_3  .wg_inbox .wg_ininbox2  .wg_img1 {width: clamp(40px, calc(1.316vw + 34.737px), 60px); height: clamp(40px, calc(1.316vw + 34.737px), 60px); margin-bottom: 20px}
.JLS_6020_3  .wg_inbox .wg_ininbox2 .wg_img1 img{
width:100%;     object-fit: cover;    height: 100%; }		
	
.JLS_6020_3  .wg_inbox .wg_ininbox2 .wg_tx4{width: 100%; font-size: calc(var(--tx-sm-size)* 1.1); color: #222;  
font-weight: 700 ; line-height: 100%;  margin-bottom:20px;  font-family: 'NanumSquare';}	
	

	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
.JLS_6020_3	{width: 100%; float: left; margin-top:20px!important }
	
.JLS_6020_3 .wg_box {width: 100%; float: left; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  grid-gap:clamp(15px, calc(0.658vw + 12.368px), 25px); padding-left: clamp(0px, calc(11.842vw + -47.368px), 180px); }

.JLS_6020_3  .wg_inbox {width: 100%; float: left;}
.JLS_6020_3  .wg_inbox .wg_ininbox{width: 100%; float: left;}
.JLS_6020_3  .wg_inbox .wg_ininbox2{width: 100%; float: left; background-color:#f8f8f8; border-radius:15px; padding:30px;    }

.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1{ width: 100%; float: left; margin-bottom:30px; position: relative}
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1 em{ width: auto; background-color:#d1baa9; border-radius:15px; padding:20px 30px; font-size: calc(var(--tit-mds-size) * 1.3); color: #fff; font-weight: 500 ; line-height: 100%; ; text-align: center;  }	
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1:before{position: absolute; left: 15px; top:50px; content: "";  
background-color:#d1baa9;   font-family: unicons-line; width:1px; height: 180px; }
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx1:after{width: 10px; height: 10px;  border-radius: 100%; position: absolute; left: 10px; top:230px; background-color: #d1baa9; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx2{width: 100%; font-size: calc(var(--tx-sm-size)* 1.1); color: #696969;  
font-weight: 500 ; line-height: 100%;  margin-bottom:10px; padding-left: 35px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx2 em{font-size: calc(var(--tx-sm-size)* 1.4); color: #b64d4d;  font-weight: 800 ; font-family:"Pretendard Variable",  sans-serif; margin-right: 10px; letter-spacing: -1px }	
	
.JLS_6020_3  .wg_inbox .wg_ininbox .wg_tx3{width: 100%; font-size: calc(var(--tx-sm-size)* 1.4); color: #000;  letter-spacing: -1px;
font-weight: 700 ; line-height: 100%;  margin-bottom:clamp(40px, calc(1.316vw + 34.737px), 60px); padding-left: 35px }		
	

	
	
.JLS_6020_3  .wg_inbox .wg_ininbox2  .wg_img1 {width: clamp(40px, calc(1.316vw + 34.737px), 60px); height: clamp(40px, calc(1.316vw + 34.737px), 60px); margin-bottom: 20px}
.JLS_6020_3  .wg_inbox .wg_ininbox2 .wg_img1 img{
width:100%;     object-fit: cover;    height: 100%; }		
	
.JLS_6020_3  .wg_inbox .wg_ininbox2 .wg_tx4{width: 100%; font-size: calc(var(--tx-sm-size)* 1.2); color: #222;  
font-weight: 700 ; line-height: 100%;  margin-bottom:20px; font-family: 'NanumSquare'; }		
	
	
}
/* 구분 //end -----------------------------------*/



