body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {font-family: "Pretendard Variable", Pretendard, -apple-system;}

.header-carousel .header-carousel-item .carousel-caption {background: rgba(0, 0, 0, .4);}




/****navbar****/
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-item .nav-link.active  {
    color: #0aba3c;
}

.navbar .nav-item .dropdown-menu {border-radius: 8px !important;}

.navbar-light .navbar-nav { margin-left: 650px;}
.navbar-light .navbar-nav .nav-link {padding-left: 20px; padding-right: 20px; font-family: "Pretendard Variable", Pretendard, -apple-system; font-size: 18px; font-weight: 400;}

.navbar-light .navbar-brand img, .sticky-top.navbar-light .navbar-brand img {max-height: none;}
.navbar-light .navbar-brand h1 {margin-bottom: 0;}

.dropdown .dropdown-menu a:hover {background-color: #0aba3c !important;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {background-color: #0aba3c;}

.nav a.accordion-link.active  {background-color:#0aba3c; }
.nav a.accordion-link.active h5 {color: #ffffff !important;}
.nav a.accordion-link {border-radius: 10px; background-color: #e8e8e8; padding: 0.8rem 2.5rem;  margin: 0 0.25rem;}
.nav a.accordion-link h5 {font-weight: 500; font-size: 1.05rem;}


.bg-breadcrumb.bottom {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/bg_home_bottom.jpg);  padding: 80px 0 0 0;}
.bg-breadcrumb.bottom h1 {color: #ffffff !important; font-size: 4rem; font-weight: 500;}
.bg-breadcrumb.bottom h2 {color: #ffffff !important; font-size: 3rem; font-weight: 700; margin-top: 3rem;}
.bg-breadcrumb.bottom .d-flex div {font-weight: 300; font-size: 1.2rem; margin-left: 1rem; margin-right: 1rem; margin-top: 1rem; color: #fff;}
.bg-breadcrumb.bottom .d-flex div i {margin-right: 1rem;}

.header-carousel .header-carousel-item, .header-carousel .header-carousel-item img {height: 670px;}
.header-carousel .header-carousel-item .carousel-caption {padding-top: 60px;}
.header-carousel .header-carousel-item .carousel-caption .display-4 {font-size: 4rem;}

.header-carousel .owl-nav .owl-prev, .header-carousel .owl-nav .owl-next {display: none;}



/****footer****/
.footer-info {margin-top: 2rem; color: #fff; font-weight: 300; letter-spacing: 1px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.footer-info>div {font-size: 15px;}

.bg-breadcrumb.bottom .d-flex {display: block !important;}



/* .feature .feature-item .feature-icon {border-radius: 0;} */






/****home-client****/
@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-180px * 7));
    }
  }
  .slider {
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 1320px;
    overflow: hidden;
    position: relative;
  }
  .slider .slide-track {
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(180px * 28);
  }
  .slider .slide {
    height: 54px;
    width: 180px;
  }

  .title-home h4 {padding-top: 6rem; padding-bottom: 1rem; font-size: 2.8rem; font-weight:600; color: #2a201c !important;}

  .feature-item.product {margin-bottom: 5rem;}
  .feature-item.product .btn.btn-primary {font-size: 14px;}
  .feature-item.product h4 {margin-bottom: 1.5rem; font-size: 1.4rem !important;}
  .feature-item.product a img {border-radius: 10px;}




/****sub****/
.bg-breadcrumb {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/carousel_sub.jpg);}


.company_text {padding-left: 2.9rem; padding-right: 6rem; color: #222; line-height: 1.8; font-weight: 400; word-break: keep-all; font-size: 1.1rem;}





/****인증서****/

.certify-inner {padding: 0 2rem;}
.certify-inner .service-img {border: 1px solid #ddd; margin-left: 1rem; margin-right: 1rem;}

.certify-view-top {border-bottom: 3px solid #000; width: 90%; margin: 0 auto;}
.certify-view-top .d-flex {padding-bottom: 1rem;}
.certify-view-title {text-align: left; font-size: 1.5rem; font-weight: 400; color: #000; padding-bottom: 0.3rem;}
.text-point {font-weight: 500; color: #025980; font-size: 1.15rem;}

.certify-view-img {padding: 7rem 15rem;}

.service-item.certify a {font-size: 1.1rem; word-break: keep-all;}



/****주요납품처****/
.feature .feature-item {background:#ffffff; border: none;}
.feature .feature-item:hover {border: none;}
.feature .feature-item p {height:72px; overflow:auto;}
.nav.tab-account {display: inline-flex; margin-bottom: 4rem;}

.nav-pills .nav-link {font-size: 1.05rem; padding: 0.8rem 2.5rem;  margin: 0 0.25rem; background-color: #e8e8e8; color: #111111;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #0aba3c; }



/****제품소개****/
.product_thumb {margin-top: 0; }
.product_thumb .wow {margin-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;}
.product_thumb .pd-thumb {margin-bottom: 2rem; padding-left: 2rem; padding-right: 2rem;}
.product_name a {font-size: 1.4rem;}
.product_name a:hover {color: #41a002;}
.product_name a small {vertical-align: bottom;}
.product_name a small .badge.bg-success {background-color: #41a002 !important; font-weight: 500;} 



/****홍보자료****/
.nav.pr {display: inline-flex; padding: 3rem 0 4rem 0;}

.promotion {padding-left: 2rem; padding-right: 2rem;}
.promotion .service-item a {font-size: 1.1rem; color: #000; font-weight: 400; line-height: 1.3; word-break: keep-all;} 




@media (max-width: 768px) { 

  .bg-breadcrumb {background-size: cover;}

  .navbar-light .navbar-nav {margin-left: 0 !important;}

  .header-carousel .header-carousel-item, .header-carousel .header-carousel-item img {height: 320px;}
  .header-carousel .header-carousel-item .carousel-caption .display-4 {font-size: 2.5rem; line-height: 1.5; font-weight: 600; word-break:keep-all }

  .bg-breadcrumb.bottom h1 {font-size: 2.5rem;}
  .bg-breadcrumb.bottom h2 {font-size: 2rem; font-weight: 500;}

  .col-proudct {width: 100%; max-width: 100%; flex: 0;}


  .feature-item.product .feature-icon {padding: 0 !important;}
  



  /*****sub*****/
  .company_inner {padding-left: 0; padding-right: 0;}
  .company_inner img {width: 96%; padding-left: 2%;}
  .company_inner .company_text { padding-left: 1rem; padding-right: 0;}
  .company_ceo {padding-left: 0; padding-right: 0;}
  .company_ceo img {width: 109%;}
  

  .certify-view-top {width: 100% !important;}
  .certify-view-img {padding: 1rem 0 !important;}
  .certify-view-img img {width: 100%;}
  .service-item.certify a {font-size: 1.4rem !important;}


  .client.p-5 {padding-left:0 !important; padding-right:0 !important;}

  .nav.pr {padding: 2rem 0 3rem 0 !important;}
  .nav a.accordion-link {padding:0.8rem 1.2rem !important;}

  .product_thumb .wow {padding-left: 1rem !important; padding-right: 1rem !important;}

  .promotion {padding-left: 1rem; padding-right: 1rem; padding-top: 0 !important;}
  

  
  

  
}

@media (max-width: 1280px) {  

  .navbar-light .navbar-nav {margin-left: 100px;}

  .slider {width: 100%;}

  .navbar-light .navbar-nav .nav-link {padding-left: 0; padding-right: 0;}

}




@media (max-width: 1668px) {  

  .navbar-light .navbar-nav {margin-left: 30%;}

}