/************************************** 공통 **************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Lora:wght@500;600;700&display=swap');

body {  font-family:'Roboto', 'Noto Sans KR', sans-serif ; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size: 16px !important;  color: #767676 !important;  font-weight: 400 !important;  line-height:1.5 !important; letter-spacing:-0.7px !important; word-break:keep-all !important;}
a{color:#767676 ;}
a:hover{color:#767676 ;}

/*=== font ===*/
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-24{font-size:24px !important;}
.font-red{color:#de0101 !important;}
.font-black{color:#212121 !important;}
.font-heavy{font-weight:700 !important;}

/*=== padding ===*/
.pt--140{padding-top:140px;}
.pb--140{padding-bottom:140px;}

/*=== button ===*/
.btn-more{display:block; font-weight:500; font-size:15px; width:156px; height:50px;  border-radius:100px; line-height:50px; text-align:center;}
.btn-white{display:block;  background:#fff;  transition: all 0.1s ease-in-out; }
.btn-white:hover{background:#ededed;  transition: all 0.1s ease-in-out; }
.btn-black{display:block; background:#08121a;  transition: all 0.1s ease-in-out; }
.btn-black:hover{background:#102c41;  transition: all 0.1s ease-in-out; }
.btn-white-border{display:block; border:1px solid #fff;}
.btn-black-border{display:block; border:1px solid #08121a; background:#fff;}
.btn-red-border{display:block; border:1px solid #d73838; background:#fff;}
.btn-red{display:block; background:#d73838;  transition: all 0.1s ease-in-out; }
.btn-red:hover{background:#d74646;  transition: all 0.1s ease-in-out; }



.rounded-ultra{border-radius:0 !important;}

/************************************** header **************************************/
.navik-header .logo img {width: 40px;}
.navik-menu ul li > a {font-weight:400; font-family:'Noto Sans KR', sans-serif ; font-size: 17px; color: #212121;}
/* .navik-menu ul li > a:hover{color:#de0101 !important;} */
.navik-menu ul li.dropdown_menu > a > span::before{border-color:#212121 ;}
/* .navik-menu ul li.dropdown_menu > a:hover > span::before{border-color:#de0101;} */
.navik-menu.submenu-top-border li > ul {border-top: 3px solid #de0101;}
.navik-menu ul ul li > a { font-size: 16px; font-style: normal; background-color: #fff;}

.dropdown-plus::after, .dropdown-plus::before {
    position: absolute;
    top: 24px;
    right: 18px;
    width: 13px;
    height: 2px;
    content: "";
    background-color: #111;
}
.dropdown-plus::after, .dropdown-plus::before {
    position: absolute;
    top: 24px;
    right: 18px;
    width: 13px;
    height: 2px;
    content: "";
    background-color: #111;
}

/************************************** footer **************************************/
.footer{background:#08121a; padding:70px 0;}
.footer .project-inquiry{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #747474;}
.footer .project-inquiry .inquiry-btn-wrap {float:right; padding-top:15px;}
.footer .project-inquiry .inquiry-btn-wrap a{display:inline-block;}
.footer .project-inquiry .inquiry-btn-wrap a:first-child{margin-right:16px;}

.footer .footer-info ul{list-style:none; font-size:0; margin-bottom:2px; padding:0;}
.footer .footer-info ul li{display:inline-block; font-size:16px;}
.footer .footer-info ul li a{color:rgba(255,255,255,.5);}


.footer-info > .col-lg-3 > div, .footer-info > .col-lg-1 > div{display:table; height:100%;}
.footer-info > .col-lg-3 > div > div, .footer-info > .col-lg-1 > div > div{display:table-cell; height:100%; vertical-align:middle;}
.footer-info > .col-lg-3 > div > div p{margin-bottom:0; font-size:14px;}

.go-to-top a{ background-color: #de0101; box-shadow: none ;}
.go-to-top a:focus, .go-to-top a:hover { background-color: #de0101; color:#fff;  box-shadow: none ;}

/************************************** main **************************************/
.main-title-box > span{display:block; margin-bottom:4px;}
.main-title-box > h5{font-size:32px; margin-bottom:16px;}
.main-title-box > p{font-size:16px; margin-bottom:32px; max-width:420px;}

/*=== banner ===*/
.banner-title{ font-family:  'Lora', serif; font-size:72px; font-weight:500;}
.owl-theme.owl-dot-light-1 .owl-dots .owl-dot.active span{border-color:none; background:#fff; width:10px; height:10px; position:relative; top:-2px;}
.owl-theme .owl-dots .owl-dot span::before{width:10px; height:10px;}

/*=== about us ===*/
.title-light-1.section-title-3::after {display:none;}
.about-us .about-item {background:#f6f6f6; padding:45px ; margin-bottom:40px; min-height:218px;    width:98%;   box-shadow: 0 1rem 1.8rem rgba(23,32,42,.07)!important;  transition: all 0.4s ease-in-out; }
.about-us .about-item:hover{-webkit-transform: translateY(-7px); transition: all 0.4s ease-in-out;
	transform: translateY(-7px); }
.about-us .about-item.bg-darker{background:#efefef;}
.about-us .about-item span{display:block; margin-bottom:12px; /* opacity:0.7; */}
.about-us .about-item span img{width:32px;}
.about-us .about-item h6{margin-bottom:14px; /* color:#fff; */}
/* .about-us .about-item p{color:#fff;} */
.about-us .about-item.item-lower{margin-top:80px;}

.about-us .bg-image{width:98%;}


/*=== our products ===*/
.our-products{ /* background:#121212;  */ background:url(../img/bg3.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.products-wrap .product-box{height:287px; background:#fff; border-radius:8px; text-align:center; line-height:287px;}
.products-wrap .product-box.box1{background:#ededed;}
.products-wrap .product-box.box2{background:#212121;}
.products-wrap .product-box.box3{background:#c1c1c1;}
.products-wrap .product-box.box4{background:#454545;}
.products-wrap .main-title-box{padding-top:40px;}

/*=== our projects ===*/
.our-projects  .main-title-box{padding-top:20px;}

.slider-wrap{position:relative;}
.slider-wrap .prev, .slider-wrap .next{position:absolute;  width:48px; height:48px; /* border:1px solid #ededed; */ background:#fff; border-radius:50%; text-align:center; line-height:48px; cursor:pointer; top:-48px; }
.slider-wrap .prev i, .slider-wrap .next i{ color:#212121;}
.slider-wrap .prev.slick-disabled, .slider-wrap .next.slick-disabled {cursor:default;}
.slider-wrap .prev.slick-disabled i, .slider-wrap .next.slick-disabled i{color:#ddd;}
.slider-wrap .prev{right:84px; }
.slider-wrap .next{ right:36px; }

.projects-slider .projects-item a{display:block;  }
.projects-slider .projects-item a .projects-thumb {width:370px; height:240px; border-radius:8px; overflow:hidden; margin-bottom:10px;}
.projects-slider .projects-item a .projects-thumb img{width:100%; height:100%; object-fit:cover;}
.projects-slider .projects-item p{
	white-space: nowrap;
	width:90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;}

/************************************** sub **************************************/
.page-title h1{font-size:56px;}
.sub-page section{padding-top:140px; padding-bottom:140px;}
.breadcrumb-area .bg-primary { background-color: #08121a !important;}
.breadcrumb-area .breadcrumb-item { font-size: 15px; letter-spacing:0 ;}
.sub-page .main-title-box{margin-bottom:60px;}
.sub-page .main-title-box > h5 < span{display:inline-block;}

/*=== pagination ===*/
.pagination .page-link { font-size:15px;}
.pagination .page-link i{font-size:14px; }
.page-item.active .page-link {background-color: #de0101 ; border-color: #de0101 ;box-shadow:none;}



/*=== 기업소개 - 회사소개 ===*/
.company-intro .col-xl-5 > p{max-width:420px; margin-left:20px;}

/*=== 기업소개 - 보유기술 및 특허 ===*/
.company-patent .patent-item{margin:0 auto 60px;}
.company-patent .patent-item .thumb{width:90%; margin:0 auto;}
.company-patent .patent-item .thumb img{width:100%; height:460px; object-fit:cover; margin-bottom:10px;}

/*=== 기업소개 - 찾아오시는 길 ===*/
.company-location iframe{width:100% !important;}
.company-location .location-info{padding-top:40px;}
.company-location .location-info span{display:block; font-size:15px; font-weight:700; color:#de0101; }
.company-location .location-info span i{ margin-right:6px; }

.company-location .location-info  .view-location{display:inline-block; width:138px; height:48px; line-height:48px; padding-right:20px; text-align:right;  border-radius:5px; margin-top:40px;}
.company-location .location-info  .view-location a{color:#fff; display:block; position:relative; overflow:hidden; font-size:15px;}
.company-location .location-info  .view-location a img{position:absolute; top:0; left:0; width:48px; height:48px; z-index:2; border-radius:5px;}
.company-location .location-info  .view-location.naver{background:#00bf18; margin-right:24px;
-moz-box-shadow: 0 10px 20px rgb(0, 191, 24, 20%) ;
-webkit-box-shadow: 0 10px 20px rgb(0, 191, 24, 20%) ;
box-shadow: 0 10px 20px rgb(0, 191, 24, 20%) ;}
.company-location .location-info  .view-location.kakao{background:#fae100;
-moz-box-shadow: 0 10px 20px rgb(250, 225, 0, 20%) ;
-webkit-box-shadow: 0 10px 20px rgb(250, 225, 0, 20%) ;
box-shadow: 0 10px 20px rgb(250, 225, 0, 20%) ;}
.location-info  .view-location.kakao a{color:#3b1e1e;}

/*=== 제품소개 ===*/
.sub-product .products-video{width:100%;  margin-bottom:120px;}
.sub-product .products-video iframe{width:100%; height:700px;}
.sub-product .main-title-box{margin-bottom:60px;}
.sub-product .main-title-box p{max-width:100%; line-height:1.5;}

.sub-product .product-detail {padding:50px; background:#f5f5f5; text-align:center; min-height:667px;}
.sub-product .product-detail > div{margin-bottom:20px;}
.sub-product .product-detail > div img{width:200px;}
.sub-product .product-detail span{margin-bottom:8px;}
.sub-product .product-detail h5{margin-bottom:16px;}
.sub-product .product-detail p{margin-bottom:0;}
.sub-product .product-detail table{margin:20px auto 0;}
.sub-product .product-detail table th{background:#f1c1c1; padding:5px 10px; border:1px solid #cc7a7a; font-weight:500;}
.sub-product .product-detail table td{padding:5px 10px; border:1px solid #cc7a7a; background:#fff;}

/*=== 프로젝트 ===*/
.sub-project .card, .sub-project .card-img{border-radius:0 !important;}
.sub-project .card-gallery{margin-bottom:30px;}
.sub-project .card-gallery > h5{  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display:inline-block; margin-top:12px;}
.sub-project .hover-item .hover-transition {background-color: rgba(222, 1, 1, 0.5);}
.fancybox-toolbar .fancybox-button--zoom, .fancybox-toolbar .fancybox-button--play, .fancybox-toolbar .fancybox-button-thumbs{display:none !important;}
.fancybox-caption__body{font-size:20px ;}

.sub-project .project-item {margin-bottom:60px; position:relative;}
.sub-project .project-item .img-wrap{margin-bottom:10px; overflow:hidden; background-color:rgba(222, 1, 1, 1);}
.sub-project .project-item .img-wrap img{width:100%; height:270px; object-fit:cover; transform:scale(1); transition: all 0.3s ease-in-out;}
.sub-project .project-item:hover .img-wrap img{transform:scale(1.1); transition: all 0.3s ease-in-out; opacity:0.5; }

.sub-project .project-item span{opacity:0; position:absolute; top:31%; left:47%; color:#fff; z-index:2; font-size:48px; font-weight:400; transition: all 0.1s ease-in-out;}
.sub-project .project-item:hover span{opacity:1; transition: all 0.1s ease-in-out;}
.sub-project .project-item h5{ 
	white-space: nowrap;
	width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;}

/*=== 고객문의 ===*/
.form-group > p{font-size:14px; float:right;}
.form-group > p span{display:inline-block; color:#de0101; margin-right:4px;}
/* .project-inquiry .contact-form .form-group:first-child{margin-top:46px;} */
.project-inquiry .contact-form label{display:block; font-size:14px; font-weight:500;}
.project-inquiry .contact-form label span{display:inline-block; color:#de0101; margin-left:4px;}
.project-inquiry .contact-form input, .project-inquiry .contact-form textarea{width:100%;  border:1px solid #ddd; padding:8px 15px;}
.project-inquiry .contact-form input::placeholder, .project-inquiry .contact-form textarea::placeholder{color:#999; font-size:14px;}
.project-inquiry .contact-form input{height:45px;}
.project-inquiry .contact-form textarea{height:240px;}

.project-inquiry .policy-txt{width:100%; height:240px ; overflow-x:hidden; overflow-y:auto; padding:20px; border:1px solid #ddd; border-radius:5px;}
.project-inquiry .policy-txt > span{margin-top:0; font-size:16px;}
/* 스크롤바 설정*/
.project-inquiry .policy-txt::-webkit-scrollbar{
/* 스크롤바 막대 너비 설정 */
width: 14px;
}
/* 스크롤바 막대 설정*/
.project-inquiry .policy-txt::-webkit-scrollbar-thumb{
/* 스크롤바 막대 높이 설정 */
height: auto;
background-color: #de0101;
border:3px solid transparent;
background-clip: padding-box;
/* 스크롤바 둥글게 설정 */
}
/* 스크롤바 뒷 배경 설정*/
.project-inquiry .policy-txt::-webkit-scrollbar-track{
background-color: #fff;
}
.contact-form input[type=checkbox]{width:14px; height:14px; display:inline-block;}
.check-box label{position:relative; top:-2px; display:inline-block !important;}
.check-box a{display:inline-block;  margin-left:4px; text-decoration:underline;}
.check-box a:hover{text-decoration:underline;}

.project-inquiry .btn-black{margin:30px auto 0; text-align:center;  color:#fff; outline:0; border:0; }


/*=== search form ===*/
.search-form .form-inner{width:360px; position:relative; float:right;}
.search-form .form-inner input{border:1px solid #ddd; height:45px; line-height:45px; padding:10px; width:100%;}
.search-form .form-inner input:focus{outline:none;}
.search-form .form-inner button{border:0; outline:0; position:absolute; top:1px; right:1px; width:45px; height:43px; background:#de0101;}
.search-form .form-inner button i{color:#fff;}

.btn-write{float:right;  margin:40px 0 70px; }
.btn-write i{margin-right:8px; font-size:14px;}

/*=== 고객센터 - 공지사항 ===*/
.customer-board {width:100%; margin:40px 0 0; border-top:2px solid #08121a;}
.customer-board th{padding: 15px; font-weight:500; background:#f7f7f7; text-align:center;}
.customer-board td{padding: 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.customer-board td:first-child, .customer-board td:last-child{text-align:center;}
.customer-board th:first-child{width:160px;}
.customer-board th:last-child{width:200px;}
.notice-pagination{margin-top:70px;}

/* .customer-board td a{	overflow: hidden;
    white-space: normal;
    line-height: 1.2;
    height: line-height X clamp ;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;} */

.board-inner strong{font-weight:500; color:#545454; margin-right:8px;}
.board-inner .top{text-align:center; background:#f7f7f7; border-top:2px solid #08121a; padding:20px 15px;}
.board-inner .top p{margin-bottom:0; display:inline-block;}
.board-inner .top h5{ padding: 0 30px;
    overflow: hidden;
    white-space: normal;
    line-height: 1.2;
    height: line-height X clamp ;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.board-inner .middle{border-top:1px solid #ddd; border-bottom:2px solid #ddd; padding:30px 15px;}
.board-inner .bottom .file{padding:15px; border-bottom:1px solid #ddd;}
.board-inner .bottom .view-other a{display:block; padding:15px; border-bottom:1px solid #ddd;}
.board-inner .bottom .view-other a:last-child{border-bottom:2px solid #ddd;}
.board-inner .bottom .view-other a span{display:inline-block; margin-right:8px; font-weight:500; color:#545454;}
.board-inner > a{margin:40px auto;}


/*=== 고객센터 - Q&A ===*/
.qna-board td:nth-child(3){width:100px;}
.qna-board td:nth-child(3){text-align:center;}
.qna-board td span{margin-left:8px; font-size:14px; color:#08121a;}

.qna-inner .top p:last-child{margin-left:10px;}
.qna-view{margin-bottom:60px;}

.admin-answer .top{background:#f9ebeb; }
.admin-answer .top p:last-child{margin-left:0;}

.qna-btn-wrap{margin-top:40px; text-align:center;}
.qna-btn-wrap a, .qna-btn-wrap button{display:inline-block;}
.qna-btn-wrap .btn-red{margin:0 16px;}

button{outline:0; border:0; }
.write-btn-wrap {text-align:center; }
.write-btn-wrap a{display:inline-block; margin-right:16px;}
.write-btn-wrap button{display:inline-block;}
.write-section{margin-bottom:50px;}
.write-section > p{font-weight:500;}
.write-section table {width:100%; border-top:1px solid #08121a; border-bottom:1px solid #08121a;}
.write-section table tr{border-bottom:1px solid #ddd;}
.write-section table td{padding:10px 15px; }
.write-section table td:first-child{background:#f7f7f7; border-right:1px solid #ddd; width:120px; text-align:center;}
.write-section table input{height:45px;}
.write-section table input, .write-section table textarea{width:100%; border-radius:0; border:1px solid #ddd;}
.write-section.radio input{margin-right:4px;}
.write-section.radio input:last-child{margin-left:20px;}

.file_input{overflow:hidden;}
.file_input > .form-control{ color:#b1c1d8; height:45px; line-height:25px;}
.video-add-edit p{display:inline-block;  margin-right:20px;}
.video-add-edit a{display:inline-block; font-size:14px; height:30px; line-height:32px; }
.video-add-edit .btn-black{padding:0 10px;}
#file-delete{width:14px; height:14px; margin-right:4px; position:relative; top:3px;}

.pw-inner input{width:100%; height:45px; line-height:45px; padding:10px;}
.pw-inner > div{text-align:center;}
.pw-inner a{display:inline-block;}
.pw-inner button{display:inline-block;  margin-top:40px;  margin-left:16px;}

/*=== 개인정보처리방침 ===*/
.policy-txt > span{display:block;  margin-top:40px; font-size:18px; }
.policy-txt > div{/* background:#f7f7f7;  */ border-bottom:1px solid #ddd; padding:25px 10px; }
.policy-txt > div:last-child{border-bottom:0;}
.policy-txt > div span{display:block; font-weight:500; margin-bottom:10px; color:#de0101; }
.policy-txt > div small{display:block;  font-size:15px; margin-top:8px;}
.policy-txt > div small strong{display:block; font-weight:500; color:#555;}