@CHARSET "UTF-8";

table {
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
}
.tbl th {
    background:#e1e1e6;
    border-bottom:1px solid #fff;
    color:#323232;
    font-size:14px;
    font-weight: bold;
    padding:18px 0;
    text-align: left;
    padding-left: 20px;
}
.tbl td {
    border-bottom:1px solid #dcdcdc;
    color:#323232;
    font-size:13px;
    padding-left: 30px;
}
.tbl tr:first-child th,.tbl tr:first-child td {
    border-top:1px solid #787878;
}
.tbl tr:last-child th,.tbl tr:last-child td {
    border-bottom:1px solid #787878;
}
.tbl input {
    height: 30px;
    border:1px solid #b4b4b4;
    color:#323232;
    font-size:13px;
    padding-left: 10px;
    width: 200px;
}

.tbl-r th, .tbl-r td {
    padding:10px 0;
}
.setting02-tbl tbody tr {
	cursor: pointer;
}
.setting02-tbl tbody tr:hover,
.setting02-tbl tbody tr.on {
    background-color: #469bd215;
}
.setting02-tbl th,.setting02-tbl td {
    text-align: center;
}
.setting02-tbl .check {
    margin-right: 30px;
}
.setting02-tbl .btn-nemo {
    width: 60px;
    height: 30px;
    color:#fff;
    font-size:13px;
    font-weight: bold;
    background:#787878;
}
.setting02-tbl .btn-up,.setting02-tbl .btn-down {
    width: 14px;
    height: 12px;
}
.setting02-tbl .btn-up {
    background:url('../img/arrow01.png') no-repeat 50%;
    margin:0 5px;
    background-size:14px;
    transform: rotate(180deg);
}
.setting02-tbl .btn-up.disable {
    background:url('../img/arrow02.png') no-repeat 50%;
    transform: rotate(0deg);
}
.setting02-tbl .btn-down {
    background:url('../img/arrow01.png') no-repeat 50%;
    background-size:14px;
}
.setting02-tbl .btn-down.disable {
    background:url('../img/arrow02.png') no-repeat 50%;
    transform: rotate(180deg);
}
.setting02-tbl span {
    color:#646464;
    font-size:14px;
    width: 200px;
    display: inline-block;
    margin-right: 60px;
    text-align: center;
    padding-left: 10px;
}
#siteTable tbody tr td:last-child span,
#connTable tbody tr td:last-child span {
	width: 260px;
}
/*  필터 테이블    */
.filter {
    background:#f0f0f5;
    padding:30px;
    position: relative;
    margin-bottom: 25px;
}
.filter .btn-50-blue {
    width: 100px;
    position: absolute;
    bottom:30px;
    right:30px;
}
.filter.board-filter .btn-50-blue {
    bottom:20px;
}
.filter-tbl {
    width: 1080px;
    margin-bottom: 0;
}
.filter-tbl th {
    color:#646464;
    font-size:14px;
    font-weight: bold;
    text-align: right;
}
.filter-tbl td {
    color:#646464;
    font-size:13px;
    padding-left: 10px;
}
.filter-tbl label {
    color:#646464;
    font-size:14px;
    font-weight: bold;
}
.filter-tbl input {
    width: 200px;
    height: 30px;
    padding-left: 10px;
}
.filter-tbl .date {
    cursor: pointer;
    padding-right: 30px;
    width: 120px;
    background:url('../img/date.png') no-repeat 90px center #fff;
}
.filter-tbl .date.disabled {
	background:url('../img/date.png') no-repeat 90px center #f0f0f0;
}
.filter-tbl tr:nth-child(2) th,.filter-tbl tr:nth-child(2) td {
    padding-top: 10px;
}

.result {
    position: relative;
    margin-bottom: 10px;
}
.result .result-txt {
    color:#f0785a;
    font-size:14px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 7px;   
}
.result .result-txt-pop {
    color:#f0785a;
    font-size:14px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 7px;   
}
.result .pagenation {
    position: absolute;
    top:0;
    left:50%;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}


