@charset "utf-8";


body {
	background: #595962;
}

.list_1, .list_2, .list_4 {
	opacity: 0.4;
	border-bottom: solid 1px rgba(255,255,255,0);
}

.list_1:hover, .list_2:hover, .list_4:hover {
	opacity: 1;
	border-color: rgba(255,255,255,1);
}


/*--------contents--------*/


.gallery_content {
	position: relative;
	max-width: 100%;
	width: 1394px;
	height: 100%;
	margin: 0 auto 181px;
}

.gallery_content::before {
    content: "";
    display: block;
    padding-top: 79.34002869440459%;
}

#ig {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-48.25479930191972%);
	-webkit-transform: translateX(-48.25479930191972%);
	max-width: 82.20946915351506%;
	width: 1146px;
	height: 100%;
}

.gallery_list {
	position: relative;
	float: left;
	max-width: 29.84293193717277%;
	width: 342px;
	height: auto;
	margin: 0 3.490401396160558% 3.490401396160558% 0;
	overflow: hidden;
}

.gallery_list::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.ig_pic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);	
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
}

.pic_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: all 210ms ease-in-out;
	-webkit-transition: all 210ms ease-in-out;
}

.pic_cover:hover {
	opacity: 1;
}