







/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_04_SRO {
  position: relative;  padding-top: 130px;
}




.MAIN_04_SRO .contents-container{  width: 100%; 

}	
.MAIN_04_SRO .contents-container .contents-inner	{
width: 100%;  display: flex;
 justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 
}


.MAIN_04_SRO .info_tt {
width: auto; padding: 10px 20px; border-radius: 50px; background-color: var(--primary); 
font-family: 'NanumSquare'; font-weight: 700;
color: #fff; font-size:calc(var(--tit-mds-size) * 0.8);  line-height: 110%; letter-spacing: -1px;  margin-bottom:40px	;position: relative
}
.MAIN_04_SRO .info_tt:before{width: 56px; height:28px;   position: absolute; left: 50%; bottom:-26px; content: "";    font-family: unicons-line; background: url( "/_img/img/SRO/main_01_img03.png") no-repeat center center;  background-size:56px;
margin-left: -28px}



.MAIN_04_SRO .info_tt2 {
width: 100%; text-align: center; font-family: 'NanumSquare'; font-weight: 900;
color: #333; font-size:calc(var(--tit-md-size) * 1.6);  line-height: 130%; letter-spacing: -1px;  margin-bottom:30px	
}


.MAIN_04_SRO .info_tx {
width: 100%; text-align: center; font-family: 'NanumSquare'; font-weight: 500;
color: #000; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; margin-bottom:50px
}


.MAIN_04_SRO .info_box {
width: 50%; display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;
}

.MAIN_04_SRO .info_box>.info_p {
width: 100%; border: 4px solid #ffcb78; border-radius: 50px; padding: 25px 40px;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 
}

.MAIN_04_SRO .info_box>.info_p em{
font-family: 'NanumSquare'; font-weight: 700;
color: #ffa71a; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p span{
font-family: 'NanumSquare'; font-weight: 700;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p2 {
width: 100%; border: 4px solid #ffcb78; border-radius: 50px; padding: 20px 40px;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 
}

.MAIN_04_SRO .info_box>.info_p2 em{
font-family: 'NanumSquare'; font-weight: 700;
color: #ffa71a; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p2 span{
font-family: 'NanumSquare'; font-weight: 700;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px; position: relative
}
.MAIN_04_SRO .info_box>.info_p2 span:before{position: absolute; left: -110px; top:0px; content: "";   font-family: unicons-line; background: url("/_img/img/SRO/main_04_img01.png")no-repeat center center; background-size:100px; width: 100px; height: 20px; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_04_SRO {
  position: relative;  padding-top: 40px; 
}




.MAIN_04_SRO .contents-container{  width: 100%; 

}	
.MAIN_04_SRO .contents-container .contents-inner	{
width: 100%;  display: flex;
 justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; 
}


.MAIN_04_SRO .info_tt {
width: auto; padding: 10px 20px; border-radius: 50px; background-color: var(--primary); 
font-family: 'NanumSquare'; font-weight: 700;
color: #fff; font-size:calc(var(--tit-mds-size) * 0.8);  line-height: 110%; letter-spacing: -1px;  margin-bottom:40px	;position: relative
}
.MAIN_04_SRO .info_tt:before{width: 56px; height:28px;   position: absolute; left: 50%; bottom:-26px; content: "";    font-family: unicons-line; background: url( "/_img/img/SRO/main_01_img03.png") no-repeat center center;  background-size:56px;
margin-left: -28px}



.MAIN_04_SRO .info_tt2 {
width: 100%; text-align: center; font-family: 'NanumSquare'; font-weight: 900;
color: #333; font-size:calc(var(--tit-md-size) * 1.0);  line-height: 130%; letter-spacing: -1px;  margin-bottom:20px	
}


.MAIN_04_SRO .info_tx {
width: 100%; text-align: center; font-family: 'NanumSquare'; font-weight: 500;
color: #000; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 150%; letter-spacing: -1px; margin-bottom:30px
}


.MAIN_04_SRO .info_box {
width: 100%; display: grid; grid-template-columns: 100%; gap:20px;
}

.MAIN_04_SRO .info_box>.info_p {
width: 100%; border: 4px solid #ffcb78; border-radius: 50px; padding: 20px 40px;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 
}

.MAIN_04_SRO .info_box>.info_p em{
font-family: 'NanumSquare'; font-weight: 700;
color: #ffa71a; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p span{
font-family: 'NanumSquare'; font-weight: 700;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p2 {
width: 100%; border: 4px solid #ffcb78; border-radius: 50px; padding: 20px 40px;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 
}

.MAIN_04_SRO .info_box>.info_p2 em{
font-family: 'NanumSquare'; font-weight: 700;
color: #ffa71a; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px;
}

.MAIN_04_SRO .info_box>.info_p2 span{
font-family: 'NanumSquare'; font-weight: 700;
color: #333; font-size:calc(var(--tit-mds-size) * 0.9);  line-height: 110%; letter-spacing: -1px; position: relative
}
.MAIN_04_SRO .info_box>.info_p2 span:before{position: absolute; left: -110px; top:0px; content: "";   font-family: unicons-line; background: url("/_img/img/SRO/main_04_img01.png")no-repeat center center; background-size:100px; width: 100px; height: 20px; }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


















