@charset "utf-8";

html,body { position:relative; width:100%; padding:0px; margin:0px; }
body { padding:0px; margin:0px; background:#fff; border:none; }
div,li,a,span,p,td,th,label,em,h1,h2,h3,h4,h5,input { }

div,ul,li,a,p,h1,h2,h3,h4,h5,span,input,select,textarea,table,td {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul,ol,li,dl,dd,table,th,td { padding:0px; margin:0px; list-style:none; border:0px; }


.gnuboard_content_gallery_list a {
  color:#000; text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
.gnuboard_content_gallery_list div.gallery {
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}

div.gallery {
  position:relative; 
  border: 1px solid #ccc;
/*width:400px; height:317px; */
/*
overflow:hidden;

width:480px; height:380px; */
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}
div.gallery img.thumb {
  position:relative; width:100%; height:auto; display:inline-block;
}

div.desc {
  position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  padding:0px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 0px;
  margin-bottom:0px; 
  float: left;
  /*width: 24.99999%;*/
}
.responsive .gallery > a .youtube_iframe { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; }
.responsive .gallery > a .youtube_iframe > div { position:absolute; top:0px; left:0px; width:100%; padding:0px !important; margin:0px !important; display:block; }


.page_navigation { position:relative; padding:10px; margin:14px 6px 0px 6px; overflow:hidden; text-align:center; }
.page_navigation a { width:25px; height:25px; margin:0px 5px; line-height:25px; font-size:14px; color:#000; text-align:center; text-decoration:none; background:#efefef; display:inline-block; }
.page_navigation a:hover,
.page_navigation a.active { color:#fff; text-decoration:none; background:#777; }



/* 관리자 설정 버튼 CSS */
.admin_btn_area { position:relative; margin-bottom:10px; overflow:hidden; text-align:right; }
.admin_btn_area .btn { height:30px; line-height:30px !important; color:#fff; background:#ff0000; display:inline-block; }
.ctt_admin { display:none; }