@charset "utf-8";
html, body, #mapDiv {height: 100%;margin: 0;padding: 0;}
.hide {position: absolute;left:-9999%;font-size:0;line-height: 0;text-indent:-9999px;}
.btnset {display:inline-block !important; border:none; border-radius:0 !important;box-shadow:none;background-color: transparent;-webkit-appearance:none; appearance:none;}

.section-bg {background-color: #f7f7f7;}
.section-title {text-align: center;padding-bottom: 5em;}
.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;
color: #45505b;}
.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #9c2033;bottom: 0;left: calc(50% - 20px);}
.section-title p {margin-bottom: 0;font-size: 17px;}

.sub-title{font-size: 1.6rem; display: block;}


.navbar-brand{padding-left:2rem}
.header-transparent .logo-dark {display: none}
.fixed-header .navbar {background-color: #fff;color:#000; box-shadow: 0 .3rem 1.525rem -.375rem rgba(0,0,0,.1)}
.fixed-header .logo-light {display: none}
.fixed-header .logo-dark {display: inline-flex}
.nav-link {transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;}
.header-main {transition: ease all .35s;}
.header-line .navbar {border-bottom: 1px solid rgba(255,255,255,0.2)}
.header-line .navbar {padding-top: 10px; padding-bottom: 10px}
.navbar-dark .nav .nav-link {color: #fff; }
.navbar-dark .nav .nav-link:hover {color: #fff}
.navbar-expand-xxl .navbar-nav .nav-link {padding:0 1.5rem; font-size: 1.1rem;}
.navbar-light .nav .nav-link {color: #000;}
.navbar-light .nav .nav-link:hover {color: #0d6efd}
.header-line .navbar-expand-xxl .navbar-nav>.nav-item>.nav-link {line-height: 60px;padding-top: 0;padding-bottom: 0;}
.header-line .navbar-toggler .navbar-toggler-icon {width: 18px;height: 18px;}
.header-line .header-right .nav-link i{padding: 0; width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;
    border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;line-height: 1;}
.fixed-header.header-line .header-right .nav-link i{padding: 0; width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid rgba(0,0,0,0.4);border-radius: 50%;line-height: 1;}



.navbar-brand {letter-spacing: 3px;font-size: 2rem;font-weight: 500;}
.navbar-scroll .navbar-brand,.navbar-scroll .nav-link,.navbar-scroll .fa-bars {color: #fff;}
.navbar-scroll {box-shadow: none;}
.navbar-scrolled {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);}
.navbar-scrolled .navbar-brand,.navbar-scrolled .nav-link,.navbar-scrolled .fa-bars, .all-bt span {color: #4f4f4f;}
.navbar-scrolled {background-color: #fff;}

/*all btn*/
.all-bt{display:block;position:relative;width:30px;height:20px;margin-top:0rem;margin-left:0rem;cursor: pointer;z-index:200;}
.all-bt span{position:absolute;left:0;width:100%;height:2px;background-color:#999;transition: top 0.2s, transform 0.2s ,opacity 0.2s;transition-delay: 0.2s, 0s, 0.2s;}
.all-bt.open span{background-color:#333;transition: top 0.2s, transform 0.2s ,opacity 0.2s;transition-delay: 0s, 0.2s, 0s;}
.all-bt .top{top:0px;transform: rotate(0deg);}
.all-bt .middle{top:9px;transform: rotate(0deg);}
.all-bt .bottom{top:18px;}
.all-bt.open .top{top:9px;transform: rotate(45deg);}
.all-bt.open .middle{opacity: 0;}
.all-bt.open .bottom{top:9px;transform: rotate(-45deg);}
.all-nav {display:none;position: fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:100;}
.all-nav.open{display: flex;}
.all-nav .all-item{display: flex;position:relative;width:100%;text-align: center;border-right:1px solid #ddd;background-image: url('/static/images/all-img-00.png');background-size:cover;background-position:center;transition:background 0.3s;}
.all-nav .all-item:last-of-type{border-right: none;}
.all-nav .all-item .box{position:absolute;top:20px;width:100%;}
.all-nav .all-item h2{width:100%;color:#333;font-size:3rem;margin-bottom:2rem;transition:color 0.2s;}
.all-nav .all-item .box ul{width:100%;}
.all-nav .all-item .box li{width:100%;padding:1em 0;margin-bottom:0.1rem;}
.all-nav .all-item .box a{color:#333;font-size:1.2rem;transition:color 0.2s;}




footer {}
.footer {background:#222; padding:4rem 0; position: relative;font-size: 1rem;}
.footer .maxinner {display:flex; justify-content:space-between; width: 94%; max-width: 152rem; margin: 0 auto;}
/* .maxinner {width: 94%; max-width: 152rem; margin: 0 auto;} */
.footer .left {flex-shrink:0;}
.footer .left .logo {display:block; margin-bottom:.5rem; z-index: 500}
.footer .left .logo a{display:block; width:14.5em; height:4em; background-image:url('../img/logo-w.png'); background-repeat:no-repeat; background-position:center center; background-size:100%;}
.footer .info {margin-left:1rem; margin-right:14.5rem; width:100%;}
.footer .info .link {display:flex; margin-bottom:2.5rem;}
.footer .info .link a {display:inline-block; color:#888;}
.footer .info .link a::after {display:inline-block; content:''; width:1px; height:1.3rem; background:rgba(255,255,255,0.15); vertical-align:middle; margin:0 1.5rem;}
.footer .info .link a:last-child::after {display:none;}
.footer .info .link a strong {color:#ccc; font-weight:400;}
.footer .info ul {display:flex; flex-wrap:wrap;}
.footer .info ul li {margin-bottom:1rem; margin-right:2rem; color:#888;}
.footer .info ul li strong {color:#ccc; font-weight:400;}
.footer .info ul li a {color:#ccc; font-weight:400;}
.footer .info ul li.copy {width:100%; margin-top:.5rem;}
.footer .etc {flex-shrink: 0;}
.scroll-top{position:fixed; width:50px; height:50px; border-radius: 50%; text-align:center;line-height:40px; padding:5px;  bottom:50px; right:20px; z-index:3; cursor:pointer; display:none; transition:all ease .3s; color: #fff; background-color: rgba(0,0,0,0.3);}
.scroll-top:hover{background:rgba(3,3,3,0.5);}

@media ( max-width: 1280px ) {
    .footer .maxinner {
        flex-direction: column;
    }
    .footer .info {
        margin-left: 7rem;
        margin-right: 7rem;
    }
}

@media ( max-width: 1024px ) {
    .footer .maxinner {
        flex-direction: column;
    }
    .footer .info {
        margin: 1rem 0;
    }
}

@media ( max-width: 583px ) {
    footer {font-size: 0.9rem;}
    .footer .info .link {
        display: none;
    }
}



/* main-slider */
.hero_wrapper{min-height: calc(100vh - 0px);}
.main-slider.swiper-slide {backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.main-slider.swiper-container {width: 100%; height: calc(100vh - 0px); float: left; transition: opacity 0.6s ease, transform 0.3s ease; }
.main-slider.swiper-container:hover .swiper-button-prev,
.main-slider.swiper-container:hover .swiper-button-next {transform: translateX(0); opacity: 1; visibility: visible; }
.main-slider.swiper-container.loading {opacity: 0; visibility: hidden; }
.main-slider.swiper-slide {overflow: hidden; }
.main-slider.swiper-slide .entity-img {display: none;}
.main-slider [class^="swiper-button-"] {transition: all 0.3s ease; width: 44px; opacity: 0; visibility: hidden; }
.main-slider.swiper-button-prev {transform: translateX(50px); }
.main-slider.swiper-button-next {transform: translateX(-50px);}
.main-slider.slide_bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; z-index: -1; }
.main-slider.slide_bg.sbg1{background-image:url(/img/main_visual_01.jpg)}
.main-slider.slide_wrapper{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-bottom: 40px; }

@media(max-width:576px){
    .main-slider.swiper-button-prev {display: none;}
    .main-slider.swiper-button-next {display: none;}
}


/* ----- SUB VISUAL ----- */
.sub-visual {overflow: hidden; position:relative; height:55em;}
.sub-visual:before {content: "";opacity: 0.2; position: absolute; top: 0; right: 0; width: 0; height: 100%; z-index:10; background: #fff;
    -webkit-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -moz-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -ms-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.sub-visual:after {content: ""; opacity: 0.2; position: absolute; top: 0; right: 0; width: 0; height: 100%;  background: #fff;
    -webkit-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -moz-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -ms-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 1.5s, width 1.5s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.loading .sub-visual:before {width:100%;}
.loading .sub-visual:after {width:100%;}

.maxinner {margin: 0 auto; width: 90%;}
.sub-visual {overflow: hidden; position: relative; height: 28em;}
.sub-visual .con {position:relative; z-index:10; display:flex; align-items:center; width:100%; height:100%; text-align:center;}
.sub-visual .sub-tit .tit {margin-top:1.582em; font-size:3.5rem; color:#fff; font-weight:700; font-family:'Noto Sans KR',sans-serif; letter-spacing:0;}
.sub-visual .sub-tit .txt {margin-top:0.938em; font-size:1.6rem; color:rgba(255,255,255,0.8); line-height:1.625em;}
.sub-visual .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;
    -webkit-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -moz-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -ms-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    -o-animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
    animation:bgScale 2s cubic-bezier(0.33, 1, 0.68, 1) both;
}
@-webkit-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-moz-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-ms-keyframes bgScale {
     from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@-o-keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
@keyframes bgScale {
    from {transform:scale(1.2);}
    to {transform:scale(1); }
}
.bo-contents{padding-top:5em; padding-bottom:5em}

.sub-visual.sub-bg {height:100vh;}
.sub-visual.sub-bg .sub-tit .tit {margin-top:0; font-size:6.6rem;}
.sub-visual.sub-bg .sub-tit .txt {margin-top:1.25em; font-size:2rem; line-height:2rem;}
.sub-visual .scroll-down p {font-weight:700;}


.sub-title {position:relative;padding-left:0.6em;margin-bottom:1.5em;font-size:1.825rem; font-weight:700;color:#111111;line-height:1.6em;}
.sub-title::after {content:"";position:absolute;left:0;top:5px;width:5px;height:30px;background:#c10000;}
.sub-title::before {content:"";	position:absolute;left:0;	top:5px;z-index:1;width:5px;height:15px;background:#ef0002;}

.md-br{display:none;}
.sm-br{display:none;}

.about .red{color:#dc3545;}
.nofocus:focus {outline: none;}

.table{border-top:1px solid #111}
.table thead tr th {font-weight: 500; background-color: #5c5c5c; color:#f0f0f0; vertical-align: middle; }
.table tbody td {text-align: center; vertical-align: middle;}

.lcounter ul.disc, .counter ul.disc, .scale ul.disc, .sensor ul.disc {list-style-type: disc; color:#404040;  padding-left:1.5em; margin-bottom: 0;}
 ul.disc li::marker{margin-left:0.5em;color:#dc3545;}


.dsc-tabs {display: grid !important; grid-template-columns: repeat(6, 1fr); grid-gap: 0px; margin-bottom: 30px !important;}
.dsc-tabs .nav-link {width: 100%;height:68px;padding: 21px 15px;
/* box-shadow: 2px 2px 20px rgba(32, 32, 32, 0.2); */
background: #fff;border-radius: 0px !important;font-weight: 500;font-size: 18px;border: 1px solid !important;color: #222 !important;border-color: #2222 !important;display: flex;justify-content: center;align-items: center;column-gap: 15px;transition: 0.3s !important;text-align: center;}
.dsc-tabs .nav-link.active {background: #dc3545; pointer-events: none; color: #fff !important; font-weight: 700}

.dsc-tabs2 {display: grid !important; grid-template-columns: repeat(3, 1fr); grid-gap: 0px; margin-bottom: 30px !important;}
.dsc-tabs2 .nav-link {width: 100%;height:68px;padding: 21px 15px; background: #fff;border-radius: 0px !important;font-weight: 500;font-size: 18px;border: 1px solid !important;color: #222 !important;border-color: #2222 !important;display: flex;justify-content: center;align-items: center;column-gap: 15px;transition: 0.3s !important;text-align: center;}
.dsc-tabs2 .nav-link.active {background: #dc3545; pointer-events: none; color: #fff !important;font-weight: 700}
.dsc-tabs2 .nav-link.active {background: #dc3545; pointer-events: none; color: #fff !important;font-weight: 700}

.sub ul.ep {list-style-type: disc; color:#333;  padding-left:1.5em; margin-bottom: 0;} ul.ep li::marker{margin-left:0.5em;color:#004386;}
.sub dt{padding:0 0.5em; font-weight: 600;color:#404040;font-size: 1rem;}
.sub dd{padding-left:1.5em; color:#666;}
.sub dd > p > span{color:#888;}



 a.btn_b01, .btn_b01 { display: inline-block; color: #fff; text-decoration: none; vertical-align: middle; border: 0; background: transparent; font-size: .8rem;}


.slider-lic {overflow: hidden;position: relative; }
.slider-lic .inner {overflow: hidden;margin: 0 auto;}
.slide_list > li {width: 100%;height: 100%;background: #fff; padding:2.2em 2em 1em; line-height: 50px;text-align: center;}
.slider-lic .swiper-button-prev,.slider-lic .swiper-button-next {font-size:0; position: absolute; margin:0; top: 50%;width: 40px;height: 40px; background: transparent; line-height: 38px;  margin-top: -30px; text-align: center; border: 2px solid #d4d3d3; border-radius: 50%; opacity:0; visibility:hidden;  transition:all .3s ease; color:red}
.slider-lic .swiper-button-prev,.slider-lic .swiper-button-next :after{font-size: 0}
.slider-lic:hover .swiper-button-prev,.slider-lic:hover .swiper-button-next { transform:translateX(0); opacity:1; visibility:visible;}
.slider-lic .swiper-button-prev {left: 0;transform: translate(0,-50%);}
.slider-lic .swiper-button-next {right:0;transform: translate(0,-50%);}
.slider-lic .swiper-pagination {position: absolute;left: 50%;top:10px;transform: translateX(-50%);}
.slider-lic .swiper-pagination-bullet-active {background:#fc3913;}
.slider-lic .swiper-pagination-bullet {width: 15px; height: 15px; margin:0 4px}
.slider-lic .swiper-button-prev:after,
.slider-lic .swiper-button-next:after {font-size: 22px;}


 @media (max-width: 991px) {
  .dsc-tabs {grid-template-columns: repeat(3, 1fr);margin-bottom: 25px !important;}
  .dsc-tabs.nav-item button{padding: 10px 10px;font-size: 16px;}
 }
 @media (max-width: 768px) {
  .dsc-tabs .nav-item button {font-size: 14px;flex-direction: column;row-gap: 10px;text-align: center;height: 100%;}
 }


.sub-con .sub-fs2 {width:100%; text-align:center;font-size:2rem;line-height: 2.8rem; font-weight:700; margin:2em 0; color:#222;}
.sub-con .sub-fs3 {font-size:1.75rem;line-height: 2.4rem; font-weight:700; margin:1.5em 0; color:#222; }
.sub-con .sub-fs4 {font-size:1.5rem;line-height: 2rem; margin:.5em 0; color:#dc3545;}
.sub-con .sub-fs5 {font-size:1.35rem;line-height: 1.8rem; font-weight:700;}
.sub-con .sub-cfs5 {font-size:1.3rem;line-height: 1.8rem; font-weight:300; margin:.2em 0;}
.sub-con .sub-cfs5 span {font-weight:500;}

.bm-3{margin-bottom:3em}
/* .about .bo-contents {background-image: url("../../../img/bg_milling.jpg");height: 100%;background-repeat: no-repeat;  background-size: cover; } */
.about h2 {overflow:hidden; margin-top:0.444em; font-size:4.5rem; color:#dc3545; font-weight:700; }
.about h2 span {opacity: 0; -webkit-animation: slideAni 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation: slideAni 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
@-webkit-keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes slideAni {
    from {opacity:0; -webkit-transform: translateY(4rem); transform: translateY(4rem);}
    to {opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}

.txt-shadow{text-shadow: 3px 3px 20px #dddddd, -2px 1px 5px #7c7c7c}




/* ----- NAVIGATION ----- */

@media all and (min-width:1025px){

}

@media (max-width: 1440px){
    .sub-con-tit .tit {font-size:4rem;}
    .sub-con-smtit01 .tit {font-size:2.5rem;}
    .sub-con-smtit02 .tit {font-size:2.8rem;}
    .sub-con-smtit02 .txt {font-size:1.6rem;}
    .sub-visual {height:25em;}
    .sub-visual .sub-tit .tit {font-size:3rem;}

}
@media all and (max-width:1024px){
    .md-br{display:block;}
    .sub-visual {height: 23em;}
    .btn-download {padding:0 1.5em;}
    .pc-br {display:none !important;}
    .sub-con-tit {padding:3em 0;}
    .sub-con-tit .tit {font-size:3rem;}
    .sub-con-smtit01 .tit {font-size:2.4rem;}
    .sub-con-smtit02 .tit {font-size:2.4rem;}
    .sub-con-smtit02 .sm-tit {display:block;margin:0;padding:0;font-size:1.5rem;}
    .sub-visual .sub-tit .tit {font-size:2.5rem;}
    .sub-visual .sub-tit .txt {font-size:1.1rem;}


}
@media(max-width:992px){
    .table{font-size:0.9rem;}
    .lg-br{display: block;}
    .about h2 {font-size:4rem; }

}
@media(max-width:768px){
    .bo-contents{padding-top:3em; padding-bottom:3em}
    .sub-title {margin-bottom:1em;font-size:1.5rem;}
    .about h2 {font-size:4.2rem; }


    .table{font-size:0.9rem; border-top:1px solid #222;}
    .table>:not(caption)>*>* {padding:0.2rem}


}
@media all and (max-width:576px){
    .section-title h2 {font-size: 26px;}
    .bo-contents{padding-top:2em;}
    .sub-title {margin-bottom:1em;font-size:1.3rem;}
    .sm-br{display:block;}
    .dsc-tabs2 .nav-link {font-size: 0.9rem; height}
    .container p.fs-5{font-size:1rem;}
    .navbar-brand {padding-left:.5rem;}
    .sub-visual {height: 20em;}
    .header-main .call{display:none}
    .sub-visual .sub-tit .tit {font-size: 2rem;}
    .section-title {padding-bottom: 0;}
    .about h2 {font-size:3.2rem; }

    .sub-con .sub-fs2 {font-size:1.3rem;line-height: 2rem; margin:.5em 0;}
    .sub-con .sub-fs3 {font-size:1.28rem;line-height: 2.4rem; font-weight:700; margin:1.5em 0; color:#222; }
    .sub-con .sub-fs4 {font-size:1.26rem;line-height: 1.6rem; margin:1em 0; color:#dc3545;}
    .sub-con .sub-cfs5 {font-size:1.1rem;line-height: 1.4rem; font-weight:300; margin:.2em 0;}
    .bm-3{margin-bottom:1.2em}
}