@charset "utf-8";

/* list */
#board .table_blist ul{display:flex;flex-direction:column;border-top:2px solid #000;}
#board .table_blist ul li{padding:20px 0;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
#board .table_blist ul li a{display:flex;align-items:center;}
#board .table_blist ul li .thumb{flex-shrink:0;width:290px;padding-left:30px;font-size:0;line-height:0;}
#board .table_blist ul li .thumb img{width:100%;height:163px;object-fit:cover;}
#board .table_blist ul li .cont{display:flex;flex-direction:column;flex-grow:1;padding:10px 0;}
#board .table_blist ul li .cont .cate{margin-bottom:5px;font-size:14px;font-weight:700;color:#009ef6;}
#board .table_blist ul li .cont .date{margin-top:20px;font-size:13px;font-weight:500;color:#888;letter-spacing:0;}
#board .table_blist ul li .cont p.title{display:-webkit-box;overflow:hidden;max-height:52px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:20px;line-height:1.3;font-weight:600;color:#000;word-break:keep-all;}
#board .table_blist ul li .cont p.content{display:-webkit-box;overflow:hidden;max-height:72px;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;}
#board .table_blist .empty{width:100%;max-width:100%;padding:30px 0;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:600;color:#888;text-align:center;}

/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:19px;line-height:1.5;font-weight:700;text-align:center;}
#board .table_bview .info{display:flex;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:15px;line-height:1.5;}
#board .table_bview .info dl:nth-child(n+2){margin-left:20px;padding-left:20px;}
#board .table_bview .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:#333;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd img{vertical-align:middle;}
#board .table_bview .info dd .size{font-size:12px;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
#board .table_bview .content img{display:block;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}
#board .table_bview .content .photodown{background-color:#336699; color:#ffffff; padding:5px;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:15px;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:15px 10px;border-bottom:1px solid #d5d5d5;font-size:15px;text-align:left;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td span.text1{margin-left:10px;color:#888;font-size:14px;font-weight:500;}
#board .table_bwrite tbody td span.text1.newline{display:block;margin-top:5px;margin-left:0;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:14px;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:13px;line-height:1.5;font-weight:500;color:#DF0101}

/********************태블릿********************/
@media all and (max-width:1024px){

#board .table_blist ul li .thumb{width:240px;padding-left:20px;}
#board .table_blist ul li .thumb img{height:134px;}
#board .table_blist ul li .cont .date{margin-top:2vh;}

#board .table_bview .tit_area{margin-bottom:3vh;padding:3vh 0;}
#board .table_bview .cont_area img{height:auto !important;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
#board .table_blist ul li .thumb{width:125px;}
#board .table_blist ul li .thumb img{height:70px;}

}
/********************웹********************/
@media all and (min-width:1025px) {

}