@charset "utf-8";
/* 초기화 */
* { outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:initial; }
html, body { font-family: 'NanumGothic', 'Malgun Gothic','Exo 2', 'Work Sans', 'Montserrat'; font-size:12px; line-height: 1.5; }
body { margin: 0; padding: 0; height: 100%; background: #fff; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
button, input[type="submit"], input[type="button"] { cursor: pointer; }
dl, ul, ol, li, { margin: 0; padding: 0; list-style: none; }
dt, dd, ol{ margin: 0; padding: 0; }
label, input, button, select, img { vertical-align: middle; }
a { text-decoration: none; }
a:link, a:visited { text-decoration: none; }
input::-ms-clear { display: none; }
.btn_cke_sc { display: none !important; }
.sound-only { display: none !important; }
[data-bunch]:nth-child(even) > div { background: #eff3f9; }
.list-body-wrap > li::nth-child(even) > div { background: #eff3f9; }
.mask-num { text-align: right; }

#ui-datepicker-div { display: none; background: #fff; margin: 5px 0 0 0; padding: 25px 10px 0 10px; box-shadow: 10px 10px 40px rgb(0 0 0 / 10%); }
#ui-datepicker-div a { color: #000; }
#ui-datepicker-div .ui-datepicker-header { position: relative; }
#ui-datepicker-div .ui-datepicker-prev { position: absolute; display: inline-block; font-size: 12px; top: -23px; left: 0; }
#ui-datepicker-div .ui-datepicker-next { position: absolute; display: inline-block; font-size: 12px; top: -23px; right: 0; }
#ui-datepicker-div .ui-datepicker-title { position: relative; clear: both; margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
#ui-datepicker-div .ui-datepicker-title select { height: auto; width: calc( 50% - 15px); min-width: 90px; padding: 4px 12px; border-radius: 0; }
#ui-datepicker-div .ui-datepicker-calendar { margin: 0; }
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td { width: 35px; height: 30px; text-align: center; line-height: 30px; }
#ui-datepicker-div .ui-datepicker-calendar th:first-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:first-child > a { color: #dc3545; }
#ui-datepicker-div .ui-datepicker-calendar th:last-child > span,
#ui-datepicker-div .ui-datepicker-calendar td:last-child > a { color: #007bff; }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active { padding: 3px 6px; background: #6f42c1; color: #fff; font-weight: 600; }
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight { color: #fff !important; }
#ui-datepicker-div .ui-datepicker-buttonpane { margin-top: 10px; display: flex; margin-left: -10px; margin-right: -10px; }
#ui-datepicker-div .ui-datepicker-buttonpane > button { flex: 1 1 50%; max-width: 50%; text-align: center; padding: .375rem; border-radius: 0; border: 1px solid transparent; }
#ui-datepicker-div .ui-datepicker-buttonpane > button:first-child { order: 2; background: #dc3545; color: #fff; }
#ui-datepicker-div .ui-datepicker-buttonpane > button:last-child  { order: 1; }
#ui-datepicker-div .ui-datepicker-today { background:#dc3545; color: #fff; }
#ui-datepicker-div .ui-datepicker-today a { color: #fff; }
.minicolors-theme-default .minicolors-swatch { top: 50%; transform: translateY(-50%); left: unset; right: 8px; }
.minicolors-theme-default .minicolors-input { padding-left: 0.75rem; }
/* btn wrap, btn */
.btn-fixed-top { position: fixed; top: 60px; right: 10px; z-index: 1000; display: flex; }
.btn-fixed-top > .btn:not(:last-child), .btn-confirm > .btn:not(:last-child) { margin-right: 3px; }
.btn-wrap { display: flex; justify-content: center; margin: 25px 0; }
.btn-wrap > .btn:not(:last-child) { margin-right: 5px; }

.btn { display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; border:1px solid transparent; border-radius: .375rem; padding:.375rem .75rem ; font-size:1rem; height:auto; line-height:1.5; letter-spacing:0; }
.btn-radius { border-radius: .25rem; }
.btn:hover,.btn:focus { outline: none; box-shadow: none; }
.btn_middle { min-width: 160px; }

.btn_list   { background-color: #343a40; color: #fff; }
.btn_submit { background-color: #dc3545; color: #fff; }
.btn_confirm{ background-color: #dc3545; color: #fff; }
.btn_cancel { background-color: #6c757d; color: #fff; }
.btn_modify { background-color: #fd7e14; color: #fff; }
.btn_delete { background-color: #ffc107; color: #fff; }
.btn_remove { background-color: #dc3545; color: #fff; }
.btn_append { background-color: #6f42c1; color: #fff; }
.btn_write  { background-color: #17a2b8; color: #fff; }
.btn_view   { background-color: #ffc107; color: #fff; }
.btn_zip    { background-color: #343a40; color: #fff; }
.btn_check  { background-color: #343a40; color: #fff; }
.btn_close  { background-color: #343a40; color: #fff; }
.btn_list:hover   { background-color: #343a40; color: #fff; }
.btn_submit:hover { background-color: #dc3545; color: #fff; }
.btn_confirm:hover{ background-color: #dc3545; color: #fff; }
.btn_cancel:hover { background-color: #6c757d; color: #fff; }
.btn_modify:hover { background-color: #fd7e14; color: #fff; }
.btn_delete:hover { background-color: #ffc107; color: #fff; }
.btn_remove:hover { background-color: #dc3545; color: #fff; }
.btn_append:hover { background-color: #6f42c1; color: #fff; }
.btn_write:hover  { background-color: #17a2b8; color: #fff; }
.btn_view:hover   { background-color: #ffc107; color: #fff; }
.btn_zip:hover    { background-color: #343a40; color: #fff; }
.btn_check:hover  { background-color: #343a40; color: #fff; }
.btn_close:hover  { background-color: #343a40; color: #fff; }
.btn-outline-primary, a.btn-outline-primary { background-color: transparent; color: #007bff; border-color: #007bff; }
.btn-outline-primary:hover, a.btn-outline-primary:hover { background-color: #007bff; color: #fff; }
.btn-outline-secondary, a.btn-outline-secondary { background-color: transparent; color: #6c757d; border-color: #6c757d; }
.btn-outline-secondary:hover, a.btn-outline-secondary:hover { background-color: #6c757d; color: #fff; }
.btn-outline-success, a.btn-outline-success { background-color: transparent; color: #28a745; border-color: #28a745; }
.btn-outline-success:hover, a.btn-outline-success:hover { background-color: #28a745; color: #fff; }
.btn-outline-danger, a.btn-outline-danger { background-color: transparent; color: #dc3545; border-color: #dc3545; }
.btn-outline-danger:hover, a.btn-outline-danger:hover { background-color: #dc3545; color: #fff; }
.btn-outline-warning, a.btn-outline-warning { background-color: transparent; color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:hover, a.btn-outline-warning:hover { background-color: #ffc107; color: #fff; }
.btn-outline-info, a.btn-outline-info { background-color: transparent; color: #17a2b8; border-color: #17a2b8; }
.btn-outline-info:hover, a.btn-outline-info:hover { background-color: #17a2b8; color: #fff; }
.btn-outline-light, a.btn-outline-light { background-color: transparent; color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light:hover, a.btn-outline-light:hover { background-color: #f8f9fa; color: #fff; }
.btn-outline-dark, a.btn-outline-dark { background-color: transparent; color: #343a40; border-color: #343a40; }
.btn-outline-dark:hover, a.btn-outline-dark:hover { background-color: #343a40; color: #fff; }
.text-white  { color: #fff; }
.text-blue   { color: #007bff; }
.text-indigo { color:#6610f2; }
.text-purple { color:#6f42c1; }
.text-red    { color: #dc3545; }
.text-pink   { color:#e83e8c; }
.text-orange { color:#fd7e14; }
.text-yellow { color:#ffc107; }
.text-green  { color:#28a745; }
.text-teal   { color:#20c997; }
.text-cyan   { color:#17a2b8; }
.text-gray   { color:#6c757d; }
.text-gray-dark { color:#343a40; }
.bg-blue   { background-color:#007bff; }
.bg-indigo { background-color:#6610f2; }
.bg-purple { background-color:#6f42c1; }
.bg-red    { background-color: #dc3545; }
.bg-pink   { background-color:#e83e8c; }
.bg-orange { background-color:#fd7e14; }
.bg-yellow { background-color:#ffc107;}
.bg-green  { background-color:#28a745; }
.bg-teal   { background-color:#20c997; }
.bg-cyan   { background-color:#17a2b8; }
.bg-gray   { background-color:#6c757d; }
.bg-light  { background-color:#f8f9fa; }
.bg-gray-dark { background-color:#343a40; }

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0px 20px 0px;padding:20px 0px 60px 0px;text-align:center}
.pg {}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page, .pg_current {display:inline-block; margin:0px 2.5px; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; font-family:'Montserrat'; font-size:15px; background-color:#fff; color:#888; border:1px solid #ddd; vertical-align:middle; font-weight:normal; }
.pg_page {}
.pg_current {background-color:#3f4553;border-color:#3f4553;color:#fff !important;}
.pg_start, .pg_end, .pg_prev, .pg_next {text-indent:-9999em;}
.pg_start {background:url('/images/pg_start.png') center center no-repeat;}
.pg_end {background:url('/images/pg_end.png') center center no-repeat;}
.pg_prev {background:url('/images/pg_prev.png') center center no-repeat;}
.pg_next {background:url('/images/pg_next.png') center center no-repeat;}
.pg_empty {display:none}
.pg_prev.pg_empty, .pg_next.pg_empty {display:inline-block; width:0px !important;border:0; padding:0px; }

.frm_input { padding: 0.375rem 0.75rem; color: #495057; background: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; line-height: 1.5; }
.frm_file  { border: 0; }
textarea { min-height: 120px; }
select { display: inline-block;line-height:1.5; padding: .375rem  .75rem; line-height: 1.5; color: #495057; vertical-align:middle; border:1px solid #ced4da; border-radius:.25rem; padding-right: 2rem !important; background:#fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyUyMzM0M2E0MCcgZD0nTTIgMEwwIDJoNHptMCA1TDAgM2g0eicvPjwvc3ZnPg==') no-repeat right .75rem center !important; background-size:8px 10px !important; }

/* 앵커 */
ul.anchor { position:relative; clear:both; display:block; height:30px; margin:5px 0px; padding:0px; list-style:none; border-bottom:2px solid #17a2b8; }
ul.anchor:after { content:""; clear:both; display:block; visibility:hidden; }
ul.anchor > li { float:left; margin:0px 1px 0px 0px !important; padding:0px !important; list-style:none; }
ul.anchor > li > a { display:block; padding:1px 15px 0px 15px; height:28px; line-height:28px; text-align:center; border:none; background-color: #e6e6e6; color:#666; text-decoration:none; white-space:nowrap;  border-top-left-radius:5px;}
ul.anchor > li > a:hover, 
ul.anchor > li > a:focus,
ul.anchor > li > a.on { background-color: #17a2b8; color:#fff; }

/* 페이지 내 카운터, 검색 row */
.local-ov { display: flex; }
.local-ov:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; }
.local-ov:last-child { margin-bottom: 8px; }
.local-ov .local-left { }
.local-ov .local-auto { margin-left: auto; }
.pg-count { display: inline-block; line-height: 29px; height: 29px; font-size: 1rem; vertical-align: top; }
.pg-count .ov_txt { float: left; background: #60718b; color: #ffffff; border-radius: .25rem 0 0 .25rem; padding: 0 .75rem; }
.pg-count .ov_num { float: left; background: #6f809a; color: #ffffff; border-radius: 0 .25rem .25rem 0; padding: 0 .75rem; }
.pg-count .ov_num b { color: #ffff00; font-weight: 400; }

/* 테이블 */
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0; font-size:12px;}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
table td{line-height: 22px;}
tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}
tfoot th {}

.tbl_wrap {margin:0 0 10px;padding:0}

/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#6f809a;color:#fff;border:1px solid #60718b;font-weight:normal;text-align:center;padding:8px 5px;font-size:0.92em}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody td{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody tr:nth-child(even){background:#eff3f9}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

/* 폼 테이블 */
table { clear: both; width: 100%; border-collapse: collapse; border-spacing: 0; }
table caption { height:0; font-size: 0; line-height: 0; overflow: hidden; }
table td { line-height: 22px; }
tfoot th, tfoot td { border:1px solid #d6dce7; background: #eee; padding: 5px; text-align: center; font-weight: bold; }
tfoot th {}
.tbl_frm01 th { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background:#f6f6f6; padding: 10px; width: 200px; text-align: left; }
.tbl_frm01 td { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 10px; text-align: left; }
.tbl_frm01 textarea { height:150px; }