@charset "utf-8";
@import url("../default_/style.css");

/*갤러리 일반 목록형*/
#galley_theme{margin:0 0 10px 0;  border:1px #c1c3c5 solid; border-right:0px;}
#galley_theme li { margin:0px; padding:0px; border-right:1px #c1c3c5 solid; color:#8c8c8c; }
#galley_theme li a.on{ color:#000; background:#5d5d5d; color:#fff; }
#galley_theme li a{display:block;  background:#f8f8f8; color:#8c8c8c;  height:40px; line-height:40px;  padding:0 20px 0 20px;}
#galley_theme li a i.fa{line-height:40px;}




/*일반*/
.board_gallery_default { clear:both; overflow:hidden; border-top:1px solid #c1c3c5;border-bottom:1px solid #c1c3c5; margin:0 0 15px 0;}
.board_gallery_default ul li{float:left; width:33.33333%; 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:200px; margin:0 auto; }
.board_gallery_default ul li div .photo img {width:200px; height:140px;}
.board_gallery_default ul li div .photo .zoomOverlay{position:absolute;top:0; bottom:0 ;display:none; width:200px; height:140px; background-image:url(../../../data_files/images/board/zoom.png); background-repeat:no-repeat; background-position:center;}

.board_gallery_default ul li div dl {width:200px; 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; border-top:1px solid #c1c3c5; 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; }

/*이미지없음*/
.board_gallery_list {clear:both; overflow:hidden; margin:0 0 15px 0; }
.board_gallery_list ul li{float:left; width:99.7%;  border:1px #ddd solid; margin:0 0 10px 0;}
.board_gallery_list ul li:hover{background:#f8f8f8; border:1px #303030 solid;}
.board_gallery_list ul li div{float:left;  width:100%; position:relative; }
.board_gallery_list ul li div .photo{display:none; }
.board_gallery_list ul li div dl {padding:10px;}
.board_gallery_list ul li div dl dt{font-weight:bold;width:93%; margin:0 10px 5px 0; padding:0 20px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; color:#000;}
.board_gallery_list ul li div dl dt img {vertical-align:middle;}
.board_gallery_list ul li div dl dd{width:93%; padding:0 10px 0 0; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size:0.9em;}
.board_gallery_list ul li div dl dd a{color:#8e8e8e;}
.board_gallery_list ul li div dl dd.info{padding:10px 0 0 0;}
.board_gallery_list 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_list ul li div dl dd.info span span{padding:0 5px 0 0; }


.board_gallery_list ul li.no_images{ width:100%; text-align:center; }



/*모바일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%;}




}