/*갤러리목록 스타일*/

#list_gallery{}
#list_gallery ul{padding:0; margin:0; list-style:none;zoom:1; margin:0 -1%; position:relative;  display: -webkit-flex; display: flex; flex-flow:wrap;}
#list_gallery ul li{position:relative;  width:31.33%; margin:1%;padding:0px;  border:1px solid #DDD; text-align:center;  cursor:pointer;  }
#list_gallery ul li.empty_list{width:100%; padding:5em; height:20em; line-height:16em}
#list_gallery ul li label.ck_style{position:absolute; top:0; left:0;margin-right:0; z-index:3;}
#list_gallery ul li img{width:100%;}
#list_gallery ul li span.ga_image{position:relative;  display:Block; background-size:cover; background-position:center;   text-align:center; font-size:1.2em; color:#999;}
#list_gallery ul li span.no_image{position:relative; display:Block; background:#DDD url(../../../../../img/logo.png) center center no-repeat; background-size:auto; text-align:center; font-size:1em; color:#999;}
#list_gallery ul li span.no_image:after{position:absolute; left:0; right:0;  line-height:1em; bottom:1em; content:"NO IMAGE";}

#list_gallery ul li article{padding:1em; position:relative; background:rgba(255,255,255,0); transition: all 0.5s ease}
#list_gallery ul li h6 {position:relative; font-weight:600; line-height:1.2em; font-size:2.5rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#list_gallery ul li div{display:none}
#list_gallery ul li .iconfont{position:absolute; top:1em; right:1em; font-size:2em; line-height:1em; z-index:4; transform:rotate(45deg);transition: all 0.5s ease; z-index:2;}

#list_gallery ul li.click article{top:0; align-content:center; background:rgba(255,255,255,.9); position:absolute; top:0; left:0; right:0; bottom:0;}
#list_gallery ul li.click article div{display:block; border-top:1px solid #AAA; margin-top:1em; padding-top:1em;}

#list_gallery ul li.click .iconfont{ transform:rotate(360deg); }
#list_gallery ul li article .iconfont{display:none;}



@media (max-width:736px){
#list_gallery ul li{width:48%; position:static;}
#list_gallery ul li h6 { font-size:1.2em;  }
#list_gallery ul li p { font-size:1em;  }
#list_gallery ul li div { font-size:1em;  line-height:130%}

#list_gallery ul li .iconfont{ font-size:1em;  }

#list_gallery ul li.click{z-index:999999;}
#list_gallery ul li.click article{position:fixed; background:rgba(255,255,255,.9); display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center;}
#list_gallery ul li .iconfont{ position:absolute; top:1em; right:1em; font-size:1em; line-height:1em; z-index:4; transform:rotate(45deg);transition: all 0.5s ease; z-index:2;}
#list_gallery ul li.click .iconfont{ display:none}
#list_gallery ul li.click article .iconfont{ display:block; font-size:2em;}
.sub_container{z-index:auto; padding:0;}
}