

/* 테블릿 세로 사이즈 - 744 */

@media screen and (min-width:46em){

/* lang_page */

  .lang_container{
    padding:7.5rem 2.1rem 0;
  }

  .lang_content_container{
    width:63.4rem;
  }


  .lang_text_box{
    width:30rem;
  }

  .lang_text{
    height:5rem;
  }

    /* 탑바 */

    .top_bar{
      width:calc(100% - 4.2rem);
      height:7.5rem;
      left:2.1rem;
      justify-content: center;
      padding-bottom:1.2rem;
    }

    .top_bar::before{
      height:7.2rem;
    }
    .menu_mobile{
      width:6rem;
      right: 0;
      position:relative;
    }
  
    .logo_home{
      width:19.8rem;
      height:3.8rem;
      position:absolute;
      left:0;
    }
    .logo_home_lang{
      position:relative;
    }
  
    .menu_rt{
      display:flex;
    }

    .menu_contact{
      display:none;
    }

    /* menu_open */

    .menu_title{
      font-size: 1.8rem;
    }

    .menu_li{
      font-size: 2rem;
    }



    .bookmark_mobile{
      display:none;
    }

    .bookmark{
      width:100%;
      height:3.5rem;
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:1.6rem;
      position:relative;
      box-sizing: border-box;
    }

    .bookmark_left{
      grid-column : 1;
      grid-row:1;
      height:100%;
      display:flex;
      align-items: center;
      position:relative;
    }

    .bookmark_right{
      grid-column:3;
      grid-row:1;
      height:100%;
      display:flex;
      align-items: center;
      position:relative;
    }

    .bookmark_icon{
      position:absolute;
      width:1.8rem;
      height:3.5rem;
      top:0;
    } 

    .bookmark_icon img{
      width:100%;
      height:100%;
    }
    
    .bookmark_icon_right{
      right:0;
    }

    .bookmark_line{
      width:100%;
      height:0.1rem;
      background-color: var(--color-black);
    }

    .scroll_mark{
      height:auto;
      top:calc(100vh - 8.6rem);
      top:calc(100dvh - 8.6rem);
    }

    .scroll_icon{
      width:2.6rem;
      height:3rem;
      margin-bottom: 1rem;
    }

    .scroll_icon img{
      width:100%;
      height:100%;
    }

    .scroll_text{
      font-size: 1.6rem;
      font-weight: 550;
    }


    .heading{
      width:fit-content;
      margin-bottom: 3.6rem;
    }

    .heading_text_tablet{
      display:block;
    }
    .heading_text_mobile{
      display:none;
    }



    /* 전체 컨테이너 그리드 영역 설정  */

    .section{
      margin:var(--section-margin-118) 0;
      padding-top:0;
    }
    .container{
        padding:0 2.1rem;
      }

    .main{
        padding-top:7.5rem;
      }


    /* main page */

    .main_section{
      margin-top:0;
      margin-bottom:0;
    }

    .main_title{
      display:flex;
      justify-content: center;
      align-items: end;
      height:15.5rem;
      font-size:clamp(9rem, 12vw, 10rem);
      font-weight: 650;
      padding-bottom:1rem;
      border-bottom:0.2rem solid black;
    }

    .bookmark_title{
      width:100%;
      position:absolute;
      top:21.1rem;
      display:flex;
      align-items: center;
      justify-content: space-between;
    }

    .bookmark_center_line{
      width:100%;
      height:0.2rem;
      background-color: var(--color-black);
    }
    
    
    
    .main_title_mo{
      display:none;
    }

    .main_container{
      height:calc(100vh - 28.5rem);
      height:calc(100dvh - 28.5rem);
      display:grid;
      grid-template-columns:repeat(6,1fr);
      grid-template-rows:repeat(5, auto);
      grid-column-gap:1.2rem;
      grid-auto-rows:min-content;
      align-items: center;
      justify-content: center;
      padding:3rem 0;
      position:relative;
    }

    .main_image01{
      margin-top: 0;
      grid-column:1/4;
      grid-row:2;
    }

    .main_glass_container{
      margin-top:0;
      height:auto;
      grid-column:4/7;
      grid-row:2;
      padding-top:1.6rem;
    }

    .main_glass_border{
      height:14rem;
    }

    .main_glass{
      height:14rem;
    }

    .main_barcode{
      margin-top: 0;
      grid-column:1/7;
      grid-row:3;
      justify-content: flex-end;
      font-size: clamp(2.4rem, 3.4vw, 2.8rem);
      padding:0.8rem 2rem 0.8rem 0;
      border-bottom: 0.2rem solid black;
      height:auto;
    }

    .main_barcode_image{
      width:clamp(10.5rem, 14.14vw, 11.8rem);
      /* height:auto; */
    }

    .main_image02{
      margin-top:0;
      grid-column:1/4;
      grid-row:4;
      height:auto;
    }

    .main_image02 img{
      padding-top:0;
    }

    .main_text{
      padding-top: 0;
      grid-column:4/7;
      grid-row:4;
      height:auto;
    }

    

  


    

      /* 2번 페이지 */
      .about_container{
        padding:0 2.1rem;
      }
      .about01{
        display:grid;
        grid-template-columns: repeat(6, 1fr);
        column-gap: 1.2rem; 
        position:relative;
      }

      .about01_content{
        grid-column:2/7;
      }

      .about01_text{
        line-height: 2.4rem;
        margin-bottom: 6rem;
      }

      .about01_title_container{
        display:grid;
        grid-template-columns:repeat(5, 1fr);
        column-gap:1.2rem;
      }

      .about01_title_box{
        grid-column:1/5;
      }

      .hexagon_b{
        width:clamp(11.5rem, 15.8vw, 13.2rem);
      }

      .title_text_image_box{
        width:calc(100% - 0.6rem);
      }

      .title_text_image02{
        transform:translateX(0.6rem);
      }

      .about01_title_line{
        width:calc(100% + 0.6rem);
        transform:translateX(0.6rem);
      }

      .about01_image_box{
        display:grid;
        grid-template-columns:repeat(5, 1fr);
        column-gap:1.2rem;
      }
      .about01_image_back{
        grid-column:1/5;
      }
      .about01_image{
        grid-column:1/5;
      }


       /* 3번페이지 */


    .about02_heading {
      display:none;
    }

    .about02_text_box{
      display:grid;
      grid-template-columns:repeat(6, 1fr);
      grid-column-gap:1.2rem;
    } 
    
    .about02_text01{
      grid-column:3/7;
      grid-row:1
    }
    .about02_title_box{
      padding-top: 2.4rem;
      padding-bottom:3.8rem;
      grid-column:1/7;
      grid-row:2;
    }

    .about02_title{
      font-size:5rem;
      font-weight: 630;
    }

    .about02_text02{
      grid-column:3/7;
      grid-row:3;
    }

    .about02_image_container{
      padding-top:3.6rem;
      grid-template-columns:repeat(6, 1fr);
      grid-column-gap:1.2rem;
      grid-row-gap:1.4rem;
    }

    .about02_image_box{
      height:25.6rem;
    }

    .about02_image03_box{
      grid-column:5/7;
      grid-row:1;
    }

    .about02_image04_box{
      grid-column: 1/3;
      grid-row:2
    }

    .about02_image05_box{
      grid-column:3/5;
      grid-row:2;
    }
    .about02_image06_box{
      grid-column:5/7;
      grid-row:2;
    }

    .about02_image_text{
      flex-direction: row;
      justify-content: space-between;
    }

    .about02_image_text01{
      font-size: 1.4rem;
    }
    .about02_image_text02{
      font-size: 2rem;
    }

    /* 4번페이지 */

    .about03_heading {
      display:none;
    }

    .about03_title_container{
      grid-row:1;
      display:flex;
      justify-content: flex-start;
      align-items: center;
      height:14.7rem;
      padding:0;
    }

    .about03_title{
      font-size: clamp(4.4rem, 6.23vw, 5.2rem);
      line-height: 1.03;
      text-align: left;
      font-weight: 630;
    }

    .about03_subtitle{
      width:23rem;
      height:6.2rem;
      position:absolute;
      top:3.6rem;
      right:clamp(7.8rem, 10.5vw, 8.7rem);
    }

    .about03_subtitle_box::before{
      transform:translate(0.6rem, 0.6rem);
      filter: blur(0.3rem);
      -webkit-filter: blur(0.3rem);
    }
    .about03_subtitle_text{
      display:none;
    }
    .about03_subtitle_text_mo{
      padding-top:0.6rem;
      font-weight: 700;
      display:flex;
      line-height: 1.9rem;
    }

    .about03_image_container{
      grid-row:2;
      height:36rem;
    }

    .about03_image_box{
      width:33rem;
      height:33rem;
      padding:0;
    }

    .about03_table{
      padding-top:clamp(4.4rem, 6vw, 5rem);
      grid-row:3;
    }

    .about03_table_text{
      padding-bottom:1.6rem;
      padding-top:0.1rem;
    }

    /* 5번페이지 */

    .service_heading{
      margin-bottom: 4.4rem;
    }

    .service_main_title{
      font-size: 6rem;
      margin-bottom: clamp(6.7rem, 9.11vw, 7.6rem);
      font-weight:580;
    }

    .service_image_container{
      height:35.8rem;
    }

    .service01_title{
      display:inline-block;
    }

    .service01_title_mo{
      display:none;
    }

    .service01_image img{
      height:26.8rem;
      width:auto;
    }

    .servie02_image img{
      height:26.8rem;
      width:auto;
    }


    .service_text{
      padding-top:1.2rem;
      font-size:1.7rem;
      line-height: 2.4rem;
    }

    /* 6번페이지 */
    .contact_section{
      margin: 0;
    }

   .contact{
    padding-top: 0;
    height:calc(100dvh - 11rem);
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap:1.2rem;
    align-items: flex-end;
   }

   .contact_container{
    padding-bottom: 10rem;
    grid-column:2/6;
   }

   .contact01_title{
    font-size: 4.8rem;
   }


   .contact01_li p{
    font-size: 1.9rem;
   }

   .contact02{
    margin-top:8.6rem;
   }






   .recruit_title{
    width:calc(100% - 4.2rem);
    margin-left: 2.1rem;
    height:14rem;
    font-size:10rem;
    font-weight:570;
    margin-top: 7.5rem;
   }

   .recruit_container{
    padding:0 2.1rem 10rem;
   }

   .recruit_detail_content_container{
    margin-top:7.4rem;
   }
  
   .recruit_detail_title{
    font-size: 2.2rem;
    padding-bottom: 0.3rem;
   }

  .recruit_detail_table_li_title{
    font-size: 1.8rem;
  }

  .recruit_detail_table_li_open_touch{
    width:calc(100vw - 4.2rem);
  }

  .recruit_detail_table_li_close_touch{
    width:calc(100vw - 4.2rem);
  }


  .recruit_detail_table_text_container{
    width:100%;
    padding:3.2rem 4rem 2rem 0;
    display:grid;
    justify-content: flex-end;
    display:none;
  }

  .recruit_detail_table_text_li{
    width:61.8rem;
    padding-bottom:0.8rem;
  }


  .recruit_button_container{
    justify-content: center;
  }


  /* recruit_main_page */

  .recruit_image_container{
    padding:3rem 2.1rem 0;
  }

  .silver_star{
    width:11.7%;
    top:24%;
    left:11.2%;
  }

  .back_water_bubble{
    width:9.3%;
    top:38.78%;
    left:42%;
  }

  .tube{
    width:73%;
    left:12.7%;
    top:0;
  }

  .silverball_small{
    width:9.8%;
    top:37%;
    left:0;
  }

  .left_water_bubble{
    width:19%;
    top:37%;
    left:5%;
  }

  .center_water_bubble{
    width:14.5%;
    top:12.6%;
    right:24.24%;
  }

  .right_water_bubble{
    width:5%;
    top:33%;
    right:0;
  }

  .silverball_big{
    width:23%;
    top:42%;
    right:8.72%;
    /* z-index: 101; */
  }

  .star_pattern{
    width:13%;
    top:53.2%;
    right:7%;
    /* z-index: 102; */
  }

  .recruit_content_container{
    top:-8rem;
    height:31rem;
  }

  .recruit_content_background{
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter:blur(1rem);
    /* z-index: 100; */
  }

  .recruit_content_table_container{
    padding:5rem 2.1rem 6rem;
    /* z-index: 104; */
  }

  .recruit_content_table_li{
    height:5rem;
  }


  }