/*장비보유현황*/
#mechanical {width: 100%; margin: 100px 0;}
.mechanical {width: 1200px; margin: 100px auto;}
.mechanical table {width: 100%; border-collapse: collapse;}
.mechanical table th.th_01 {width: 40%;}
.mechanical table th.th_02 {width: 20%;}
.mechanical table th.th_03 {width: 20%;}
.mechanical table th.th_04 {width: 20%;}
.mechanical table thead tr {background-color: #0a4e98; color: #fff; height: 40px;}
.mechanical table tbody th {border-bottom: 1px solid #eee; line-height: 40px;}

/*거래실적현황*/
#transaction {width: 100%; margin: 100px 0 200px;}
.transaction {width: 1200px; margin: 100px auto;}
.transaction table {width: 100%; border-collapse: collapse;}
.transaction table th.th_01 {width: 30%;}
.transaction table th.th_02 {width: 70%;}
.transaction table thead tr {background-color: #0a4e98; color: #fff; line-height: 40px;}
.transaction table tbody th {border-bottom: 1px solid #eee; line-height: 30px; padding: 20px 0;}

.transaction_brand {width: 1200px; margin: 0 auto;}
.transaction_brand strong {display: block; font-size: 30px; font-weight: 600;  padding-bottom: 30px; margin: 150px 0 0;}
.transaction_brand ul {width: 100%; display: block; border: 1px solid #eee;}
.transaction_brand ul li {float: left; width: 25%; margin-top: 30px ;}
.transaction_brand ul li img {width: 100%;}

/*공장구조*/
#factory {width: 100%; margin: 100px 0 200px;}
.factory {width: 1200px; margin: 100px auto;}
.factory table {width: 100%; border-collapse: collapse;}
.factory table th {border: 1px solid #eee;}
.factory table th:first-child {background-color: #0a4e98; color: #fff; line-height: 30px;}

.factory_layout {width: 1200px; margin: 0 auto;}
.factory_layout_img {width: 100%; height: auto; background-color: #0a4e98;position: relative;margin-top: 30px;}
.factory_layout_img img {width: 1200px; position: relative; transition: .3s; top:0; left: 0;}

/*인증서*/
#certificate {width: 100%; margin: 100px 0;}
.certificate {width: 1200px; margin: 100px auto;}
.certificate ul {width: 100%; text-align: center; border: 1px solid #ddd;}
.certificate ul li {width: 250px; margin: 50px; display: inline-block; vertical-align: top;}
.certificate ul li img {width: 100%; box-shadow: 5px 5px 10px rgba(0,0,0,.2);display: block; transition: .3s}
.certificate ul li img:hover {transform: scale(1.05)}
.certificate ul li h1 {display: block; margin-top: 20px; font-size: 16px;}

.certificate_view {position: fixed; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(0,0,0,.6);top:0; display: none;}
.certificate_view img {height: 70%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%)}

@media (max-width: 1199px) {
	/*장비보유현황*/
	#mechanical {margin: 50px 0;}
	.mechanical {width: 100%; margin: 50px 0;}
	.mechanical table {font-size: 12px;}
	.mechanical table tbody th {line-height: 20px; padding: 5px 15px;}
	
	/*거래실적현황*/
	#transaction {margin: 50px 0;}
	.transaction {width: 100%; margin: 50px 0;}
	.transaction table {font-size: 12px;}
	.transaction table tbody th {line-height: 20px; padding: 5px 15px;}
	.transaction_brand strong {margin-top: 50px;}
	.transaction_brand {width: 100%;}
	.transaction_brand strong {width: 100%; padding: 0 30px 10px; font-size: 30px; text-align: center;}
	
	/*공장구조*/
	#factory {margin: 50px 0;}
	.factory {width: 100%;margin: 50px 0;}
	.factory table {font-size: 12px;}
	.factory_layout {width: 100%;}
	.factory_layout_img {width: 100%;}
	.factory_layout_img img {width: 100%;}
	
	/*인증서*/
	#certificate {margin: 50px 0 0;}
	.certificate {width: 100%; margin: 50px 0;}
	.certificate ul li {width: 25%; margin: 3%;}
	.certificate_view img {width: 60%; height: auto;}
}

@media (max-width: 767px) {
	/*거래실적현황*/
	.transaction_brand strong {font-size: 20px;}
	.transaction_brand ul {padding: 0 10%;}
	.transaction_brand ul li {width: 50%; text-align: center;}
	.transaction_brand ul li img {width: 100%;}
	

	/*공장구조*/
	.factory_layout_img {overflow: hidden; overflow-x: scroll;}
	.factory_layout_img img {width: 800px;}
	
	/*인증서*/
	.certificate ul li {width: 35%; margin: 20px 20px;}
	.certificate ul li h1 {font-size: 12px;}
	.certificate_view img {width: 70%}
}