/* gallery_board */
.gallery_board {width:100%; position: relative;}
.gallery_board > table {float:left; display:block; width:24% !important; margin:0 10px 20px 0; padding:0 !important;}
.gallery_board > table.board {width:100% !important}
.gallery_board > table td {overflow: hidden}
.gallery_board td.bbsnewf5 a img {
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.gallery_board td.bbsnewf5 a img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.gallery_board td.bbsnewf5 a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* gallery_board2 */
.gallery_board2 {width:100%; position: relative;}
.gallery_board2 > table {float:left; display:block; width:33% !important; margin:0 0 5px 0; padding: 0 10px 0 0;}
.gallery_board2 > table.board {width:100% !important; }
.gallery_board2 > table td {overflow: hidden}
.gallery_board2 td.bbsnewf5 a img {
  display: block;
  width: 100%;
  position: relative; 
  z-index: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.gallery_board2 td.bbsnewf5 a img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* gallery_subject */
.gallery_subject {position: relative; z-index: 10;}
.gallery_subject a {display: block; margin:10px 0 0 0;}
.gallery_subject a span.gallery_title {font-size:14px; color:#333;}
.gallery_subject a span.gallery_title:hover {color: #95c11e;}
.gallery_subject br { display: none;}
.gallery_etc {text-align:center; padding:2px 5px 10px 5px; font-size:13px !important; color:#666;}
 /* paging */
.board_paging {clear:both; width: 100%; text-align:center; margin-top:15px; margin-bottom:10px;}
.board_paging > b, .board_paging > a {display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #efefef}
.board_paging > b {color:#fff; border-color:#666; background:#666}
.board_paging > a {color:#666}
.board_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
/* search */
#ext_search {clear:both; width: 100%; position: relative; text-align:center;}
#ext_search select {font-size:13px; padding:3px 5px; border:1px solid #d8d8d8; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#e5e5e5}
#ext_search input[type=text] { width: 190px; font-size:13px; color:#555; padding:4px 5px 5px 5px; margin:0 0 0 4px; border:1px solid #d8d8d8;}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#e5e5e5}
#ext_search input[type=image] { padding:5px;margin:0 0 0 4px;border:1px solid #d8d8d8; border-radius: 4px;}
#check_all {margin-left:5px; vertical-align:-5px}
/* category */
.category_select {font-size:13px !important; color:#555; margin-bottom:20px; }
.category_select .board {border: 0;}
.category_select img {display: none;}
.category_select b {display: none;}
.category_select select {width: 150px; max-width: 100%; padding: 5px; font-size: 13px; color: #333;}
/* °ü¸®ÀÚ °Ô½Ã¹° °ü¸® üũ */
.gallery_board .admin_check {position: relative; width: 0;}
.gallery_board .admin_checkbox {position: absolute; z-index: 1000; width: 16px; top: 10px; left: 10px; background-color: transparent;}
.gallery_board2 .admin_check {position: relative; width: 0;}
.gallery_board2 .admin_checkbox {position: absolute; z-index: 1000; width: 16px; top: 10px; left: 10px; background-color: transparent;}
/* °Ô½ÃÆÇ Àбâ */
.board_style {width:100%; margin-top:15px; margin-bottom:15px; border-top:2px solid #e5e5e5;}
.board_style input[type=file] {width:80%}
.board_style input[type=text], .board_style input[type=password] {width:80%; height:40px; border:1px solid #e8e8e8; color:#333; padding-left:10px; }
.board_style input[type=text]:focus, .board_style input[type=text]:hover, .board_style input[type=password]:focus, .board_style input[type=password]:hover {border-color:#d8d8d8}
.board_style select {height:40px; line-height:38px; border:1px solid #e0e0e0; cpadding:0 10px; ursor:pointer}
.board_style select:focus, .board_style select:hover {border-color:#d8d8d8}
.board_style tbody td {border-bottom:1px solid #efefef}
.board_style tbody td font, .board_style tbody td span, .board_style tbody td a {font-size:13px !important}
.board_btn {margin:5px 0;}
#post_area {font-size:14px !important}
/* °Ô½ÃÆÇ Á¦¸ñ Ç׸ñ, Á¦¸ñ Ä÷³, ±Û¾²±â */
.board_bgcolor {width:20% !important; font-size:13px !important; color:#555; padding:8px 0 8px 0; background:#f9f9f9 !important}
.board_bgcolor font {font-size:13px !important; color:#555; font-weight: 300;}
.board_desc {font-size:13px; color:#555; font-weight: 300; padding:8px 0 8px 0; }
.board_desc input, select {color:#555; padding:4px 5px; margin:0 0 0 4px; border:1px solid #ccc; }
.board_desc input[type=text], .board_desc input[type=password] {width:80% !important; }
.board_desc input[type=checkbox] {margin-right:5px;}
/* ¸®½ºÆ® Ä÷³ */
.att_title { padding: 3px 5px;}
.att_title font {font-size:14px !important; color:#555; font-weight: 300; }
/* comment */
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}

@media screen and (max-width:767px) { 
 .gallery_board {width:100%;} 
 .gallery_board > table {width:48% !important; margin:0 5px 0 0;} 
 .gallery_board2 {width:100%;}
 .gallery_board2 > table {width:48% !important; margin:0 5px 20px 0;}
/* Àбâ */ 
 .board_style tbody td {font-size:13px !important} 
 .board_style tbody td font, .board_style tbody td span, .board_style tbody td a {font-size:13px !important} 
/* °øÅë */ 
 .comment_name {display:block !important; width:100% !important; padding:10px !important} 
 .comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
}
@media screen and (max-width:480px) { 
 .gallery_board {width:100%; margin-left:0;} 
 .gallery_board > table {width:100% !important; margin:0;} 
 .gallery_board2 {width:100%; margin-left:0;}
 .gallery_board2 > table {width:100% !important; margin:0 0 20px 0 !important;}
 .board_style > div {width:300px;} 
 #post_area img {height:auto !important; max-width:300px !important;}
}
@media (min-width:481px) and (max-width:640px) {
 .gallery_board {width:100%; position: relative;}
 .gallery_board > table {float:left; display:block; width:49% !important; margin:0 4px 0 0;}
 .board_style > div {width:450px;}#post_area img {height:auto !important; max-width:450px;}
 .gallery_board td.bbsnewf5 a > img {height:145px !important; min-width: 230px; max-width: 230px;}
 .gallery_board2 td.bbsnewf5 a > img {height:145px !important; min-width: 230px; max-width: 230px;}
}
@media (min-width:641px) and (max-width:767px) {
 .gallery_board {width:100%; position: relative;}
 .gallery_board > table {float:left; display:block; width:49% !important; margin:0 4px 0 0;}
 .board_style > div {width:620px;}
 #post_area img {height:auto !important; max-width:620px;}
 .gallery_board td.bbsnewf5 a > img {height:180px !important; min-width: 260px; max-width: 260px;}
 .gallery_board2 td.bbsnewf5 a > img {height:180px !important; min-width: 250px; max-width: 250px;}
}
@media (min-width:768px) and (max-width:991px) {
 .gallery_board {width:100%; position: relative;}
 .gallery_board > table {float:left; display:block; width:32.6% !important; margin:0 4px 0 0;}
 .board_style > div {width:720px;}
 #post_area img {height:auto !important; max-width:720px;}
 .gallery_board td.bbsnewf5 a > img {height:160px !important; min-width: 210px; max-width: 210px;}
 .gallery_board2 td.bbsnewf5 a > img {height:160px !important; min-width: 215px; max-width: 215px;}
}
@media (min-width:992px) and (max-width:1199px) {
 .gallery_board {width:100%; position: relative;}
 .gallery_board > table {float:left; display:block; width:24.5% !important; margin:0 4px 0 0;}
 .board_style > div {width:900px;}
 #post_area img {height:auto !important; max-width:900px;}
 .gallery_board td.bbsnewf5 a > img {height:160px !important; min-width: 215px; max-width: 215px;}
 .gallery_board2 td.bbsnewf5 a > img {height:200px !important; min-width: 300px; max-width: 300px;}
}
@media screen and (min-width: 1200px) {
 .board_style > div {width:1100px;}
 #post_area img {height:auto !important; max-width:1100px;}
 .gallery_board td.bbsnewf5 a > img {height:200px !important; min-width: 270px; max-width: 270px;}
 .gallery_board2 td.bbsnewf5 a > img {height:245px !important; min-width: 364px; max-width: 364px;}
}
#post_area img {padding-bottom:5px;}
.board-border {clear: both; width:100%; margin:10px 0; border-bottom:1px solid #e5e5e5 !important;}

@media (max-width:480px) {
 .board_pure .att_title:nth-child(6n+5) {display: none;}
 .board_pure .bbsetc_dateof_write:nth-child(6n+5) {display: none;}
 .board_pure .att_title:nth-child(6n+4) {display: none;}
 .board_pure .bbsetc_add2:nth-child(6n+4) {display: none;}
 .board_pure td {font-size: 12px !important;}
 .board_pure .bbsnewf5 a {font-size: 12px !important;}
 .board_pure td.att_title {font-size: 12px !important;}
}