td#board {}
.board:not[.list] {border:1px solid #ddd}
.board:not[.list] tr{border-bottom:1px solid #ddd}

.board.list+.board {border:0}
.board.list+.board tr{border:0}
.fix tr{border:1px solid #ddd;background:#fff}
.fix tr tr{border:1px solid transparent}

.board_bgcolor{min-width:50px;}
input[type="text"]#border{width:80%;min-width:100px}

/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {}


/*Á¦¸ñ*/
.bbsbody03{width:340;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}

/*´º½º_º¸µµÀÚ·á Á¦¸ñ*/
.news_title {}


/*´º½º_º¸µµÀÚ·á ³»¿ë*/
.news_cont {}


/*°¶·¯¸® Á¦¸ñ*/
.gallery_title {}

/*°¶·¯¸® ³»¿ë*/
.gallery_cont {}

/*ÆäÀÌÂ¡*/
.paging {}


/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {}

/*±âº»ÆùÆ®*/
.board_txt {}


.board_txt2 {}


input#border {}
textarea#border {}


/*´ñ±ÛÆùÆ®*/
.comment_name {}
.comment_txt {}


/* bgcolor */
.board_bgcolor {background-color:#F7F7F7;}
.board_rate {padding:0 0 0 0;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}

/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ */
.board_output {}

/* °Ô½ÃÆÇ ¸ñ·Ï °ü¸® */
.board_admin_bgcolor {background-color:#FFFFFF;}

/* À¥ÁøÇü °Ô½ÃÆÇ (¼¼·Î¹è¿­)*/
.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; }

/* °Ô½ÃÆÇ */
.arround+#container .mid .board.list img{width:90%;height:auto}
.arround+#container .mid .board.list .gallery_title {color:#222;line-height:40px;font-size:15px;letter-spacing:1px}
.arround+#container .mid .board.list>tbody>tr>td{padding-bottom:30px;}
.arround+#container .mid .board.detail{border:1px solid #ddd}
.arround+#container .mid .board.detail .board_bgcolor{display:none}
.arround+#container .mid .board.detail .board_desc{font-size:15px;letter-spacing:1px;padding:10px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.arround+#container .mid .board.detail #post_area{text-align:center;padding:50px 10px;line-height:20px;box-sizing:border-box}
.arround+#container .mid .board.detail #post_area img{margin-bottom:20px;width:80%!important;height:auto!important}










/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */
.board_output_gallery_subject { text-align:center;width:100%;  }
.board_output_gallery_description { text-align:center;width:100%; }

.main_arround>.board_output{position:relative}
.main_arround .board_output.arround{margin:0 auto;overflow:hidden;width:90%;font-size:0}
.main_arround .board_output.arround>tbody>tr{}
.main_arround .board_output.arround>tbody>tr>td{display:block;position:absolute;width:90%;transition:opacity ease .5s;opacity:0;}
.main_arround .board_output.arround>tbody>tr>td.on{z-index:1;opacity:1}
.main_arround .board_output.arround>tbody>tr>td>table{}
.main_arround .board_output.arround table{width:100%}
.main_arround .board_output.arround .board_output_gallery_img img{width:100%;height:auto;}

.main_arround .con+tr{width:150px;height:50px;position:absolute;bottom:4%;right:7%;z-index:1}
.main_arround .con+tr td{width:100%;height:100%;display:block}
.main_arround .con+tr a{display:block;width:100%;height:100%;position:absolute;background:#fff;transition:background ease .3s;z-index:10}
.main_arround .con+tr a::after{content:"VIEW MORE";display:block;text-align:center;line-height:50px;color:#000;font-size:12px;letter-spacing:1px;transition:color ease .3s}
.main_arround .con+tr img{display:none}

.main_arround .con+tr:hover a{background-color:#222}
.main_arround .con+tr:hover a::after{color:#fff}

.main_arround>.board_output .prev_btn,
.main_arround>.board_output .next_btn{content:"";display:block;width:50px;height:50px;position:absolute;left:7%;top:50%;transform:translate(0,-50%);cursor:pointer;z-index:10;background:url('../../img/upload/img/prev.png') no-repeat center;background-size:20px auto}
.main_arround>.board_output .next_btn{left:auto;right:7%;background-image:url('../../img/upload/img/next.png')}


@media (max-width:1024px){

}
@media (max-width:769px){
   .main_arround .con+tr{width:100px;height:30px}
   .main_arround .con+tr a::after{line-height:30px;font-size:10px}
   .main_arround>.board_output .prev_btn,
   .main_arround>.board_output .next_btn{background-size:12px auto}

   .arround+#container .mid .list tbody>tr>td{ word-break: break-all;float:left;width:100%;}
/* Safari 9.0+ (iOS Only) */
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{
  .arround+#container .mid .list tbody>tr>td{ word-break: break-all;float:none;width:auto;vertical-align:top;}  
}

}