@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-07-24
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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; }
}
/* ******************  회사소개 ********************** */

/* ----------------  회사소개 :: CEO 인사말 -------------------- */

@media all and (max-width:800px){
	.ceo-tit-box {float:none; width: 100%;}
	.ceo-tit-box .ceo-tit {font-size: 23px; margin-bottom:10px; }
	.ceo-tit-box .ceo-tit-txt {font-size: 15px; line-height:24px; }
	.ceo-tit-box .ceo-tit-txt:after { width: 22px; margin-top: 15px;}
	.ceo-tit-box .ceo-txt-box .ceo-txt {font-size: 14px; line-height: 22px; margin-top: 10px;}
	.ceo-tit-box .ceo-sign-box .ceo-sign { font-size: 16px;  padding-top: 10px; margin-top: 10px;}
	.ceo-tit-box .ceo-sign-box .ceo-sign span {font-size: 19px; }
	.ceo-img-box {float:none; width: 100%;padding-top:0px; margin-bottom: 25px;text-align:center}
	.ceo-img-box span:before {display:none;}
	.ceo-img-box span img {max-width:70%;}
}
/* ----------------  회사소개 :: 회사개요 -------------------- */
@media all and (max-width:800px){
	.summary-img {float:none; width: 100%;}
	.summary-tbl-box {float:none;width:100%; padding-left: 0; margin-top: 20px;}
	.summary-tbl-box .summary-tbl tr th {  font-size: 14px; height:35px; }
	.summary-tbl-box .summary-tbl tr td {font-size:13px;} 
	.summary-tbl-box .summary-tbl tr td ul li {line-height:22px;}
	.summary-tbl-bottom{padding:6px 0 8.5px 5px}
	.summary-tbl-bottom p{font-size:14px;padding-bottom:7.5px;}
}

/* ----------------  회사소개 :: 비전 -------------------- */
@media all and (max-width:900px){
	.vision-top-box { height:240px; }
	.vision-top-inner {height:210px; }
	.vision-top-inner .vision-top-logo img {width:70%;}
	.vision-top-inner .vision-top-txt-wrap .vision-top-tit {font-size: 25px;}
	.vision-con {margin-top: 35px; }
	.vision-con-tit-box .vision-con-tit {font-size: 18px; margin-bottom: 10px;}
	.vision-con-tit-box .vision-con-tit-txt {font-size: 15px; }

	.vision-con-box {margin-top: 20px; padding: 15px; }
	.vision-con-box ul {margin: 0;}
	.vision-con-box ul li {float:none; width:100%; margin: 0 0 20px;  padding: 30px 0; }
	.vision-con-box ul li .vision-con-icon {margin-bottom: 25px; }
	.vision-con-box ul li .vision-con-icon img {max-width:25%;}
	.vision-con-box ul li .vision-con-txt {font-size: 15px;  padding-top: 12px;}
	.vision-con-box ul li .vision-con-txt-sub {font-size: 14px; margin-top: 8px;}

}
/* ----------------  회사소개 :: 연혁 -------------------- */
@media all and (max-width:800px){
    .history-top-box {height:210px; }
	.history-top-inner {height:180px;} 
	.history-top-inner .history-top-logo img {max-width:60%;}

	.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:before{left:10px}
	.company-history:after {position:absolute;  left:10px; margin-left: -2.5px; bottom:0; width: 5px; height:5px; }

    .company-history-list-wrap{width:auto; margin-top: 40px;}
    .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:6px; height:6px; border-width:1px; margin-top:-4px; }

    .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-info,
    .history-right .company-history-list-wrap .company-history-info{text-align:left; padding-left:15px; padding-right:0}

    .history-left .company-history-list-wrap .company-history-info p{padding-right:0; padding-left:20px;}
    .history-left .company-history-list-wrap .company-history-info p::after { right:auto; left:0; }
	.history-right .company-history-list-wrap .company-history-info p{text-align: left;padding-left: 20px; padding-right:0}
	.history-right .company-history-list-wrap .company-history-info p::after {left:0; right:auto;}
    .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:25px}
    .history-right .company-history-list-wrap .company-history-year:after{left:auto; right:100%; margin-left:0; margin-right:10px}
	.history-left .company-history-list-wrap .company-history-year::after {margin-right:10px;}

}
/* ----------------  회사소개 :: 오시는길 -------------------- */
@media all and (max-width:800px){
	/* 상단 버튼 */
	.location-btn-box ul li { width: 30%; margin:0 1.25%; }
	.location-btn-box ul li span {height: 40px; width:100%;}
	.location-btn-box ul li span em { font-size:15px; }
	.location-btn-box ul li span em i {margin-right: 3px; font-size:16px; }
	/* 지도 */
	.location-map-box {margin-top:30px;} 
	.location-map-inner {width: 100%;}
	.location-map-inner.map-left {float:none;}
	.location-map-inner.map-right {float:none; margin-top: 40px;}
	.location-map-inner .map-tit{font-size:15px; } 
	.location-map-inner .map-tit span {height: 30px;}
	/* 지도정보  */
	.location-map-info {margin-top: 20px;}
	.location-map-info .location-info-tbl tr th {font-size: 14px; height:35px; line-height: 22px;}
	.location-map-info .location-info-tbl tr td {font-size: 14px; line-height: 22px;}
}
@media all and (max-width:480px){
	.location-btn-box ul li { width: 100%; margin:0 0 5px; }
}
/* ----------------  회사소개 :: 파트너 -------------------- */

