/*Á¦¸ñ*/
.bbsbody03{width:340;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}





/*ÆäÀÌ¡*/
.paging {margin-top:50px;font-weight: 500;display: flex;align-items: center;justify-content: center;gap: 5px;}
.paging b {color: #407cd3;font-weight: bold;}
.paging a {color: #9e9e9e;
}
@media(max-width:992px){
.paging {margin-top:30px;}
}




/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)*/
.search_txt {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:12;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:12;color:##666666;border:1 solid #D4D4D4}




/* bgcolor : °Ô½ÃÆÇ Ç׸ñ */
.board_bgcolor {width:100px;}
.board_rate {padding:0 0 0 0;font-size:12;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}




/*´ñ±ÛÆùÆ®*/
.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%;  }
.board_output_gallery_description { text-align:center;width:100%; }






/* add */



.gallery_style {
    margin: 0 -15px;
    width: calc(100% + 30px);
}
.gallery_style > tbody > tr > td {
    padding:0 15px 30px 15px;
    box-sizing:border-box;
}


.gallery_style > tbody > tr > td > table{ width:100%; max-width:100%; box-sizing:border-box; }



.gallery_style table tr td.bbsnewf5 table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 25px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    transition: all .3s;
    position: relative;
    top: 0;
    background: #fff;
}


@media(max-width:992px) {
    .gallery_style {
        margin: 0 -5px;
        width: calc(100% + 10px);
    }
    .gallery_style > tbody > tr > td {
        padding:0 5px 10px 5px;
    }
    .gallery_style table tr td.bbsnewf5 table {
        padding-bottom: 10px;
    }
}



.gallery_style table tr td.bbsnewf5 table:hover {
    top: -10px;
    background-image: linear-gradient(165deg, #407cd3 51%, #3363a9 90%);
}



.gallery_style table tr td.bbsnewf5 table:hover .gallery_title,
.gallery_style table tr td.bbsnewf5 table:hover .gallery_cont,
.gallery_style table tr td.bbsnewf5 table:hover .gallery_etc font {
    color: #fff !important;
}



.gallery_style table tr td.bbsnewf5 tr td br {
    display: none;
}



.gallery_style table tr td.bbsnewf5 tr td a {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}



/* 3. À̹ÌÁö Å©±â°¡ »ßÁ®³ª°¡Áö ¾Êµµ·Ï 100%·Î °­Á¦ °íÁ¤ */
.gallery_style table tr td.bbsnewf5 tr td a img {
    width: 100% !important;
    height: auto !important;
    display: block;
    margin-bottom: 25px;
    box-sizing: border-box;
}



/* °¶·¯¸® Á¦¸ñ */
.gallery_subject { text-align: left !important; }
.gallery_subject a { display: block; margin-bottom: 15px; padding: 0 20px; box-sizing: border-box; }
.gallery_title { font-size: 18px; color: #212121; font-weight: 600; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }



/* °¶·¯¸® ³»¿ë */
.gallery_cont { font-size: 16px; color: #424242; height: 48px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 20px; box-sizing: border-box; }



/* ³¯Â¥ */
.gallery_etc { display:block; margin-top: 30px; text-align: left !important; padding: 0 20px; font-size: 0; box-sizing: border-box; }
.gallery_etc font { font-size: 16px !important; color: #9e9e9e !important; }


@media(max-width:992px) {
    .gallery_style table tr td.bbsnewf5 tr td a img {
        margin-bottom: 10px;
    }
    .gallery_subject a { margin-bottom: 5px; padding: 0 10px; }
    .gallery_title { font-size: 11px; }


    .gallery_cont { font-size: 11px; padding: 0 10px; height: 16px; -webkit-line-clamp: 1; }


    .gallery_etc { padding: 0 10px;margin-top: 5px; }
    .gallery_etc font { font-size: 8px !important; }


}






/* °Ë»ö */
#ext_search {border-radius: 10px;background-color: #f5f5f5;padding:14px;margin-top:20px;position:relative;}
#ext_search > #ext_search {border-radius:0;padding:0;margin:0;}
#ext_search #search_table {max-width:770px;width:100%;margin:0 auto;}
#ext_search a {position:absolute;top:-35px;right:0;}




#search_table .est_cate_cell {min-width:160px;width:160px;}
#search_table .est_btn_cell {min-width:68px;width:68px;position:relative;}




#search_table td {padding:0;}




#search_table .est_cate_cell select {background-color:#fff;width:100%;height: 37px;border-radius: 5px;border:0;padding:0 12px;appearance:none;background-image:url('https://i.postimg.cc/CKdtrrs8/select-img.png');background-size:14px;background-repeat:no-repeat;background-position:96%;outline:0;}
#search_table .est_keyword_cell input {background-color:#fff;width:calc(100% - 30px);margin:0 10px 0 20px;height: 37px;border-radius: 5px;border:0;outline:0;padding:0 12px;}
#search_table .est_btn_cell input {width:100%;height: 37px;border-radius: 5px;border:0;opacity:0;position:relative;z-index:2;}
#search_table .est_btn_cell::after {position:absolute;content:'°Ë»ö';background-color: #9e9e9e;width:100%;height:100%;top:0;left:0;text-align:center;color:#fff;font-size: 16px;font-weight: 500;border-radius: 5px;line-height:37px;}




@media(max-width:992px){
#ext_search {padding:10px;margin-top:30px;}




#search_table .est_cate_cell {min-width:70px;width:70px;}
#search_table .est_btn_cell {min-width:45px;width:45px;}




#search_table .est_cate_cell select {height: 30px;}
#search_table .est_keyword_cell input {width:calc(100% - 20px);margin:0 10px;height: 30px;}
#search_table .est_btn_cell input {height: 30px;}
#search_table .est_btn_cell::after {font-size: 13px;line-height:30px;}
}