
.MAIN_02_SRO {
  position: relative;
  overflow: hidden;


}





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_02_SRO .cont_bg01{ position: absolute; left:-300px; top:-100px; width:clamp(100px, 55.859vw, 715px);  aspect-ratio:715 / 577; background: url("/_img/img/SRO/main_02_img01.png")no-repeat center center; background-size:100%; opacity: 0.3 }
.MAIN_02_SRO .cont_bg02{ position: absolute; left:-220px; top:480px; width:clamp(100px, 40.391vw, 517px);  aspect-ratio:517 / 697;  background: url("/_img/img/SRO/main_02_img02.png")no-repeat center center; background-size:100%; opacity: 0.3 }
.MAIN_02_SRO .cont_bg03{ position: absolute; right:-200px; top:10px; width:clamp(100px, 40.391vw, 489px);  aspect-ratio:489 / 533;  background: url("/_img/img/SRO/main_02_img03.png")no-repeat center center; background-size:100%; opacity: 0.3 }
.MAIN_02_SRO .cont_bg04{ position: absolute; right:-100px; top:490px; width:clamp(60px, 40.391vw, 296px); aspect-ratio:296 / 724;  background: url("/_img/img/SRO/main_02_img04.png")no-repeat center center; background-size:100%; opacity: 0.3 }


.MAIN_02_SRO .contents-inner {
  width: 100%; padding: clamp(80px, 17.188vw, 220px)  clamp(20px, 15.625vw, 200px) 0px;
  position: relative;
}

