@CHARSET "UTF-8";

/* 1차 회사 섹션 작업   by 안규태 사원 */
/* 2016 . 03 . 09 - pm 14:22  */

/* 모바일쿼리작업   by 안규태 사원 */
/* 2016 . 03 . 18 - am 10:45  */

.company_container{
	width:100%;
	height:100%;
	background-color:#f4f2f2;
	padding-top: 50px;
}

.company_rows1{
	height:297px;
	width:451px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;	
	text-align: center;
}

.company_imgT{
	background:url('../image/company/1.png');
	background-size:1024px 244px;
	width:1024px;
	height:244px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.company_img{
	position:absolute;
	background:url('../image/company/hand.png');
	background-size:451px 297px;
	width:451px;
	height:297px;
	margin-left:auto;
	margin-right:auto;
}

.compnay_imgText{
	position:absolute;
	width:451px;
	height:297px;
	text-align: center;
	font-size:19pt;
	background:url('../image/company/web.png') no-repeat;
	background-size:402px 118px;
	background-position: center center;
	margin-left:auto;
	margin-right:auto;
}

.company_bin{
	width:100%;
	height:100px;
}


/*  PC : Outside,Inside,Vision  */
.company_rows2{
	width:750px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;	
}

.company_content1{
	width:270px;
	height:270px;
	border:2px solid #444444;	
	border-radius : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    float:left;
}

.company_posi{
	position:relative;
	z-index: 2;
	background-color:#f4f2f2;
}

.company_content_title{
	border-radius : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	text-align: center;
	font-size:17pt;
	background: #f4f2f2;
	color:#c70000;
	font-weight: bold;
	font-family: cabin;
}

.company_contents{
	color: #727272;
	font-size:11pt;
	text-align: center;
	margin-top:70px;
	line-height: 25px;
}

.company_c1{
	margin-left:-18px
}


/*  Mobile : Outside,Inside,Vision  */
.company_company_rows2_mobile{
	margin-top:60px;
	display:none;
}
.company_content_title_mobile{
	width:100%;
	height:auto;
	border-top:3px solid #eae9e9;
	line-height: 50px;
	text-align: center;
	margin-top:5px;
	color:#c70000;
	font-weight: bold;
	font-family: cabin;
}

.company_content_title_mobile1{
	width:100%;
	height:50px;
}

.company_content_title_mobile2{
	width:100%;
	height:auto;
	color:black;
	line-height: 25px;
	color:#313131;
	display:none;
	font-size:12pt;
	font-weight: normal;
}

.company_content_title_mobile:hover{
	cursor: pointer;
}


/* 이미지 슬라이드 트랜지션 효과 
#owl-demo{
    -webkit-transition:  all 2s linear 0s;
	-moz-transition:  all 2s linear 0s;
	-ms-transition:  all 2s linear 0s;
	-o-transition:  all 2s linear 0s;
	transition:  all 2s linear 0s;
}*/


/* 반응형 쿼리  */
@media (max-width:1024px){
	.company_rows2{
		width:800px;
	}
	.company_imgT{
		background:url('../image/company/1.png');
		background-size:800px 190px;
		width:800px;
		height:190px;
	}
}

@media (max-width:800px){
	.company_rows2{
		width:600px;
		height:300px;
	}
	.company_content1{
		width:220px;
		height:220px;
	}
	.company_content_title{
		font-size:15pt;
	}
	.company_imgT{
		background:url('../image/company/1.png');
		background-size:600px 140px;
		width:600px;
		height:140px;
	}
}

@media (max-width:800px){
	.company_rows2{
		display:none;
	}
	.company_company_rows2_mobile{
		display:block;
	}
	
	.company_rows1{
	height:250px;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;	
	text-align: center;
	}
	
	
	.company_img{
		position:absolute;
		background:url('../image/company/hand.png');
		background-size:350px 250px;
		width:350px;
		height:250px;
	}

	.compnay_imgText{
		position:absolute;
		width:350px;
		height:250px;
		text-align: center;
		font-size:19pt;
		background:url('../image/company/mobile.png') no-repeat;
		background-size:305px 91px;
		background-position: center center;
	}
}

/* 반응형 쿼리  */
@media (max-width:500px){
	.company_imgT{
		background:url('../image/company/1.png');
		background-size:400px 121px;
		width:400px;
		height:121px;
	}
}

@media (max-width:400px){
	.company_imgT{
		background:url('../image/company/1.png');
		background-size:300px 71px;
		width:300px;
		height:71px;
	}
}