td#board {padding:4 5 5 5;font-size:12px;color:#333333;}
.board {padding:4 5 5 5;font-size:12px;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12px;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12px;color:#000000;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_cont {font-size:12px;color:#666666}
/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {font-size:12px;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:14;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:14;color:##666666;border:1 solid #D4D4D4}
/* bgcolor : °Ô½ÃÆÇ Ç׸ñ */
.board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12px;color:#000000;height:44px;}
.board_rate {padding:0 0 0 0;font-size:12px;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12px;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}
/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ¿¡¼­ link¿¡ line-height¸¦ ÁÖ¸é ÃßÃâµÈ Á¦¸ñ°£ °£°ÝÀ» ³ÐÈú ¼ö ÀÖ´Ù */
.board_output {padding:0 0 0 0;font-size:18px;color:#555;}
.board_output a:link{padding:0 0 0 0;font-size:18px;color:#777;text-decoration:none;line-height:20px}
.board_output a:visited{padding:0 0 0 0;font-size:18px;color:#777;text-decoration:none;}
.board_output a:hover{padding:0 0 0 0;font-size:18px;color:#555;text-decoration:none;}
.board_output a:active{padding:0 0 0 0;font-size:18px;color:#555;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-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;width:100%;  font-size:5px;}
.board_output_gallery_description { text-align:center;width:100%; font-size:5px;}
#board_list_output{width:340px;}
#board_list_output .tab{width:340px;font-size:0;margin:0 10px 0 0;}
#board_list_output .tab a{font-size:0;padding:0 1px 0 0;}
#board_list_output .tab .more{float:right;margin:8px 0 0 0;}
#board_list_output .output_table{width:340px;margin:8px 0 0 0;}
#board_list_output .output_table td {font-size:11px;font-family:dotum;color:#777;height:19px;}
#board_list_output .output_table .title{background:url(/default/img/main/bl_output_board.gif) no-repeat 8px 7px;padding:0 0 0 17px;}
#board_list_output .output_table a{font-size:11px;font-family:dotum;color:#777;}
#board_list_output .output_table .date {color:#999;}
/*°Ô½ÃÆÇ Å×À̺í*/
table.gallery-wrap {width:100%;margin:-20px 0 0 0;}
table.gallery-wrap td {padding:4px;}
table.gallery-wrap td img{border-radius:0px;}
table.gallery-wrap .gallery_title {font-size:18px;color:#333;line-height:30px;}
table.board-wrap {width: 100%;border-top: 3px solid #656565;}
table.board-wrap td {border-bottom: 1px solid #e5e5e5;background: #fff;padding: 15px;color: #333;font-size: 18px;height: 80px;}
table.board-wrap td font {font-size: 17px !important;font-weight: 500 !important;color:#333 !important;}
table.board-wrap .bbsnewf5 {}
table.board-wrap .bbsnewf5 a:link{color:#333 ;text-decoration:none}
table.board-wrap .bbsnewf5 a:visited{color:#333;text-decoration:none}
table.board-wrap .bbsnewf5 a:hover{color:#000;text-decoration:none}
table.board-wrap td input, table.board-wrap td textarea {width: 90%;border: 1px solid #ccc;border-radius: 0;background: #fff;padding: 2px;margin: 1px;}
table.board-wrap td input[type=checkbox]{width:15px;}
table.board-wrap .bbsno {width: 8%;}
table.board-wrap .bbswriter {width: 10%;}
table.board-wrap .bbsetc_dateof_write {width: 14%;}
table.board-wrap .bbsfile_attachment {width: 8%;}
table.board-wrap .att_title {background: #f5f5f5;text-align: center;line-height: 1.6;}
table.board-wrap .board_bgcolor {background: #f5f5f5;text-align: center;line-height: 1.6;}
table.board-wrap .board_bgcolor span {font-size: 15px !important;line-height: 1.6;font-weight: normal;}
/*ÆäÀÌ¡*/
.paging {font-size:15px;width:100%;}
.paging b{font-size:15px;color:#fff;font-weight:normal;text-decoration:none;border:0px solid #000;padding:5px 11px 5px 11px;background:#000;}
.paging a:link{font-size:15px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;background:#fff;}
.paging a:visited{font-size:15px;color:#777;font-weight:normal;text-decoration:none;border:0px solid #aaa;padding:5px 5px 5px 5px;}
.paging a:hover{font-size:15px;color:#000;font-weight:normal;text-decoration:underline;border:0px solid #000;padding:5px 5px 5px 5px;background:#fff;}
/*ÅÇÇü Ä«Å×°í¸®*/
.sul_menu {width:100%;background:#f9f9f9; border:1px solid #E5E5E5; padding:15px; margin-bottom:30px;text-align:center;}
.sul_menu a {color:#555 !important; padding:3px 25px 3px 2px !important; font-family:'Noto Sans Kr','notosanskr',sans-serif !important; font-size:16px !important; border-right:0 !important;font-weight:500 !important;}
.sul_menu a font {color:#555 !important; font-size:16px !important;}
.sul_menu a b {color:#555 !important; font-weight:500 !important;}
@media screen and (max-width: 1024px) {
table.gallery-wrap td img{border-radius:0px;}
table.gallery-wrap .gallery_title {font-size:15px;line-height:23px;}
table.board-wrap .board_bgcolor,
table.board-wrap .board_bgcolor span {font-size: 13px !important;width:30%;}
table.board-wrap td font {font-size: 13px !important;}
table.board-wrap td {padding: 2px;font-size: 13px !important;height:50px;}
table.board-wrap .bbsno {width: 14%;}
table.board-wrap .bbswriter {width: 10%;}
table.board-wrap .bbsetc_dateof_write {width: 17%;}
table.board-wrap .bbsfile_attachment {width: 8%;}
.paging {font-size:13px;}
.paging b{font-size:13px;padding:3px 7px 3px 7px;}
.paging a:link{font-size:13px;padding:0;}
.paging a:visited{font-size:13px;padding:0;}
.paging a:hover{font-size:13px;padding:0;}
.sul_menu {padding:15px; margin-bottom:30px;}
.sul_menu a {padding:3px 15px 3px 2px !important; font-size:13px !important;}
.sul_menu a font {font-size:13px !important;}
.sul_menu a b {}
}


/* === Ä«µåÇü: À̹ÌÁö + Á¦¸ñ¸¸ º¸¿©ÁÖ±â === */


/* 1) ¸®½ºÆ®¸¦ ±×¸®µå Ä«µå·Î */
.board_output table > tbody{
  display:grid !important;
  grid-template-columns:repeat(5,1fr);
  gap:25px;
}
@media (max-width:1200px){ .board_output table > tbody{grid-template-columns:repeat(4,1fr);} }
@media (max-width:900px){  .board_output table > tbody{grid-template-columns:repeat(3,1fr);} }
@media (max-width:600px){  .board_output table > tbody{grid-template-columns:repeat(2,1fr);} }


/* 2) °¢ ÇàÀ» ¼¼·Î ½ºÅà īµå·Î */
.board_output{margin-top:30px;}
.board_output table > tbody > tr{
  display:flex !important;
  flex-direction:column-reverse;
  align-items:center;
  border:0; background:transparent;
}


/* 3) ±âº»ÀûÀ¸·Î td´Â ¼û±â°í, À̹ÌÁöÀÖ´Â td¿Í Á¦¸ñ¸¸ º¸ÀÌ°Ô */
.board_output table td{ display:none; border:0; background:transparent; padding:0; }


/* (±ÇÀå) À̹ÌÁö td ½Äº°: img°¡ µé¾îÀÖ´Â td¸¸ ´Ù½Ã º¸À̱â */
.board_output table td:has(img){ display:block; width:100%; }


/* (´ëü¾È/±¸Çüºê¶ó¿ìÀú¿ë) ½æ³×ÀÏÀÌ 'ù¹ø° td'¶ó¸é ¾Æ·¡ ÁÖ¼® ÇØÁ¦*/
.board_output table > tbody > tr > td:nth-child(1){ display:none;}



/* Á¦¸ñ td */
.board_output table td.bd_out1{ display:block; width:100%; text-align:center; margin-top:12px; }
.board_output table td.bd_out1 a{
  color:#111 !important; font-size:18px !important; line-height:1.45; text-decoration:none !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}


/* 4) ½æ³×ÀÏ ½ºÅ¸ÀÏ(Á¤»ç°¢, Ä¿¹ö) – a·Î °¨½Î¿© À־ ²Ë Â÷°Ô */
.board_output table td:has(img){ aspect-ratio:1/1; overflow:hidden; border-radius:14px; background:#d7f6f2; }
.board_output table td:has(img) a{ display:block; width:100%; height:100%; }
.board_output table td:has(img) img{ width:100%; height:100%; object-fit:cover; display:block; }


@media (max-width:768px){
.board_output table td.bd_out1 a{
font-size:14px !important;} 


}