a:active{color:#333;}
a:link{color:#333; text-decoration: none;}
a:hover{color:#3050CF;}
a:visited{color:#333;}
#bbsWrap{background:#fff; width:100%; margin:0 auto;}
.tableWrap{width:100%; margin:auto;}

.boardtype{width:100%; color:#888; border-collapse:collapse; border:0; font-size:16px;}
.boardtype caption{display:none;}
.boardtype thead{}
.boardtype thead th{padding:12px 0; background:#37A89A; font-weight:normal; color:#fff; text-align:center;}
.boardtype thead .th01{background:#37A89A;}
.boardtype tbody td{padding:16px 0 14px 0; text-align:center; border-bottom:solid 1px #dfdfdf;}
/*.boardtype tbody td{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
.boardtype tbody td.frm{padding:0;text-align:center;}
.boardtype tbody td.frm input{margin:0;}
.boardtype tbody td.num,
.boardtype tbody td.date,
.boardtype tbody td.hit{font:normal tahoma; padding:0;}
.boardtype tbody td.noti_mark{color:#f60; font-weight:bold;}
.boardtype tbody td.noti{font-weight:bold;}
.boardtype tbody td.title{text-align:left;}
.boardtype tbody td.title .pic,
.boardtype tbody td.title .new{margin:0 0 2px; vertical-align:middle;}
.boardtype tbody tr.reply td.title a{padding-left:12px;background:url(ic_reply.gif) 0 1px no-repeat;}
.boardtype tbody tr.reply td a.comment{background:none;padding:0;font-size:12px;font-weight:bold;color:#F00;}
.boardtype .board_title, .boardtype .bbs_title{text-align:left; padding-left:7px;}
.boardtype .ing{color:#f60;}
.boardtype .end{color:#999;}

.inputbox5,
.inputbox10,
.inputbox15,
.inputbox20,
.inputbox25,
.inputbox30,
.inputbox35,
.inputbox40,
.inputbox45,
.inputbox50,
.inputbox55,
.inputbox60,
.inputbox65,
.inputbox70,
.inputbox75,
.inputbox80,
.inputbox85,
.inputbox90,
.inputbox95,
.inputbox100{padding:5px 12px 7px 12px;border:solid 1px #ddd;background:#f5f5f5;font-size:0.95em;}
.inputbox5{width:5%;}
.inputbox10{width:10%;}
.inputbox15{width:15%;}
.inputbox20{width:20%;}
.inputbox25{width:25%;}
.inputbox30{width:30%;}
.inputbox35{width:35%;}
.inputbox40{width:40%;}
.inputbox45{width:45%;}
.inputbox50{width:50%;}
.inputbox55{width:55%;}
.inputbox60{width:60%;}
.inputbox65{width:65%;}
.inputbox70{width:70%;}
.inputbox75{width:75%;}
.inputbox80{width:80%;}
.inputbox85{width:85%;}
.inputbox90{width:90%;}
.inputbox95{width:95%;}
.inputbox100{width:100%;}
.noticeMark {background:url(/images/noticeMark.gif) 50% 4px no-repeat; color:#fff;}
.noti_tit{font-weight:normal; text-decoration: underline;}
.searInput{padding:7px 12px;border:solid 1px #ddd;background:#fff;font-size:0.95em;}
.ico_new{padding:0 6px 0 4px; font-size:13px; border-radius: 4px; background:#2F9D8F; color:#fff; }
.valign{vertical-align: middle;}
.noti_point{font-weight:bold; color:#f30; margin-bottom:10px;}

.boardview{width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#666; border-collapse:collapse; font-size:18px;}
.boardview caption{display:none;}
.boardview th{padding:8px 0; border-bottom:solid 1px #dfdfdf; font-weight:normal; color:#fff; background:#37A89A; font-size:16px;}
.boardview td{text-align:left; padding:5px 0 5px 10px; border-bottom:solid 1px #dfdfdf; font-size:16px;}
/*.boardview tbody td{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
.boardview .bbs_tit{font-weight:16px; font-weight:bold;}
.boardview td.contents{padding:20px; font-size:16px;}
.boardview td.contents #contents_wrap img{width:100%;max-width:500px}
.boardview_comment{width:100%; border-top:1px solid #999; border-bottom:1px solid #999; margin-top:15px; color:#666; font-size:12px; border-collapse:collapse;}
.boardview_comment caption{display:none;}
.boardview_comment td{padding:5px 0 3px 10px; text-align:left; line-height:1.4em;}
.boardview_comment tr.input td{padding:5px 0 5px 10px; border-bottom:solid 1px #D2D2D2;}
.boardview_comment tr.input td *{vertical-align:middle;}
.boardview_comment tr.input input.name{width:100px; padding:2px 0 1px;; border:solid 1px #D2D2D2;}
.boardview_comment tr.input textarea.comment{width:80%; height:14px; padding:2px 0 1px; border:solid 1px #D2D2D2;}
.boardview_comment tr.input input.submit{width:60px; border:solid 1px #666; background-color:#F2F2F2; font:normal 12px 돋움;}
.boardview span{color:#333;}
.boardview th{text-align:center}

.selSt{width:80px; height:33px; padding:0 0 0 10px; border:1px solid #ccc; background:url(../images/ico_sel.gif) 100% 100% no-repeat; font-size:0.95em;}
.selSt2{width:180px; height:35px; padding:0 0 0 10px; border:1px solid #0071B3; background:#0071B3 url(../images/ico_sel2.png) 100% 100% no-repeat; font-size:0.95em; color:#fff;}
option{margin:3px 0;border:1px solid #f00;}
select { appearance: none; -webkit-appearance: none;}
select::-ms-expand { display:none; }

/* Paginate */
.paginate{clear:left; margin-top:15px; text-align:center;}
.paginate a{display:inline-block; padding:5px 12px; border:1px solid #aaa; margin:0 3px;}
.paginate a:hover{background:#333; color:#fff;}
.paginate .ov{background:#333; color:#fff; padding:5px 12px;}
.paginate .pg_prev{border:none;}
.paginate .pg_prev:hover{background:none; color:#333;}
.paginate .pg_next{border:none;}
.paginate .pg_next:hover{background:none; color:#333;}
.paginate .more{border:1px solid #ddd; padding:5px 10px;}


/*페이징
.paging{clear:left; text-align:center; color:#666; padding-top:1em;}
.paging a{
    display:inline-block;
    border:1px solid #dcdcdc;
    background:#fff;
    color:#666;
    padding: 5px 0;
    margin:2px 2px;
    width:30px;
    font-size:13px;
    vertical-align:middle;
}
.paging .move{border:1px solid #333; background:#555; color:#fff; width:50px; text-align:center;}
.paging .choice{display:inline-block;
    border:1px solid #dcdcdc;
    background:#f6f6f6;
    color:#f60;
    padding: 5px 0;
    margin:2px 2px;
    width:30px;
    font-size:13px;
    vertical-align:middle;
    }
*/
.sort{height:24px;}
.sort div{float:left; color:#888;}
.sort div span{color:#f60;}
.sort form{float:right;}

.bbs_top{display:flex; justify-content: space-between; padding:10px 0; margin:30px 0 10px;}
.sorthArea{height:38px;border:1px solid #000;}
.searchArea{text-align:right; margin-bottom:5px;}
/*.searchArea div{float:left; color:#999; font-weight:bold;}
.searchArea form{float:right;width:75%; text-align:right;}*/
.btnRight{margin:20px 0 10px 0; text-align:right;}
.btnCenter{margin:20px 0 0 0; text-align:center; height:30px}
.btnWrite{display:inline-block; width:200px; text-align:right;}

.exp_txt{padding:10px 0 5px 7px; font-weight:bold; color:#369; background:url(/images/ar_red.gif) 0 50% no-repeat;}

.fileList li{background:url(/images/icon_file.gif) no-repeat 0 50%; padding-left:15px;}
.fileList li a{color:#298DD8;}
.fileList li a:hover{text-decoration:underline;}


/*첨부파일 레이어*/
.addfile{width:200px; border:2px solid #ccc; padding:10px;}
.addfile .top{border-bottom:1px solid #eee; height:20px;}
.addfile .tit{float:left; font-size:11px; color:#219AAB; font-weight:bold; margin-bottom:15px;}
.addfile .close{float:right;}
.addfile .list{clear:both;}
.addfile ul li{font-size:11px; background:url(/images/icon_bar.gif) 0 4px no-repeat; margin:3px 0 3px 0; padding-left:7px;}

.photoView {position:absolute; border:1px solid #444; z-index:1200; padding:10px; background:#666;}
.photoView p{position:absolute; top:16px; z-index:13;}
.photoView p{position:absolute; top:16px; right:15px; z-index:13;}

/*btns*/
.bbsBtn a{
    border:1px solid #bbb;
    background:#fff;
    color:#333;
    padding: 7px 25px;
    margin:2px;
    font-size:1.1em;
}
.bbsBtn a:hover{color:#000;}
.bbsBtn_int{border:1px solid #ccc;
    background:#fff;
    padding: 3px 12px;
    margin:2px;
    color:#333;
    font-size:0.9em;
    cursor:pointer;
}
.bbsBtn_sear{background:url(../images/ico_srch.gif) no-repeat; border:1px solid #fff; width:35px; height:35px; cursor:pointer;}
.bbsBtn_move{border:1px solid #444; width:45px; height:35px; font-size:0.95em; background:#444; color:#fff; cursor:pointer;}

.bbsBtn a{border:1px solid #ccc;
    background:#fff;
    padding: 9px 20px;
    margin:2px;
    /*border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;*/
}
.bbs_btnOk{border:1px solid #ccc;
    background:#fff;
    padding: 5px 20px;
    margin:2px;
    /*border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;*/
}
.bbsBtn_wr a{
    background:#444;
    color:#fff;
    padding: 8px 12px;
    margin:2px;
    font-size:0.75rem;
}
.wrBtn{
    border:1px solid #444;
    background:#444;
    color:#fff;
    padding: 3px 12px;
    margin:2px;
    font-size:0.9em;
}

.findBtn{font-size:18px; background:#555;border:1px solid #ccc; padding:5px 15px; color:#fff;}

.btnCenter button{
    border:1px solid #bbb;
    background:#fff;
    color:#333;
    padding: 7px 25px;
    margin:2px;
    font-size:1em;
    display:inline-block;
}

.bbsBtn a:hover{color:#444;}
.bbsBtn_int{border:1px solid #ccc;
    background:#fff;
    padding: 3px 12px;
    margin:2px;
    color:#333;
    font-size:0.9em;
    cursor:pointer;
}
.btn_ing a{
    background:#3377AA;
    padding: 8px 16px;
    margin:2px;
    color:#fff;
    font-size:1em;
    cursor:pointer;
}
.btn_ing_l a{
    background:#1360BD;
    padding: 11px 12px;
    margin:2px;
    color:#fff;
    cursor:pointer;
    font-size:0.75rem;
    font-weight:bold;
}
.btn_end{
    background:#aaa;
    padding: 8px 16px;
    margin:2px;
    color:#f6f6f6;

}
.btn_before{
    background:#555;
    padding: 8px 23px;
    margin:2px;
    color:#f6f6f6;

}


@media screen and (max-width:767px) {
    .hidRes {
        display: none;
    }
    .boardtype{font-size:15px;}
    .boardview th, .boardview td{font-size:15px;}
    .boardview td.contents iframe{width:100%; height:auto;}
}
@media screen and (max-width:480px) {
    .boardtype{font-size:15px;}
    .boardview th, .boardview td{font-size:12px;}
    .fileList{font-size:12px;}
}