.btn_def, a.a_btn_def{display: inline-block; background-color:#565656; padding:8px 28px; margin:5px 2px; border-radius: 30px; color:#fff; font-size:1.23em; border:0;}
.bbs_bot {position:relative;padding-top:25px;width:100%; text-align:center}
.bbs_bot .btn_write {top:25px;right:0;}
.btn_def:hover, a.a_btn_def:hover{color:#e7f6fd}
.board_list_check{vertical-align: middle}

/* list */

.bbs_list {width:100%; border-top:2px solid #333; table-layout: fixed;}
.bbs_list tr.notice{padding:15px 0;font-size:18px;background:#e7f6fd; color:#111;  border-bottom:1px solid #127da8; font-weight: bold}
.tr_selectd{background-color:#f4f1ff !important}
.bbs_list tr th {padding:15px 0;font-size:18px;background:#f3f3f3; color:#33471c;  border-bottom:1px solid #666;}
.bbs_list tr td {padding:15px 0;font-size:17px;text-align:center; border-bottom: 1px solid #aaa;}
.bbs_list tr td.no {text-align: center;}
.bbs_list tr td.subj {padding-left:10px;text-align:left; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;}
.bbs_list tr td.subj a {color:#333;   }
.bbs_list tr td.subj a:hover {color:#075cc5;}
.bbs_list tr td.subj span.repl_nums{color: #aaa;}
.bbs_list tr td.subj span.del_txt{color: red;}
.bbs_list tr td.subj span.kwd_search{color: red; font-weight: bold;}
.bbs_list tr td.date, table.bbs_list tr td.hit , table.bbs_list tr td.w_name {color: #777;}




i.secr{color: #e5145b;    border: 0px solid #000;    margin-right: 3px;    font-size: 19px;    cursor: default;    vertical-align: bottom;}
i.notice{color: #127da8;    border: 0px solid #000;    font-size: 26px;    cursor: default;    vertical-align: bottom;}
i.files{color: #2b91cb; font-size:1.5em;vertical-align:-5px}
span.del_txt{color: red;}
span.repl_nums{color: #999;font-size:0.8em; margin-left:5px}

.board_search_area {padding:5px 20px 10px 5px; overflow: hidden; text-align: right}

form.find_form {    display: inline-block;    border: 1px solid #555;    padding: 5px 7px 5px 17px;    border-radius: 30px;}
form.find_form input.find_txt {width: 330px;    height: 29px;    color: #333;    font-size: 18px;    border: 0;    margin: 0;    padding: 2px;    vertical-align: middle;  border-radius: 3px;}
form span.find_view{background-color: #0f8cd1;    padding: 0;    margin: 0;    display: inline-block;    width: 32px;    height: 32px;    cursor: pointer;    border-radius: 30px;}
form span.find_view i{color: #fff;    font-size: 28px;   vertical-align: middle;  padding: 2px 0 0 2px;}

/* m_board_read */

.bbs_read{padding:5px; border:0}
.read_top{margin:10px 0 0 0; padding:20px 5px 20px 20px;background-color: #f3f3f3; font-size:18px; font-weight: 700; border:1px solid #aaa; border-width: 1px 0; border-bottom-color:#ccc}
.read_top_info{background-color: #f9f9f9; font-size:16px; margin: 0; padding: 12px 25px; border-bottom:1px solid #333; text-align: right}

.bbs_comment_view{padding:20px;font-size: 16px; line-height: 1.5em;}
.bbs_comment_view img{max-width:98%; height:auto; object-fit: contain;}
.download_area{margin:40px 20px; padding:10px 30px; border:1px dotted #aaa; background-color: #f3f3f3; font-size:25px; border-radius: 30px}
.download_area i.file_dn_icon{font-size:40px; vertical-align: middle; color:var(--mian-color)}
.download_area .file_lists{display: inline-block; padding: 7px 15px; border-radius: 20px; border: 1px solid #048dc8; background-color: #d8e1ec; cursor: pointer;color: #333; margin:0 3px;font-size: 18px; vertical-align: middle}
.download_area .file_lists:hover{background-color: #5080ec; color: #fff; border-color:  #5080ec;}




/* image board */
.bbs_list_image{text-align: left; overflow: hidden; }
.bbs_list_image li{padding:0; margin:1%;margin-bottom:50px; float:left; width:22%;display:inline-block; overflow: hidden; border:1px solid #aaa; border-radius: 12px;} 
.bbs_list_image li div.img {padding:0px;width:100%; height: 220px ; display:inline-block; background-size:cover; background-position: center; background-repeat: no-repeat; cursor: pointer}
.bbs_list_image li p.subj{padding:0 10px ; margin:0; text-align:left;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_list_image li p.subj a{width:100%;} 
.bbs_list_image li p.info{vertical-align: top; font-size:14px; color:#777; text-align: right; margin:0; padding:5px 20px}

/*
.m_bbs_read li.bbs_read_title {font-size:1.2em; color:#333; padding:5px 5px 1px 5px}
.m_bbs_read li.bbs_read_title span.del_txt{color: red;}
.m_bbs_read li.bbs_read_title i.secr{color: #f71873; font-size:1em;vertical-align:-1px}

.m_bbs_read li.bbs_read_title img {width: 38px; height: auto; margin-bottom: -3px; margin-right: 5px;}
.m_bbs_read li.bbs_read_title_info {font-size:0.75em; color:#777; padding:3px 5px; border-bottom:1px solid #ccc; text-align:right}
*/
.board_view_image{margin: 0 auto; display: block; max-width: 95%}

.bbs_wr{padding:6px 3px; margin: 0; border-bottom: solid 1px #ccc; vertical-align: middle; background: #fafafa}
.bbs_wr span{display:inline-block; width: 130px; font-size:18px}
.bbs_wr span i{font-size:12px; margin-right:3px}
.bbs_wr input.insert_txt {width:800px; padding:5px 7px; border:0; background-color: #fff; font-size: 1.2em; border:1px solid #666; border-radius: 5px}
.bbs_wr input[type=password] {width:200px; padding:5px 7px; border:0; background-color: #fff; font-size: 1.2em; border:1px solid #f88; border-radius: 5px}
.bbs_wr  span.info_gray{font-size:0.8em; color:#aaa ;display: inline-block}
.bbs_wr  span.info_secr{font-size:1em; color:#333;display: inline}
.bbs_wr .secr{accent-color:red}

form.in_su, form.in_su_pass{text-align:center; margin: 100px auto}


.bbs_file_up_area{padding:18px;}
.bbs_file_up_area p{padding: 12px 5px; border-bottom:1px dashed #aaa; margin: 0; font-size:14px}
.bbs_file_up_area .file_tit{display: inline-block; width:120px; font-weight: 700}


/* m_board_write 
table.bbs_write{width:100%;border-top:2px solid #477d3b}
table.bbs_write th{font-size:0.9em; padding:5px 0}
table.bbs_write td{font-size:0.8em; padding:0}
textarea.txt_area{width:100%; height:200px; font-size:1em; line-height:1.8em; color:#333}


section.m_bbs_wr{padding:5px; border:0}
section.m_bbs_wr li{margin:0; padding:0; list-style:none; background-color: #f3f3f3}
section.m_bbs_wr li.bbs_wr_title {font-size:1.2em; color:#333; padding:5px 5px 1px 5px}
section.m_bbs_wr li.bbs_wr_title span.del_txt{color: red;}
section.m_bbs_wr li.bbs_wr_title i.secr{color: #f71873; font-size:1em;vertical-align:-1px}
section.m_bbs_wr li.bbs_wr_title img {width: 38px; height: auto; margin-bottom: -3px; margin-right: 5px;}
section.m_bbs_wr li.bbs_wr_title_info {font-size:0.75em; color:#777; padding:3px 5px; border-bottom:1px solid #ccc; text-align:right}


section.m_bbs_wr p.m_wr{padding:3px 0; margin: 5px 0; border-bottom: solid 1px #ccc; vertical-align: middle}
section.m_bbs_wr p.m_wr span{display:block; }
section.m_bbs_wr p.m_wr span i{font-size:12px; margin-right:3px}
section.m_bbs_wr p.m_wr input.insert_txt {width:-webkit-fill-available; display:block; padding:5px 7px; border:0; background-color: #f3f3f3; font-size: 1.2em}
form.in_su, form.in_su_pass{text-align:center; margin: 100px auto}

section.m_bbs_wr p.m_wr  span.info_gray{font-size:0.8em; color:#aaa ;display: inline-block}
section.m_bbs_wr p.m_wr  span.info_secr{font-size:1em; color:#333;display: inline}

section.m_bbs_wr p.m_btn_area{text-align: center}
*/




/* image board 
ul.bbs_list_image{}
ul.bbs_list_image li{padding:0 5px; margin:0; margin-bottom:25px; width:25%; display: block; float: left; background-color: #f3f3f3} 
ul.bbs_list_image li div.img {padding:0; height: 185px ; display:inline-block; overflow:hidden; background-size: cover; cursor: pointer; width: 100%;}

ul.bbs_list_image li p{padding:0 10px ; margin:5px 0}
*/

/*리플*/
p.repl_nums{text-align:left;color:#b83874;font-weight:bold;clear:both; padding-top:20px}
div.repl_body{background-color:#f6f6f6;padding:10px}
div.repl_body div.repl_title{width:100%;height:20px}
div.repl_body div.repl_title span.name{float:left; font-size:16px;color:#333333;font-family:돋움;font-weight:bold}
div.repl_body div.repl_title span.date{float:right; font-size:13px;color:#aaaaaa;font-family:Arial}
div.repl_body div.repl_title span.del{float:right; cursor:pointer;font-size:13px;color:#787878;font-family:Arial; margin:0 10px}
div.repl_body div.repl_title span.deld{font-size:13px;color:red; margin:0 10px}
div.repl_body div.repl_view {margin:5px 0 0 5px; color: #666; line-height: 1.65em;}

div.repl_del{display:none;line-height:22px;text-align:left;width:100%;background-color:#fff5e0; text-align:right}
div.repl_del form{text-align:right}
p.repl_line{margin:30px 0;height:1px; border-bottom:1px dashed #aaa;}



div.repl_wr_box{background-color:#f2f1ed;border:1px dotted #aaa; padding:10px; overflow: hidden;}
textarea.repl_comment{border-style:solid;border-color:#aaa;border-width:1px;height:80px;width:-webkit-fill-available;margin:10px 0;border-radius: 5px; overflow: auto; float: left;}
input.repl_up{width:-webkit-fill-available;height:30px;float:right;margin:0px; font-size: 16px; border: 1px solid #ccc; background: #f3f3f3; border-radius: 5px; float: right;cursor: pointer;}

input.repl_wr{border: 1px solid #aaa; padding:3px ;}
input.repl_wr.name{width:90px}
input.repl_wr.pass{width:90px}

form.repl_del_form{background-color:#d8eaea;padding:5px 10px; float: right; display: inline-block; border: 1px solid #799494; margin-left: 20px;}
form.repl_del_form input.repl_dl_pass{ padding: 2px 5px; border:1px solid #c58383;width:80px;height: 25px;}
form.repl_del_form input.repl_dl_btn{border: 1px solid #E5D3F2; padding: 2px 5px; cursor: pointer;height: 25px;}
form.repl_del_form input.repl_dl_btn.act{border-color: #E5D3F2;}
form.repl_del_form input.repl_dl_btn.cnsl{}



/* 페이지 이동 */
div.page {display: grid;  grid-auto-flow:column; justify-content: center; place-items: center;  padding:20px; overflow: hidden; width:content-box; }
div.page a{padding:8px 15px;color:#333; border:1px solid #666; font-size: 26px; font-weight: 800; margin:3px; border-radius: 33px;min-width:48px; height:48px; line-height: 34px}
div.page a:hover, div.page a.hover{color:#fff;background-color:#333; border-color:#333}
div.page a i{    line-height: 32px; font-size:30px; }


.clr {clear:both;}
.pos_abs {position:absolute;}
._center{text-align:center}

table.tmp_tb{width:800px; border-collapse:collapse; margin:10px auto;overflow:hidden}
table.tmp_tb tr{border:1px solid #aaa}
table.tmp_tb tr th{font-size:20px; text-align:center;padding:7px; background-color:#eee}
table.tmp_tb tr th.tit{font-size:16px; text-align:center;padding:7px; background-color:#fafafa; border:1px solid #aaa;}
table.tmp_tb tr td{padding:5px; border:1px solid #aaa; line-height:25px}
table.tmp_tb tr td.tit{width:155px; font-size:15px; text-align:center}
table.tmp_tb tr td.img{padding:5px; }
table.tmp_tb tr td.img img{width:200px; margin:3px; float:left }
table.tmp_tb tr td.body{overflow:hidden}
input{
    vertical-align:middle;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: var(--navi-hover-color, #ff6600); /* 최신 브라우저에서 체크 색상 변경 */
}

.board_adm_box{padding: 10px;}
.board_adm_box input[type=button],div.board_adm_box select{background-color:var(--navi-hover-color); padding:5px 12px; margin:3px; border-radius: 4px; color:#fff; font-size:16px; cursor:pointer; border: 1px solid #333;}
.board_adm_box input[type=button]:hover{background-color: #333; color: #fff;}
.board_adm_box select{background-color:#f3f3f3; color: #333;}