@charset "utf-8";

#contents01{margin:40px auto 0; text-align: center;}
#contents01 h1{font-size:25px; font-weight:300;}
#contents01 p{margin:20px auto 0; width:80%;}

#contents02{margin:50px 0 50px 0;}
#contents02 h4{text-align: center;position: relative;margin-bottom: 40px;}
#contents02 h4:before {
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 130px;
height: 2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #E1E1E1;
border-radius: 2px;
}
#contents02 span{display: block;text-align: center;margin-top:10px; font-size:14px;}
#contents02 p{font-size:14px;}
#contents02 .article_l{width:320px; height:365px; margin-right:30px; border: 1px solid #C8C8C8; border-radius: 3px; padding:12px 17px; box-sizing: border-box;}
#contents02 .article_r{height:365px; border: 1px solid #C9C9C9; border-radius: 2px; padding:12px 17px; box-sizing: border-box;}
#contents02 .article_l:hover,#contents01 .article_r:hover{border: 1px solid #8A8A8A;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;}
#contents02 .article_l img,#contents02 .article_r img{width:100%; margin-bottom:10px;}