@charset "euc-kr";

/* 
 * ÆÄÀÏ : webzine_masonry_white_v01.css
 * Á¾·ù : ¹ÝÀÀÇü¾Ù¹ü 
 * ºí·° : #grid_cloned
 * ¼³¸í : ºí·Î±× »óÇϺи®Çü
*/
.grid-item {
	margin: 0 2% 2% 0;
	padding: 15px;
	overflow: hidden;
	border: 1px solid #f5f5f5;	
}
.grid-item:hover {
	-webkit-box-shadow: 3px 3px 10px #E8E8E8;
	box-shadow: 3px 3px 10px #E8E8E8;
}
.grid-item img { border:none !important;}
/* --------------------------------------------*/
.grid05 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid05 .grid-sizer, .grid05 .grid-item {}
/* fluid */
.grid05 .grid-sizer, .grid05 .grid-item { width: 18%; }

@media (max-width:480px) {
.grid05 .grid-sizer, .grid05 .grid-item { width: 48%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid05 .grid-sizer, .grid05 .grid-item { width: 31.32%; }
}

@media (min-width:768px) and (max-width:991px){
.grid05 .grid-sizer, .grid05 .grid-item { width: 23%; }
}

/**/
.grid04 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid04 .grid-sizer, .grid04 .grid-item {
	/* [disabled]padding-top: 10px; */
	padding-right: 10px;
	padding-left: 10px;
	/* [disabled]padding-bottom: 10px; */
	overflow: hidden;
}
/* fluid */
.grid04 .grid-sizer, .grid04 .grid-item { width: 23%; }



@media (max-width:480px) {
.grid04 .grid-sizer, .grid04 .grid-item { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid04 .grid-sizer, .grid04 .grid-item { width: 48%; }
}

@media (min-width:768px) and (max-width:991px){
.grid04 .grid-sizer, .grid04 .grid-item { width: 31.32%; }
}

/**/
.grid03 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid03 .grid-sizer, .grid03 .grid-item {}
/* fluid */
.grid03 .grid-sizer, .grid03 .grid-item {width: 31.32%;}
@media (max-width:480px) {
.grid03 .grid-sizer, .grid03 .grid-item { width: 100%; }

}

@media (min-width:481px) and (max-width:767px) {
.grid03 .grid-sizer, .grid03 .grid-item {width: 48%;}

}

@media (min-width:768px) and (max-width:991px){
.grid03 .grid-sizer, .grid03 .grid-item {width: 48%;}
}

/**/
.grid02 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid02 .grid-sizer, .grid02 .grid-item {}
/* fluid */
.grid02 .grid-sizer, .grid02 .grid-item { width: 48%; }
@media (max-width:480px) {
.grid02 .grid-sizer, .grid02 .grid-item { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid02 .grid-sizer, .grid02 .grid-item { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid02 .grid-sizer, .grid02 .grid-item { width: 48%; }
}

/**/
.grid01 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid01 .grid-sizer, .grid01 .grid-item {}
/* fluid */
.grid01 .grid-sizer, .grid01 .grid-item { width: 48%; }
@media (max-width:480px) {
.grid01 .grid-sizer, .grid01 .grid-item { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid01 .grid-sizer, .grid01 .grid-item { width: 48%; }
}

@media (min-width:768px) and (max-width:991px){
.grid01 .grid-sizer, .grid01 .grid-item { width: 48%; }
}

/* ±âŸ */
.grid-item .webzine_subject {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
}
.grid-item .news_title {
	color: #212529;
	padding: 15px 0;
	font-size: 18px;
	display: inline-block;
	position: relative;
}
.grid-item .news_title:after {
	content: "";
	position: absolute;
	bottom: 1px;
	width: 50px;
	height: 3px;
	left: 50%;
	transform:translateX(-50%);
	background-color: #212529;
}
.grid-item .webzine_description a { color: #6e6e6e; }
.grid-item:hover .webzine_description a { color: #434343; }
.grid-item .webzine_type_img_td, .webzine_type_text_td_left {
	width: 100%;
	position: relative;
	overflow: hidden;
	float: left;
}
.webzine_type_text_td_left {
	background-color: #ffffff;
}
.grid-item .webzine_type_img_td img { 
	transition: 0.3s ease;
	transform:scale(1.01, 1.01);
}
.grid-item:hover .webzine_type_img_td img {
	transform:scale(1.1, 1.1);
}