@charset "utf-8";
/* CSS Document */


/* 기계 슬라이드 */
#products{
    margin:0; padding:0; 
    text-align:center; 
}
#products>p{margin:10px 0px;}
#products>h1{
	margin-top:0px;
    font-size: 30px;
    font-family: "Noto Sans KR",sans-serif;
    font-weight: 900;
	}
#products .contents {
    width: 860px;
    height: 240px;
    position:relative;
	margin:20px auto;
	overflow:hidden;
}
#products .contents ul{
	width: 1278px;
    position: absolute;
    left: -213px;
	padding:0px;
	}
#products .contents li{
    float:left;
	list-style:none;
	width: 153px;
    height: 190px;
    margin: 0px 30px;
}
#products .contents li a{
    width:180px; height:200px;
	display: block;
	text-decoration:none;
	color:#000;
	transition:all 0.5s; 
	padding:5px;
	box-sizing:border-box;
}
#products .contents li a:hover{
	background-color:#cccccc;
	box-shadow: 3px 3px 3px gray;
	}
#products .contents li h5{font-size:19px; margin:0;}
#products .contents li p{font-size:14px; margin:0;}	
#products .left{
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translateY(50%);
	cursor:pointer;
	}
#products .right{
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(50%);
	cursor:pointer;
	}
	
/* 회사소개 멘트 */
#about{
    width: 1000px;
    margin: auto;
    position: relative;
    }
#about .text{
	width:470px;
	height:292px;
	position:absolute;
	top:0px; right:10px;
	}	
#about .text h1{
	margin: 0px;
    font-size: 28px;
	font-family:"Noto Sans KR";
	}	
#about .text h1 .si{font-size:24px; font-weight:normal;}
#about .text h1 .co{color:#c4161c;}	
#about .text p{
	font-size: 16px;
    margin-top: 40px;
    line-height: 2;
	}
#about .text a{
	display: block;
    width: 105px;
    height: 40px;
    background-color: #c4161c;
    padding: 7px 23px;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;	}