/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SRO_1010_3{ width:100%; float: left; position: relative ; background: url("/_img/img/SRO/sub1010_31.jpg")no-repeat center top ; background-size: 100%;  padding: 100px 0px}	

.SRO_1010_3 .wg_in{ width:100%; float: left; }	

.SRO_1010_3 .wg_in .contentContainer{ position: relative; display: flex;  justify-content: center;  align-items: center;flex-direction: column; grid-gap:50PX  }	

.SRO_1010_3 .wg_in .contentContainer .title_label{ width: auto; padding: 10px 50px 10px; background-color:#fff;; color: #333; font-weight: 800; min-width: 100px; text-align: center; position: relative; border-radius: 50px; margin-bottom: 30px;}	
.SRO_1010_3 .wg_in .contentContainer .title_label:before{content: ""; width: 50%; transform: translateX(-50%) ; bottom: -30PX; background: url("/_img/svg/SRO/label_w_bg.svg"); width:60px; height: 30px;  position: absolute; left: 50%;}	


.SRO_1010_3 .wg_in .contentContainer .wg_tit{ width: 100%; float: left;; text-align: center; color: #fff; font-size:calc(var(--tit-md-size) * 1.5);font-weight: 900 }	

.SRO_1010_3 .wg_in .contentContainer .wg_tit em{ width: 100%; float: left;color: var(--primary); }	




.SRO_1010_3 .wg_in .contentContainer .wg_inin{ width:100%; float: left;  display: grid;   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 50px;}	


.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin{  width:100%; float: left; display: flex;flex-direction: column; grid-gap: 30px;}	


.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin .wg_img1{ width:100%; float: left;  aspect-ratio:9 / 10; background-color: #f7f7f7; border-radius: 10px;}	

.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin  .wg_img1 img{width:100%;     object-fit: cover;    height: 100%; }

.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1{ width:100%; float: left; text-align: center; color: #333; font-size:calc(var(--tx-sm-size) * 1.2); font-weight: 700;}	

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

.SRO_1010_3{ width:100%;  float: left; position: relative ; background: url("/_img/img/SRO/sub1010_31.jpg")no-repeat center top ; background-size:cover;  padding: 50px 0px}	

.SRO_1010_3 .wg_in{ width:100%; float: left; }	

.SRO_1010_3 .wg_in .contentContainer{ position: relative; display: flex;  justify-content: center;  align-items: center; flex-direction: column; grid-gap:30px  }	

.SRO_1010_3 .wg_in .contentContainer .title_label{ width: auto; padding: 10px 50px 10px; background-color:#fff;; color: #333; font-weight: 800; min-width: 100px; text-align: center; position: relative; border-radius: 50px; margin-bottom: 10px;}	
.SRO_1010_3 .wg_in .contentContainer .title_label:before{content: ""; width: 50%; transform: translateX(-50%) ; bottom: -30PX; background: url("/_img/svg/SRO/label_w_bg.svg"); width:60px; height: 30px;  position: absolute; left: 50%;}	


.SRO_1010_3 .wg_in .contentContainer .wg_tit{ width: 100%; float: left;; text-align: center; color: #fff; font-size:calc(var(--tit-mds-size) * 1.2); font-weight: 900 }	

.SRO_1010_3 .wg_in .contentContainer .wg_tit em{ width: 100%; float: left;color: var(--primary); }	




.SRO_1010_3 .wg_in .contentContainer .wg_inin{ width:100%; float: left;  display: grid;   grid-template-columns:100%; grid-gap: 20px;}	


.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin{  width:100%; float: left; display: flex;flex-direction: column; grid-gap: 10px;}	


.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin .wg_img1{ width:100%; float: left;  aspect-ratio:9 / 10; background-color: #f7f7f7; border-radius: 10px;}	

.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin  .wg_img1 img{width:100%;     object-fit: cover;    height: 100%; }

.SRO_1010_3 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1{ width:100%; float: left; text-align: center; color: #fff; font-size:calc(var(--tx-sm-size) * 1.2); font-weight: 700;}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/