.MAIN_02_SRO .contents-inner .sub_stit{  width: 100%;  text-align: center; font-family: 'NanumSquare'; font-weight: 800;
color: #fff; font-size:calc(var(--tit-lg-size) * 1.2);  line-height: 100%; letter-spacing: -1px;  margin-bottom: 20px}
.MAIN_02_SRO .contents-inner .sub_stit em{font-family: 'NanumSquare'; font-weight: 800;
color: var(--primary); font-size:calc(var(--tit-lg-size) * 1.20);  line-height: 100%; letter-spacing: -1px;  }

.MAIN_02_SRO .contents-inner .sub_stit2{  width: 100%;  text-align: center; font-family: 'NanumSquare'; font-weight:700;
color: #fff; font-size:calc(var(--tit-lg-size) * 1);  line-height: 100%; letter-spacing: -1px;  margin-bottom:30px}


.MAIN_02_SRO .contents-inner .cont_top {
  width: 100%; 
  display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; 
}

.MAIN_02_SRO .contents-inner .cont_top>.contbox { height: 100%;
  width: 100%; border-radius: 10px 30px 30px 30px; background-color:rgba(39,41,53,0.4);
  box-shadow:3px 3px 10px rgba(10,9,29,0.3); 
  position: relative; padding: clamp(63px, 4.688vw, 90px) clamp(35px, 2.604vw, 50px) clamp(35px, 2.604vw, 50px) clamp(35px, 2.604vw, 50px);
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px 30px 30px 30px;
  padding: 1px; 
  background:linear-gradient(180deg,#41455c,#1f222e); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}


.MAIN_02_SRO .contents-inner .cont_top>.contbox:first-child {margin-top: 30px ; }
.MAIN_02_SRO .contents-inner .cont_top>.contbox:nth-child(2) {margin-top: 50px }

.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon{ position: absolute; right:25px; top:25px; width: 110px; height: 110px;
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox:last-child .cont_icon{ position: absolute; right:25px; top:25px; width: clamp(80px, 10.938vw, 140px); aspect-ratio:1 / 1;
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon .wg_img1{ position: absolute; right:10px; top:0px; width: clamp(80px, 10.938vw, 140px); aspect-ratio:1 / 1;
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon .wg_img1 img{ width: 100%;
  height: 100%;
  object-fit: cover;
}




.MAIN_02_SRO .contents-inner .cont_top>.contbox  .cont_um{ width: 100%;  font-family:"Pretendard Variable",  sans-serif; font-weight:700;
color: rgba(151,170,232,0.1); font-size:calc(var(--tit-lg-size) * 2.7);  line-height: 100%; letter-spacing: -1px; font-style: italic; 
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox  .cont_tx{ width: 100%;   font-family:"Pretendard Variable",  sans-serif; font-weight:500;
color: #fff; font-size:calc(var(--tit-mds-size) * 1.2);  line-height: 120%; letter-spacing: -1px; margin-top: -35px
}


.MAIN_02_SRO .contents-inner .cont_bott {
  width: 100%; 
  position: relative;
  padding-left:0px; margin-top: 100px

}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

.MAIN_02_SRO .contents-inner {
  width: 100%; padding:100px  30px 0px;
  position: relative;
}
	.MAIN_02_SRO .contents-inner .cont_top>.contbox { padding: 80px clamp(35px, 2.604vw, 50px) 20px clamp(35px, 2.604vw, 50px);
}
	.MAIN_02_SRO .contents-inner .cont_top>.contbox  .cont_tx{ width: 100%;   font-family:"Pretendard Variable",  sans-serif; font-weight:500;
color: #fff; font-size:calc(var(--tit-mds-size) * 1);  line-height: 120%; letter-spacing: -1px; margin-top: -35px
}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_02_SRO .cont_bg01{ position: absolute; left:-12%; top:-5%; width:200px; height:200px;  background: url("/_img/img/SRO/main_02_img01.png")no-repeat center center; background-size:200px; opacity: 0.3 }
.MAIN_02_SRO .cont_bg02{ position: absolute; left:-12%; bottom:-55%; width:200px; height:200px;  background: url("/_img/img/SRO/main_02_img02.png")no-repeat center center; background-size:140px; opacity: 0.3 }
.MAIN_02_SRO .cont_bg03{ position: absolute; right:-10%; top:-2%; width:200px; height:200px;  background: url("/_img/img/SRO/main_02_img03.png")no-repeat center center; background-size:140px; opacity: 0.3 }
.MAIN_02_SRO .cont_bg04{ position: absolute; right:-12%; bottom:-30%; width:200px; height:200px;  background: url("/_img/img/SRO/main_02_img04.png")no-repeat center center; background-size:80px; opacity: 0.3 }


.MAIN_02_SRO .contents-inner {
  width: 100%; padding: 80px 0px 0px;
  position: relative;
}

.MAIN_02_SRO .contents-inner .sub_stit{  width: 100%;  text-align: center; font-family: 'NanumSquare'; font-weight: 800;
color: #fff; font-size:calc(var(--tit-lg-size) * 0.8);  line-height: 130%; letter-spacing: -1px;  margin-bottom: 0px}
.MAIN_02_SRO .contents-inner .sub_stit em{ width: 100%; font-family: 'NanumSquare'; font-weight: 900;
color: var(--primary); font-size:calc(var(--tit-lg-size) * 0.8);  line-height: 130%; letter-spacing: -1px;  }

.MAIN_02_SRO .contents-inner .sub_stit2{  width: 100%;  text-align: center; font-family: 'NanumSquare'; font-weight:700;
color: #fff; font-size:calc(var(--tit-lg-size) * 0.7);  line-height: 130%; letter-spacing: -1px;  margin-bottom:20px}


.MAIN_02_SRO .contents-inner .cont_top {
  width: 100%; 
  display: grid; grid-template-columns: 100%; gap:20px; grid-auto-rows: 140px
}

.MAIN_02_SRO .contents-inner .cont_top>.contbox { height: 100%;
  width: 100%; border-radius: 10px 30px 30px 30px; background-color:rgba(39,41,53,0.4);
  box-shadow:3px 3px 10px rgba(10,9,29,0.3); 
  position: relative; padding: 20px 	
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px 30px 30px 30px;
  padding: 1px; 
  background:linear-gradient(180deg,#41455c,#1f222e); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}


.MAIN_02_SRO .contents-inner .cont_top>.contbox:first-child {margin-top: 0px ; }
.MAIN_02_SRO .contents-inner .cont_top>.contbox:nth-child(2) {margin-top: 0px }

.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon{ position: absolute; right:25px; top:25px; 
}


.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon .wg_img1{ position: absolute; right:10px; top:0px;width: 90px; aspect-ratio:1 / 1;
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox .cont_icon .wg_img1 img{ width: 100%;
  height: 100%;
  object-fit: cover;
}




.MAIN_02_SRO .contents-inner .cont_top>.contbox  .cont_um{ width: 100%;  font-family:"Pretendard Variable",  sans-serif; font-weight:700;
color: rgba(151,170,232,0.1); font-size:calc(var(--tit-lg-size) * 2.7);  line-height: 100%; letter-spacing: -1px; font-style: italic; 
}
.MAIN_02_SRO .contents-inner .cont_top>.contbox  .cont_tx{ width: 100%;   font-family:"Pretendard Variable",  sans-serif; font-weight:500;
color: #fff; font-size:calc(var(--tit-mds-size) * 1);  line-height: 120%; letter-spacing: -1px; margin-top: -20px
}


.MAIN_02_SRO .contents-inner .cont_bott {
  width: 100%; 
  position: relative;
  padding-left: 0px;margin-top: 50px; margin-bottom: 0px

}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



