/* tablet */
@media screen and (max-width:1418px) {
   body {
      background: url("../image/studio/studio_bg.png") no-repeat;
      background-size: cover;
      background-position: center;
      background-color: var(--bgcolor);
      background-attachment: fixed;
  }
   main {
      padding: 0;
   }


   .highlight {
      font-size: 2.2em;
      box-shadow: inset 0 -14px 0 #B33435;
   }

   .title {
      font-size: 1.4em;
   }

   .dev {
      font-size: 1em;
   }

   .content_left {
      width: 42%;

   }

   .content_right {
      float: left;
      width: 53%;
      height: auto;
   }

   .content_right ul {
      width: 110%;
   }

   .content_right ul li {
      margin-left: 0;
   }

   #rental {
      margin-left: 53%;
   }

}

/* tablet 햄버거메뉴 시작*/
@media screen and (max-width:1024px) {

   .content_wrap{
      top:-80px;
      padding-left: 131px;
      display: flex;
      flex-direction: column;
   }

   body {
      background: url("../image/studio/studio_bg.png") no-repeat;
      background-size: cover;
      background-position: center;
      background-color: var(--bgcolor);
      background-attachment: fixed;
  }

  .title_top{
   margin-left: -3%;
  }

   .content_left {
      order: 2;
      left: 0;
      width: 90%;
      margin:0 -2%;
   }

   .dev{
      width: 66%;
   }

   .content_right {
      order: 1;
      left: 0;
      margin:0 -2%; 
      width: 90%;
      height: auto;
      padding-bottom: 30px;
      order: 1;
   }

   .content_right ul {
      width: 105%;
   }

   .content_right ul li {
      float: left;
      width: 50%;
      padding:0 4% 4% 0;
   }

   #rental {
      width: 40%;
      margin-left: 0%;
      font-size: 1em;
   }


}

/* mobile 세로정렬 시작*/
@media screen and (max-width:768px) {

   .content_wrap {
      margin-left: 0;
      padding-left: 0;
   
   }

   .title_top{
      margin-left: 9%;
     }
   

   .content_left {
      width: 82%;
      /* order: 2; */
      top:10%; 
      left: 3%;
      margin: 6%;
   }

   .dev{
      width: 100%;
      word-break: keep-all;
      font-size: 0.8em;
      padding-bottom: 20px;
   }
   
   .content_right {
      width: 82%;
      top:200px; left: 3%; 
      margin: 6%;
      height: auto;
   }

   .content_right ul li {
      margin-bottom: 20px;
      padding-right: 4%;
   }

   #rental {
      width: 49%;
      margin-left: 0%;
      font-size: 1em;
   }


}

/* mobile 미니디바이스 시작1*/
@media screen and (max-width:674px) {

   .content_left {
      order: 2;
      width: 82%;
      /* margin-top: 91px; */
      margin-bottom: 38px;
   }

  
}

/* mobile 미니디바이스 시작2*/
@media screen and (max-width:619px) {

   .content_left {
      order: 2;
      width: 82%;
      /* margin-top: 102px; */
      margin-bottom: 38px;

   }

   .content_right{
      width:82%;
      margin-bottom: 38px;
   }

   #rental {
      position: relative;
      width: 99%;
      margin-left: 0%;
      font-size: 1em;
   }

}


/* mobile 미니디바이스 시작2*/
@media screen and (max-width:429px) {
   .content_left {
      order: 2;
      width: 82%;
      margin-top: 22px;
      margin-bottom: 38px;
   }

   .title{
      font-size: 1.2em;
   }

   
   .content_right{
      width:82%;
      margin-top: 38px;
      margin-bottom: 59px;
   }

}