td#board {padding:4 5 5 5;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board {padding:4 5 5 5;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {padding:10 10 10 10;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
/*Á¦¸ñ*/
.bbsbody03{width:340px;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}
/*´º½º_º¸µµÀÚ·á Á¦¸ñ*/
.news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}
/*´º½º_º¸µµÀÚ·á ³»¿ë*/
.news_cont {color:#555555;text-decoration:none}
.news_cont a:link{color:#555555;text-decoration:none}
.news_cont a:visited{color:#555555;text-decoration:none}
.news_cont a:hover{color:#FF5500;text-decoration:none}
/*°¶·¯¸® Á¦¸ñ*/
.gallery_title {font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#666666;}
/*°¶·¯¸® ³»¿ë*/
.gallery_cont {font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#666666}
/*ÆäÀÌÂ¡
.paging {font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#FF5500;font-weight:bold;}
.paging a:link{font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:underline}
*/
/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {font-size:12px;font-fa7mily:±¼¸²,µ¸¿ò;color:#666666}
/*±âº»ÆùÆ®*/
.board_txt {font-size:12px;color:#000000;text-decoration:none;padding-top:4;}
.board_txt a:link{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:visited{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:hover{font-size:12px;color:#000000;text-decoration:none;}
.board_txt2 {font-size:12px;color:#333333;text-decoration:none;padding-top:4;}
.board_txt2 a:link{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:visited{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:hover{font-size:12px;color:#333333;text-decoration:none;}
input#border {font-size:12px;font-family:±¼¸²,µ¸¿ò;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:12px;font-family:±¼¸²,µ¸¿ò;color:##666666;border:1 solid #D4D4D4}
/* bgcolor : °Ô½ÃÆÇ Ç×¸ñ */
.board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;}
.board_rate {padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}
/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ */
.board_output {padding:4 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board_output a:link{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
.board_output a:visited{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
.board_output a:hover{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:underline;}
.board_output a:active{padding:0 0 0 0;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
/*´ñ±ÛÆùÆ®*/
.comment_name {font-size:12px;color:#0055B5;text-decoration:none;padding-top:4px;}
.comment_txt {font-size:12px;color::#000;text-decoration:none;padding-top:4px;}
.comment_txt a:link{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:visited{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:hover{font-size:12px;color::#000000;text-decoration:none;}
/* À¥ÁøÇü °Ô½ÃÆÇ (¼¼·Î¹è¿­)*/
.webzine_type2 {width:100%;}
.webzine_type2 td { color:#666666; font-family:µ¸¿ò; font-size:12px; }
.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; }
/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */
.board_output_gallery_subject { text-align:center; float:left;  }
.board_output_gallery_description { text-align:center;width:100%; }
/* °Ô½ÃÆÇ ±âº»Å×ÀÌºí 
.table_03   { width:100%; border-top:2px #4fb3d2 solid; border-bottom:1px #4fb3d2 solid; border-left:1px #e5e5e5 solid;  border-right:1px #e5e5e5 solid;  }
.table_03 td  { border-bottom:0px #e5e5e5 solid; border-right:0px #e5e5e5 solid; padding:4px; }
.table_02   { width:100%; border-top:2px #4fb3d2 solid; border-bottom:1px #4fb3d2 solid; border-left:1px #e5e5e5 solid; }
.table_02 td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }*/




/*2023.01.10*/
/* product section common (board type) */
.table-photo {margin-left:-15px; margin-right:-15px}
.table-photo * {font-family:inherit !important}
/*.table-photo, .table-photo table, .table-photo tbody, .table-photo tr, .table-photo td {display:block}*/
.table-photo > tbody > tr > td {float:left; margin-bottom:40px; padding-left:15px; padding-right:15px}
.table-photo > tbody > tr:before, .table-photo > tbody > tr:after {content:''; display:table}
.table-photo > tbody > tr:after {clear:both}
.table-photo .bbsnewf5 tr:first-child a {position:relative; display:block; height:270px; overflow:hidden}
.table-photo a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.table-photo > tbody > tr > td:hover a img {transform:scale(1.1)}
.table-photo br {display:none}


/* product section (board type A) */
.product-section .type-a-row .col-photo {margin-bottom:40px}
.product-section .type-a-row .col-photo figure {position:relative; height:270px; overflow:hidden}
.product-section .type-a-row .col-photo figure a {display:block; height:100%}
.product-section .type-a-row .col-photo figure a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.product-section .type-a-row .col-photo:hover figure a img {transform:scale(1.1)}
.product-section .type-a-row .col-photo .article-info {text-align:center; padding-top:20px}
.product-section .type-a-row .col-photo .article-info h4 {font-size:17px; font-weight:normal; color:#333; margin-bottom:5px}
.product-section .type-a-row .col-photo .article-info h4 a {color:#333}
.product-section .type-a-row .col-photo .article-info .category {font-size:14px; color:#8a8a8a}
.product-section .type-a-row .gallery_subject {padding-top:20px}
.product-section .type-a-row .gallery_title {display:inline-block; font-size:17px; font-weight:normal; color:#333; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.product-section .type-a-row .gallery_etc {font-size:14px; color:#8a8a8a}


.table-article-view {width:100%; border-top:1px solid #555; word-break:break-all;}
.table-article-view * {font-family:inherit !important}
.table-article-view tr {height:auto;}
.table-article-view tr td {font-size:15px; color:#777; padding:15px; border-bottom:1px solid #e9e9e9}
.table-article-view font {font-size:inherit !important}
.table-article-view .board_bgcolor {width:15%; background-color:#fff}
.table-article-view .board_description {padding:10px 0 20px}
#post_area {padding:0 !important; line-height:1.75; }
#post_area img {height:auto !important; max-width:1200px;}


.board-search{margin-top:50px;}

@media (max-width: 991px) {
.table-photo .bbsnewf5 tr:first-child a {height:165px;}


}

@media (max-width: 768px) {
    .table-photo > tbody > tr > td {float:none; width:100%; margin-bottom:30px}
    .table-photo .bbsnewf5 tr:first-child a {height:220px; /*height:auto;*/}
.table-photo, .table-photo table, .table-photo tbody, .table-photo tr, .table-photo td {display:block}


 .table-article-view tr td {font-size:13px}
    .table-article-view .board_bgcolor {width:20%; min-width:80px}
    .board-view-thumbnails {margin-top:40px}
    .board-view-thumbnails > table {width:100%}
    .board-view-thumbnails > table table {width:33.333334%; margin-bottom:10px}
    .board-view-thumbnails > table table img {width:100%; height:auto !important}
    .table-article-write .board_desc input[type=text], .table-article-write .board_desc input[type=password], input[type=file] {width: 98%}
.board-view-buttons{width:25%; height:auto; padding-top:20px;}

}