@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}


/*추가*/
.gallery_tit_box {margin-bottom:55px;}
.gallery_tit_box strong {font-size:32px; line-height:140%; font-weight:500;}
.gallery_tit_box strong b {display:block;}
.list-gallery{ margin-bottom:15px; padding-bottom:55px; border-bottom:1px solid #ddd;}
.list-gallery > li{ position:relative;  float:left; width:31.33333333333333%; margin-right:3%; margin-top:3%; }
.list-gallery > li > input{ position:absolute; top:20px; left:20px; z-index:11; }
.list-gallery > li:nth-child(3n+3){ margin-right:0%;}
.list-gallery > li:nth-child(-n+3){ margin-top:0%; }
.list-gallery > li a .img_box{ border:1px solid #ddd; padding-top:99%;  position:relative; overflow:hidden; margin-bottom:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.list-gallery > li a .img_box img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:100.5%; }
.list-gallery > li a .txt_box {padding-right:35px;}
.list-gallery > li a .txt_box strong {font-size:20px; line-height:130%; display:block; margin-bottom:20px;}
.list-gallery > li a .txt_box span {color:#333; font-size:16px; line-height:130%;}
.list-gallery > li a:hover .img_box,
.list-gallery > li a:focus .img_box {box-shadow:8px 8px 18px 0px rgba(0,0,0,0.2);}
.list-gallery > li a:focus .img_box {outline:2px solid red;}
.list-gallery > li a:hover .txt_box,
.list-gallery > li a:focus .txt_box {background-image:url("/skin/board/Basic-Board/img/list_plus_icon.png"); background-repeat:no-repeat; background-position:top right;}


@media all and (max-width:1024px){
	.gallery_tit_box {margin-bottom:25px;}
	.gallery_tit_box strong {font-size:24px;}
	.list-gallery {padding-bottom:35px;}

	.list-gallery > li{ width:48.5%; margin-right:3%; margin-top:3%; }
	.list-gallery > li:nth-child(3n+3){ margin-right:3%;}
	.list-gallery > li:nth-child(-n+3){ margin-top:3%; }
	.list-gallery > li:nth-child(2n+2){ margin-right:0%;}
	.list-gallery > li:nth-child(-n+2){ margin-top:0%; }

	/* .list-gallery > li a > .txt_box strong{  font-size: 18px;  margin-bottom:30px;  height:50px;  } */
	.list-gallery > li a > .txt_box span{ font-size:14px;  }

	.list-gallery > li a .img_box {margin-bottom:20px;}
	.list-gallery > li a .txt_box strong {font-size:18px; margin-bottom:10px;}
	.list-gallery > li a > .txt_box span {font-size:13px;}
	.list-gallery > li a .txt_box {padding-right:30px;}
}
@media all and (max-width:768px){
	/* .list-gallery > li a > .txt_box{ padding:0 20px; } */
	/* .list-gallery > li a > .txt_box strong{  font-size: 16px;  margin-bottom:20px;  height:45px;  } */
	.gallery_tit_box {margin-bottom:20px;}
	.gallery_tit_box strong {font-size:18px;}
	.list-gallery {padding-bottom:20px;}
	.list-gallery > li a .img_box {margin-bottom:15px;}
	.list-gallery > li a .txt_box strong {font-size:16px; margin-bottom:5px;}
	.list-gallery > li a > .txt_box span{ font-size:12px;  }
	
}
@media all and (max-width:480px){
	.list-gallery > li{ width:100%; margin-right:0%; margin-top:20px; }
	.list-gallery > li:nth-child(3n+3){ margin-right:0%;}
	.list-gallery > li:nth-child(-n+3){ margin-top:20px; }
	.list-gallery > li:nth-child(-n+2){ margin-top:0%; }
	.list-gallery > li:nth-child(-n+2){ margin-top:20px; }
	.list-gallery > li:nth-child(-n+1){ margin-top:0px; }
}