@charset "utf-8";

@import url("../default_/style.css"); 

.gallery_board_new {clear:both; position:relative; border-top:1px #ddd solid; margin-top:60px; }
.gallery_board_new li.center {width:100%; text-align:center;}

/*갤러리 일반 목록형*/
#galley_theme_class{position:absolute; left:0px; top:-53px; border:1px #c1c3c5 solid; border-right:0px;}
#galley_theme_class li {float:left;  margin:0px; padding:0px; border-right:1px #c1c3c5 solid; color:#8c8c8c; }
#galley_theme_class li a{display:block;  background:#f8f8f8; color:#8c8c8c;  height:40px; line-height:40px;  padding:0 20px 0 20px;}
#galley_theme_class li a i.fa{line-height:40px;}

#galley_theme_class li a.on{ color:#000 !important; background:#5d5d5d !important; color:#fff !important; }
#galley_theme_class li a.on i.fa{color:#fff !important;}



/*일반*/
.board_gallery_default { clear:both; overflow:hidden; border-bottom:1px solid #c1c3c5; margin:0 0 15px 0;}
.board_gallery_default ul li{float:left; width:25%; display:table-cell; text-align:center;  padding:20px 0 20px 0;   }
.board_gallery_default ul li div{display:inline-block; width:90%; position:relative; }
.board_gallery_default ul li div .photo {position:relative;  width:100%; margin:0 auto; }
.board_gallery_default ul li div .photo img {width:100%; height:140px;}

.board_gallery_default ul li div dl {width:100%; padding:5px 0 0 0; margin:0 auto; }
.board_gallery_default ul li div dl dt{ margin:0 0 5px 0;  font-size:1.0em; font-weight:bold; text-align:center !important; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.board_gallery_default ul li div dl dt img {vertical-align:middle;}
.board_gallery_default ul li div dl dd{display:none; margin:0 auto;}
.board_gallery_default ul li div dl dd.info{display:block; text-align:left; font-size:12px !important; color:#7e7e7e;}
.board_gallery_default ul li div dl dd.info span{display:block;}

/*웹진*/
.board_gallery_zine { clear:both; overflow:hidden; margin:0 0 15px 0; }
.board_gallery_zine ul li{float:left; width:100%;  padding:20px 0 20px 0; border-bottom:1px #ddd solid;}
.board_gallery_zine ul li:hover{background:#f8f8f8;}
.board_gallery_zine ul li div{float:left;  width:100%; position:relative; }
.board_gallery_zine ul li div .photo{float:left;margin:0 0 0 10px; }
.board_gallery_zine ul li div .photo img {width:160px; height:120px;}
.board_gallery_zine ul li div dl {margin:0 0 0 200px; height:120px;  overflow: hidden; }
.board_gallery_zine ul li div dl dt{font-weight:bold;width:93%; margin:0 10px 10px 0; padding:0 20px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; vertical-align:top;}
.board_gallery_zine ul li div dl dt img {vertical-align:middle;}
.board_gallery_zine ul li div dl dd{padding:0 10px 0 0; }
.board_gallery_zine ul li div dl dd.info{position:absolute; bottom:0px;}
.board_gallery_zine ul li div dl dd.info span{padding:0 10px 0 10px;font-size:11px; line-height:22px !important;  background:url(../../../data_files/images/board/gallery_info_dot.jpg) right 4px no-repeat;}
.board_gallery_zine ul li div dl dd.info span span{padding:0 5px 0 0; }


@media all and (max-width:1024px) { 
.gallery_board_new {margin-top:120px;}
#galley_theme_class{left:10px; top:-45px;}


}



/*모바일1*/
@media all and (min-width:0px) and (max-width:480px)  {

/*일반*/
.board_gallery_default ul li{ width:50%; }
.board_gallery_default ul li div{width:90%;  }
.board_gallery_default ul li div .photo { width:100%; height:100px;}
.board_gallery_default ul li div .photo img {width:100%; height:100px; max-width:100%;}
.board_gallery_default ul li div dl {width:95%}

/*웹진*/
.board_gallery_zine ul li div .photo img {width:110px; height:80px;}
.board_gallery_zine ul li div dl {margin:0 0 0 130px; height:80px;  overflow: hidden; }
.board_gallery_zine ul li div dl dd{padding:0 10px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }


/*이미지없음*/
.board_gallery_list ul li{width:100%;  border-right:0px; border-left:0px;}
.board_gallery_list ul li:hover{border-right:0px; border-left:0px;}
.board_gallery_list ul li div dl dd{padding:00; }
.board_gallery_list ul li div dl dd.info{padding:0px}

}

/*모바일1*/
@media all and (min-width:481px) and (max-width:640px)  {

/*일반*/
.board_gallery_default ul li{ width:33%; }
.board_gallery_default ul li div{width:90%;}
.board_gallery_default ul li div .photo { width:100%;}
.board_gallery_default ul li div .photo img {width:100%; height:120px;  max-width:100%;}

.board_gallery_default ul li div dl {width:90%;}


}