/*Gallery*/
.boardGalleryContainer { position:relative; color:#333;    margin:0 auto; }
.boardGalleryContainer select {  }
.boardGalleryContainer fieldset { border:none; }
.boardGalleryContainer fieldset legend { display:none; }
.boardGalleryContainer a { color:#333; text-decoration:none; }
.boardGalleryContainer a:hover {  }
.boardGalleryContainer img { border:none; vertical-align:middle; }
.boardGalleryContainer .boardList { overflow:hidden;  }
.boardGalleryContainer .boardListHead {display:flex; align-items: baseline; justify-content: space-between; line-height:0; margin-bottom:1.5rem; font-size:0.85rem;}
.boardGalleryContainer .boardListTitle {font-size:0.9rem; font-weight:normal; color:#898989;}
.boardGalleryContainer .boardListTitle strong{color:#2578D6;}
.boardGalleryContainer .boardListRightTitle {text-align:right; }
.boardGalleryContainer .boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; }
.boardGalleryContainer .boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; }
.boardGalleryContainer .boardListRightTitle form.categoryForm fieldset legend { display:none; }
.boardGalleryContainer .boardListRightTitle form.categoryForm select{min-width:7.5rem;font-size:15px; height:35px; line-height:35px;}
.boardGalleryContainer .manageButton{margin-top:1rem; font-size:0.7rem;}

.boardGalleryContainer .boardSearch {}
.boardGalleryContainer .boardSearch form { margin:0; padding:0; }
.boardGalleryContainer .boardSearch form fieldset{ display:flex; align-items: center; margin:0; }
.boardGalleryContainer .boardSearch select{border:1px solid #ddd; border-right:none; border-radius:0; line-height:3rem; height:3rem;color:#464646; width:100px; vertical-align:top; box-shadow:none;}
.boardGalleryContainer .boardSearch input[type="text"] { border:1px solid #ddd; border-left:none; border-right:none; height:3rem; width:calc(100% - 140px);  margin:0; vertical-align:top; box-shadow:none;}
.boardGalleryContainer .boardSearch input[name="btn_submit"]{width: 3rem; background:#2578D6 url('/images/default/content/ico_srch.png') no-repeat center center;text-indent:-9999px; color: #fff; height: 3rem; line-height:3rem; outline: none; border: none; vertical-align: middle; text-align: center; cursor: default; cursor: pointer; border-radius:0;}

@media (max-width:767px){
.boardGalleryContainer .boardListHead {flex-direction:column-reverse; align-items: stretch; flex-wrap: wrap;}
.boardGalleryContainer .boardSearch{flex-basis:100%;  margin-bottom:30px;}
.boardGalleryContainer .boardListTitle{font-size:0.85rem;}

}


/*갤러리 리스트*/
.galleryList{position:relative; border-top:1px solid #414141; padding-top:1.5rem;}
.galleryList ul{display:flex; flex-wrap: wrap; margin:-1.5%;}
.galleryList ul li{flex-basis: 30.33%; margin:1.5%;}
.galleryList ul li a{display:block; border:1px solid #DFDFDF; padding:1.3rem 1.3rem 2rem; }
.galleryList ul li a .gimg{overflow:hidden; position:relative; border-bottom:none; margin-bottom:0;}
.galleryList ul li a .gimg em{position:absolute; left:0px; top:0px; background:#262520; color:#fff; width:4rem; height:2rem; line-height:2rem; border-radius:0 0 .75rem 0; text-align:center; font-weight:600; z-index: 1;}
.galleryList ul li a .gimg span{width:100%; padding-top:70.17%;  display: inline-block; 	transition: transform .3s ease-out; }
.galleryList ul li a:hover .gimg span{transform: scale(1.1);}
.galleryList ul li a input{position:relative;}

.galleryList p.subject{ font-weight:600;font-size: 1.05rem; letter-spacing:-0.01em; color: #212121; margin-top:1.5rem; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 1.3em;}
.galleryList p.view{text-align:right; margin-top:1rem;}
.galleryList p.view span{background:#F8F8F8; font-weight:bold;font-size:0.7rem; color:#424652; padding:0.6rem 1.25rem; border-radius:3rem;-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.galleryList a:hover p.view span{background:#1e2432; color:#fff;}

.galleryList .txt{display:flex; justify-content: space-between;color:#888886; margin-top:1.5rem; font-size:15px; }
.galleryList .txt.ar{justify-content: flex-end;}
.galleryList .txt p.view{margin-top:0; }
.galleryList .txt .date{margin-left:5px; padding-left:8px; position:relative;}
.galleryList .txt .date:before{content : ""; display : block; position : absolute; left : 0; top:10%;  width :1px; height : 80%; background : #ddd;}

.galleryList.movie ul li a .gimg:after{ content : ""; display : block; position : absolute; left :50%; top:50%; margin-top:-15px; margin-left:-13px; width : 26px; height : 30px;  background: url("/images/default/content/play.png") no-repeat center center; z-index:10;}
.galleryList.movie ul li a .gimg:before{ content : ""; display : block; position : absolute; left :0; top:0;  width : 100%; height : 100%; background : rgba(0, 0, 0, .5); z-index:1;}
.galleryList .no_post{border-bottom:1px solid #ddd;}


@media (max-width:1200px){
.galleryList ul li{flex-basis: 30.33%;}
.galleryList .txt{font-size:13px;}
.galleryList p.view span{font-size:12px;}
}

@media (max-width:920px){
.galleryList ul li{flex-basis: 47%;}
.galleryList p.subject{font-size:1.05rem;}

}
@media (max-width:640px){
.galleryList ul{margin:0;}
.galleryList ul li{flex-basis: 100%; margin:0; margin-top:15px;}
.galleryList ul li:first-child{margin-top:0;}
}


/*갤러리 리스트-new */
/*└> 사진배경으로 깔리고 호버시 사진배경 없어지고 흰배경의 검정글씨*/
.galleryList-new{position:relative; }
.galleryList-new ul{margin:-3% -1%;}
.galleryList-new ul li{width:31.333%; margin:3% 1%; float:left; position: relative; height:18rem;}
.galleryList-new ul li a{display:block; width:100%; height:100%; padding:1.5rem 1.25rem 1.25rem; transition: all ease .2s; }
.galleryList-new ul li a:after{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.galleryList-new p.subject{position: relative; font-weight:500; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em; font-size: 1.2rem;    color: #fff; transition: all ease .1s; z-index: 10;}
.galleryList-new p.desc{font-size: .9rem;  line-height: 1.3rem;  position: relative;  z-index: 1; display: -webkit-box;  overflow: hidden;  height: 3.9rem;  margin-top: 1.5rem; transition: all ease .1s; text-overflow: ellipsis; word-break: break-word; color: #f2f2f2; -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
.galleryList-new p.date{position: absolute; z-index: 1; bottom: 1.25rem;  padding-top: 1.25rem;color: #fff;}
.galleryList-new ul li a input{position:relative; z-index:100;}
.galleryList-new ul li:hover{background:#fff !important; box-shadow: 6px 8px 16px 0 rgb(0 0 0 / 12%);}
.galleryList-new ul li a:hover{outline:2px solid #262520; background:#fff !important; }
.galleryList-new ul li a:hover p.subject,
.galleryList-new ul li a:hover p.desc,
.galleryList-new ul li a:hover p.date{color:#111;}
.galleryList-new ul li a:hover:after{display:none;}


.boardGalleryContainer .boardButton{margin-top:1.5rem; text-align:right; vertical-align:middle; }

/*Common*/
.boardGalleryContainer .boardSearch a.shadeButton {line-height:1.3; margin-left:10px; float:none; display:inline-block; text-decoration:underline !important; background:none; }


/********************************************************
■ 레이아웃 변경
********************************************************/

/*********** 태블릿 ***********/
@media all and (max-width:767px){
	.galleryList ul li,
	.galleryList-new ul li{width:48%;}
	
}

@media (max-width: 524px){
	.galleryList ul li{width:98%;}
	.galleryList-new ul li{width:98%; height:14rem;}
}