@charset "UTF-8";

 /* Page Title */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');


html {height:100%}
body {height:100%}



/* 메뉴 */

 .top {width:100%; position:absolute; top:0; left:0; box-sizing:border-box; padding:15px 3%; display:flex; align-items:center; z-index:99999999999999; background-color:#fff}
 .top h1 {line-height:1em; color:#fff; font-size:2rem }
/* .top ul {margin-left:auto}
.top ul li {display:inline-block; font-size:1.2rem; color:#fff; padding:0 1.8vw; font-weight:600; font-family:'Montserrat' }
.top ul li:last-child {padding-right:0}
 */


nav.topmenu {   margin-left:auto}

nav.topmenu ul {
  font-size: 0;
  margin: 0;
  padding: 0;
 display:flex; align-items:center
}

nav.topmenu ul li {
  display: inline-block;
  position: relative;
}


nav.topmenu ul li a {
  color: #333 !important;
  display: block;
   font-size:1.2rem; letter-spacing:-.5px;  padding:15px 1.82vw; font-weight:600;
   transition: 0.3s linear; box-sizing:border-box;
}

nav.topmenu ul li:hover {}

nav.topmenu ul li ul {
  display: none;
  position: absolute;
  width:180px;
   margin-top:15px; left:50%; margin-left:-90px
}

nav.topmenu ul li ul li {
  border-top: 0px solid #444; background: #fff;
  display: block;  text-align:center;  }

nav.topmenu ul li ul li:first-child { border-top: none; }

nav.topmenu ul li ul li a {
    width:100%; display:inline-block;  box-sizing:border-box;
    font-size:0.95rem; color:#666 !important; padding:10px 8px; font-weight:400;

}

nav.topmenu ul li ul li a:hover { background-color:#259a05; color:#fff !important;  /* text-decoration:underline; */}


nav.topmenu ul li.lang  a {display:flex; align-items:center; font-size:.9rem}
nav.topmenu ul li.lang  a img {margin-right:5px}




 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}

footer {width:100%; display:inline-block; background-color:#333; border-bottom:1px solid #ddd;  padding:40px 0; box-sizing:border-box; color:#888;  font-size:0.925rem; line-height:1.5em; letter-spacing:0px;   text-align:center}
footer div.box {width:100%; max-width:1500px; padding:0 3%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box;}
footer div.box  div p {width:100%; display:inline-block; margin-bottom:5px;}
footer  * {line-height:1.4em;}


footer a {color:#444 !important; font-weight:600; display:inline-block; padding-right:10px }

 @media all and (max-width:1300px) {
    nav.topmenu ul li a {padding:15px 1.5vw; }

 }



 @media all and (min-width:1000px) {
 .m_top {display:none;  }

 }


@media all and (max-width:1000px) {
  .m_top {width:100%; position:fixed; top:0; left:0; background:#fff; box-sizing:border-box; padding:12px 3%; display:flex; align-items:center;   z-index:9999999; border-bottom:1px solid #ddd; }
  .top {display:none }
  .m_top h1 {line-height:1em; color:#fff; font-size:1.5rem }
   .cd-nav-trigger span.ham {  background-color:#333 !important;}

 }

 @media all and (max-width:800px) {
    footer {padding:40px 4%;  }
   .top_fixed {display:none}
   footer { font-size:0.88rem; line-height:1.2em;}
  
   .carrer_text_wrap{font-size:1.1rem !important;}
   .career01_title h3{font-size:1.1rem !important;}

 }



.tab {width:100%; display:flex}
.tab  li  {background-color:#f1f1f1; width:50%; text-align:Center; height:50px; position:relative;  display:inline-block ; margin:0 1px; transition: all 0.1s ease-out;}
.tab li a {display:inline-block; width:100%; line-height:50px; font-size:1.1rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out; font-weight:600; letter-spacing:0}

.tab  li.ov a {background-color:#333; color:#fff !important}