/* font-family: "Source Code Pro", monospace; */


/* 소형 모바일 사이즈 - 320 */
@media screen and (min-width:20em){
    
    .cursor{
      position:absolute;
      width:20rem;
      height:20rem;
      left:0;
      top:0;
      background:var(--color-gradation);
      pointer-events: none;
      border-radius: 50%;
      transition:0.1s;
      transform:translate(-50%,-50%);
      mix-blend-mode:difference;
      z-index: 9999;
    }
    
    /* 탑바  */
    .top_bar{
        width:calc(100% - 3rem);
        height:7.2rem;
        position:fixed;
        top:0;
        left:1.5rem;
        border-bottom: 0.3rem solid black;
        box-sizing: border-box;
        display:flex;
        justify-content: center;
        align-items:end;
        padding-bottom:1.1rem;
        z-index: 990;
      }
      .top_bar::before{
        content:'';
        width:100%;
        height:6.9rem;
        background-color: var(--color-base);
        position:fixed;
        top:0;
      }



      .logo_home{
        width:15.6rem;
        height:3em;
        position:absolute;
        left:0;
      }

      .logo_home_touch{
        position:absolute;
        width:100%;
        height:5rem;
        top:50%;
        transform:translateY(-50%);
        z-index: 2000;
      }


      .logo_home_lang{
        position:relative;
      }

      .logo_home img{
        transition:left 0.28s ease-in-out;
        width:100%;
        height:100%;
        position:relative;
        left:0;
      }


      .menu_mobile{
        display:flex;
        height:1.8rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        position:absolute;
        width:5.2rem;
        padding-bottom: 0.6rem;
        right: 1rem;
        box-sizing: content-box;
      }
    
      .menu_touch{
        position:absolute;
        top:50%;
        width:100%;
        height:5rem;
        transform:translateY(-60%);
      }
      .menu_mobile00{
        width:100%;
        height:0.2rem;
        background-color: var(--color-black);
        box-sizing:content-box;
      }
    
      .menu_mobile03{
        padding-bottom: 0;
      }
    

    


      .menu_center{
        display:none;
        justify-content: center;
        align-items: center;
      }
    
      .menu_center00{
        width:12rem;
        height:3.8rem;
        display:flex;
        justify-content: center;
        align-items: center;
        position:relative;
        border:0.1rem solid var(--color-black);
        box-sizing: content-box;
        overflow: hidden;
      }
    
      .menu_center_touch{
        position:absolute;
        width:100%;
        height:100%;
        background-color: var(--color-black);
        transform:translateX(-105%);
        transition:transform 0.7s cubic-bezier(0, 0.55, 0.45, 1);
        box-sizing: border-box;
      }

      .menu_center00 p{
        font-size: 1.8rem;
        font-weight: 500;
        color:black;
        z-index: 1500;
      }

      .menu_rt{
        position:absolute;
        right:0;
        display:none;
        justify-content:flex-end;
        align-items: center;
      }
    
      .menu_recruitment_touch{
        display:block;
        width:100%;
        height:5rem;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index: 1600;
      }

      .menu_contact_touch{
        display:block;
        width:100%;
        height:5rem;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        z-index: 1600;
      }
    
      .menu_rt00{
        width:11.8rem;
        height:3.6rem;
        display:flex;
        justify-content: center;
        align-items: center;
        position:relative;
        box-sizing: content-box;
      }

      .menu_recruitment{
        border:0.1rem solid black;
      }

      .menu_contact{
        border: 0.1rem solid black;
      }
    


      .menu_rt00 p{
        font-size: 1.8rem;
        font-weight: 500;
        color:black;
        position:absolute;
      }


      .top_bar::after{
        content :'';
        width: 100%;
        height: 0.1rem;
        background-color: var(--color-black);
        position:absolute;
        bottom:0.5rem;
      }




      /* menu_open */





      .menu_open{
        display:none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width:100%;
        height:100vh;
        height:100dvh;
        position:fixed;
        top:0;
        z-index:9999;
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(1rem);
        -webkit-backdrop-filter:blur(1rem);
        padding:0 1.5rem;
      }

      .menu_title{
        width:10rem;
        height:3.2rem;
        border:0.1rem solid var(--color-base);
        display:flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--color-base);
        margin-bottom: 1.4rem;
        transform:scaleY(0);
      }

      .menu_table{
        position:relative;
        width:100%;
        border-top: 0.3rem solid var(--color-base);
        margin-bottom: 4rem;
        opacity:0;
        transform:translateY(5rem);
      }


      .menu_li{
        width:100%;
        height:5.4rem;
        border-bottom: 0.1rem solid var(--color-base);
        display:flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        font-weight: 500;
        color:var(--color-base);
        transform:scaleY(0);
      }

      .menu_back_container{
        width:100%;
        display:flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .menu_back{
        width:14rem;
        height:4.8rem;
        background-color: var(--color-base);
        font-size: 2rem;
        font-weight: 700;
        color:var(--color-black);
        display:flex;
        justify-content: center;
        align-items:center;
        transform:translateY(100%);
        opacity:0;
      }


    



    

    .bookmark_mobile{
      width:100%;
      height:2.7rem;
      display:flex;
      align-items: center;
      justify-content: center;
    }

    .bookmark_mobile_icon{
      width: 1.5rem;
      height:2.6rem;
      position:absolute;
    }
    .bookmark_mobile_icon_left{
      left:0;
    }
    .bookmark_mobile_icon_right{
      right:0;
    }
    .bookmark_mobile_line_fix{ 
      width:100%;
      height:0.3rem;
      background-color: var(--color-black);
    }

    .bookmark_mobile_fix{
      position:fixed;
      top:5.7rem;
      z-index: 999;
    }

    .bookmark_mobile_ab{
      position:absolute;
      top:calc(100vh - 3.6rem);
      top:calc(100dvh - 3.6rem);
    }

    .bookmark_mobile_line{
      width:45vw;
      height:0.1rem;
      background-color: var(--color-black);
    }

    .scroll_mark{
      position:absolute;
      top:calc(100vh - 7.6rem);
      top:calc(100dvh - 7.6rem);
      width:100%;
      height:4rem;
      display:flex;
      flex-direction: column;
      align-items: center;
    }

    .scroll_icon{
      width:2.4rem;
      height:2rem;
    }
    .scroll_text{
      font-size: 1.4rem;
      font-weight: 700;
    }


    .bookmark{
      display:none;
    }

 
    .heading{
      width:100%;
      display:flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5.6rem;  
    }

    .heading_line{
      width:4rem;
      height:0.1rem;
      background-color: var(--color-black);
    }

    .heading_text{
      padding:0 1.2rem;
      font-size: 1.4rem;
      font-weight: 650;
    }
    .heading_text_tablet{
      display:none;
    }




    /* lang_page */

    .lang_container{
      width:100%;
      height:100vh;
      height:100dvh;
      padding:7.2rem 1.5rem 0;
      display:flex;
      justify-content: center;
      align-items: center;
    }

    .lang_content_container{
      width:100%;
      height:fit-content;
      position:relative;
    }

    .lang_title{
      width:100%;
      height:auto;
      padding-bottom: 10rem;
    }

    .lang_title img{
      width:100%;
      height:auto;
      transform:scaleY(0.7) translateY(5rem);
      animation:scaleY06 0.4s ease-out both;
    }

    .lang_line{
      width:100%;
      height:0.2rem;
      background-color: var(--color-black);
      margin-bottom: 0.8rem;
    }

    .lang_text_container{
      width:100%;
      border-top:0.2rem solid black;
      border-bottom:0.2rem solid black;
      height:fit-content;
    }

    .lang_table{
      width:100%;
      height:8rem;
      display:flex;
      justify-content: center;
      align-items: center;
    }


    .lang_text_box{
      width:26rem;
      height:100%;
      display:flex;
      justify-content: center;
      align-items: center;
      position:relative;
    }

    .lang_en_text_box{
      border-bottom:0.1rem solid black;
    }

    .lang_text{
      width:100%;
      height:5rem;
      display:flex;
      justify-content: center;
      align-items: center;
      color:var(--color-black);
      font-size:2rem;
      font-weight: 550;
      position:relative;
      overflow: hidden;
    }

    .lang_text p{
      z-index: 1000;
      position:absolute;
    }

    .lang_touch{
      position:absolute;
      background: var(--color-gradation);
      left:0;
      top:0;
      width:100%;
      height:100%;
      transform:translateY(100%);
      opacity:0;
    }

    .lang_jp_text{
      font-family: 'PretendardJP Variable';
    }

    .lang_en_text{
      display:flex;
    }



    .load_image{
      display:none;
    }



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

      .section{
        width:100%;
        height:fit-content;
        margin:var(--section-margin-mobile) 0;
        box-sizing: content-box;
        padding-top:10rem;
      }
      .container{
        padding:0 1.5rem;
        width:100%;
        height:fit-content;
        box-sizing: border-box;
      }



      /* main page */

      .main_section{
        margin-top:0;
      }

      .main_title{
        display:none;
      }

      .main_container{
        width:100%;
      }

      .main_image02{
        height:40vh;
        height:40dvh;
        display:flex;
        align-items: center;
      }

      .main_title_mo{
        font-size:clamp(4.4rem, 13.33vw, 4.8rem);
        font-weight:700;
        padding:1rem 0;
        display:flex;
        justify-content: center;
        border-top: 0.2rem solid black;
        border-bottom:0.2rem solid black;
      }


      .main_text{
        width:100%;
        padding-top: 1.6rem;
        font-size:1.6rem;
        line-height: 2.2rem;
        font-weight: 450;
        height:39vh;
        height:39dvh;
        overflow: hidden;
      }

      .main_barcode{
        margin-top:13.15vh;
        margin-top:13.15dvh;
        height:5rem;
        font-size: 2.6rem;
        font-weight:850;
        color:#636363;
        display:flex;
        justify-content: flex-start;
        align-items:center;
        border-top:0.2rem solid black;
        border-bottom:0.1rem solid black;
      }

      .main_barcode_image{
        width:11.4rem;
        height:3rem;
        padding-left: 1.2rem;
      }

      .main_barcode_image img{
        width:100%;
        height:100%;
      }

      .main_image01{
        margin-top:4rem;
        width:100%;
        height:auto;
      }

      .main_glass_container{
        margin-top: 7.2rem;
        width:100%;
        height:18.5rem;
        padding-right:1.6rem;
        padding-top:1.6rem;
        position:relative;
      }

      .main_glass_border{
        position:absolute;
        width:calc(100% - 3rem);
        height:16.5rem;
        border:0.2rem solid black;
        right:0;
        top:0;
      }

      .main_glass{
        width:100%;
        height:100%;
        border-radius: 0.8rem;
        border:0.3rem solid white;
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        display:flex;
        justify-content: center;
        align-items: center;
      }

      .main_glass::before{
        content:'';
        position:absolute; 
        width:100%;
        height:100%;
        border-radius: 0.8rem;
        border:0.2rem solid rgba(0,0,0,0.4);
        transform:translate(0.7rem, 0.7rem);
        filter: blur(0.3rem);
        -webkit-filter: blur(0.3rem);
      }

      .glass_text{
        padding-top: 0.6rem;
        font-size: 1.8rem;
        font-weight: 550;
        line-height: 3rem;
      }

      .glass_text_base{
        display:none;
      }

      .glass_text_tablet{
        display:none;
      }

      .source_code{
        font-family:"Source Code Pro", monospace;
        font-weight: 900;
        font-size: 2.4rem;
        letter-spacing: -0.04em;
      }











      /* 2번페이지 */

      .about_container{
        padding:0 1.5rem;
        width:100%;
        height:fit-content;
        box-sizing: border-box;
      }

      .about01_content{
        width:100%;  
      }

      .about01_text{
        width:100%;
        font-size: 1.6rem;
        font-weight:450;
        line-height: 2.2rem;
        margin-bottom: 8.7rem;
        overflow: hidden;
      }




      .about01_title_container{
        width:100%;
        height:auto;
        position:relative;
        margin-bottom: 2rem;
      }
      .about01_title_box{
        width:100%;
        height:fit-content;
        position:relative;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
      }

      .hexagon img{
        width:100%;
        height:100%;
      }

      .hexagon_b{
        grid-column:1;
        grid-row:1;
        width:clamp(9.8rem, 28%, 11.3rem);
        height:auto;
        top:0;
        left:0; 
      }

      .hexagon_s{
        position:absolute;
        grid-row:1;
        width:clamp(4rem, 11%, 4.6rem);
        height:auto;
        top:0;
        right:0;
        transform:translateY(-50%);
      }

      .title_text_image_box{
        padding-top: 1rem;
        grid-column:1/3;
        grid-row:1;
        height:100%;
        width:calc(100% - 0.4rem);
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
      }
      .title_text_image02{
        width:96.8%;
        transform:translateX(0.4rem);
      }
      .title_text_image03{
        width:96.8%;
      }

      .about01_title_line{
        margin-top: 0.7rem;
        height:0.2rem;
        background-color: black;
        width:calc(100% + 0.4rem);
        transform:translateX(0.4rem);
      }



      .about01_image_box{
        width:100%;
        position:relative;
        height:fit-content;
      }

      .about01_image_back{
        position:relative;
        width:100%;
      }


      .about01_image{
        position:absolute;
        top:0;
        width:100%;
      }

      .about01_image_box img{
        width:100%;
        height:100%;
      }




      /* 3번페이지 */


      .about02_text_box{
        width:100%;
        position:relative;
      }

      .about02_text{
        width:100%;
        font-size: 1.6rem;
        line-height: 2.2rem;
        font-weight: 450;
      }

      .about02_title_box{
        width:100%;
        padding-top:5.2rem;
        padding-bottom:4rem;
      }

      .about02_title{
        font-size: clamp(3rem, 8.88vw, 3.2rem);
        font-weight:700;
        overflow: hidden;
      }

      .about02_title p{
        width:fit-content;
        border-bottom: 0.2rem solid black;
      }

      .about02_image_container{
        padding-top: 4.8rem;
        width:100%;
        position:relative;
        overflow: hidden;
      }

      .about02_image_box{
        width:100%;
        height:20rem;
        margin-bottom: 2rem;
        border:0.1rem solid black;
        box-sizing:border-box;
        display:flex;
        justify-content: center;
        align-items: center;
        position:relative;
      }
      
      .about02_image06_box{
        margin-bottom:0;
      }
      .about02_image{
        padding-bottom: 2rem;
        box-sizing: content-box;
        position:relative;
      }

      .about02_image img{
        width:100%;
        height:100%;
      }
      .about02_image01{
        width:12.8rem;
        height:12.1rem;
      }

      .about02_image02{
        width:14.1rem;
        height:10.8rem;
      }

      .about02_image03{
        width:13.8rem;
        height:13.8rem;
      }

      .about02_image04{
        width:14.3rem;
        height:12.3rem;
      }

      .about02_image05{
        width:12.4rem;
        height:12.3rem;
      }

      .about02_image06{
        width:100%;
        height:auto;
      }

      .about02_image_text{
        width:calc(100% - 2rem);
        position:absolute;
        left:1rem;
        bottom: 1.2rem;
        display:flex;
        justify-content: space-between;
        align-items: center;
      }
      .about02_image_text01{
        font-size:1.2rem;
      }

      .about02_image_text02{
        font-size: 1.7rem;
        font-weight: 550;
      }


      /* 4번페이지 */

      .about03_container{
        width:100%;
        position:relative;
        display:grid;
        grid-template-columns: 1fr;
      }
      
      .about03_heading{
        grid-row:1;
      }
      
      .about03_title_container{
        grid-row:2;
        display:grid;
        grid-template-columns:1fr;
        grid-row-gap: 0.8rem;
        position:relative;
        padding:2.6rem 0 4.8rem;
        border-top: 0.2rem solid black;
        border-bottom:0.2rem solid black;
      }

      .about03_title{
        font-size: 10vw;
        line-height:1.03;
        font-weight: 700;
        grid-row:1;
      }

      .about03_subtitle{
        width:23rem;
        height:6.3rem;
        display:flex;
        justify-content: center;
        align-items: center;
        grid-row:2;
        position:relative;
      }

      .about03_subtitle_box{
        position:absolute;
        width:100%;
        height:100%;
        opacity: 1;
        border-radius: 0.8rem;
        border:0.2rem solid white;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: 500;
      }

      .about03_subtitle_box::before{
        content:'';
        position:absolute; 
        width:100%;
        height:100%;
        border-radius: 0.8rem;
        border:0.2rem solid rgba(0,0,0,0.4);
        transform:translate(0.7rem, 0.7rem);
        filter: blur(0.3rem);
        -webkit-filter: blur(0.3rem);
      }
      .about03_subtitle_text{
        display:none;
      }
      .about03_subtitle_text_mo{
        padding-top: 0.4rem;
        font-size:1.7rem;
        line-height:2rem;
        font-weight: 650;
        z-index: 501;
        text-align: center;
      }
      .about03_title_image{
        position:absolute;
        width:19.6rem;
        height:14rem;
        bottom: 0;
        right:0;
      }


      .about03_image_container{
        grid-row:3;
        margin-top:2rem;
        border:0.1rem solid black;
        position:relative;
        display:flex;
        justify-content: center;
        align-items: center;
      }

      .about03_image_box{
        width:88%;
        padding:2rem 0;
        position:relative;
        display:grid;
        grid-template-columns: 1fr;
        overflow: hidden;
      }

      .about03_image{
        width:100%;
        height:100%;
        grid-row:1;
        grid-column:1;
      }


      .about03_table{
        padding-top: 4.4rem;
        grid-row:4;
      }

      .about03_table_li{
        border-bottom: 0.1rem solid black;
      }
      .about03_table_title{
        font-size: 1.8rem;
        font-weight: 700;
        overflow: hidden;
      }

      .about03_table_text{
        font-size:1.5rem;
        line-height: 1.8rem;
        padding-top: 0.3rem;
        padding-bottom: 2rem;
        font-weight: 450;
        overflow: hidden;
      }

      .about03_table07{
        border-bottom:none;
      }



      /* 5번페이지 */


      .service_main_title{
        font-size: 4rem;
        font-weight: 650;
        width:fit-content;
        margin-bottom: 5.2rem;
        overflow: hidden;
      }
      .service_main_title p{
        border-bottom: 0.2rem solid black;
        padding-right: 2rem;
      }

      .service_image_container{
        width:100%;
        border:0.2rem solid black;
        height:33.2rem;
        display:flex;
        flex-direction: column;
      }

      .service_title{
        padding-top: 1.6rem;
        padding-left:1rem;
        width:fit-content;
        font-size: 1.8rem;
        line-height: 2rem;
        font-weight: 600;
        overflow: hidden;
      }

      .service_title p{
        border-bottom:0.1rem solid black;
        padding-right:1rem;
        padding-bottom:0.5rem;
      }

      .service01_title{
        display:none;
      }
      
      .service_image{
        width:100%;
        height:100%;
        display:flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .service01_image img{
        width:24.7rem;
        height:22rem;
      }

      .service01_image_hover{
        display:none;
      }

      .service02_image img{
        width:90%;
        height:auto;
      }

      .service02_image_hover{
        display:none;
      }

      .service_text{
        padding-top:1.2rem;
        font-size:1.6rem;
        line-height: 2.2rem;
        font-weight: 450;
      }

      .service02_image_container{
        margin-top: 4rem;
      }
  


      /* 6번페이지 */

      .contact_section{
        margin: 0;
      }

      .contact{
        height:100vh;
        height:100dvh;
        padding-top:7.2rem;
        display:flex;
        align-items: center;
      }

      .contact_container{
        width:100%;
        height:auto;
        position:relative;
      }

      .contact01{
        width:100%;
      }

      .contact01_title{
        width:100%;
        height:7rem;
        font-size:4rem;
        font-weight: 650;
        display:flex;
        align-items: center;
        justify-content:flex-start;
        border-top:0.3rem solid black;
        border-bottom: 0.3rem solid black;
      }

      .contact01_li{
        width:100%;
        height:4.8rem;
        display:flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 0.1rem solid black;
        position:relative;
      }

      .contact_a{
        height:6rem;
      }

      .contact01_li p{
        font-size:1.6rem;
        line-height:2rem;
        font-weight:550;
        z-index: 2000;
      }



      .background_mail{
        width:100%;
        height:100%;
        position:absolute;
        background: var(--color-gradation);
        opacity:0;
      }
      .contact_m img{
        width:2.2rem;
        height:2.2rem;
        z-index: 1999;
        position:absolute;
        right:1rem;
      }

     .contact_m img:last-child{
        opacity:0;
     }


      .contact02{
        margin-top:8rem;
        width:100%;
      }


      .contact02_title{
        font-family: 'PretendardJP Variable';
        width:100%;
        height:3.4rem;
        font-size: 1.7rem;
        font-weight: 900;
        border-top:0.2rem solid black;
        border-bottom:0.2rem solid black;
        display:flex;
        justify-content: flex-start;
        align-items: center;
      }

      .contact02_li{
        width:100%;
        height:4.8rem;
        display:flex;
        justify-content:space-between;
        align-items: center;
        border-bottom: 0.1rem solid black;
        transition:all 0.6s ease-in-out;
        position:relative;
      }

      .contact02_li_text{
        font-family: 'PretendardJP Variable';
        font-size: 1.6rem;
        font-weight: 550;
        position:relative;
        height:4.8rem;
        display:flex;
        justify-content: flex-start;
        align-items: center;
      }

      .contact02_li_arrow{
        width:3rem;
        height:3rem;
        border-radius: 50%;
        background:var(--color-black);
        display:flex;
        justify-content: center;
        align-items: center;
        transition:all 0.6s ease-in-out;
        z-index: 1499;
      }

      .contact02_li_arrow img{
        width:2.1rem;
        height:1.3rem;
        position:absolute;
      }

      .contact02_li_arrow_black{
        opacity:0;
      }



      .contact02_li_text{
        z-index: 1500;
      }

    

      .background{
        width:100%;
        height:100%;
        position:absolute;
        background: var(--color-gradation);
        opacity:0;
      }



    /* recruit_page */



    .recruit_title{
      width:calc(100% - 3rem);
      margin-left:1.5rem;
      height:9rem;
      font-size: clamp(5.2rem, 15.5vw, 5.6rem);
      display:flex;
      justify-content: flex-start;
      align-items: center;
      font-weight: 600;
      margin-top: 7.2rem;
      border-bottom:0.2rem solid rgba(0,0,0,0);
      overflow: hidden;
    }

    .recruit_title p{
      transform:translateY(100%);
      transition:all 0.6s ease-out;
    }


    .recruit_container{
      font-family: 'PretendardJP Variable';
      width:100%;
      padding:0 1.5rem 10rem;
      transition:all 0.6s ease-in-out;
    }

    .recruit_detail_content_container{
      width:100%;
      margin-top:6.8rem;
      display:grid;
      height:auto;
      transition:all 0.6s ease-in-out;
      transform:translateY(5rem);
      opacity:0;
    }

    .recruit_detail_title{
      grid-row:1;
      width:100%;
      font-size:1.8rem;
      font-weight: 650;
      padding-bottom: 1rem;
    }

    .recruit_detail_table_container{
      grid-row:2;
      width:100%;
      border-top:0.3rem solid black;
      transition:all 0.6s ease-in-out;
    }

    .recruit_detail_table_li{ 
      width:100%;
      height:8rem;
      border-bottom: 0.1rem solid black;
      transition:padding 0.6s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s ease-out 0.2s;
      padding-bottom:0;
      box-sizing: content-box;
    }

    .recruit_detail_table_li_title{
      width:100%;
      height:4.8rem;
      display:flex;
      justify-content:flex-start;
      align-items: center;
      padding-right: 1rem;
      font-size:1.7rem;
      font-weight: 500;
      transition:all 0.6s ease-in-out;
      position:relative;
    }


    .recruit_detail_table_li_arrow_open::before{
      content:'';
      position:absolute;
      width:calc(100% + 0.2rem);
      height:calc(100% + 0.2rem);
      top:-0.1rem;
      left:-0.1rem;
      border:0.1rem solid black; 
      border-radius:50%;
      clip-path:circle(50% at center);
    }

    .recruit_detail_table_li_arrow_open img{
      width:1.4rem;
      height:2.3rem;
    }

    .recruit_detail_table_li_arrow_open{
      width:3rem;
      height:3rem;
      display:flex;
      justify-content: center;
      align-items: center;
      position:absolute;
      right:1rem;
      transition:all 0.6s ease-in-out;
      transform-origin : center bottom;
    }

  

    .recruit_detail_table_li_arrow_close{
      width:3rem;
      height:3rem;
      border-radius:50%;
      background-color: var(--color-black);
      display:none;
      opacity:0;
      transform:translateY(-30%) scaleY(0.3);
      justify-content: center;
      align-items: center;
      transition:all 0.6s ease-in-out;
      animation:arrow_open_animation 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;
      transform-origin : center top;
      position:absolute;
      right:1rem;
    }

    
    .recruit_detail_table_li_open_touch{
      width:calc(100vw - 3rem);
      height:4.8rem;
      position:absolute;
      top:-0.9rem;
      right:-1rem;
      z-index: 1400;
      transition:all 0.6s ease-in-out;
    }

    .recruit_detail_table_li_close_touch{
      width:calc(100vw - 3rem);
      height:4.8rem;
      position:absolute;
      top:-0.9rem;
      right:-1rem;
      z-index: 1500;
      transition:all 0.6s ease-in-out;
    }

    .recruit_detail_table_li_arrow_close img{
      width:1.4rem;
      height:2.3rem;
    }



    .recruit_detail_table_text_container{
      display:none;
      width:fit-content;
      height:fit-content;
      padding:3.2rem 1rem 3rem; 
      transition:all 0.6s ease-in-out;
      box-sizing: border-box;
    }

    .recruit_detail_table_text_li{
      font-size: 1.6rem;
      line-height:2.2rem;
      font-weight:450;
      padding-bottom:0.6rem;
      opacity:0;
      transition:height 0.6s ease-in-out;
    }


    .recruit_detail_table_text_li img{
      width:0.9rem;
      height:1.4rem;
      box-sizing: content-box;
      padding-right: 0.5rem;
      transition:all 0.6s ease-in-out;
    }


    .recruit_button_container{
      width:100%;
      grid-row:3;
      display:flex;
      justify-content: flex-end;
      transition:all 0.6s ease-in-out;
    }


    .recruit_button{
      width:18rem;
      height:4.8rem;
      background-color: var(--color-black);
      font-size: 2rem;
      font-weight: 550;
      color: var(--color-base);
      display:flex;
      justify-content: center;
      align-items: center;
      margin-top: 3.8rem;
      transition:all 0.6s ease-in-out;
      position:relative;
      user-select: none;
    }

    .button_back{
      position:absolute;
      width:100%;
      height:100%;
      top:0;
      left:0;
      background:var(--color-gradation);
      opacity:0;
      user-select: none;
    }

    .recruit_button p{
      z-index: 900;
    }





    /* recruit_main_page */


    .recruit_image_container{
      width:100%;
      height:fit-content;
      padding:5.4rem 1.5rem;
      position:relative;
    }

    .recruit_image_box{
      position:relative;
      width:100%;
      height:fit-content;
    }

    .recruit_image_box img{
      opacity:0;
      transform:translateY(5rem);
    }

    .silver_star{
      position:absolute;
      width:13.5%;
      height:auto;
      top:10%;
      left:25%;
    }

    .back_water_bubble{
      position:absolute;
      width:10.75%;
      height:auto;
      top:39%;
      left:43%;
    }

    .tube{
      position:relative;
      width:100%;
      height:auto;
    }

    .silverball_small{
      position:absolute;
      width:11.5%;
      height:auto;
      top:12.6%;
      left:15%;
    }

    .left_water_bubble{
      position:absolute;
      width:22.5%;
      height:auto;
      top:19.7%;
      left:5.25%;
    }

    .center_water_bubble{
      position:absolute;
      width:17%;
      height:auto;
      top:20.3%;
      right:18%;
    }

    .right_water_bubble{
      position:absolute;
      width: 6%;
      height:auto;
      top:3.87%;
      right:16%;
    }

    .silverball_big{
      position:absolute;
      width:26.75%;
      height:auto;
      top:61.3%;
      right:17.5%;
    }

    .star_pattern{
      position:absolute;
      width:15%;
      height:auto;
      top:71.3%;
      right:16%;
    }






    .recruit_content_container{
      width:100%;
      height:fit-content;
      position:relative;
    }

    .recruit_content_background{
      position:absolute;
      width:100%;
      height:100%;
      transform:translateY(5rem);
    }

    .recruit_content_table_container{
      width:100%;
      padding:0 1.5rem 7rem;
      position:relative;
      opacity:0;
      transform:translateY(5rem);
    }

    .recruit_content_table_title{
      width:100%;
      border-top:0.3rem solid black;
      border-bottom:0.3rem solid black;
      height:4rem;
      font-size: 1.8rem;
      font-weight: 900;
      display:flex;
      justify-content: flex-start;
      align-items: center;
    }
    .recruit_content_table{
      width:100%;
      height:fit-content;
      position:relative;
      font-family: 'PretendardJP Variable';
    }

    .recruit_content_table_li{
      width:100%;
      height:7.2rem;
      display:flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 0.1rem solid black;
      position:relative;
      transform:scaleY(0);
    }

    .recruit_content_table_li_text{
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: 500;
      z-index: 1500;
      display:flex;
      justify-content: flex-start;
      align-items: center;
    }

    .recruit_content_table_li_arrow{
      width:3rem;
      height:3rem;
      border-radius: 50%;
      background-color:var(--color-black);
      display: flex;
      justify-content: center;
      align-items: center;
      clip-path: circle(50% at center);
      z-index: 1400;
    }
  
    .recruit_content_table_li_arrow img{
      width:2.1rem;
      height:1.3rem;
      position:absolute;
    }

  .recruit_content_table_li_arrow img:last-child{
      opacity:0;
  }
    


}