td#board {}
.board img{width:100%;height:auto;}
.read.board img{width:auto}
.board a:link{padding:0 0 0 0;}
.board a:visited{padding:0 0 0 0;}
.board a:hover{padding:0 0 0 0;}
.board a:active{padding:0 0 0 0;}

/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {}
.bbsnewf5 a:link{text-decoration:none}
.bbsnewf5 a:visited{text-decoration:none}
.bbsnewf5 a:hover{text-decoration:none}
.bbsnewf5{padding:5px}
/* ÆäÀÌÁö»ó¼¼ */
.board_description{text-align:center;}
.board_description img{width:100%!important;max-width:700px;height:auto!important}
.board.read #post_area{padding:0;}
.mid.product table.board.read>tbody>tr>td{padding:0;}
.read .board_bgcolor{display:none;}
.read .board_desc{text-align:center;font-size:15px;position:relative;line-height:50px}

/* °Ô½Ã¹°¼öÁ¤ */
.fix{border:1px solid #ccc}
.fix .seLayout>tbody>tr{border-left:1px solid #fff;border-right:1px solid #fff;}
.fix input#border{border:1px solid #ccc;width:50%;min-width:200px;}
.fix .board_bgcolor{min-width:50px;}

/*Á¦¸ñ*/
.bbsbody03{}

/*´º½º_º¸µµÀÚ·á Á¦¸ñ*/
.news_title {}
.news_title a:link{}
.news_title a:visited{}
.news_title a:hover{}

/*´º½º_º¸µµÀÚ·á ³»¿ë*/
.news_cont {}
.news_cont a:link{}
.news_cont a:visited{}
.news_cont a:hover{}

/*°¶·¯¸® Á¦¸ñ*/
img{opacity:1;transition:opacity ease .5s;}
.bbsnewf5 a:hover img{opacity:.6}
.gallery_title {color:#000;font-size:var(--fontM);line-height:50px;}

/*°¶·¯¸® ³»¿ë*/
.gallery_cont {}

/*ÆäÀÌ¡*/
.paging {}
.paging a:link{}
.paging a:visited{}
.paging a:hover{}

/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {}

/*±âº»ÆùÆ®*/
.board_txt {}
.board_txt a:link{}
.board_txt a:visited{}
.board_txt a:hover{}

.board_txt2 {}
.board_txt2 a:link{}
.board_txt2 a:visited{}
.board_txt2 a:hover{}

input#border {}
textarea#border {}

/* bgcolor : °Ô½ÃÆÇ Ç׸ñ */
.board_bgcolor {}
.board_rate {}
.board_rate_td {}
.board_comment_bgcolor {}

/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ */
.board_output {}
.board_output a:link{}
.board_output a:visited{}
.board_output a:hover{}
.board_output a:active{}

/*´ñ±ÛÆùÆ®*/
.comment_name {}
.comment_txt {}
.comment_txt a:link{}
.comment_txt a:visited{}
.comment_txt a:hover{}

/* À¥ÁøÇü °Ô½ÃÆÇ (¼¼·Î¹è¿­)*/
.webzine_type2 {width:100%;}
.webzine_type2 td { }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* À̹ÌÁö°¡ ¿ÞÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* À̹ÌÁö°¡ ¿À¸¥ÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }




 

.bbsnewf5 > table > tbody > tr > td[valign="bottom"] a:after{content:'';width:0%;border-top:1px solid #ccc;display:block;clear:both;margin:0 auto;transition:0.3s ease;}
.bbsnewf5 > table > tbody > tr > td[valign="bottom"] a:hover:after{width:70%;}

 
.mid>table>tbody>tr>td>table.board.list>tbody>tr{border:1px solid #ccc;float:left;width:calc((100% - 6%) /3);margin:0 6px 12px;box-sizing:border-box;}
.mid>table>tbody>tr>td>table.board.list>tbody>tr tr{width:100%;}

.main .gal img.board_output_imgs{width:100%;height:auto;}
.main .gal .board_output_gallery_img a:after{content:'';width:0%;border-top:1px solid #ccc;display:block;clear:both;margin:0 auto;transition:0.3s ease;}
.main .gal .board_output_gallery_img:hover a:after{width:70%;}

.gallery_subject{display:block;font-size:17px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;box-sizing:border-box;padding-top:6px;}
.gallery_subject a:after{content:'ÀÚ¼¼È÷º¸±â';display:block;margin-top:18px;padding:12px 0 0;width:100%;border-top:1px solid #ccc;transition:0.3s ease; background-image:url('/bizdemo65728/img/upload/img/searchico.png');background-size:15px 15px;background-position:30px 17px;background-repeat:no-repeat;}
.gallery_subject a:hover:after{color:#666;}






/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */

.board_output.first > tbody > tr >td{border:1px solid #ccc;float:left;width:calc((100% - 6%) /4);margin:0 6px 12px;box-sizing:border-box;}
.board_output.first > tbody > tr:after{content:'';display;block;clear:both}

.main .gal img.board_output_imgs{width:100%;height:auto;}
.main .gal .board_output_gallery_img a:after{content:'';width:0%;border-top:1px solid #ccc;display:block;clear:both;margin:0 auto;transition:0.3s ease;}
.main .gal .board_output_gallery_img:hover a:after{width:70%;}

.board_output_gallery_subject{display:block;font-size:17px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;box-sizing:border-box;padding-top:6px;}

.board_output_gallery_subject a:after{content:'ÀÚ¼¼È÷º¸±â';display:block;margin-top:18px;padding:12px 0 0;width:100%;border-top:1px solid #ccc;transition:0.3s ease; background-image:url('/bizdemo65728/img/upload/img/searchico.png');background-size:15px 15px;background-position:30px 17px;background-repeat:no-repeat;}
.board_output_gallery_subject a:hover:after{color:#666;}


.main .gal .board_output .board_output>tbody>tr>td>table{width:100%;padding:2px;box-sizing:border-box;display:block}
.main .gal .board_output_gallery_img{font-size:0;padding:0;margin:0;}
.main .gal .board_output_gallery_img a{display:block;position:relative}

.board_output > tbody tr[valign = "top"]  td > table > tbody{position:relative;}
.board_output > tbody tr[valign = "top"]  td > table > tbody > tr:last-child{font-size:15px;font-weight:bold;text-align:center;}


@media (max-width: 1040px){
.board_output.first > tbody > tr >td{border:1px solid #ccc;float:left;width:calc((100% - 8%) /2);margin:0 6px 12px;}
.mid>table>tbody>tr>td>table.board.list>tbody>tr{border:1px solid #ccc;float:left;width:calc((100% - 8%) /2);margin:0 6px 12px;box-sizing:border-box;}
}

@media (max-width: 769px){

.mid>table>tbody>tr>td>table.board.list>tbody>tr{width:100%;}
.main .gal .board_output_gallery_img a:hover::before,
.main .gal .board_output_gallery_img a::after{display:none}
.board_output.first>tbody>tr>td{width:100%;float:left;margin:0 0 12px;}
 .board_output_gallery_subject a:after{background-position:60px 17px;}

}