/*  리스트 테이블    */
.list-tbl th {
    color:#323232;
    font-size:15px;
    font-weight: bold;
    background:#e1e1e6;
    padding:11px 0;
    border-top:1px solid #787878;
}
.list-tbl td {
    padding:11px 0;
    text-align: center;
    color:#646464;
    font-size:14px;
    border-bottom:1px solid #dcdcdc;
}
.list-tbl .btn-gray {
    background:#787878;
    width: 60px;
    height: 30px;
    color:#fff;
    font-weight: bold;
    font-size:13px;
}


.tr-parents:hover {
    background:#fdebe6;
    cursor: pointer;
}
.tr-parents.on {
    background:#fdebe6;
}
.list-tbl tr:last-child td {
    border-bottom:1px solid #787878;
}

.tr-child {
    display: none;
}
.tr-child.on {
    display: table-row;
}

.tbl-popup {
    border:2px solid #469bd2;
    padding:13px 8px;
    position: relative;
}
.tbl-popup .popup-close {
    width: 18px;
    height: 18px;
    position: absolute;
    background:url('../img/x01.png') no-repeat;
    opacity: 0.75;
    top:9px;
    right:9px;
    cursor: pointer;
    z-index: 1;
}

.tbl-popup-tab {
    position: relative;
    margin-bottom: 10px;
}
.tbl-popup-tab .btn-excel {
    position: absolute;
    top:-6px;
    right:40px;
}
.tbl-popup-tab ul {
    text-align: left;
    border-bottom:1px solid #469bd2;
}
.tbl-popup-tab li {
    text-align: center;
    display: inline-block;
    width: 160px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border-radius:10px 10px 0px 0px;
    background:#e1e1e6;
    color:#323232;
    font-size:15px;
    font-weight: bold;
}
.tbl-popup-tab li:hover {
    background:#469bd2;
    color:#fff;
}
.tbl-popup-tab li.on {
    background:#469bd2;
    color:#fff;
}

.contents-kind-tbl tr.on,
.type-category-tbl tr.on {
	background:#fdebe6;
}

/*  관리자팝업    */
.admin-regist .popup {
    width: 400px;
    height: 310px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -155px;
    margin-left: -200px;
    background:#fff;
}

.admin-regist-tbl {
    width: 315px;
    margin:30px auto;
}
.admin-regist-tbl input {
    width: 220px;
    height: 30px;
    padding-left: 10px;
}
.admin-regist-tbl th {
    color:#323232;
    font-size:14px;
    font-weight: bold;
    text-align: right;
}
.admin-regist-tbl td {
    font-size:13px;
    color:#323232;
    padding-left: 20px;
}
.admin-regist-tbl th,.admin-regist-tbl td {
    padding-bottom: 10px;
}
.admin-regist-tbl tr:last-child th,
.admin-regist-tbl tr:last-child td {
    padding-bottom: 0px;
}

