.xr {
  font-size: 40rem; font-weight:bold;  
}


.bg {
    background: url('/src/img/xrstudio/vertual9.png');
    background-size:  cover;
    background-position: 0 39%;
  }

.row {
  margin: 130px 0;
}

.vod {
  width : 50%;
  padding:10px;
  font-size: 0;
}


.mainTitle {
  font-size:20rem; 
  text-align:center; 
  color:#555; 
  font-weight:bolder;
  margin: 60px 0;
}

.title {
  font-size:25rem; 
  text-align:center; 
  color:#555; 
  font-weight:bolder;
  margin: 60px 0 20px;
}

.title2 {
  font-size:20rem; 
  text-align:center; 
  color:#555; 
  font-weight:bolder;
}


.subtitle {
  text-align: center;
  margin-bottom: 40rem;
  line-height: 26rem;
}

.subtitle2 {
  text-align: center;
  line-height: 50rem;
}

.col2 > * {
  width: 50%;
  font-size :0;
  padding : 12px;
}

.eowndghktjsdjs {
  background-color: black;
  color:white;
  margin-top: -50px;
  /* padding: 50px 100px; */
  padding: 50px 3%;
   align-items: center;
}

#rktkdtmxbeldh {
  font-size : 25rem;
}


#djEjfrkdy {
  font-size : 20rem;
}

.row4 {
  background-color: rgb(183, 183, 183);
  padding: 20px 0;
}

.col4 > * {
  width : calc(100%/4) ;
  position: relative;
  font-size :0;
  padding:15px;
  }

.col4 > div > div {
  background-size: cover;
  background-position: center;
  padding-bottom: 100%;
 
}



/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
  .col2 > * {
    width: 100% !important;
  }

  .textC {
    width: 50%;
  }

}