@charset "euc-kr";

/* 
 * ÆÄÀÏ : masonry_white_v05.css
 * Á¾·ù : ¹ÝÀÀÇü¾Ù¹ü 
 * ºí·° : #grid_cloned
 * ¼³¸í : ¼­ºêÆäÀÌÁö ¹ÝÀÀÇü ¾Ù¹ü
*/


.grid05 {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	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 {
	padding: 0;
	margin: 1%;
	overflow: hidden;
}
/* fluid */
.grid05 .grid-sizer, .grid05 .grid-item { width: 18%; }
.grid05 .grid-item--width2 { width: 38%; }

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

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

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

/**/
.grid04 {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	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 {
	padding: 0;
	margin: 1%;
	overflow: hidden;
}
/* fluid */
.grid04 .grid-sizer, .grid04 .grid-item {width: 23%;}
.grid04 .grid-item--width2 { width: 48%; }



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

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

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

/**/
.grid03 {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	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 {
	padding: 0;
	margin: 1%;
	overflow: hidden;
}
/* fluid */
.grid03 .grid-sizer, .grid03 .grid-item { width: 31.32%; }
.grid03 .grid-item--width2 { width: 64.65%; }

@media (max-width:480px) {
.grid03 .grid-sizer, .grid03 .grid-item { width: 98%; }
.grid03 .grid-item--width2 { width: 98%; }
}

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

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

/**/
.grid02 {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	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 {
	padding: 0;
	margin: 1%;
	overflow: hidden;
}
/* fluid */
.grid02 .grid-sizer, .grid02 .grid-item { width: 48%; }
.grid02 .grid-item--width2 { width: 98%; }

@media (max-width:480px) {
.grid02 .grid-sizer, .grid02 .grid-item { width: 98%; }
.grid02 .grid-item--width2 { width: 98%; }
}

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

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

/**/
.grid01 {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	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 {
	padding: 0;
	margin: 1%;
	overflow: hidden;
}
/* fluid */
.grid01 .grid-sizer, .grid01 .grid-item { width: 48%; }
.grid01 .grid-item--width2 { width: 98%; }

@media (max-width:480px) {
.grid01 .grid-sizer, .grid01 .grid-item { width: 98%; }
.grid01 .grid-item--width2 { width: 98%; }
}

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

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

/* ±âŸ */

.gallery_subject font {
	display: none;
	visibility: hidden;
}
.grid-item > table .gallery_subject {
	font-weight: 600;
	position:  absolute;
	width:  100%;
	top: 50%;
}
.grid-item > table .gallery_subject .gallery_title {
	/* margin-top: 7px; */
	display: block;
	color: #6E6E6E;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	/* padding-top: 10px; */
	/* padding-right: 10px; */
	/* padding-left: 10px; */
	font-weight: 600;
	position:  absolute;
	width:  100%;
	color: rgba(255, 255, 255, 0);
	top: 50%;
	z-index: 22;
}
.grid-item > table:hover .gallery_subject .gallery_title { color: #ffffff; }

/* */
.grid-sizer > table, .grid-item > table {
    position: relative;
    overflow: hidden;
}
.grid-item > table:after {
	content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    top:0;
    left:0;
    transition: 0.3s;
}
.grid-item:hover > table:after {
	background-color: rgba(0, 0, 0, 0.8);
}
/* margin ¸ÔÈ÷°Ô ºí·°Ã³¸® */
.grid-item {
	border: 1px solid #ececec;
	display:block;
}
/* À̹ÌÁö °íÁ¤ */
#grid_cloned > .grid-item > table > tbody > tr:nth-child(1) > td {
	position:relative;
	overflow:hidden;
}
#grid_cloned > .grid-item > table > tbody > tr:nth-child(1) > td > a > img.album_img {
	transition: all 0.3s;
	
}
#grid_cloned > .grid-item:hover > table > tbody > tr:nth-child(1) > td > a > img.album_img {
	transform: scale(1.2, 1.2);
}

#grid_cloned .gallery_etc {
	display: none;
}