/*   게시판   */
.filter-tbl .search-bar02 {
    width: 300px;
}
.notice-tbl th:nth-child(3),.notice-tbl td:nth-child(3) {
    text-align: left;
}
.notice-tbl .tr-parents:hover {
    font-weight: bold;
}
.notice-tbl .tr-parents.on {
    font-weight: bold;
}
.notice-tbl .tr-parents.on td {
    border-bottom:none;
}
.notice-tbl .tr-child td {
    text-align: left;
    padding-left: 170px;
    background:#fdebe6;
}
.notice-tbl .tr-child td p {
    width: 70%;
    line-height: 1.5;
}
.notice-add-tbl label {
    padding:0 20px;
}
.notice-add-tbl .radio-icon {
    margin:0 5px;
}
.notice-add-tbl .notice-title {
    width: 400px;
}
.notice-add-tbl .notice-txt {
    resize:none;
    width: 97%;
    height: 185px;
    padding: 10px;
    margin:10px 0 7px;
}
.faq-add-tbl .faq-txt {
    resize:none;
    width: 97%;
    height: 80px;
    padding: 10px;
    margin:10px 0 7px;
}
.qna-tbl th:nth-child(2),.qna-tbl td:nth-child(2) {
    text-align: left;
    cursor: pointer;
}
.qna-set-tbl01 .qna-title,.qna-set-txt {
    width: 97%;
}
.qna-set-txt {
    resize:none;
    height: 80px;
    padding: 10px;
    margin:10px 0 7px;
}
.qna-set-tbl01 label {
    padding:0 20px;
}
.qna-set-tbl01 .radio-icon {
    margin:0 5px;
}
.qna-set-tbl02 {
    margin-top: 50px;
}
.review-tbl th:nth-child(4),.review-tbl th:nth-child(8),
.review-tbl td:nth-child(4),.review-tbl td:nth-child(8) {
    text-align: left;
}
.review-tbl th:nth-child(4),.review-tbl td:nth-child(4) {
    padding-left: 10px;
}
.popup-bg.review-popup .popup {
    width: 1492px;
    height: 684px;
    background:#fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -342px;
    margin-left: -746px;
    padding:30px 40px;
    border:1px solid #dcdcdc;
}
.popup-bg.review-popup .popup-close {
    width: 18px;
    height: 18px;
    background:url('../img/x01.png') no-repeat;
    position: absolute;
    top:18px;
    margin-top: 0;
    right:18px;
}
.review-popup-title {
    color:#323232;
    font-size:24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.review-popup-tbl01 {
    margin-bottom: 0;
}
.review-popup-tbl01 tr:last-child th,.review-popup-tbl01 tr:last-child td {
    border-bottom:none;
}
.review-popup-tbl0105 tr:first-child th,.review-popup-tbl0105 tr:first-child td {
    border-top:1px solid #dcdcdc;
}
.review-popup-tbl0105 tr:nth-child(2) td {
    padding:5px 0;
}
.review-popup-tbl0105 label {
    margin-right:20px;
}
.review-popup-tbl0105 .radio-icon {
    margin:0 3px;
}
.review-popup-tbl0105 p {
    text-align: left;
    padding-left: 40px;
}
.review-popup-tbl01 tr:nth-child(1) th:nth-child(3),
.review-popup-tbl01 tr:nth-child(2) td:nth-child(3) {
    text-align: left;
}
.review-popup-tbl0105 tr:last-child th {
    border-bottom:1px solid #787878;
}
.review-popup-tbl02 th,.review-popup-tbl02 td {
    padding:11px 0;
    text-align: center;
}

.btn-order {
    width: 12px;
    height: 9px;
    background:url('../img/arrow03.png') no-repeat;
    margin-left:5px;
}
.btn-order.on {
    background:url('../img/arrow04.png') no-repeat;
}
/*  컨텐츠 - 카테고리 관리    */
.category-left,.category-right {
    display: inline-block;
    width: 47.2%;
}
.category-right {
    margin-left: 5%;
    vertical-align: top;
}
.category-title {
    color:#323232;
    font-weight: bold;
    font-size:18px;
    padding-left: 20px;
    padding-top: 5px;
}
.category-left .btn-30-gray,.category-right .btn-30-gray {
    margin-right: 8px;
}
.category-list {
    border:1px solid #787878;
    padding:20px;
    margin-top: 10px;
    height: 540px;
    overflow-y:scroll;
}
.category-list li {
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #dcdcdc !important;
    font-size:15px;
    color:#5a5a5a;
    padding-left: 20px;
    cursor: pointer;
}
.category-list li:last-child {
    border-bottom:none;
}
.category-list li span:nth-last-of-type(1) {
    display: inline-block;
    margin-left: 90px;
}
.category-list li:hover {
    background:#fdebe6;
}
.category-list li:hover input {
    background:#fdebe6;
    cursor: pointer;
}
.category-list li.on {
    background:#fdebe6;
} 
.category-list input {
    height: 30px;
    padding-left: 10px;
}
.category-list .category-num {
    width: 100px;
}
.category-list .category-name {
    width: 200px;
    margin-left: 5px;
}
.btn-category-modify {
    color:#fff;
    background:#787878;
    width: 60px;
    height: 30px;
    font-size:13px;
    font-weight: bold;
    margin-left: 5px;
}
.btn-excel02 {
    background:url('../img/excel_w.png') no-repeat 20px center #787878;
    color:#fff;
    font-size:16px;
    font-weight: bold;
    padding-left: 40px;
    width: 150px;
    height: 50px;
    margin-top: 30px;
}
/*  콘텐츠 - 기관콘텐츠 정보    */
.contents-info-tbl .star::after {
    content:'*';
    position: absolute;
    left:18px;
    top:8px;
    color: red;
}
.contents-info-tbl th, .contents-info-tbl td {
    height: auto;
    padding:8px 0;
    padding-left: 30px;
    position: relative;
}
.contents-info-tbl input {
    height: 30px;
    width: 200px;
}
.contents-info-tbl textarea {
    padding:10px;
    width: 94%;
    height: 80px;
}
.file-wrap {
    position: relative;
    width: 60px;
    height: 30px;
    display: inline-block;
}
.img-url {
    display: inline-block;
    width: 400px;
    height: 30px;
    border:1px solid #b4b4b4;
    vertical-align: middle;
    line-height: 30px;
}
.file-wrap input[type="file"] {
    width: 60px;
    height: 30px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.contents-info-tbl .btn-gray {
    height: 30px;
    width: 60px;
    background:#787878;
    color:#fff;
    font-size:13px;
    font-weight: bold;
}
.file-txt {
    display: inline-block;
    vertical-align: middle;
    color:#f0785a;
}
/*  콘텐츠 - 보유현황정보    */
.contents-tab {
    border-bottom:1px solid #469bd2; 
}
.contents-tab li {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius:10px 10px 0px 0px;
    background:#e1e2e5;
    color:#323232;
    font-size:17px;
    font-weight: bold;
    cursor: pointer;
}
.contents-tab li:hover {
    background:#469bd2;
    color:#fff;
}
.contents-tab li.on {
    background:#469bd2;
    color:#fff;
}
.list-box {
    margin-top: 20px;
}
.list-box .box-left,.list-box .box-right {
    display: inline-block;
    width: 47.3%;
    vertical-align: top;
}
.list-box .box-left {
    margin-right: 5%;
}
.list-box .box-left table {
    margin-top: 10px;
    border:1px solid #787878; 
}
.list-box .box-left table tr:hover {
    background:#fdebe6;
    cursor: pointer;
}
.right-tbl-box table {
    width: 50%;
    margin-top: 10px;
    border:1px solid #787878; 
}
.right-tbl-box table:nth-last-of-type(1) {
    border-left:none;
}
.right-tbl-box table tr:hover {
    background:#fdebe6;
    cursor: pointer;
}
.book-tbl th:nth-child(3),.book-tbl th:nth-child(4),
.book-tbl td:nth-child(3),.book-tbl td:nth-child(4),
.poss-tbl th:nth-child(2),.poss-tbl td:nth-child(2){
    text-align: left;
    padding-left: 10px;
}
.book-tbl2:not(.content-resv-tbl) th:nth-child(5),
.book-tbl2:not(.content-resv-tbl) td:nth-child(5),
.content-resv-tbl th:nth-child(3),
.content-resv-tbl td:nth-child(3) {
    text-align: left;
    padding-left: 10px;
}
.book-tbl p,.book-tbl2 p {
    line-height: 2;
}
.book-tbl img,.book-tbl2 img {
    width: 60px;
    height:80px;
    border:1px solid #e2e2e2;
}
.contents-popup-tbl tr:nth-child(1) th:nth-child(1),
.contents-popup-tbl tr:nth-child(2) td:nth-child(1) {
    text-align: left;
    padding-left: 85px;
}
.read-set-book {
    display: inline-block;
    width: 130px;
    height: 190px;
    border:1px solid #e2e2e2;
    margin:0 40px 0 30px;
    margin-top: 30px;
}
.read-set-book img {
	width: 100%;
	height: 100%;
}
.read-set-tbl {
    margin-top: 30px;
    width: 83%;
}
.popup-info2 .popup-txt {
    margin:40px 0;
    line-height: 1.5;
}
.book-search-popup .popup {
    width: 1490px;
    height: 740px;
    padding:40px;
    background:#fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -370px;
    margin-left: -745px;
    overflow-y: auto;
}
.book-search-popup .popup-close {
    width: 18px;
    height: 18px;
    position: absolute;
    top:20px;
    right:20px;
    background:url('../img/x01.png') no-repeat;
}
.book-search-title {
    color:#323232;
    font-size:24px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 20px;
}
.content-resv-tbl .popup-result-tbl th,
.content-resv-tbl .popup-result-tbl td {
	text-align: center !important;
}
.content-resv-tbl .popup-result-tbl th:nth-child(4),
.content-resv-tbl .popup-result-tbl td:nth-child(4) {
	border-right: 1px solid #787878;
}
/*카테고리 input박스 수정*/
input.category-num.on {
    border: 1px;
    font-size: 15px;
}
input.category-name.on {
    border: 1px;
    font-size: 15px;
}
.category-list li.on input {
    background: #fdebe6;
}
input:focus {outline:none;}
button.btn.btn-category-modify.on {
    display: none;
}
li.newList.on input {
    background: white;
}
li.newList.on {
    background: white;
}
/* 기관콘텐츠등록 */
.date.reg-pub-date {
    cursor: pointer;
    padding-right: 30px;
    background:url('../img/date.png') no-repeat 95% #fff;
}
/* 에디터 css */
.ck-editor p, .text-body p, .faq-txt p,
.qna-set-txt p {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
}
.ck-editor h2, .text-body h2, .faq-txt h2,
.qna-set-txt h2 {
	font-size: 1.5em !important;
	font-weight: bold !important;
}
.ck-editor h3, .text-body h3, .faq-txt h3,
.qna-set-txt h3 {
	font-size: 1.17em !important;
	font-weight: bold !important;
}
.ck-editor h4, .text-body h4, .faq-txt h4,
.qna-set-txt h4 {
	font-size: 1em !important;
	font-weight: bold !important;
}
.ck-editor strong, .text-body strong, .faq-txt strong,
.qna-set-txt strong {
	font-weight: bold !important;
}
.ck-editor i, .text-body i, .faq-txt i,
.qna-set-txt i {
	font-style: italic !important;
}
.ck-editor a, .text-body a, .faq-txt a,
.qna-set-txt a {
	text-decoration: underline;
}
.ck-editor ul, .text-body ul,
.ck-editor ol, .text-body ol,
.faq-txt ol, .faq-txt ul,
.qna-set-txt ol, .qna-set-txt ul {
	padding-inline-start: 40px;
}
.ck-editor ul li, .text-body ul li,
.faq-txt ul li, .qna-set-txt ul li {
	list-style: disc;
}
.ck-editor ol li, .text-body ol li, 
.faq-txt ol li, .qna-set-txt ol li {
	list-style: decimal;
}
.ck-content blockquote, 
.text-body blockquote, .text-body q, 
.faq-txt blockquote, .faq-txt q,
.qna-set-txt blockquote, .qna-set-txt q {
	overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}
/* 회원관리 - 일반회원상세검색 */
table.list-tbl.loan-tbl th:nth-child(1),
table.list-tbl.loan-tbl td:nth-child(1),
table.list-tbl.reserv-tbl th:nth-child(1),
table.list-tbl.reserv-tbl td:nth-child(1) {
	width: 80px;
}
table.list-tbl.loan-tbl th:nth-child(2),
table.list-tbl.loan-tbl td:nth-child(2),
table.list-tbl.reserv-tbl th:nth-child(2),
table.list-tbl.reserv-tbl td:nth-child(2) {
	width: 100px;
}
table.list-tbl.loan-tbl th:nth-child(3),
table.list-tbl.loan-tbl td:nth-child(3),
table.list-tbl.reserv-tbl th:nth-child(3),
table.list-tbl.reserv-tbl td:nth-child(3) {
	width: auto;
}
table.list-tbl.loan-tbl th:nth-child(4),
table.list-tbl.loan-tbl td:nth-child(4),
table.list-tbl.reserv-tbl th:nth-child(4),
table.list-tbl.reserv-tbl td:nth-child(4) {
	width: 220px;
}
table.list-tbl.loan-tbl th:nth-child(5),
table.list-tbl.loan-tbl td:nth-child(5),
table.list-tbl.reserv-tbl th:nth-child(5),
table.list-tbl.reserv-tbl td:nth-child(5) {
	width: 180px;
}
table.list-tbl.loan-tbl th:nth-child(6),
table.list-tbl.loan-tbl td:nth-child(6),
table.list-tbl.reserv-tbl th:nth-child(6),
table.list-tbl.reserv-tbl td:nth-child(6) {
	width: 150px;
}
table.list-tbl.loan-tbl th:nth-child(7),
table.list-tbl.loan-tbl td:nth-child(7),
table.list-tbl.reserv-tbl th:nth-child(7),
table.list-tbl.reserv-tbl td:nth-child(7) {
	width: 150px;
}