/* 테블릿 가로사이즈 -fullpage적용안됨-1024 */

@media screen and (min-width: 64em){
  /* lang_page */

    .lang_container{
      padding:7.5rem 3.2rem 0;
    }

    .lang_content_container{
      width:100%;
      display:grid;
      grid-template-columns:repeat(6,1fr);
      grid-column-gap : 1.4rem;
    }

    .lang_title{
      grid-column:2/6;
      width:100%;
      padding-bottom:6rem;
    }

    .lang_line{
      grid-column:2/6;
    }

    .lang_text_container{
      grid-column:2/6;
    }

    .lang_table{
      height:7rem;
    }

    .lang_text_box{
      width:26rem;
    }

    .lang_text{
      height:5rem;
      font-size: 2rem;
    }

    /* 탑바 */
    
    .top_bar{
      width:calc(100% - 6.4rem);
      left:3.2rem;
    }
    .menu_contact{
      display:none;
    }
  
    .bookmark{
      height:3.9rem;
      grid-template-columns:repeat(5, 1fr);
      gap:0.5rem;
    }

    .bookmark_right{
      grid-column:5;
    }

    .bookmark_icon{
      width:2.1rem;
      height:3.9rem;
    }


    .scroll_mark{
      display:none;
    }

    .heading{
      margin-bottom:6rem;
    }

    .heading_line{
      width:8.5rem;
    }

    .heading_text{
      padding:0 1.4rem;
      font-size:1.6rem;
    }

    .about01_heading{
      position:absolute;
      top:0;
      left:0;
      margin-bottom: 0;
    }

   /* 전체 컨테이너 그리드 영역 설정  */


   .section{
    margin:var(--section-margin-140) 0;
  }

   .container{
    padding:0 3.2rem;
  }

  .main{
    padding-top:7.5rem;
  }


  /* main page */
  .main_section{
    margin-top:0;
  }

  .main_title{
    align-items: center;
    justify-content: flex-start;
    height:12vw;
    font-size:clamp(7.6rem, 7.3vw, 9.4rem);
  }

  .bookmark_title{
    top:calc(5.5rem + 12vw);
  }

  .main_container{
    height:calc(100vh - (7.3rem + 12vw));
    height:calc(100dvh - (7.3rem + 12vw));
    grid-template-rows: auto 1fr auto;
    grid-column-gap:1.4rem;
    align-items: flex-start;
    padding:1.25vw 0 2rem 0;
  }

  .main_image01{
    grid-column:3/5;
    grid-row:3;
  }

  .main_glass_container{
    grid-column:5/7;
    grid-row:1;
    padding-top: 1.25vw;
  }


  .main_glass_border{
    height:11vw;
  }

  .main_glass{
    height:11vw;
  }
  .glass_text{
    line-height:2.8rem;  
  }

  .source_code{
    font-size: 1.8rem;
  }

  @media screen and (min-width:68em){
    .glass_text{
      line-height:3rem;
    }
    .source_code{
      font-size: 2rem;
    }
  }

  @media screen and (min-width:72em){
    .glass_text{
      line-height: 3rem;
    }
    .source_code{
      font-size: 2.2rem;
    }
  }

  .main_barcode{
    grid-column:1/3;
    grid-row:3;
    padding:0.6rem 0;
    justify-content: flex-start;
    transform:translateY(-100%);
    font-size: clamp(2.8rem, 2.3vw, 3rem);
  }

  .main_barcode_image{
    width:8.75vw;
    height:3rem;
    padding-left: 2rem;
  }

  .main_image02{
    grid-column:5/7;
    grid-row:3;
  }

  .main_text{
    grid-column:1/3;
    grid-row:3;
    padding-top:1.2rem;
    font-size: 1.8rem;
    line-height:2.4rem;
  }




  /* 2번페이지 */

  .about_container{
    padding:0 3.2rem;
  }
  .about01{
    display:block;
  }
  .about01_content{
    position:relative;
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap:1.4rem;
  }

  .about01_title_container{
    grid-column:1/4;
    grid-row:1;
    display:flex;
    margin-bottom:0;
    height:100%;
    align-items: center;
    justify-content: flex-start;
  }

  .about01_title_box{
    width:clamp(38rem, 37vw, 47.2rem);
  }

  .hexagon_b{
    width:9.8vw;
    padding-left:2.5vw;
    box-sizing: content-box;
  }

  .hexagon_s{
    width:3.3vw;
  }

  .title_text_image_box{
    width:calc(100% - 1.5rem);
  }

  .title_text_image02{
    transform:translateX(0.4rem);
  }


  .about01_title_line{
    width:calc(100% + 1.5rem);
    transform:translateX(1.5rem);
  }


  .about01_image_box{
    display:inline-block;
    grid-column:4/7;
    grid-row:1;
  }

  .about01_text{
    grid-column:1/7;
    grid-row:2;
    padding-top:4.8rem;
    font-size:1.7rem;
    line-height: 2.6rem;
    margin-bottom:0;
  }

  @media screen and (min-width:72em){
    .about01_text{
      line-height: 2.8rem;
    }
  }


  /* 3번페이지 */

   .about02_text_box{
    grid-column-gap:1.4rem;
   }

   .about02_text01{
    grid-column:4/7;
   }
   .about02_text02{
    grid-column:4/7;
    grid-row:2;
   }

   .about02_title_box{
    grid-column:1/4;
    grid-row:1/3;
    height:100%;
    display:flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-top:0;
    padding-bottom:0;
   }

   .about02_title{
    font-size:4.8rem;
    font-weight: 600;
   }

   .about02_text{
    font-size:clamp(1.6rem, 1.3vw, 1.7rem);
    line-height: 1.4;
   }

   .about02_image_container{
    padding-top: clamp(3.6rem, 3.4vw, 4.4rem);
    grid-row-gap:2rem;
    grid-column-gap:1.4rem;
   }

   .about02_image_box{
    height:clamp(21rem, 18vw, 23rem);
   }


   .about02_image01{
    width:clamp(12.8rem, 40%);
    height:auto;
   }
   .about02_image02{
    width:clamp(14.1rem, 44%);
    height:auto;
   }
   .about02_image03{
    width:clamp(13.8rem, 43.43%, 17.2rem);
    height:auto;
   }
   .about02_image04{
    width:clamp(14.3rem, 43%, 17rem);
    height:auto;
   }
   .about02_image05{
    width:clamp(12.4rem, 38.88%, 15.4rem);
    height:auto;
   }
   .about02_image06{
    width:clamp(21rem, 63%, 25rem);
    height:auto;
   }

   .about02_image_text{
    bottom:1.4rem;
   }
   

   /* 4번페이지 */

   .about03_title_container{
      height:14.8rem;
      padding:0 3rem;
   }

   .about03_title{
    font-size:4.8rem;
    line-height: 5rem;
    font-weight: 600;
   }

   .about03_title_image{
    right:3rem;
   }

   .about03_subtitle{
    width:37.8rem;
    height:4rem;
    right:11.5rem;
    top:4.8rem;
   }
   
   .about03_subtitle_text{
    display:flex;
    font-weight: 700;
    font-size: 1.7rem;
   }
   .about03_subtitle_text_mo{
    display:none;
   }
   .about03_subtitle_box::before{
    transform:translate(0.5rem, 0.5rem);
  }

  
  .about03_image_container{
    height:auto;
  }

  .about03_image_box{
    width:clamp(30rem, 29.53vw, 37.8rem);
    padding:1.8rem 0;
    height:auto;
  }

  .about03_table{
    padding-top:5.6rem;
  }

  .about03_table_text{
    font-size: 1.6rem;
    padding-top:0.3rem;
  }
  
  /* 5번페이지 */


    .service{
      display:grid;
      grid-template-columns: repeat(6, 1fr);
      grid-column-gap:1.4rem;
      grid-auto-rows:min-content;
    }

    .service_heading{
      grid-column: 1/7;
      grid-row:1;
    }

    .service_main_title{
      grid-column:1/7;
      grid-row:2;
      font-size:4.8rem;
      margin-bottom:3.8rem;
    }


    .service_container{
      width:100%;
      height:auto;
      border: 0.2rem solid black;
      position:relative;
      padding:0 2rem;
      box-sizing: border-box;
    }

    .service01_container{
      grid-column: 1/4;
      grid-row: 3;
    }

    .service02_container{
      grid-column:4/7;
      grid-row:3;
    }

    .service_image_container{
      border:none;
      height:auto;
    }

    .service_title{
      padding-left:0;
    }

    .service_image{
      height:31.7rem;
    }

    .service01_image img{
      width:30.2rem;
      height:26.8rem;
    }

    .service02_image img{
      width:38.4rem;
      height:26.8rem;
    }

    .service_text{
      width:100%;
      padding-top:2rem;
      padding-bottom:3.6rem;
      border-top:0.1rem solid black;
    }

    .service02_image_container{
      margin-top:0;
    }


    /* 6번페이지 */

    .contact_section{
      margin-top:14rem;
      margin-bottom:0;
    }

    .contact{
      height:auto;
      grid-column-gap:1.4rem;
    }

    .contact_container{
      padding-bottom:3.6rem;
      grid-column:4/7;
    }

    .contact01_title{
      font-size: 4rem;
    }

    .contact01_li p{
      font-size: 1.7rem;
    }

    .contact02{
      margin-top:5rem;
    }







    .recruit_title{
      width:calc(100% - 6.4rem);
      margin-left: 3.2rem;
      height:10.2rem;
      font-size: 7.2rem;
    }

    .recruit_container{
      padding:0 3.2rem 10rem;
      display:grid;
      grid-template-columns:repeat(6, 1fr);
      grid-column-gap:1.4rem;
    }

    .recruit_detail_content_container{
      grid-column:2/7;
      margin-top:7.5rem;
      grid-template-columns: auto, auto;
      align-items: end;
    }

    .recruit_detail_title{
      grid-column:1;
      padding-bottom:0.6rem;
    }

    .recruit_detail_table_container{
      grid-column:1/3;
    }

    .recruit_detail_table_li_open_touch{
      width:calc((100vw - 6.4rem) * 5/6);
    }

    .recruit_detail_table_li_close_touch{
      width:calc((100vw - 6.4rem) * 5/6);
    }


    .recruit_detail_table_text_container{
      justify-content: flex-start;
      padding:2.7rem 9rem 2.4rem;
    }

    .recruit_detail_table_text_li{
      width:100%;
      font-size: 1.7rem;
    }

    .recruit_button_container{
      width:100%;
      grid-column:2;
      grid-row:1;
      padding-bottom: 0.6rem;
      justify-content: flex-end;
      padding-right: 4rem;
    }

    .recruit_button{
      margin-top:0;
    }




    /* recruit_main_page */

    .recruit_image_container{
      padding:0 3.2rem;
      top:-7.5rem;
      width:100%;
      display:flex;
      justify-content: center;
    }

    .recruit_image_box{
      width:75vw;
    }

    .recruit_content_background{
      backdrop-filter:blur(1.6rem);
      -webkit-backdrop-filter:blur(1.6rem);
    }

    .recruit_content_container{
      top:calc((-9.375vw) + (-7.5rem));
      height:19rem;
    }

    .recruit_content_table_container{
      padding:5rem 3.2rem 7rem;
    }


  }