/* main slid count up ½ÃÀÛ */


      @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');
      @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
    #count_visual .count_txt{margin-left:10%;color:#222;z-index:1;font-family:'Playfair Display','Pretendard'}
    #count_visual .count_txt .txt1{font-size:70px;line-height:1.1;font-weight:700}
    #count_visual .count_txt .txt2{margin-top:35px; margin-bottom:35px; font-size:15px;letter-spacing:3px;line-height : 150%;}
    #count_visual .count_txt .txt1 span{position:relative;overflow: hidden;display:inline-block;line-height: 1.2;vertical-align: -11px;}
    #count_visual .count_txt .txt1 span:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#222;animation:a-ltr-after 1s cubic-bezier(.77,0,.18,1) forwards;transform: translateX(-101%)}
    #count_visual .count_txt .txt1 span:before{content:'';position: absolute;top: 0;right: 0;width: 100%;height: 100%;animation: a-ltr-before 1.5s cubic-bezier(.77,0,.18,1) forwards;transform:translateX(0)}
    #count_visual .count_txt .txt1 span:nth-of-type(1)::before, #count_visual .count_txt .txt1 span:nth-of-type(1)::after{animation-delay:.5s}
    #count_visual .count_txt .txt1 span:nth-of-type(2)::before, #count_visual .count_txt .txt1 span:nth-of-type(2)::after{animation-delay:.7s}
    #count_visual .count_txt .txt1 span:nth-of-type(3)::before, #count_visual .count_txt .txt1 span:nth-of-type(3)::after{animation-delay:.9s}
    @keyframes a-ltr-after{0%{transform:translateX(100%)}100% {transform:translateX(-101%)}}
    @keyframes a-ltr-before{0%{transform:translateX(0)}100% {transform:translateX(-200%)}}


    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    #count2024{margin-left: 20%; margin-top: 5%; margin-bottom: 5%;}
    #count2024 h3{font-size: 50px;}
    #count2024 .count2024_left{position:relative;display:flex;flex-direction:column;justify-content:space-between;idth:100%;overflow:hidden}
    #count2024 .count2024_left .count_2024{display:flex}
    #count2024 .count2024_left .count_2024 li{display:flex;flex-direction:column;align-items:center;padding:20px 0;width:100%;font-size:18px;font-weight:700;color:var(--primary)}
    #count2024 .count2024_left .count_2024 li .num_container{display:flex;align-items:baseline;color:#000}
    #count2024 .count2024_left .count_2024 li .num{margin-right:4px;font-size:35px}
    #count2024 .count2024_left .count_2024 li .num span{display:inline-block;padding-left:3px;font-size:18px}


    @media screen and (max-width:600px) {
    .tit{font-size:12px; padding: 3px; text-align: center;}
    .num_container{margin: 10px;}
      }

/* main slid count up ³¡ */






/* »ó´Ü ŸÀÌƲ ½ÃÀÛ */



.uptitle2024{width: 100%; text-align: center; padding-top: 10%;}
    .uptitle2024  h2{font-size:70px;line-height:1.1;font-weight:700; margin: auto;}
    .uptitle2024  p{margin-top:25px;font: size 20px;letter-spacing:1px; padding-top: 10px; margin: auto;}
    .nav2024{
      width: 70vw;
      min-width: 600px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding-top: 5%;
      margin: auto;
    }
    .nav2024  a{
      position: relative;
      text-decoration: none;
      font-family: 'Noto sans',  sans-serif;
      color: black;
      font-size: 18px;
      letter-spacing:  0.5px;
      padding: 0 10px;
    }
    .nav2024  a:after{
      content: "";
      position: absolute;
      background-color: #0080CB;
      height: 3px;
      width: 0;
      left: 0;
      bottom: -10px;
      transition: 0.3s;
    }
    .nav2024  a:hover:after{
        width: 100%;
    }



/* »ó´Ü ŸÀÌƲ ³¡ */



/* ǪÅÍ css ½ÃÀÛ */

  /**
 * Minified by jsDelivr using clean-css v4.2.1.
 * Original file: /npm/reset-css@5.0.1/reset.css
 * 
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=/sm/04f4d35563f7cf9516264fcbb6e11a85def2ae5616df66563711867fe05befec.map */
        




#footer2024 {
    padding: 7em 15% 3em 15%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background-color: black;
    color: #bebebe;     
}


#footerList2024 {
    margin-bottom: 3em;
    font-weight: 100;
}


#footerList2024>li:not(:last-child) {
    margin-bottom: 1em;


}


#footerList2024>li>a {
    text-decoration: none;
    color: #bebebe;


}


#snsLink2024 {
    display: flex;
    justify-content: space-between;
    align-items: center
}


.linkItem2024:not(:last-child) {
    margin-right: 1em;


}






.linkItem2024>a {
    display: inline-block;
    text-decoration: none;
    color: #666;
    transition: all 250ms ease-out;
    padding: 0.6em 1em;
    border: 1px solid #666;
    border-radius: 25px;




}


.linkItem2024>a:hover {
    color: #bebebe;
    border-color: #bebebe;
}




/* ȸ»çÁ¤º¸ */


#CompanyInfo2024>li:not(:last-child) {
    margin-bottom: 1em;
}


#CompanyInfo2024>li:first-child {
    display: flex;
    justify-content: space-between;


}


/* ǪÅÍ ·Î°í */


#footerLogo2024 {
    width: 10vw;


}


#footerLogo2024>a {
    display: inline-block;
}


#footerLogo2024>a>img {
    max-width: 100%;
    height: auto;
}



@media screen and (max-width:600px) {


    #footer2024 {
        padding: 7em 15% 3em 15%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;


    }


    #footerLogo2024 {
        margin-bottom: 2em;
    }






}
/* ǪÅÍ css Á¾·á */