@charset "utf-8";



/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* ******************  About Innotech ********************** */
/* -------- 경영이념 -------- */
@media all and (max-width:1024px){		
	.ideology-list li .ideology-list-explain p{height:138px}
}
@media all and (max-width:800px){	
	.sub-page-tit{font-size:31px;}
	.sub-page-top p{font-size:17px; padding-top:13.5px}
	.sub-page-top p img{width: 100%;}
	.sub-page-top p br{display:none}
	.ideology-list-con{margin-top:39px}
	.ideology-list li{width:47.8%; margin:0 1.1% 30px}
	.ideology-list li .ideology-list-tit .ideology-list-icon{display:inline-block}
	.ideology-list li .ideology-list-tit p{height:35px; padding:3px 0}
	.ideology-list li .ideology-list-tit p strong{font-size:18px}
	.ideology-list li .ideology-list-tit .ideology-list-icon img{max-width:70%}
	.ideology-list li .ideology-list-tit strong{font-size:18px;  }
	.ideology-list li .ideology-list-explain p{font-size:14px; height:75px; padding:3% 3% 3px}
	.ideology-list li .ideology-list-explain .ideology-list-img img{width:100%}
}
@media all and (max-width:640px){		
	.ideology-list li .ideology-list-explain p{height:88px}
}
@media all and (max-width:480px){		
	.ideology-list{margin:0}
	.ideology-list li{width:100%; margin:0 0 30px;}
	.ideology-list li .ideology-list-tit p{height:auto !important; padding: 10px 0}
	.ideology-list li .ideology-list-explain p{height:auto !important; padding:3%}
}

/* -------- CEO인사말 -------- */
@media all and (max-width:1024px){	
	.ceo-banner-slogan span br{display:none}
}
@media all and (max-width:800px){		
	.ceo-top-banner .ceo-banner-slogan, .ceo-top-banner .ceo-banner-img{float:none; width:100%; height:250px}
	.ceo-top-banner .ceo-banner-slogan:after{padding-top:8%; margin-left:8%}
	.ceo-banner-slogan strong{font-size:14px;}
	.ceo-banner-slogan span{font-size:21px}
	.ceo-slogan-txt{margin:12% 8% 0 8%}
	.ceo-txt-con{background:url("../images/content/ceo_txt_con_bg.png") no-repeat 113% -95px; background-size:217px 226.8px; background-color:#f5f5f5}
	.ceo-txt-con .ceo-txt{font-size:15px; padding-bottom:27.5px; padding-right:0}
	.ceo-sign-con{padding-top:17.5px}
	.ceo-sign-con p{font-size:15px; padding-top:5px;}
	.ceo-sign-con p strong{font-size:20px; padding:0 6px 0 14px}
	.ceo-sign-con .ceo-sign-img{display:inline-block; width:126px; padding-top:5px}
	.ceo-sign-con .ceo-sign-img img{width:100%}
}
@media all and (max-width:480px){		
	.ceo-top-banner .ceo-banner-slogan, .ceo-top-banner .ceo-banner-img{height:525px}
	.ceo-top-banner .ceo-banner-img{display: none;}
}

/* -------- 연혁 -------- */
@media all and (max-width:800px){
	.history-top-tit{padding:30px 0 33px}
	.history-top-tit span{font-size:13px;}
	.history-top-tit h4{font-size:20px; padding-top:10px}
	.company-history-year {font-size:21px; line-height: 30px; top:-7px;}
	.company-history-info p {font-size:14px;}
}
@media all and (max-width:480px){
	.company-history{padding-top:25px;}
	.company-history:before{left:12px}
	.company-history-list-wrap{width:auto;}
	.company-history-info p {font-size:13px;}
	.company-history-info p:after{top:9px;}
	.company-history-year{font-size:18px}
	.company-history-year::after{width:27.3px; height:27.3px; margin-top:-13px; }
	.company-history-year::before{width:15px}
	.history-right .company-history-list-wrap .company-history-year::before{left:auto; right:100%; margin-left:0; margin-right:11px}
	.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:13px}
	.history-left .company-history-list-wrap .company-history-year::before{margin-right:11px}
	.history-left .company-history-list-wrap,
	.history-right .company-history-list-wrap{float:none; padding-left:80px; padding-right:0;}
	.history-left .company-history-list-wrap .company-history-year::after{margin-right:19px}
	.history-left .company-history-list-wrap .company-history-info,
	.history-right .company-history-list-wrap .company-history-info{text-align:left; padding-left:35px; padding-right:0}
	.history-left .company-history-list-wrap .company-history-info p::before{left:0}
	.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:0}
	.company-history-info p::before{top:9px}
	.history-left .company-history-list-wrap .company-history-info p{padding-right:0; padding-left:13px;}
	.history-left .company-history-list-wrap .company-history-info p::after { right:auto; left:0; margin-right:10px}
	.history-left .company-history-list-wrap .company-history-year,
	.history-right .company-history-list-wrap .company-history-year{left:0; right:auto; margin-right:0; margin-left:45px}
	.history-right .company-history-list-wrap .company-history-year:after{left:auto; right:100%; margin-left:0; margin-right:19px}
}

