/************************************** 공통 **************************************/
@media (max-width: 991.98px){
	.pt--140{padding-top:100px;}
	.pb--140{padding-bottom:100px;}
}

@media (max-width: 768px) {
	.font-18{font-size:17px !important;}
	.font-20{font-size:18px !important;}
	.font-24{font-size:20px !important;}
	.pt--140{padding-top:80px;}
	.pb--140{padding-bottom:80px;}
}

/************************************** header **************************************/
@media (max-width: 1279.98px){
	.navik-header {position:fixed;}
}

/************************************** footer **************************************/
@media (max-width: 991.98px){
	.footer .project-inquiry .inquiry-btn-wrap{float:none;}
	.footer-info .col-lg-1{margin-bottom:10px;}
}
@media (max-width: 360px){
	.inquiry-btn-wrap a:first-child{margin-bottom:16px; }
}

/************************************** main **************************************/
@media (max-width: 1279.98px){
	.banner-title{font-size:62px;}
	.products-wrap .product-box{height:210px; line-height:210px;}
	.products-wrap .product-box img{width:140px;}
	.slider-wrap .prev{right:48px; }
	.slider-wrap .next{ right:0; }
}
@media (max-width: 991.98px){
	.banner-title{padding-top:50px;}
	.about-us .col-lg-7.order-2.order-lg-1.pt--140{padding-top:40px;}
	.about-us .bg-image{margin-top:100px; width:100%;}
	.about-us .about-item{width:100%; min-height:auto;}
	.about-us .about-item.item-lower { margin-top: 0;}
	.about-us .about-item.bg-darker{background:#f6f6f6;}
	.products-inner > div:nth-child(2){margin-top:30px;}
	.products-wrap .product-box{height:330px; line-height:330px;}
	.products-wrap .product-box img{width:170px;}
	.projects-slider .projects-item a .projects-thumb {width:100%;}
	.projects-slider .projects-item p{width:100%;}
}
@media (max-width: 768px){
	.owl-item .overflow-hidden{padding:125px 0 100px;}
	.banner-title{font-size:52px;}
	.main-title-box > h5 { font-size: 26px;}
	.products-wrap .product-box{height:240px; line-height:240px;}
	.products-wrap .product-box img{width:140px;}
	.projects-slider{margin-top:40px;}
	.projects-slider .projects-item a .projects-thumb {height:280px;}
	.fancybox-caption__body{font-size:18px;}
}
@media (max-width: 575.98px){
	.banner-title{font-size:42px;}
	.about-us .about-item span img{width:26px;}
	.products-wrap .product-box{width:100%; height:100%; line-height:auto; }
	.products-wrap .product-box img{width:120px;}
}
@media (max-width: 375px){
	.products-wrap .product-box img{width:100px;}
	.projects-slider .projects-item a .projects-thumb {height:220px;}
}

/************************************** sub **************************************/
@media (max-width: 1279.98px){
	.page-title h1 {  font-size: 48px;}
	.sub-product .product-detail{min-height:691px;}
	.sub-project .project-item span{top:25%; left:45%;}
	.sub-project .project-item .img-wrap img{ height:200px;}
	.company-patent .patent-item .thumb img{height:360px;}	
	.sub-product .products-video iframe{height:520px;}
}
@media (max-width: 991.98px){
	.page-title h1 { padding-top:30px;}
	.sub-page section { padding-top: 100px ;padding-bottom: 100px;}
	.company-intro .col-12 img{margin-bottom:40px;}
	.company-intro .col-xl-5 > p {  max-width: 100%; margin-left: 0;}
	.sub-product .product-detail{min-height:auto;}
	.product-box > div:not(:last-child){margin-bottom:40px;}
	.search-form .form-inner{width:100%;}
	.customer-board th:first-child{width:80px;}
	.customer-board th:last-child{width:120px;}
	.sub-project .project-item span{top:28%; left:46%;}
	.sub-project .project-item .img-wrap img{ height:220px;}
	.company-patent .patent-item .thumb img{height:400px;}
}
@media (max-width: 768px){
	.page-title h1 {  font-size: 40px; padding:60px 0 30px;}
	.sub-project .project-item span{display:none;}
	.sub-project .project-item .img-wrap img{ height:350px;}
	.company-patent .patent-item .thumb img{height:300px;}
	.sub-product .products-video iframe{height:290px;}
}
@media (max-width: 575.98px){
	.page-title h1 {  font-size: 32px; padding:40px 0 10px;}
	.breadcrumb { padding: 0;}
	.company-patent .patent-item {   margin: 0 auto 40px;}
	.sub-project .card-gallery {margin-bottom: 10px;}
	.qna-btn-wrap button{width:100px;}
	.qna-btn-wrap .btn-red{margin:0 8px;}
	.qna-btn-wrap a{width:100px;}
	.sub-project .project-item .img-wrap img{ height:270px;}
	.company-patent .patent-item .thumb img{height:auto;}
}
@media (max-width: 480px){
	.customer-board th:first-child, .customer-board td:first-child{display:none;}
	table.write-table td:first-child{width:100px;}
	.sub-product .main-title-box p br{display:none;}
	.sub-product .products-video iframe{height:240px;}
}

@media (max-width: 361px){
	.pw-inner a{width:130px; margin-top:40px ;}
	.pw-inner button {width:130px; margin-top:16px; margin-left:8px;}
	.qna-btn-wrap button{width:80px;}
	.qna-btn-wrap a{width:80px;}
	.write-btn-wrap button{width:130px; }
	.write-btn-wrap a{width:130px; margin-right:8px;}
	.sub-project .project-item .img-wrap img{ height:220px;}
}