@charset "utf-8";
@import url(/common/skin/skin.common/skin.common.css);
@import url(/common/skin/skin.common/r_skin.common.css);

/* 반응형 갤러리게시판 ver1 */


/* ###################################### media 영역 ###################################### */

/* ======================================================================================= */
@media all and (max-width: 1024px) {
/* ======================================================================================= */
	/*############## List 시작 table~  list.head.skin.php, list.body.skin.php ###############*/
	/* list 너비 */
	.photo_row .photo_line_0, .latest_row .photo_line_1 { width: 33.33333333%; }
	.photo_row .photo_line_2 { width: 33.33333333%; }
	.photo_row .photo_line_3 { width: 33.33333333%; }
	.photo_row .photo_line_4 { width: 33.33333333%; }
	.photo_row .photo_line_5 { width: 33.33333333%; }
	.photo_row .photo_line_6 { width: 33.33333333%; }
	.photo_row .photo_line_7 { width: 33.33333333%; }
	.photo_row .photo_line_8 { width: 33.33333333%; }
	.photo_row .photo_line_9 { width: 33.33333333%; }
	.photo_row .photo_line_10 { width: 33.33333333%; }
	.photo_row .clear {clear: none;}
}


/* ======================================================================================= */
@media all and (max-width:767px) {
/* ======================================================================================= */	
	/*############## List 시작 table~  list.head.skin.php, list.body.skin.php ###############*/
	/* list 너비 */
	.photo_row .photo_line_0, .latest_row .photo_line_1 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_2 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_3 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_4 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_5 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_6 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_7 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_8 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_9 { width: 50%; padding: 0 0.6rem;}
	.photo_row .photo_line_10 { width: 50%; padding: 0 0.6rem;}	
}


/* ======================================================================================= */
@media all and (max-width:480px) {
/* ======================================================================================= */	
	/*############## List 시작 table~  list.head.skin.php, list.body.skin.php ###############*/
	/* list 너비 */
	.photo_row .photo_line_0,
	.photo_row .photo_line_1,
	.photo_row .photo_line_2,
	.photo_row .photo_line_3,
	.photo_row .photo_line_4,
	.photo_row .photo_line_5,
	.photo_row .photo_line_6,
	.photo_row .photo_line_7,
	.photo_row .photo_line_8,
	.photo_row .photo_line_9,
	.photo_row .photo_line_10 {
		padding: 0 0.4rem;
	}


	/* list 이미지 */
	.photo_list .photo_img img.no_img {
		/* display: none; */
	}
	
}

@media all and (max-width:360px) {
.photo_row .photo_line_4{width:100%}
}


.cate_list{max-width:32rem;width:100%;margin:0 auto 2rem;display:flex;flex-wrap:wrap;justify-content:center}
.cate_list li{width:49%;height:5rem;margin-right:2%;font-weight:500;font-size:2rem;line-height:5rem;text-align:center;color:#333}
.cate_list li:first-child{display:none}
.cate_list li:last-child{margin-right:0}
.cate_list li a{display:block;width:100%;height:100%;border:1px solid #ddd;border-radius:5rem;background:#f7f7f7;color:#333;transition:all .3s}
.cate_list li a.hover, .big_cate li a:hover{border-color:#0858a3;background:#0858a3;color:#fff}