/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SRO_1010_4{ width:100%; float: left; position: relative ; padding: 100px 0px}	

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

.SRO_1010_4 .wg_in .contentContainer{ }	
.SRO_1010_4 .wg_in .contentContainer .titlbox{ width: 100%; float: left;  display: flex;  justify-content: center;  align-items: center;   flex-direction: column; margin-bottom: 50px ; grid-gap: 50px}	
.SRO_1010_4 .wg_in .contentContainer .title_label{ width: auto; padding: 10px 50px 10px; background-color:var(--primary);color: #fff; font-weight: 800; min-width: 100px; text-align: center; position: relative; border-radius: 50px; margin-bottom: 30px;}	
.SRO_1010_4 .wg_in .contentContainer .title_label:before{content: ""; width: 50%; transform: translateX(-50%) ; bottom: -30PX; background: url("/_img/svg/SRO/label_bg.svg"); width:60px; height: 30px;  position: absolute; left: 50%;}	


.SRO_1010_4 .wg_in .contentContainer .wg_tit{ width: 100%; float: left; text-align: center; color: #333; font-size:calc(var(--tit-md-size) * 1.2);  display: flex;  justify-content: center;  align-items: center;flex-direction: column;}	

.SRO_1010_4 .wg_in .contentContainer .wg_tit em{   width: 100%; float: left;  font-size:calc(var(--tit-md-size) * 1.5);font-weight: 900; }	



.SRO_1010_4 .wg_in .contentContainer .wg_inin{ width:100%;  height: 500px; float: left;   background-color: #f7f7f7;border-radius: 20px; overflow: hidden; position: relative }	


.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin{  width:400px;  height: 100%;  float: left;  background-color:var(--tertiary-800); padding: 40px; position: absolute; left: 0px; top: 0px ;z-index: 9999999999999999999999999999999 }	


.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_img1{ width:auto; float: left; margin-bottom: 20px }	

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

.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1{ width:100%!important; float: left; color: #fff; font-size:calc(var(--tx-sm-size) * 1); font-weight: 700; text-align: left	; margin-bottom: 20px
}	
.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1 em{ width:100%; float: left; color: #fff; font-weight: 900; font-size:calc(var(--tx-sm-size) * 1.2); 
}	
.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_map{width:100%;  height: 100%;  float: left; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SRO_1010_4{ width:100%; float: left; position: relative ; padding:50px 0px}	

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

.SRO_1010_4 .wg_in .contentContainer{  }	
.SRO_1010_4 .wg_in .contentContainer .titlbox{ width: 100%; float: left;  display: flex;  justify-content: center;  align-items: center;   flex-direction: column; margin-bottom: 50px ; grid-gap: 30px}	
	
.SRO_1010_4 .wg_in .contentContainer .title_label{ width: auto; padding: 10px 50px 10px; background-color:var(--primary);color: #fff; font-weight: 800; min-width: 100px; text-align: center; position: relative; border-radius: 50px; margin-bottom: 10px;}	
.SRO_1010_4 .wg_in .contentContainer .title_label:before{content: ""; width: 50%; transform: translateX(-50%) ; bottom: -30PX; background: url("/_img/svg/SRO/label_bg.svg"); width:60px; height: 30px;  position: absolute; left: 50%;}	


.SRO_1010_4 .wg_in .contentContainer .wg_tit{ width: 100%; float: left;; text-align: center; color: #333; font-size:calc(var(--tit-mds-size) * 1); }	

.SRO_1010_4 .wg_in .contentContainer .wg_tit em{ width: 100%; float: left;  font-size:calc(var(--tit-md-size) * 1);font-weight: 900}	



.SRO_1010_4 .wg_in .contentContainer .wg_inin{ width:100%;  height: 600px; float: left;   background-color: #f7f7f7;border-radius: 20px; overflow: hidden; position: relative }	


.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin{  width:100%;  height:45%;  float: left;  background-color:var(--tertiary-800); padding: 30px 20px; position: absolute; left: 0px; bottom: 0px ; }	


.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_img1{ width:100%; float: left; margin-bottom: 20px }	

.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin  .wg_img1 img{width:auto;     object-fit: cover;    height:25%; }

.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1{ width:100%!important; float: left; color: #fff; font-size:calc(var(--tx-sm-size) * 0.8); font-weight: 700; text-align: left; margin-bottom: 10px
}	
.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_ininin .wg_tx1 em{ width:100%; float: left; color: #fff; font-weight: 900; font-size:calc(var(--tx-sm-size) * 0.9); line-height:150%; 
}	
.SRO_1010_4 .wg_in .contentContainer .wg_inin .wg_map{width:100%;  height: 100%;  float: left; }

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