@charset "euc-kr";

/* 
 * ÆÄÀÏ : webzine_masonry_white_v03a_event.css
 * Á¾·ù : ¹ÝÀÀÇü¾Ù¹ü À̺¥Æ®¿ë
 * ºí·° : #grid_cloned
 * ¼³¸í : ºí·Î±× ÇÑÁÙ 1°³ À̺¥Æ® ¹è³Ê¿ë-±×¸®µå Àû¿ëÁ¦¿Ü
*/
.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: 98%; position: relative; }
@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: 98%; display: inline-block;  }
}

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

/* ±âŸ */
.grid-item dd {
	border-bottom: 1px solid #eaeaea;
	padding: 2px 10px;
}
.grid-item .webzine_subject {
	text-align: center;
	/* padding-top: 10px; */
	padding-bottom: 7px;
}
.grid-item .news_title {
	color: #212529;
	padding: 0;
	font-size: 18px;
	display: inline-block;
	position: relative;
}


.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: 50%;
	position: relative;
	overflow: hidden;
	/* float: left; */
}
.webzine_type_text_td_left {
	background-color: #ffffff;
	padding: 0 15px;
}
.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);
}

@media (max-width:991px){
.grid-item .webzine_type_img_td, .webzine_type_text_td_left {
	float: left;
	width: 100%;
}
}