@charset "utf-8";

@IMPORT url("//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css");

/*.button .typeA input[type="submit"],
.button .typeA input[type="submit"].disabled,
.button .typeA input[type="submit"],
.button .typeA input[type="submit"]:link,
.button .typeA input[type="submit"]:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA input[type="submit"]:hover,
.button .typeA input[type="submit"]:focus,
.button .typeA input[type="submit"]:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .typeB input[type="submit"],
.button .typeB input[type="submit"].disabled,
.button .typeB input[type="submit"],
.button .typeB input[type="submit"]:link,
.button .typeB input[type="submit"]:visited{background-color:#ef4030;border-color:#ef4030;color:#fff;}
.button .typeB input[type="submit"]:hover,
.button .typeB input[type="submit"]:focus,
.button .typeB input[type="submit"]:active{background-color:#d71f30;color:#fff;}

.button .typeA input[type="button"],
.button .typeA input[type="button"].disabled,
.button .typeA input[type="button"],
.button .typeA input[type="button"]:link,
.button .typeA input[type="button"]:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA input[type="button"]:hover,
.button .typeA input[type="button"]:focus,
.button .typeA input[type="button"]:active{background-color:#424242;border-color:#424242;color:#fff;}
.button .typeA input[type="button"]{height:40px;border-radius:3px;}

.button .typeB input[type="button"],
.button .typeB input[type="button"].disabled,
.button .typeB input[type="button"],
.button .typeB input[type="button"]:link,
.button .typeB input[type="button"]:visited{background-color:#ef4030;border-color:#ef4030;color:#fff;}
.button .typeB input[type="button"]:hover,
.button .typeB input[type="button"]:focus,
.button .typeB input[type="button"]:active{background-color:#d71f30;color:#fff;}
.button .typeB input[type="button"]{border-radius: 3px;}
.button .typeB input[type="submit"]{border-radius:3px;}*/

.mimetype:before{content:"";display:inline-block;width:26px;height:26px;vertical-align:middle;background:url(/images/prog/board/bg_icon.png) no-repeat 0 -240px}
/*
.mimetype.ppt:before,
.mimetype.pptx:before{background-position:0 0}
.mimetype.doc:before,
.mimetype.docx:before{background-position:0 -39px}
.mimetype.hwp:before{background-position:0 -79px}
.mimetype.pdf:before{background-position:0 -120px}
.mimetype.png:before,
.mimetype.gif:before,
.mimetype.jpg:before{background-position:0 -159px}
.mimetype.xls:before,
.mimetype.xlsx:before{background-position:0 -200px}
.mimetype.etc:before{background-position:0 -240px}*/

/*다운로드 아이콘*/
/*.btn_down{position:absolute; right: 135px; top:50%;margin-top:-12px;padding-left:13px;}
.btn_down,
.btn_down *{display:inline-block;overflow:visible;margin:0;padding:0;border:0 none;vertical-align:top;font-weight:700;white-space:nowrap;cursor:pointer}
.btn_down span{padding:0 0 0 10px;border-left:1px solid #e0e0e0}
.btn_down span a{position:relative;top:-1px;display:inline-block;width:21px;height:24px;background:url(/images/common/ico_file.png) no-repeat;padding-left: 21px;}
.btn_down span.acrobat a{background-position:0 0;}
.btn_down span.ppt a{background-position:-21px 0;}
.btn_down span.word a{background-position:-42px 0;}
.btn_down span.hwp a{background-position:-105px 0;}
.btn_down span.excel a{background-position:-63px 0;}
.btn_down span.file a{background-position:-84px 0;}
.btn_down span.ai a{background-position:-126px 0;}
.btn_down span.jpg a{background-position:-148px 0;}
.btn_down span.home a{background-position:-168px 0;}*/

.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}

