/************************************** 공통 **************************************/
@media (max-width: 991.98px){
}

@media (max-width: 768px) {
	.font-18{font-size:17px !important;}
	.font-20{font-size:18px !important;}
	.font-24{font-size:20px !important;}
}

@media (max-width: 991px) {
	html{overflow-x:hidden;}
	.main-header.style-one{position:fixed;}
}

/************************************** header **************************************/
@media (min-width:992px){
	.mobile-menu{ display:none;pointer-events:none;visibility:hidden;opacity:0; }
}
@media (max-width: 768px) {
	.mobile-menu .navigation > li > a {font-size:18px;}
}
@media (max-width: 480px) {
	.main-header.style-one .logo-box{padding:25px 0 24px; width:100px;}
	.menu-area .mobile-nav-toggler{margin-top:-55px;}
	.mobile-menu .nav-logo img{width:100px;}
}
/************************************** footer **************************************/
@media (min-width: 1081px) {
	.main-footer .row > div:nth-child(1){
		-ms-flex: 0 0 16%;
		flex: 0 0 16%;
		max-width: 16%;
	}
	.main-footer .row > div:nth-child(2){
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
	.main-footer .row > div:nth-child(3){
		-ms-flex: 0 0 29%;
		flex: 0 0 29%;
		max-width: 29%;
	}
}
@media all and (min-width:992px) and (max-width:1080px){
	.main-footer .row > div:nth-child(1){
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.main-footer .row > div:nth-child(2){
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.main-footer .row > div:nth-child(3){
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media (max-width: 991px) {
	.main-footer .footer-info{padding-left:0; margin-bottom:20px;}
	/* .main-footer .footer-link a{float:left;} */
	.main-footer .footer-link a:not(:last-child){margin-right:10px;}

	.main-footer .row > div{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align:center;
	}
	.main-footer .footer-logo a,
	.main-footer .footer-logo img{
		display:block;
		margin:0 auto;
	}
	.main-footer .footer-content{ margin-bottom:30px; }
	.main-footer .footer-link a{ float:none; }
}
@media (max-width: 579px) {
	.main-footer .footer-content li{ display:block; }
	.main-footer .footer-content li:nth-child(1),
	.main-footer .footer-content li:nth-child(5){ 
		padding-right:0;
		margin-right:0;
		border-right:none;
	}
	.main-footer .footer-content li:not(:last-child){ margin-bottom:10px; }
	.main-footer .footer-content li .txt{ line-height:1.3; }
}
@media (max-width: 480px) {
	.main-footer .footer-top{ padding:40px 0; }
	.main-footer .footer-top .widget-section .logo-widget .footer-logo,
	.main-footer .footer-content{ margin-bottom:20px; }
	.main-footer .footer-logo img{ width:100px;}
	.main-footer .footer-content li,
	.main-footer .footer-link a{ font-size:14px; }
	.main-footer .footer-content li.tel a{ font-size:20px; }
	.main-footer .footer-content li{ 
		border-bottom:1px solid #eee;
		padding-bottom:14px;
	}
	.main-footer .footer-content li:not(:last-child){ margin-bottom:14px; }
	.main-footer .footer-content li .title{ 
		display:block; 
		margin-bottom:4px;
	}
	.main-footer .footer-bottom .copyright p{ font-size:12px; }

}

/************************************** main **************************************/
@media (max-width: 1440px) {
	.about-us { background: linear-gradient(90deg, #f5fafe 70%, #fff 30%);}
	.about-us-img{width:420px;  margin:40px 0 0 40px;}
}
@media (max-width: 1280px) {
	.title-box h2.intro-title { font-size: 52px;}
}
@media (max-width: 1199px) {
	.about-us { background:#f5fafe; padding-bottom:50px !important;}
	.about-us-img{width:360px;}
	.spinning-circle{top:-60px; right:-60px;}
	.spinning-circle img{width:120px;}
	.about-icn-wrap{top:-100px;}
	.about-us-icn .icn-wrap{margin-left:15px; width:90px; height:90px; line-height:90px; }
	.about-us-icn .icn-wrap img{padding-top:0;}
}
@media (max-width: 1080px) {
	.about-us { padding-bottom:100px !important;}
	.about-us-img{width:300px; margin:40px 0 0 0;}
	.about-icn-wrap{top:-50px;}
}
@media (max-width: 991px) {
	.title-box h2.intro-title { font-size: 48px;}
	.title-box h2.intro-title br{display:none;}
	.about-icn-wrap{top:0;}
}
@media (max-width: 768px) {
	.main-content section { padding: 100px 0;}
	.banner-carousel .slide-item { padding: 240px 0px 140px 0px;}
	.banner-carousel .content-box h1{font-size:72px; margin-bottom:16px;}
	.title-box h2.intro-title { font-size: 40px;}
	.title-box h2.intro-title br{display:block;}
	.about-us-img{ margin:80px 0 0 0 ; width:calc(100% - 80px);}
}
@media (max-width: 575px) {
	.banner-carousel .content-box h1{font-size:62px;}
	.about-us-icn .font-20{font-size:16px !important; font-weight:500;}
	.about-us-icn .icn-wrap{width:64px; height:64px; line-height:64px; }
	.about-us-icn .icn-wrap img{width:24px;}
}
@media (max-width: 480px) {
	.banner-carousel .content-box h1{font-size:52px;}
	.banner-carousel .slide-item { padding: 200px 0px 100px 0px;}
	.title-box h2.intro-title { font-size: 40px;}
}


/************************************** sub **************************************/
@media all and (min-width:992px) and (max-width:1199px){
	.page-title-bg{height:380px;}
	.company-about .about-bx:nth-child(1) .text-bx > ul > li ul li:nth-child(1){ padding-left:55px; }
	.company-about .about-bx:nth-child(1) .text-bx > ul > li ul li:nth-child(2){ padding-left:95px; }
	.company-about .about-bx:nth-child(1) .text-bx > ul > li ul li .title{ 
		position:absolute;
		left:14px;
		top:0;
	}
}
@media (max-width: 1280px) {
	.page-title .title-area h1 {font-size:48px;}
	.sub-title-box h2.intro-title{font-size:44px;}
	.sub-title-box span.section-title{font-size:18px;}
}
@media all and (min-width:768px) and (max-width:991px){
	.page-title-bg{height:300px;}
}
@media (max-width: 991px) {
	.company-about .about-bx:nth-child(1) .img-bx{ 
		height:300px; 
		margin-bottom:20px;
	}
	.opg-img{ margin-top:40px; }

}
@media (max-width: 799px) {
	.company-location .row > div{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.company-location .row > div:nth-child(1){ margin-bottom:100px; }
}
@media (max-width: 768px) {
	.sub-content section{padding:100px 0;}
	.page-title .title-area h1 {font-size:40px;}
	.breadcrumb{display:none;}
	.sub-title-box h2.intro-title{font-size:36px;}
	.sub-title-box p.intro-text{font-size:18px;}
	.sub-title-box span.section-title{font-size:16px;}
	.analysis-service{padding-bottom:0 !important;}
	.news-press.latest-news .news-item{margin-top:30px;}
	.certificate-list .lower-content{padding-bottom:30px;}
	.latest-news .news-item .item-img{height:320px;}
	.analytics-org{padding-top:0 !important;}
	.curtain.left{ 
		-webkit-animation-name:cleft;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:0.8s;
		-moz-animation-name:cleft;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:0.8s;
		-ms-animation-name:cleft;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:0.8s;
		-o-animation-name:cleft;
		-o-animation-timing-function:linear;
		-o-animation-duration:0.8s;
		animation-name:cleft;
		animation-timing-function:linear;
		animation-duration:0.8s;
	}
	.curtain.right{ 
		-webkit-animation-name:cright;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:0.8s;
		-moz-animation-name:cright;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:0.8s;
		-ms-animation-name:cright;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:0.8s;
		-o-animation-name:cright;
		-o-animation-timing-function:linear;
		-o-animation-duration:0.8s;
		animation-name:cright;
		animation-timing-function:linear;
		animation-duration:0.8s;
	}

	.company-about .about-bx:not(:last-child){ margin-bottom:100px; }
}
@media all and (min-width:640px) and (max-width:767px){
	.page-title-bg{height:240px;}
}
@media (max-width: 767px) {
	.history-wrap .history-info .history-bx{ min-height:auto; }
	.opg-img{ margin-top:20px; }
}
@media (max-width: 640px) {
	.company-location .row > div:nth-child(1){ margin-bottom:80px; }
}
@media (max-width: 639px) {
	.company-header{ background-image:url("../img/page-header-m-01.jpg") !important; }
	.service-header{ background-image:url("../img/page-header-m-06.jpg") !important; }
	.news-header{ background-image:url("../img/page-header-m-03.jpg") !important; }
	.hr-header{ background-image:url("../img/page-header-m-04.jpg") !important; }
	.customer-header{ background-image:url("../img/page-header-m-05.jpg") !important; }
	.analysis-equipment .equipment-table table img{ width:100px; }
}
@media all and (min-width:576px) and (max-width:639px){
	.page-title-bg{ height:300px; }
}
@media (min-width: 576px) {
	.company-about .about-bx:nth-child(2) .img-bx img.m{ display:none; }  
}
@media (max-width: 575px) {
	.search-form{position:relative; left:0; bottom:0;}
	.search-form input{width:calc(100% - 40px); -webkit-width:calc(100% - 40px); -moz-width:calc(100% - 40px); -o-width:calc(100% - 40px);}
	.news-notice.latest-news .news-item{margin-top:30px;}
	.pagination li{margin:0;}
	.pagination li.prev-btn{margin-right:10px;}
	.pagination li.next-btn{margin-left:10px;}
	.latest-news .news-item .item-img{height:250px;}
	.location-info li{width:100%; padding:0;}

	.company-about .about-bx:nth-child(1) .img-bx{ height:250px; }
	.company-about .about-bx:nth-child(1) .img-bx img{ width:280px; }
	.company-about .about-bx:nth-child(1) .text-bx ul li ul .title{ display:block; }
	.company-about .about-bx ul li ul .txt{ 
		font-size:14px; 
		line-height:1.3;
		display:block;
	}
	.history-wrap .history-info .history-bx h4{ 
		font-size:24px;
		margin-bottom:4px;
	}
	.history-wrap .history-info .history-bx p{ font-size:14px; }
	.company-about .about-bx:nth-child(2) .img-bx img.pc{ display:none; }
	.history-wrap .history-info .history-bx{ padding:24px; }
	.company-location .root_daum_roughmap .wrap_map{ height:350px !important; }
	.company-location .location-info li{padding-left:0;}
	.company-location .location-info li span{ padding-left:20px; }
	.company-location .location-info li img{ width:14px; }
	.company-location h3{ 
		font-size:24px;
		line-height:1;
	}
	.company-location h3 span{ font-size:18px; }
}
@media all and (min-width:460px) and (max-width:575px){
	.page-title-bg{ height:240px; }
}
@media (max-width:459px) {
	.analysis-equipment .equipment-table table img{ width:80px; }
}
@media all and (min-width:380px) and (max-width:459px){
	.page-title-bg{ height:200px; }
}
@media (max-width: 400px) {
	.analysis-equipment .equipment-table{ 
		overflow-x:auto;
		overflow-y:hidden;
	}
	.analysis-equipment .equipment-table table{ 
		width:380px; 
		font-size:15px;
	}
}
@media (max-width: 380px) {
	.title-area .sub-menu .font-24{ font-size:16px !important; }
	.title-area .sub-menu li:nth-child(2n){ margin:0 4px; }

	.latest-news .news-item .item-img{height:230px;}

	.company-about .about-bx:nth-child(1) .img-bx{ height:180px; }
	.company-about .about-bx:nth-child(1) .img-bx img{ width:200px; }
	.history-wrap .history-info .history-bx{ padding:20px; }
	.company-location .root_daum_roughmap .wrap_map{ height:250px !important; }
	.company-location h3 span{
		display:block;
		padding-left:0;
		font-size:16px;
		margin-top:6px;
	}
	.company-location h3 span:before{
		position:relative;
		background-color:transparent;
	}
}
@media (max-width: 379px) {
	.page-title-bg{ height:160px; }
}
@media (max-width: 360px) {
	.analysis-equipment .equipment-table table{ width:300px; }
}






/* =====221209 수정 SH===== */
@media (max-width: 1230px){
	.auto-container{ max-width:100%; }
}
@media (max-width: 1199px){
	.history-wrap .row{ align-items:center; }
	.history-wrap .about-us-img{ width:calc( 100% - 60px ); }
	.history-wrap .history:before{ left:0;transform:translateX(0); }
	.history-wrap .history:after{ left:1px; }
	.history-wrap .history .history-item{ display:block;padding-bottom:35px; }
	.history-wrap .history .history-item:first-child{ padding-top:30px; }
	.history-wrap .history .history-item > div{ width:100%; }
	.history-wrap .history .history-item .history-top{ padding-right:0;padding-left:40px;text-align:left;margin-bottom:5px; }
	.history-wrap .history .history-item .history-top:before{ right:auto;left:-7px; }
	.history-wrap .history .history-item .history-top:after{ width:30px;left:-6px;right:auto; }
	.history-wrap .history .history-item .hisfory-con{ padding-left:40px; }
}
@media (max-width:991px){
	.analysis-system .process-info:first-child{ margin-top:40px; }
}
@media (max-width: 768px) {
	.intro-text .blue{ font-size:22px; }
}
@media (max-width: 767px) {
	.intro-text .blue{ font-size:22px; }
	.history-wrap .about-us-img{ max-width:100%; width: calc( 100% - 60px );position:relative;margin:0 0 40px;padding-bottom:65%; }
	.history-wrap .about-us-img > img{ position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;object-position: 50% 70%; }
	.analysis-system .system-process{ margin-left:-15px;margin-right:-15px; }
	.analysis-system .system-process > li{ padding:0 15px;width:50%; }
	.analysis-system .system-process > li:nth-child(1),.analysis-system .system-process > li:nth-child(2){ margin-bottom:30px; }
	.analysis-system .system-process > li:nth-child(2):before{ border:none; }
	.analysis-system .process-info:nth-child(2) img{ width:100%; }
}
@media (max-width: 575px) {
	.company-vision .intro-text br{ display:none; }
	.analysis-system .system-process > li:before{ width:12px;height:12px; }
	.analysis-system .system-process img{ width:50px; }
	.analysis-system .system-process h3{ font-size:16px; } 
	.history-wrap .about-us-img{ width: calc( 100% - 20px ); }
	.history-wrap .spinning-circle{ right:-20px; }
	.history-wrap .spinning-circle img{ width:100px; }
}

/* =====240821 추가 ===== */
@media (max-width: 500px) {
.main-header .menu-area { width: 100%;}

}