@charset "UTF-8";

.isFull{
    width: 93%;
    height: 67vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.contentsArea{
  width: 100%;
  height: 100%;
}

.model-drag-content-area {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 67vh;
    overflow: hidden;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
  }

  
  .model-drag-content-area .model-drag-area {
    /* border: 1px solid red; */
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1000px !important;
    white-space: nowrap;
  }
    /* ------------------추가------------------------ */
    .model-drag-content-area .model-touch-area {
      /* border: 1px solid blue; */
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9;
      height: 100%;
    }
    /* ----------------------------추가---------------- */
  
  

  .model-drag-content-area .model-touch-area .drag-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: -1vw 0 0 0;
    z-index: 15;
    
  }
  
  .model-drag-content-area .model-touch-area .drag-bar img {
    height:67.66666666666667vw;
    max-width: none;
  }
  /*---------------------------------- 추가 -----------------------------*/
  .model-drag-content-area .model-touch-area .car-hide>img {
    object-fit: cover;
    max-width: none;
  }
  .model-drag-content-area .model-touch-area .car-hide .drag-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .model-drag-content-area .model-touch-area .car-hide .car-hidden {
    overflow: hidden;
    width: 50%;
    height: 100%;
  }
  .model-drag-content-area .model-touch-area .car-hide .car-hidden>img {
    object-fit: cover;
    max-width: none;

    
  }
  
  
  
   /*---------------------------------- 추가 -----------------------------*/
  
  .model-drag-content-area .model-drag-area {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    white-space: nowrap;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-bar {
    position: absolute;
    top: 0;
    width: auto;
    height: 100%;
    margin-left: -40px;
    margin-top: -9px !important;
    z-index: 40;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-mask,
  .model-drag-content-area .model-drag-area .drag-wrap .drag-default {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-default {
    right: 0;
    z-index: 20;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-default img {
    position: absolute;
    right: 0;
    z-index: 20;
    max-width: none;
    object-position: 50% 50%;
    object-fit: cover;
    height: 100%;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-mask {
    left: 0;
    z-index: 30;
  }
  
  .model-drag-content-area .model-drag-area .drag-wrap .drag-mask img {
   position: absolute;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
    max-width: none;
  }
  

  @media(max-width:600px){

    /* 섹션 3 */
    .sec3_left{
      width: 100%;
      height: 50%;
    }
    .sec3_right {
      width: 100%;
      height: 50%;
      top: 100%;
      transform: translateY(-100%);
  }
  .model-drag-content-area {
    height: 50vh;
  }
  .isFull{
    width: 80%;
    height: auto;
    top: 70%;
}

  }