.basic_search .grap select[name^="searchCondition"]{width:103px;}
.bold.red{color:#e03321;}
.bold{font-weight:bold;}



.btn.btn-file, 
.btn.disabled.btn-file, 
.btn.btn-file[disabled],
.btn.btn-file,
.btn.btn-file:link,
.btn.btn-file:visited{color:#54535a;}
.btn.btn-file:hover,
.btn.btn-file:focus,
.btn.btn-file:active{color:#ee402e;}

.bico.bticon{position:relative;top:-1px;display:inline-block;width:21px;height:24px;background:url(/images/common/ico_file.png) no-repeat;}
.bico.bticon.left{margin-right:5px;}
.bico.bticon.right{margin-left:5px;}
.bico.bticon.acrobat{background-position:0 0;}
.bico.bticon.ppt{background-position:-21px 0;}
.bico.bticon.word{background-position:-42px 0;}
.bico.bticon.hwp{background-position:-105px 0;}
.bico.bticon.excel{background-position:-63px 0;}
.bico.bticon.file{background-position:-84px 0;}
.bico.bticon.ai{background-position:-126px 0;}
.bico.bticon.jpg{background-position:-148px 0;}
.bico.bticon.home{background-position:-168px 0;}


.ui.uit.type7 .bg_icon .ui_icon{display:block;width:100%;height: 106%;background: url(/images/common/info_icon.png) no-repeat 50% 50%;}

/* table style */
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl_basic{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{/*color:#004993;*/color:#333;}
.tbl_basic thead th{color:#333;}
.tbl_basic td  .btn-file{font-size:12px;}

.tbl_basic{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;}
/*.tbl_basic tbody th{background-color:#f1f1f1;}*/

.tbl_basic.tbl_type1{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#fff;border-bottom-color:#ccc;}

.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#004993;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{background-color:#fff;color:#333;text-align:left;}
/*.tbl_basic.tbl_type2 thead th{background-color:#f1f1f1;}*/
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

.tbl_basic.tbl_type2 .level0{background-color:#fafafa;color:#333;}
.tbl_basic.tbl_type2 .level0 th{background-color:#fafafa;}
.tbl_basic.tbl_type2 .level0 th,
.tbl_basic.tbl_type2 .level0 td{color:#000;font-weight:bold;}
.tbl_basic thead th{background:none;}
.tbl_basic tbody th{background:none;}

/* 게시판버튼 */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"],
.button span a{display:inline-block;position:relative;border:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:10px 15px 8px 15px;font-size:14px;line-height:1.42857143;}
.button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.button span a *{vertical-align:middle}
.button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.button span a:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"]{height:40px;border-radius:0;}


.button .typeA input[type="button"],
.button .typeA input[type="button"].disabled, 
.button .typeA input[type="button"],
.button .typeA input[type="button"]:link,
.button .typeA input[type="button"]:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA input[type="button"]:hover,
.button .typeA input[type="button"]:focus,
.button .typeA input[type="button"]:active{background-color:#424242;border-color:#424242;color:#fff;}
.button span input[type="button"]{height:40px;border:1px solid transparent;}
.button span input[type="button"]:hover,
.button span input[type="button"]:active,
.button span input[type="button"]:focus{background-color:#d71f30;color:#fff;}


.button .typeA input[type="reset"],
.button .typeA input[type="submit"],
.button .typeA a, 
.button .typeA a.disabled, 
.button .typeA a,
.button .typeA a:link,
.button .typeA a:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA a:hover,
.button .typeA a:focus,
.button .typeA a:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .typeB input[type="button"],
.button .typeB input[type="reset"],
.button .typeB input[type="submit"],
.button .typeB a, 
.button .typeB a.disabled, 
.button .typeB a,
.button .typeB a:link,
.button .typeB a:visited{background-color:#eb3b4b;border-color:#d71f30;color:#fff;}
.button .typeB a:hover,
.button .typeB a:focus,
.button .typeB a:active{background-color:#d71f30;color:#fff;}


.button span .writing[type="button"],
.button span .writing[type="reset"],
.button span .writing[type="submit"],
.button span .writing{padding-left:35px;border-radius:0;background-image:url(/images/prog/board/btn_writ.png);background-repeat:no-repeat;background-position:15px 50%;}

.button span .writing:hover,
.button span .writing:focus{background-color:#d71f30;border-color:#d71f30;color:#fff;}

.button span .modit,
.button span .modit:link,
.button span .modit:visited{padding-left:38px;background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .modit:hover,
.button span .modit:focus,
.button span .modit:active{background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .delete,
.button span .delete:link,
.button span .delete:visited{padding-left:35px;background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}
.button span .delete:hover,
.button span .delete:focus,
.button span .delete:active{background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}
.button span .list,
.button span .list:link,
.button span .list:visited{padding-left:38px;background-image:url(/images/prog/board/btn_list.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .list:hover,
.button span .list:focus,
.button span .list:active{background-image:url(/images/prog/board/btn_list_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .notify,
.button span .notify:link,
.button span .notify:visited{padding-left:38px;background-image:url(/images/prog/board/btn_notify.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .notify:hover,
.button span .notify:focus,
.button span .notify:active{background-image:url(/images/prog/board/btn_notify_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .reply,
.button span .reply:link,
.button span .reply:visited{padding-left:38px;background-image:url(/images/prog/board/btn_reply.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .reply:hover,
.button span .reply:focus,
.button span .reply:active{background-image:url(/images/prog/board/btn_reply_ov.png);background-repeat:no-repeat;background-position:15px 48%;}


.button span .excel,
.button span .excel:link,
.button span .excel:visited{padding-left:38px;background-image:url(/images/prog/board/btn_excel.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .excel:hover,
.button span .excel:focus,
.button span .excel:active{background-image:url(/images/prog/board/btn_excel_ov.png);background-repeat:no-repeat;background-position:15px 48%;}