/* --------  주요고객사 -------- */
@media all and (max-width:800px){
	.partners-con-inner{margin-top:29.5px}
	.partners-sec{margin-bottom:34.5px}
	.partners-sec .partners-name{font-size:21px; padding-bottom:12.5px; padding-left:12px}
	.partners-sec .partners-name:before{height:15px; top:4px}
	.partners-list-style04 {margin:0 -3px 0 1px }
    .partners-list-style04 .partern-item{width:33.33%;}
	.partners-list-style04 .partern-item .parter-tit {height:40px;}
    .partners-list-style04 .partern-item .parter-tit h3 {font-size:13px; }
}
@media all and (max-width:480px){
    .partners-list-style04 {margin:0 -2px 0 1px }
    .partners-list-style04 .partern-item {width:50%;}
}

/* ******************  TECHNOLOGY ********************** */
/* -------- 연구개발 -------- */
@media all and (max-width:800px){		
	.technology-top-tit span{font-size:14px; padding-bottom:4px}
	.technology-top-tit h3{font-size:21px;}
	.technology-circle-img{margin:19px 0 81px}
	.technology-circle-img p{padding-top:15px; font-size:15px}
	.capabilities-list{margin:27px -1.7666% 0}
	.capabilities-list li .capabilities-list-txt{height:70px}
	.capabilities-list li .capabilities-list-txt p{font-size:14px}
	.software-capabilities{margin-top:82.5px}
	.software-capabilities .software-con{padding-top:27px}
}
@media all and (max-width:480px){		
	.technology-circle-img p br{display:none}
	.capabilities-list{margin:27px 0 0}
	.capabilities-list li{float:none; width:100%; margin:0 0 15px}
	.capabilities-list li .capabilities-list-txt{height:55px}
	.capabilities-list li .capabilities-list-img img{width:100%}
	.software-capabilities .software-con span:first-child,
	.software-capabilities .software-con span:last-child{float:none; display:inline-block; width:100%}
	.software-capabilities .software-con span:last-child{margin-top:10px}
}

/* -------- 주요설비 -------- */
@media all and (max-width:1220px){		
	.for-product-width,
	.for-quality-width{padding:6.4% 15px}
}

@media all and (max-width:800px){	
	.equipment-content .technology-circle-img{margin:19px 0 70px}
	.equipment-sub-tit{font-size:23px}
	.for-product-bg{margin-top:25.5px}
	.for-product-list li{width:46.66%}
	.for-product-list li .for-product-inner{height:135px}
	.for-product-list li .for-product-txt span{font-size:13px;}
	.for-product-list li .for-product-txt p{font-size:14px; padding-top:5px;}
	.for-product-list li .for-product-txt p strong{font-size:29px}
	.for-quality-con{margin-top:65px}
	.for-quality-con .cm-tab-container{margin-top:12px}
	.for-quality-tab-content{margin-top:13.5px}
	.for-quality-tab li{width:35%}
	.for-quality-tab li > a{font-size:14px; line-height:20px}
	.for-quality-list li .for-quality-middle{height:160px}
	.for-quality-list li .for-quality-inner .for-quality-txt{font-size:13px}
	.for-quality-list li .for-quality-inner .for-quality-icon span{display:inline-block;}
	.for-quality-list li .for-quality-inner .for-quality-icon span img{max-width:70%}
	.fool-proof-con .for-quality-list li .for-quality-inner .for-quality-txt{height:50px}
}
@media all and (max-width:480px){		
	.for-product-list{margin:0 0 -3.4%}
	.for-product-list li{width:100%; margin:0 0 3.4%}
	.for-product-list li .for-product-icon{width:35%; padding:0 3% 0 10.2%}
	.for-product-list li .for-product-txt{width:65%}
	.gauges-con .for-quality-list{margin:0 -1.85% -3.7%}
	.gauges-con .for-quality-list li{width:46.3%; margin:0 1.85% 3.7%}
	.fool-proof-con .for-quality-list li{width:44.3%}
}	

