#ocexTarget{
  display: flex;
  justify-content: center;
  width:100%;

  box-sizing: border-box;
  padding: 0px 20px;
  padding-top: 20px;
  padding-bottom: 60px;
}

#ocexTarget .targetContainer_mobile{
  display: none;
}

#ocexTarget .targetContainer{
  display: flex;
  width:70%;
}

#ocexTarget .rightImgGroup{
  width:50%;
}

#ocexTarget .topImgGroup{
  display: flex;
  height:50%;
}

/* ====================================== */
#ocexTarget .leftImgGroup{
  position: relative;
  width:50%;
  height:100%;
  border-radius: 20px;
  padding:2px;
}

#ocexTarget .leftImg{
  width:100%;
  height:100%;
  border-radius: 20px;

  object-fit: cover;
  object-position: 50% 50%;
  filter: brightness(50%);
}

#ocexTarget .leftImgTitle{
  position:absolute;
  width:100%;
  font-size:2.5vw;
  font-weight: 600;
  color:white;
  text-align: center;
  z-index: 99;

  top: 50%;
  transform: translate(0, -50%);
}

/* ====================================== */
#ocexTarget .topLeftImgGroup{
  position: relative;
  width:50%;
  height:100%;
  border-radius: 20px;
  padding:2px;
}

#ocexTarget .topLeftImg{
  width:100%;
  height:100%;
  border-radius: 20px;

  object-fit: cover;
  object-position: 0 50%;
  filter: brightness(50%);
}

#ocexTarget .topLeftImgTitle{
  position:absolute;
  width:100%;
  font-size:2vw;
  font-weight: 600;
  color:white;
  text-align: center;
  z-index: 99;

  top: 50%;
  transform: translate(0, -50%);
}

/* ====================================== */
#ocexTarget .topRightImgGroup{
  position: relative;
  width:50%;
  height:100%;
  border-radius: 20px;
  padding:2px;
}


#ocexTarget .topRightImg{
  width:100%;
  height:100%;
  border-radius: 20px;

  object-fit: cover;
  object-position: 50% 50%;
  filter: brightness(50%);
}

#ocexTarget .topRighImgTitle{
  position:absolute;
  width:100%;
  font-size:2vw;
  font-weight: 600;
  color:white;
  text-align: center;
  z-index: 99;

  top: 50%;
  transform: translate(0, -50%);
}

/* ====================================== */
#ocexTarget .bottomImgGroup{
  position: relative;
  width:100%;
  height:50%;
  border-radius: 20px;
  padding:2px;
}

#ocexTarget .bottomImg{
  width:100%;
  height:100%;
  border-radius: 20px;

  object-fit: cover;
  object-position: 0 50%;
  filter: brightness(50%);
}

#ocexTarget .bottomImgTitle{
  position:absolute;
  width:100%;

  /* font-size:2.5vw; */
  font-size:2vw;
  font-weight: 600;
  color:white;
  text-align: center;
  z-index: 99;

  top: 50%;
  transform: translate(0, -50%);
}

/* ====================================== */

#ocexTarget .targetRow{
  display: flex;
  /* border:1px solid red; */
}

#ocexTarget .targetCol{
  width:50%;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  
  /* border:1px solid red; */
}


#ocexTarget .targetIcon{
  font-size:72px;
  color:white;
  margin-bottom:10px;
}

#ocexTarget .targetContent{
  font-size:32px;
  color:white;
}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

  #ocexTarget .targetContainer{
    position: relative;

    display: flex;
    width:95%;
  }
}


@media screen and (max-width: 576px) {
  #ocexTarget .targetContainer{
    position:relative;

    display: none;
    width:100%;
  }

  #ocexTarget .targetContainer_mobile{
    display: block;
    width:100%;
  }

  #ocexTarget .target{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;

    font-size:18px;
    font-weight: 600;
    text-align: center;
  }

  #ocexTarget .target_1_img{
    width:100%;
    height:100px;
    object-fit: cover;
    object-position: 50% 55%;
    filter: brightness(50%);
    padding:5px;

    border-radius: 20px;
  }

  #ocexTarget .target_1_title{
    position:absolute;
    padding: 0 20px;
    z-index: 99;
    color:white;
  }
  #ocexTarget .target_2_img{
    width:100%;
    height:100px;
    object-fit: cover;
    object-position: 50% 55%;
    filter: brightness(50%);
    padding:5px;

    border-radius: 20px;
  }

  #ocexTarget .target_2_title{
    position:absolute;
    padding: 0 20px;
    z-index: 99;
    color:white;
  }
  #ocexTarget .target_3_img{
    width:100%;
    height:100px;
    object-fit: cover;
    object-position: 50% 55%;
    filter: brightness(50%);
    padding:5px;

    border-radius: 20px;
  }

  #ocexTarget .target_3_title{
    position:absolute;
    padding: 0 20px;
    z-index: 99;
    color:white;
  }
  #ocexTarget .target_4_img{
    width:100%;
    height:100px;
    object-fit: cover;
    object-position: 50% 55%;
    filter: brightness(50%);
    padding:5px;

    border-radius: 20px;
  }

  #ocexTarget .target_4_title{
    position:absolute;
    padding: 0 20px;
    z-index: 99;
    color:white;
  }

}

@media screen and (max-width: 375px) {
  #ocexTarget .target{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  
    font-size:15px;
    font-weight: 600;
    text-align: center;
  
  }
}