@charset "utf-8";

.all_wrap {margin:5px; padding:10px; position:relative; background:#f5f5f5}

.cont-tit {display:block; box-sizing:border-box; font-size:18px; font-weight:600;}

.srchType {margin-bottom:20px; padding:10px 20px 5px; box-sizing:border-box; background:#fff; border:1px solid #a4bed4; position:relative}

input[type='text'], input[type='number'], input[type='date'], select, textarea {margin-top:2px; margin-bottom:2px; padding:3px; border:1px solid #a4bed4; border-image:none; color:#222; background:#fff; width:100%;}
input[type='number'] {text-align: right;}
input[type='date'] {text-align: right;}
input[type='radio'] {vertical-align: -2px;}
textarea {resize: none;}
.num {text-align: right;}
div {margin-top:1px; margin-bottom:1px; padding: 0; width: 100%;}
body,div,table,em,h1,h2,h3,h4,h5,h6,form,fieldset,p,th,td,input,textarea,select,button { 
	font-family: 'NanumGothic', 'dotum', Verdana, Tahoma, AppleGothic, Sans-serif; font-size: 12px; color: #666; }
body, select, input, textarea {font-family:'NotoSans', "sans-serif", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움"; color:#333; font-size:13px}
/*select {padding:2px; border:1px solid #a4bed4; border-image:none; vertical-align:middle; background:#fff}*/
label {margin-top:2px; margin-bottom:2px; padding-right:3px; font-size:13px; color:#012847; font-weight:600;}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
table th { text-align: center; vertical-align : middle; }

select[readonly] { background-color: #fff; pointer-events: none; }

.search_box { float: right; margin-bottom: 7px; }
.search_box div { text-align: center; align-items: center; align-content: center; float: left; vertical-align:middle; }
.search_box div.radio-group { text-align: left; align-items: left;}
.search_box div > input[type=text] {height:22px; margin-left: 2px; margin-right: 2px; width: 100%;}

.srch_btn {width:80px; height:30px; font-size:14px; text-align:center; color:#fff; background:#3865a7; border-radius:2px; border:0;}
.srch_btn:hover {background:#0f299a; border:0; color:#fff;}
.srch_btn:checked {background:#0f299a; border:0; color:#fff;}

.search_box div .search-contents {align-items: center; align-content: center; text-align: center; }

/* table style */
.panel-body { width: 100%; border-top: 2px solid #0c4ca4; }
.panel-body caption { display: none; }
.panel-body tbody th { color: #222 ; font-weight: bold; background: #f4f4f4; padding: 12px 0; border-bottom: 1px solid #e6e6e6;}
.panel-body thead th { text-align: center; padding-left: 14px; }
.panel-body tbody th { text-align: left; padding-left: 14px; }
.panel-body tbody th.vtop { vertical-align: top; }
.panel-body tbody th .ic_chk { background: url('/static/images/tbl_check.png') left 3px no-repeat; padding-left: 14px; }
.panel-body tbody th span.pilsu { color: #d0270b; font-weight: 500; margin-left: 3px; }
.panel-body tbody td { text-align: center; padding: 11px 5px; border-bottom: 1px solid #e6e6e6; }
.panel-body tbody td.left { text-align: left; padding-left: 8px; }
.panel-body tbody td.cnt { text-align: left; padding: 12px 10px 20px; line-height: 160%; }
.panel-body tbody td.nopd { text-align: left; padding: 0; border-left: 1px solid #fff; }
.panel-body tbody td input.bbs_Nm { width: 99%; }
.panel-body tbody td input.tmp { width: 160px; }
.panel-body tbody td textarea { width: 99%; height: 100px; }
.panel-body tbody td textarea.txt { width: 97%; height: 300px; margin: 6px 8px; }
.panel-body tbody td textarea.re_txt { float: left; width: 80%; }
.panel-body tbody td a.re_btn { float: right; padding: 43px 31px; margin: 1px 2px 0 0; font-size: 12px; font-weight: 600; }
.panel-body tbody td select { padding: 2px 0 3px 2px; border: 1px solid #dedede; }
.panel-body tbody td img { margin-left: 7px; }

.panel-title {font-family:"맑은 고딕", "Malgun Gothic"; font-weight: bold;}

/* list_tbl07 */
.list_tbl_07 {width:100%; margin-top:5px; color:#555; border-top:1px solid #184680; background-color: #fff}
.list_tbl_07 td, .list_tbl_07 th {padding:4px 3px; font-size:13px; color:#222; font-family:"맑은 고딕", "Malgun Gothic"}
.list_tbl_07 th {color:#222; text-align:center; font-weight:600; background:#f1f4f9; border-left:1px solid #e9e9e9; border-bottom:1px solid #cad5ed}
.list_tbl_07 td {font-weight:500; border-left:1px solid #e9e9e9; border-bottom:1px solid #cad5ed}
.list_tbl_07 td:first-child, .list_tbl_07 th:first-child {text-align:center; border-left:0}


.btn {width:80px; height:30px; font-size:14px; text-align:center; border-radius:2px; border:1 #a4bed4;}
.btn:hover { border:1px #a4bed4; }
.btn:disabled { border:1px #888; }

/* paging*/
.paging {text-align:center}
/*.paging a {text-align:center; width:26px; height:26px; font-size:13px; border:1px solid #ccc; border-image:none; color:#444; display:inline-block; background:#fff url("/static/images/common/bg_paging.png") no-repeat 50px 10px}*/
.paging a {margin:1px; text-align:center; line-height:28px; width:28px; height:28px; font-size:13px; color:#444; display:inline-block; background:#fff;}
.paging a:hover {text-decoration: none; background: #ccc;}
.paging a.on {color:#fff; font-weight:700; border-color:#0054a5; background:#0054a5;}

.paging a.prev2 {border-image:none; background-position:7px 7px}
.paging a.prev  {border-image:none; background-position:-27px 7px}
.paging a.next  {border-image:none; background-position:-54px 7px}
.paging a.next2 {border-image:none; background-position:-88px 7px}


.search_box ul li { float: left; margin-left: 5px; font-size:11px}
.search_box ul li img { margin-left: 7px; }
.search_box select { padding: 3px 3px 3px 4px; border: 1px solid #dedede; }
.search_box input.s_input { width: 140px; padding-left: 5px; margin-right: 3px; }
.search_box input.s_btn { height: 24px; padding: 0 10px; border: none; color: #fff; background: #4688d2; border-radius: 2px; cursor: pointer; }
.search_box input.s_btn:hover { background: #7dabdf; }

.search_box span.s_btn { display: inline-block; vertical-align:top; height: 13px; font-size: 12px; padding: 6px 12px 5px 12px; background: #4688d2; border-radius: 2px; cursor: pointer; }
.search_box span.s_btn:hover { background: #7dabdf;}
.search_box span.s_btn a { color: #fff;  }

.search_box span.btn_b { display: inline-block; vertical-align:top; height: 13px; font-size: 12px; padding: 3px 1px 8px 1px; background: #4688d2; border-radius: 2px; cursor: pointer; }
.search_box span.btn_b:hover { background: #7dabdf;}
.search_box span.btn_b a { vertical-align: text-top; color: #fff; display:block; line-height: 19px; padding: 0px 10px 0px 10px;}

.search_box {width:100%; color:#333; clear:both; position:relative}
.search_box:after {content:""; clear:both; display:block}
.search_box li {padding:0 0 5px 0; display:inline-block}
.search_box li label.txt {width:80px; padding-right:10px; font-size:13px; line-height:26px; color:#012847; font-weight:600; /* text-align:right; */ display:block; float:left}
.search_box li label.txt:before {content:""; margin-right:5px}
.search_box li input[type="text"] {width:200px}
.search_box li .inpTypo {width:514px !important}
.search_box li select {min-width:180px; text-align-last:center}

.loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.8; background: white; z-index: 99; text-align: center;}
.loading > img {position: absolute; top: 50%; left: 50%; z-index: 100;}