/* ******************  QMS ********************** */
/* -------- 품질보증 -------- */
@media all and (max-width:800px){
	.quality-con-slide{margin-top:16.5px}
	.quality-slide .slick-dots{margin-top:6.5px}
	.quality-top-txt{font-size:17px; padding-top:8.5px}
	.quality-management{margin-top:63px}
	.quality-sub-tit{font-size:23px;}
	.quality-management-img{padding:15px 0 11px}
	.quality-sub-con-txt{font-size:15px;}
	.environment-management{margin-top:62px}
	.environment-list{margin:18px -1.3% 14.5px; text-align:center}
	.environment-list li{float:none; display:inline-block; width:46%; margin:0 1.3% 2.6%}
	.environment-list li .environment-list-tit strong{font-size:16px; padding-left:10px; text-align:left}
	.environment-list li .environment-list-tit strong:before{height:12px; top:4px}
	.certification-status .certification-status-tit{padding:0 2% 30px}
	.certifi-list-style04{max-width:none; padding:0 15px}
	.certification-status{margin-top:49px; padding:31.5px 0 16.5px}
	/*.certifi-list-style04 > ul li{float:none; display:inline-block; width:31.33%; margin:0 2% 25px}*/
	.certifi-list-style04 > ul li{margin:0 3.0166% 25px}
    .certifi-list-style04 .certifi-tit{height:30px; line-height:30px; font-size:15px; padding-top:7px;} 
	.certification-status .certification-status-tit .certification-sub-txt{font-size:16px; padding-top:9px}
	.certification-more-btn{bottom:-19px}
	.certification-more-btn a{font-size:14px; width:150px; height:45px; line-height:45px}
	.certification-more-btn a .material-icons{font-size:17px; padding-left:30px}
}
@media all and (max-width:480px){
	.environment-list{margin:18px 0 14.5px; }
	.environment-list li{width:100%; margin:0 0 2.6%}
	.certifi-list-style04 > ul li{width:50%; float:none; display:inline-block}
}

/* -------- 실험 및 측정실 -------- */
@media all and (max-width:1220px){			
	.measuring-equipment-inner{padding:83px 15px}
}
@media all and (max-width:800px){		
	.measuring-room-con{margin-top:16.5px}
	.measuring-room-con .measuring-room-txt{font-size:17px; padding-top:17.5px}
	.measuring-room-equipment{margin-top:57.5px}
	.measuring-sub-tit{font-size:23px;}
	.measuring-equipment-wrap{margin-top:19px}
	.measuring-equipment-inner{padding:41.5px 15px}
	.measuring-equipment-list li{width:47%}
	.measuring-equipment-list li p span{font-size:13px;}
}
@media all and (max-width:480px){		
	.measuring-room-con .measuring-room-txt br{display:none}
	.measuring-equipment-list{margin:0 0 -3%}
	.measuring-equipment-list li{width:100%; margin:0 0 3%}
}	


/* ******************  QMS ********************** */
/* -------- 품질보증 -------- */
@media all and (max-width:1024px){	
	.talent-list li .talent-list-explain p span br{display:none}

}
@media all and (max-width:800px){	
	.talent-list-wrap{margin-top:35px;}
	.talent-list{margin:0 -1.4% -5%}
	.talent-list li{width:46.5%; margin:0 1.4% 4%}
	.talent-list li .talent-list-tit .talent-list-icon{display:inline-block;}
	.talent-list li .talent-list-tit .talent-list-icon img{max-width:70%}
	.talent-list li .talent-list-tit p{font-size:18px; height:56px;}
	.talent-list li .talent-list-explain p{font-size:14px; height:85px; padding-top:0}
	.talent-list li .talent-list-explain p span{vertical-align:middle}
	.guide-con{margin-top:82px}
	.guide-process{padding-top:31px}
	.guide-process span.guide-process-pc{display:none}
	.guide-process span.guide-process-mb{display:inline-block}
	.guide-apply-btn{margin-top:36.5px;}
	.guide-apply-btn a{font-size:14px; width:150px; height:45px; line-height:45px}
	.guide-apply-btn a i{padding-left:30px}
}
@media all and (max-width:480px){		
	.talent-list{margin:0 0 -25px}
	.talent-list li{width:100%; margin:0 0 25px}
	.talent-list li .talent-list-explain .ideology-list-img img{width:100%}
	.talent-list li .talent-list-tit p,
	.talent-list li .talent-list-explain p{height:auto; padding:15px 0}
}


/* -------- 복리후생 -------- */
@media all and (max-width:800px){		
	.welfare-con-img{margin-top:33.5px}
	.welfare-con-img .welfare-main-img img{max-width:90%}
	.welfare-con-img .welfare-move-circle{width:42%; margin-top:3px}
	.welfare-con-img .welfare-move-circle img{max-width:100%;}
}