
.SCF_107010{ width:100%; float: left; margin-top: 80px }	

.SCF_107010 .sub_stit{ width:100%; float: left; font-size: var(--tit-md-size); color: #222; font-weight:600; line-height: 100%; letter-spacing: -1px; margin-bottom: 30px }	


.SCF_107010 .map_box { width:100%; float: left; }
.SCF_107010 .map_box  .view_map{ width:100%!important; height: clamp(300px, 35.156vw, 450px);  float: left;   overflow: hidden ; border: 1px solid #eaeaea; border-radius: 15px ;margin-bottom:clamp(60px, 7.813vw, 100px) }	




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_107010 .map_box .map_infobox{ width:100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); 	}

.SCF_107010 .map_box .map_infobox>div{ width:100%; float: left;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; 	}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_107010 .map_box .map_infobox{ width:100%; float: left; display: grid; grid-template-columns: 100%; }

.SCF_107010 .map_box .map_infobox>div{ width:100%; float: left;  display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:row; box-sizing: border-box; margin-bottom: 20px	}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.SCF_107010 .map_box .map_infobox>.map_info{ width:100%; float: left;  font-size: calc(var(--tx-sm-size) * 1);color: #222; font-weight:800; line-height: 130%; letter-spacing: -1px;	position: relative; padding-left:clamp(60px, 9.375vw, 120px) }
.SCF_107010 .map_box .map_infobox>.map_info span{ font-size: calc(var(--tx-sm-size) * 1.2); color: var(--primary)!important; font-weight:800; line-height: 130%; letter-spacing: -0.5px; margin-right:clamp(10px, 5.469vw, 70px)	}





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.SCF_107010 .map_box .map_infobox>.map_info:first-child:before{ width: clamp(30px, 3.906vw, 50px); height: clamp(30px, 3.906vw, 50px); border-radius: 100%;  background-color:var(--primary);; 
position: absolute; left: clamp(0px, 3.906vw, 50px); top:-15px; content: "\e8ec";  color:#fff;  font-family: unicons-line; font-size:  clamp(20px, 1.875vw, 30px);  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 5px; font-weight: 400}


.SCF_107010 .map_box .map_infobox>.map_info:last-child:before{ width:clamp(30px, 3.906vw, 50px); height: clamp(30px, 3.906vw, 50px); border-radius: 100%;  background-color:var(--primary);; 
position: absolute; left: clamp(0px, 3.906vw, 50px); top:-15px; content: "\e810"; color:#fff;   font-family: unicons-line; font-size:  clamp(20px, 1.875vw, 30px);  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;padding-bottom: 5px; font-weight: 400}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.SCF_107010 .map_box .map_infobox>.map_info:first-child:before{ width: clamp(30px, 3.906vw, 50px); height: clamp(30px, 3.906vw, 50px); border-radius: 100%;  background-color:var(--primary);; 
position: absolute; left: clamp(0px, 3.906vw, 50px); top: -5px; content: "\e8ec";  color:#fff;   font-family: unicons-line; font-size:  clamp(16px, 1.875vw, 24px);  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 3px; font-weight: 400}


.SCF_107010 .map_box .map_infobox>.map_info:last-child:before{ width:clamp(30px, 3.906vw, 50px); height: clamp(30px, 3.906vw, 50px); border-radius: 100%;  background-color:var(--primary);; 
position: absolute; left: clamp(0px, 3.906vw, 50px); top: -5px; content: "\e810";  color:#fff;   font-family: unicons-line; font-size:  clamp(16px, 1.875vw, 24px);  display: flex;
justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;padding-bottom: 3px; font-weight: 400}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/









