@CHARSET "UTF-8";

/* 1차 솔루션 섹션 작업   by 안규태 사원 */
/* 2016 . 03 . 09 - pm 16:08  */

.solution_container{
	width:100%;
	height:600px;
	padding-top: 60px;
	background: url('../image/solution/bg.jpg');
	background-size: 100% 100%;
}

.solution_row{
	margin-top:140px;
	width:1270px;
	margin-left:auto;
	margin-right:auto;
	height:344px;
}

.solution_item1{
	width:325px;
	height:225px;
	border-radius : 50%;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    float:left;
    margin-left:6%;
    background:white;
    text-align: center;
}

.solution_item1:hover{
	/* border: 3px solid #03396c;  */
	cursor: pointer;
	/* background-color: rgba( 255, 255, 255, 0.7 );*/
}

.solution_bs{
	margin-top:80px;
}

.popup_img{
	width:380px;
	height:350px;
}

/* 이미지 슬라이드 트랜지션 효과 
#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:1270px){
	.solution_row{
		margin-top:50px;
		width:470px;
		height:300px;
	}
	.solution_item1{
		width:200px;
		height:200px;
	}
	.solution_item1{
		margin-top:20px;
	}
	.solution_bs{
		margin-top:70px;
	}
}

@media (max-width:470px){
	.solution_row{
		margin-top:50px;
		width:350px;
		height:300px;
	}
	.solution_item1{
		width:150px;
		height:150px;
	}
	.solution_item1{
		margin-top:20px;
	}
	.solution_bs{
		margin-top:50px;
	}
	
	.#small-dialog,#small-dialog2,#small-dialog3,#small-dialog4 {
		max-width: 310px;
	}
	
	.popup_img{
		width:300px;
	}
}

@media (max-width:1024px){
	.solution_container{
	background: url('../image/solution/bg_mobile.jpg');
	background-size: 100% 100%;
	}
}