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

.blog-page-close-090 .close-btn { text-decoration: none; transition:0.5s all;
		-webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}
	
.blog-area-090 { padding: 0 4.5rem;}
	.blog-box-090 {position: relative;}
			.blog-box-090 .blog-top-pic { position: absolute; width: 50%; height: 100%; background: #eee no-repeat center center; background-size: cover; z-index: 1;}
				.blog-box-090.right .blog-top-pic { right: 0;}
		    	.blog-box-090 .blog-con-box { }
				
				.blog-box-090.right .blog-con-box.news { display: table; width: 100%; padding-right: 55%; min-height: 500px;}
					.blog-box-090.right .blog-con-box.news .blog-con { display: table-cell; vertical-align: middle;}
				
				.blog-box-090 .blog-con { color: #4c6c77; padding: 4rem 0; font-weight: 600;}
				.blog-box-090.right .blog-con { margin-right: 55%;}
				.blog-box-090.left .blog-con { margin-left: 55%;}
					.blog-box-090 .blog-more { display: inline-block; color: #fff; background-color: #5e8991; margin-top: 4rem; padding: 1rem 2rem;}
					.blog-box-090 .blog-more:hover { background: #f1d388; }
					
				.blog-box-090 h2.title { margin-bottom: 2rem;}
				


@media (max-width: 1023px){
	
	.blog-area-090 { padding: 0 2rem;}
	
	.blog-box-090.right .blog-con-box.news { min-height: unset;}
	
	.blog-box-090 .blog-top-pic { position: relative; display: block; width: 100%; height: auto; padding-bottom: 45%; margin-bottom: 2rem;}
	.blog-box-090 .blog-con, .blog-box-090.right .blog-con-box.news { margin: 0 !important; padding: 0;}
	
}

@media (max-width: 768px){
	.blog-area-090 { padding: 0 1rem;}
}