/* ----------------  테스트센터 :: 파우더테스트 -------------------- */
@media all and (max-width:800px){
	.test-center-top p{font-size:14px;padding-top:11.5px}
	.test-center-top p br{display:none}
	.powder-processing{padding:55.5px 0 47px}
	.powder-processing .powder-processing-tit{top:-10px;}
	.powder-processing .powder-processing-tit h3{font-size:18px;padding:0 13.5px}
	.powder-processing .powder-processing-img{padding:25px 10px 22.5px}
	.test-center-subTit{font-size:16px;padding-left:10.5px}
	.test-center-subTit:before{width:7px;height:2px;top:8px}
	.test-center-numTit{font-size:15px;padding-bottom:9px}
	.test-center-numTit strong{padding-right:4.5px}
	.test-center-flow .testing .test-center-flow-img{padding:17.5px 19.5px 16.5px 18.5px}
	.test-center-flow .toll-processing .test-center-flow-img{padding:15px 19.5px 19px 18.5px}
	.test-center-flow .testing{padding-top:13.5px}
	.test-center-flow .toll-processing{padding-top:30px}
	.main-equipment{padding-top:49.5px}
	.main-equipment .main-equipment-content{padding-top:10px}
	.main-equipment .main-equipment-img{display:none}
	.main-equipment .main-equipment-txt ul{margin:-1.5%}
	.main-equipment .main-equipment-txt ul li{width:30.333%;margin:1.5%;font-size:15px}
	.main-equipment-chart .selection-chart-name{font-size:15px;padding-bottom:14px}
	.test-center-btn{padding-top:40px}
	.test-center-btn span{font-size:15px;width:130px;margin: 0 1.4%}
	.test-center-btn .test-center-question a{padding: 10.5px 13px 10.5px 0;background: url("/images/icon/testCenter_question.png") no-repeat 81% center ;background-size:12px 12px}
	.test-center-btn .test-center-download a{padding: 10.5px 13px 10.5px 0;background: url("/images/icon/testCenter_download.png") no-repeat 81% center ;background-color:#bc171d;background-size:10px 13px}
}
@media all and (max-width:480px){	
	.main-equipment .main-equipment-img{display:none}
	.main-equipment .main-equipment-txt ul li{width:47%;margin:1.5%;font-size:15px}
	.main-equipment-chart{margin-top:40px;padding:13.5px 0 16px}
	.main-equipment-chart .selection-chart1, .main-equipment-chart .selection-chart2{float:none;width:100%;margin:0 0 45px;text-align:center}
	.main-equipment-chart .selection-chart:last-child{margin:0;}
	.main-equipment-chart{padding:13.5px 20px}
	.main-equipment-chart span img{max-width:70%}
}
/* ----------------  테스트센터 :: LAB 서비스 -------------------- */
@media all and (max-width:1024px){	
	.red-bottom-box .red-bottom-box-list{text-align:center}
	.red-bottom-box .red-bottom-box-list li{float:none;display:inline-block;width:23.4%;margin:0.8%;}
}
@media all and (max-width:800px){	
	.red-bottom-box{padding-top:48.5px}
	.red-bottom-box .red-bottom-box-list .red-bottom-box-num{font-size:13px;padding:14px 0 18px}
	.red-bottom-box .red-bottom-box-list .red-bottom-box-content{padding-bottom:18.5px}
	.red-bottom-box .red-bottom-box-list .red-bottom-box-content .red-bottom-box-img{margin-bottom:40px}
	.red-bottom-box .red-bottom-box-list .red-bottom-box-content span img{max-width:70%}
	.red-bottom-box .red-bottom-box-list .red-bottom-box-content p{font-size:14px;}
	.standard-specification{padding-top:29.5px}
	.standard-specification .standard-specification-content{padding:20px 10px;margin-top:15px}
	.standard-specification .standard-specification-txt{padding-top:21px}
	.standard-specification .standard-specification-txt p{font-size:14px;padding:5.5px 21.5px;border-radius:19px}
	.standard-specification .standard-specification-content span img{max-width:70%}
}
@media all and (max-width:480px){	
	.red-bottom-box .red-bottom-box-list{text-align:inherit}
	.red-bottom-box .red-bottom-box-list li{width:47.7%}
}
/* ----------------  테스트센터 :: 분체트러블 대책 -------------------- */
@media all and (max-width:800px){	
	.blow-disk .test-center-top{padding-bottom:25px;}
	.blow-disk .test-center-top span{padding-bottom:14px}
	.blow-disk .test-center-top p{padding-top:10px}
	.blow-disk-video{width:100%;height:250px;padding-top:28px}
	.blow-disk-spec{padding-top:18.5px}
	.blow-disk-spec .test-center-subTit{padding-bottom:15.5px;}
	.blow-disk-spec .spec-table{padding-top:4.5px}
	.spec-table .spec-tbl tr th,
	.spec-table .spec-tbl tr td{font-size:14px;padding:7.5px 0 5.5px}
	.spec-table .spec-table-txtList{padding-top:5.5px}
	.spec-table .spec-table-txtList p{font-size:14px;padding-left:6px;margin-left:4.5px}
	.spec-table .spec-table-txtList p:before{width:2px;height:2px;top:12px}
	.blow-disk-spec .spec-list-controller{padding-top:25px}
	.blow-disk-character{padding-top:38.5px}
	.blow-disk-character .blow-disk-character-inner{padding:19.5px 5px 20.5px 15px;margin-top:12.5px}
	.blow-disk-character .blow-disk-character-list li{padding-bottom:16px}
	.blow-disk-character .blow-disk-character-list li div{font-size:12px;}
	.blow-disk-character .blow-disk-character-list li div strong{padding-left:5px;}
	.blow-disk-character .blow-disk-character-list li div strong:after{width:25px;height:25px;top:-3px;}
	.blow-disk-character .blow-disk-character-list li p{font-size:14px;padding-left:16px}
	.blow-disk-application{padding-top:50px}
	.blow-disk-application .blow-disk-application-txt{margin-top:14px}
	.blow-disk-application .blow-disk-application-txt p{font-size:15px;padding:11px 16px 12px}
}

/* ----------------  수탁가공 :: 분체수탁가공 -------------------- */
@media all and (max-width:1024px){	
	.processing .red-bottom-box .red-bottom-box-list li{float:none;display:inline-block;width:28%;margin:0.8%;}
}
@media all and (max-width:800px){	
	.processing .red-bottom-box .red-bottom-box-list .red-bottom-box-txt span{margin-bottom:0}
	.processing .red-bottom-box .red-bottom-box-list .red-bottom-box-img{margin-bottom:24.5px}
	.processing-bottom-flow{padding-top:50px}
	.processing-bottom-flow .processing-bottom-img{padding:19px 5px 13.5px;margin-top:14px}
	.processing-bottom-flow .processing-bottom-img span img{max-width:70%}
}
@media all and (max-width:480px){	
	.processing .red-bottom-box .red-bottom-box-list li{width:47.7%;margin:0.8%;}
}

/* ----------------  수탁가공 :: 어플리케이션 -------------------- */
@media all and (min-width:800px){	
	.application-list .application-list-inner li:hover .application-list-tit{opacity:0}
	.application-list .application-over:hover{opacity:1}
}
@media all and (max-width:1024px){	
	.application-list .application-over .application-over-inner p{font-size:24px}
}
@media all and (max-width:800px){	
	.application-list .application-list-tit{font-size:20px;}
}
@media all and (max-width:480px){	
	.application-list .application-list-inner li{width:45.5666%;}
}

/* ----------------  고객지원 :: 업무담당자 -------------------- */
@media all and (max-width:1220px){	
	.manager .manager-list .manager-list-inner{margin:-1.8%}
	.manager .manager-list .manager-list-inner li{float:left;width:29.7333%;margin:1.8%;}
}
@media all and (max-width:800px){	
	.manager .manager-tit{font-size:19px;padding-bottom:13.5px}
	.manager .manager-list .manager-list-inner{margin:-1.4%}
	.manager .manager-list .manager-list-inner li{float:left;width:47.2%;margin:1.4%;}
	.manager .manager-list-inner li .manager-list-img{display:inline-block}
	.manager .manager-list-inner li .manager-list-img span{display:inline-block;}
	.manager .manager-list-inner li .manager-list-img{width:100%}
	.manager .manager-list-inner li .manager-list-img span{width:100%}
	.manager .manager-list-inner li .manager-list-img img{width:100%}
	.manager .manager-list-inner li .manager-list-txt{padding:12.5px 24px 30px}
	.manager .manager-list-inner li .manager-list-txt h4{font-size:15px;padding-bottom:9px;margin-bottom:9px}
	.manager-list-txt-inner dl{padding-bottom:9.5px;}
	.manager-list-txt-inner dl dt{font-size:13px;width:69.7px}
	.manager-list-txt-inner dl dt span{padding-right:4.5px}
	.manager-list-txt-inner dl dd{font-size:14px;width: calc( 100% - 69.7px );}
}
@media all and (max-width:480px){	
	.manager .manager-list .manager-list-inner{margin:0}
	.manager .manager-list .manager-list-inner li{float:none;width:100%;margin:0 0 4%;}
	.manager .manager-list-inner li .manager-list-img{width:100%}
	.manager .manager-list-inner li .manager-list-img img{width:100%}
	.manager-list-txt-inner{display:inline-block;position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
}