.bg {
    background: url('/src/img/liverelay/111111.png');
    background-size:  cover;
    background-position: 0 40% !important;
  }


  .flex {
    justify-content: space-between;
  }

  .content > div:not(.foot>*) {
    margin: 80px 0;
  }


  .col2 {
    flex-basis: 50%;
  }

  .col3 {
    flex-basis: calc(100%/3);
    text-align: center;
  }

  .col4 {
    flex-basis: 23%;
    padding: 50px;
    border-radius: 15px;
  }

  #num {
    font-size: 30rem;
    color:yellow;
    margin-bottom: 25px;
  }

  #text {
    color :white;
  }

  .tkwjs {
background-color: rgb(52, 82, 131);
  }

  .wndrP {
    background-color: rgb(93, 93, 93);
  }

  .godtkaneo {
    background-color: rgb(82, 166, 101);
  }

  .wkcptmxbeldh {
    background-color: rgb(165, 165, 165);
  }

  .dufjqnsdltjsxor {
    align-items: center;
    background-color: rgb(231, 231, 231);
    color: #446084;
    font-size: 25rem;
    padding: 25px;
    border-radius: 15px;
  }

  .camera {
    align-items: center;
  }

  .title {
    font-size: 28rem;
    font-weight: bold;
    color: #555;
    margin-bottom: 55rem;
  }


  .subtitle {
    font-size: 25rem;
    font-weight: bold;
    color: #555;
    margin: 15rem;
  }

  .mg {
    margin-bottom : 30rem;
  }

  .tlftlrksqkdthd {
    min-height: 300rem;
    position: relative;
    background-image: url('/src/img/liverelay/mix-8-990x800.png');
    background-position: center;
    background-size: cover;
    padding: 5%;

  }

  .tlftlrksqkdthdghkauszjavbxj {
    text-align: center;
    color:white;
  }

  .tlftlrksqkdthdghkauszjavbxj img {
    width: 28%;
  }


  .tlftlrks_wrap > .flex > .col2{
    padding: 15px 15px;
  }

  .whaud_img_wrap {
    text-align: center;
    font-size: 0;

  }

  .whaud_img_wrap img {
    vertical-align: top;
    width: 50%;
  }

  .pf {
    font-size: 0;
    justify-content: left;
  }

  .pf img {
    width: calc(100%/3);
    padding: 5px;

  }


  .conList > li {
    width: calc(100%/3);
    padding: 5px;
  }

  .conList {
    justify-content: start;
  }


  /* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {

  .textL {
    text-align: center;
  }

  .col2 {
    flex-basis: 100%;
  }
  .col4 {
    flex-basis: unset;
    width: 50%;
  }

  .col3 {
    flex-basis: auto;
    width: 100%;
  }


  .whaud_img_wrap img {
    width: 100%;
  }



}