/* 노트북사이즈 -1280*/

@media screen and (min-width : 80em){

  /* lang_page */

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

    .lang_content_container{
      grid-column-gap:1.2rem;
    }
    .lang_title{
      padding-bottom: 6.4rem;
    }

    .lang_table{
      height:9rem;
    }

    .lang_text_box{
      width:30rem;
    }

    .lang_text{
      font-size: 2.4rem;
    }

    
    
    /* 탑바 */

    .top_bar{
      width:calc(100% - 4.8rem);
      left:2.4rem;
    }
    .menu_mobile{
      display:none;
    }
    .menu_center{
      display:flex;
    }
  
    .main{
      padding-top:0;
    }

    .menu_open{
      display:none;
    }

    .bookmark{
      display:none;
    }
    
    .heading{
      display:none;
    }

    .menu_contact{
      display:flex;
    }

    .menu_recruit_touch{
      display:none;
    }

    .menu_contact_touch{
      display:none;
    }

   /* 전체 컨테이너 그리드 영역 설정  */
  
    .section{
      width:100%;
      margin:0;
      box-sizing: border-box;
      position:relative;
    }
    .container{
      height:100dvh;
      width:100%;
      position:relative;
      padding:7.5rem 2.4rem 0;
      box-sizing:border-box;
    }

   

    /* main page */
    .main_container{
     height:calc(100vh - (7.5rem + 10.6vw));
     height:calc(100dvh - (7.5rem + 10.6vw));
     grid-column-gap:1.2rem;
     padding:1.25vw 0 1.25rem 0;
    }

    .main_image01,.main_image02{
      overflow: hidden;
    }
    .main_image01 img{
      transform:translateY(5rem) scaleY(0.7);
      opacity:0;
    }
    .main_image02 img{
      transform:translateY(5rem) scaleY(0.7);
      opacity:0;
    }

    .main_title{
      height:10.6vw;
      font-size: clamp(9.4rem, 7.3vw, 10.5rem);
      overflow:hidden;
    }

    .main_title p{
      transform:translateY(100%);
      opacity:0;
    }
    .main_barcode{
      transform:translateY(0);
      opacity:0;
    }

    .main_barcode_image{
      width:11.2rem;
    }

    .main_glass_container{
      padding-top:1.2rem;
      overflow: hidden;
      padding-bottom:3rem;
    }
    .main_glass_border{
      height:12rem;
      transform:translateY(130%);
    }
    .main_glass{
      height:12rem;
      transform:translateY(120%);
    }

    .glass_text_base{
      display:none;
    }

    .glass_text_tablet{
      display:block;
    }

    .glass_text{
      font-size: 1.9rem;
    }

    .main_text{
      font-size: 1.9rem;
      padding-top: 1.6rem;
    }

    .main_text p{
      transform:translateY(5rem)scaleY(0.7);
      opacity:0;
      transform-origin:bottom;
    }

    /* 2번페이지 */

    .about_container{
      width:100%;
      box-sizing: border-box;
      padding:7.5rem 2.4rem 0;
      position:relative;
      overflow-y: auto;
      height:auto;
      display:flex;
      align-items: center;
    }

    .about01{
      position:relative;
    }
    .about01_content{
      height:fit-content;      
      padding:3rem 0;
      column-gap:1.2rem;
      box-sizing: border-box;
    }

    .about01_title_container{
      height:100%;
      min-height: fit-content;
      height:-moz-fit-content;
      padding-bottom: 2.8rem;
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      column-gap:1.2rem;
      align-items: center;
    }

    .about01_title_box{
      grid-column:1/3;
      width:calc(100% - 2rem);
    }
    /* .title_text_image_box{
      overflow: hidden;
    } */

    .hexagon_b{
      width:8.54vw;
      padding-left:2vw;
      transform:translateY(100%);
      opacity:0;
      transition:all 0.3s ease-out 0.9s;
    }


    .hexagon_s{
      width:2.8vw;
      transform:translateY(100%);
      opacity:0;
      transition:all 0.3s ease-out 0.9s;
    }

    .title_text_image01{
      transform:translateY(300%);
      opacity:0;
    }


    .title_text_image02{
      transform:translateX(0.6rem)translateY(300%);
      opacity:0;
    }
    
    .title_text_image03{
      transform:translateY(300%);
      opacity:0;
    }

    .about01_title_line{
      margin-top:1rem;
      width:calc(100% + 2rem);
      transform:translateX(2rem);
      opacity:0;
    }


    .about01_image_box{
      grid-column:4/7;
      grid-row:1/3;
      width:calc(100% - 10%);
      transform:translateX(5%)scaleY(0.8);
      height:fit-content;
      height:-moz-fit-content;
      opacity:0;
    }
    .about01_text{
      grid-column:1/4;
      grid-row:2;
      height:100%;
      min-height: fit-content;
      height:-moz-fit-content;
      padding-top:0;
      line-height: 2.4rem;
      transform:scaleY(0.7);
      opacity:0;
    }


    /* 3번페이지 */


    .about02{
      /* height:100vh;
      height:100dvh; */
      height:auto;
      display:flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      overflow-y: auto;
    }

    .about02_text_box{
      grid-column-gap:1.2rem;
      padding-top:2rem;
    }

    .about02_title{
      font-size: 3.6vw;
      font-weight: 550;
    }

    .about02_title p{
      transform:translatey(100%);
      opacity:0;
    }


    .about02_text{
      font-size:1.6rem;
      line-height: 2.2rem;
      transform:scaleY(0.7);
      transform-origin:bottom;
      opacity:0;
    }

    .about02_text01{
      transform:scaleY(0);
      opacity:0;
      transform-origin:bottom;
    }

    .about02_image_container{
      padding-top:1.6rem;
      grid-column-gap:1.2rem;
      padding-bottom:2rem;
    }

    .about02_image_box{
      height:clamp(25.2rem, 38vh, 36rem);
      grid-row:1;
      transform:translateY(0.5);
      transform-origin:bottom;
      opacity:0;
    }
    .about02_image01_box{
      grid-column:1;
    }    
    .about02_image02_box{
      grid-column:2;
    }
    .about02_image03_box{
      grid-column:3;
    }
    .about02_image04_box{
      grid-column:4;
    }
    .about02_image05_box{
      grid-column:5;
    }
    .about02_image06_box{
      grid-column:6;
    }

    .about02_image01{
      width:64.5%;
    }
    .about02_image02{
      width:70.5%;
    }
    .about02_image03{
      width:70.7%;
    }
    .about02_image04{
      width:70.5%;
    }
    .about02_image05{
      width:63%;
    }

    .about02_image06{
      width:100%;
    }

    .about02_image_text02{
      font-size: 1.9rem;
    }



    
    /* 4번페이지 */

    .about03{
      display:flex;
      align-items: center;
    }

    .about03_container{
      grid-template-columns:repeat(2, 1fr);
      grid-auto-columns: min-content;
      width:124.3rem;
      height:48.8rem;
      position:absolute;
      right:2.4rem;
      grid-auto-rows: min-content;
      gap:0; 
      align-items: center;     
    }

    .about03_image_container{
      width:48.8rem;
      height:48.8rem;
      grid-column:1;
      grid-row:1/3;
      margin-top:0;
      border:none;
    }

    .about03_image_box{
      width:37.6rem;
      height:37.6rem;
      padding:0;
    }

    .about03_image{
      opacity:0;
      transform:scaleY(0.9);
    }

    .about03_image03{
      transform:translateY(5rem);
    }

    .about03_title_container{
      padding:2.5rem 0 0 0;
      grid-column:2;
      grid-row:1;
      width:75.5rem;
      height:13.1rem;
      display:flex;
      justify-content: flex-start;
      align-items: flex-start;
      border-top: 0;
      border-bottom:0.2rem solid rgba(0,0,0,0);
    }


    .about03_title{
      font-size:4.4rem;
      line-height: 4.6rem;
      padding-right: 1.8rem;
      padding-bottom: 1.4rem;
      font-weight: 650;
      transform:scaleY(0);
    }

    .about03_subtitle{
      position:relative;
      width:36.4rem;
      height:3.6rem;
      /* right:0; */
      top:0;
      left:0;
      margin-top: 1.8rem;
      transform:scaleY(0);
    }

    .about03_subtitle_box{
      background-color: rgba(255,255,255,0.3);
    }
    .about03_subtitle_text{
      font-size: 1.6rem;
    }

    .about03_title_image{
      width:18.2rem;
      height:13.1rem;
      right:0;
      transform:scaleY(0);
    }

    .about03_table{
      grid-column:2;
      grid-row:2;
      width:75.5rem;
      padding-top: 0;
      padding-bottom: 2.9rem;
    }

    .about03_table_li{
      height:5.1rem;
      position:relative;
      display:flex;
      flex-direction: column;
      justify-content: space-between;
      border-bottom:0.1rem solid rgba(0,0,0,0);
    }

    .about03_table01_title{
      position:absolute;
      bottom:0;
    }
    .about03_table07{
      height:fit-content;
    }

    .about03_table_title{
      font-weight:750;
    }

    .about03_table_title p{
      transform:translateY(100%);
    }
    .about03_table_text{
      padding-bottom: 0;
      font-size: 1.5rem;
      padding-top: 0;
    }

    .about03_table_text p{
      transform:translateY(100%);
    }

    /* 5번페이지 */

    .service{
      grid-column-gap:1.2rem;
      box-sizing:border-box;
    }

    .service_container{
      margin-bottom: 6rem;
    }

    .service_section{
      height:auto;
    }

    .service_main_title{
      margin-top:6rem;
      grid-row:1;
      font-size:6rem;
      margin-bottom: 2.8rem;
    }

    .service_main_title p{
      transform:translateY(100%);
      opacity:0;
    }

    .service_title{
      padding-top: 2rem;
      font-size: 2.4rem;
    }
    
    .service_title p{
      padding-bottom: 1.2rem;
      transform:translateY(100%);
      opacity:0;
    }
    .service_image{
      height:34.2rem;
    }

    .service_image img{
      transform:translateY(5rem) scaleY(0.7);
      opacity:0;
      transform-origin:bottom;
    }

    .service_text{
      padding-bottom:2.8rem;
    }

    .service_text p{
      transform:translateY(5rem) scaleY(0.7);
      opacity:0;
      transform-origin:bottom;
    }

    /* 6번페이지 */

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

    .contact{
      grid-column-gap:1.2rem;
    }

    .contact_container{
      padding-bottom: 5.6rem;
      grid-column:3/5;
    }

    .contact01{
      transform:scaleY(0.7);
      opacity:0;
      transform-origin:bottom;
    }
    .contact02{
      transform:scaleY(0.5);
      opacity:0;
      transform-origin:bottom;
    }

    .contact01_title{
      font-size: 4.8rem;
    }

    .contact01_li{
      height:4rem;
    }

    .contact_a{
      height:6rem;
    }

    .contact01_li p{
      font-size: 1.8rem;
      line-height: 2.2rem;
    }

    .contact02{
      margin-top:8rem;
    }

    .contact02_li{
      height:4rem;
      padding-right:0;
    }





    .recruit_title{
      width:calc(100% - 4.8rem);
      margin-left: 2.4rem;
      height:10rem;
    }


    .recruit_container{
      padding:0 2.4rem 10rem;
      grid-column-gap:1.2rem;
    }

    .recruit_button{
      width:14rem;
      height:3.8rem;
      font-size: 1.8rem;
    }

    .recruit_detail_table_li_title{
      height:4.4rem;
    }

    .recruit_detail_table_li_open_touch{
      width:calc((100vw - 4.8rem) * 5/6);
      height:4.4rem;
      top:-0.7rem;
    }

    .recruit_detail_table_li_close_touch{
      width:calc((100vw - 4.8rem) * 5/6);
      height:4.4rem;
      top:-0.7rem;
    }

    .recruit_detail_table_text_container{
      padding:2.7rem 10rem 2rem;
    }




    /* recruit_main_page */

    body{
      position:relative;
      height:calc(100vh - 7.5rem);
      height:calc(100dvh - 7.5rem);
    }

    .recruit_image_container{
      padding:0 2.4rem;
      top:-9rem;
    }

    .recruit_image_box{
      width:61.5vw;
    }

    .recruit_content_container{
      position:absolute;
      top:auto;
      bottom:0;
      height:fit-content;
    }

    .recruit_content_table_container{
      padding:4rem 2.4rem 3.6rem;
    }

    .recruit_content_table{
      width:100%;
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows:min-content;
      grid-column-gap:2.4rem;
    }


    .recruit_content_table_li{
      height:4.4rem;
    }






    @media screen and (min-width:84em){
      .recruit_content_table_li_text{
        font-size: 1.8rem;;
      }
    }

    .recruit_content_table_li01{
      grid-column:1;
      grid-row:1;
    }

    .recruit_content_table_li02{
      grid-column:2;
      grid-row:1;
    }

    .recruit_content_table_li03{
      grid-column:1;
      grid-row:2;
    }

    .recruit_conent_table_li04{
      grid-column:2;
      grid-row:2;
    }

    .recruit_content_table_li05{
      grid-column:1;
      grid-row:3;
    }

    .recruit_content_table_li06{
      grid-column:2;
      grid-row:3;
    }

    /* .recruit_content_table_li_arrow{
      margin-right: 1rem;
    } */


  }