/*
Theme Name: Donga Library 2021
Text Domain: donga
Version: 3.1.19
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 동아대학교 도서관 테마 2021 입니다. IE11 이상 최적화되어있습니다.
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/** 학제 */
.hide {
    transition: all 0.65s ease;
}

.view2 {
    display: block !important;
}

th.sort {
    cursor: pointer;
}

.inline-block-mulity-button > .hide {
    display: none !important;
}

@media screen and (min-width: 767px) {
    body.admin-bar .header-wrap.scroll.sticky .gnb-contents {
        top: 2rem !important;
    }
}

ul.sub-menu .menu-item-has-children .sub-menu {
    display: none !important;
}

.badge-group-list .badge {
    cursor: pointer;
}
/*.table.readonly {*/
/*    border-top: 1px solid #525b6d;*/
/*}*/

.alrambox p, table td p, table th p {
    margin-bottom: 0px !important;
}

.not-line:before {
    display: none !important;
}

.dot-text-list.lg .dot-text-list-item, .dot-text-list.lg > li {
    font-size : 15px;
}

h3.con-title {font-size:26px; line-height:38px;font-weight:700; margin:0 0 8px 0}
.sentence-text {font-size:15px; line-height:25px;}

.required {
    font-weight: 700;
    color: #f0606c;
}

.off-screen {
    overflow: hidden;
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: none;
    font-size: 1px;
    line-height: 1px;
}

.detail table td {
    text-align: left !important;
}

.badge-tooltip {
    cursor: pointer;
}

.list-option-filter {
    margin-bottom: 30px;
}

.header-notice .mps, #header .mps{
    margin-top: 0px;
}

.hide-more {
    cursor: pointer;
}

.rd-modal-dialog.show {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

.rd-tab .tab-cont {
    opacity: 0;
    height: 0;
    visibility: hidden;
    display: none;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.rd-tab .tab-cont.active {
    opacity: 1;
    height: auto;
    visibility: visible;
    display: block;
}

.library-map {
    display: none !important;
}

.erm .erm-list .green {
    font-size: 12px;
    color: #fff;
    border: 1px solid green;
    background: green;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle;
}

dl.rd-list.inline dt {
    clear: none;
    padding-right: 5px;
}

.kboard-comments-default .comments-list .comments-list-controller .right,
.comments-field-wrap {
    display: none !important;
}

.erm h4.title-bar, .erm h5.title-bar {
    padding-bottom: 5px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
}

.erm .notice-wrap ul {
    color: #696969;
    font-size: 14px;
    margin-bottom: 0;
}

.erm .notice-wrap .db-title {
    font-weight: bold;
}

.erm .notice-wrap {
    padding: 15px 15px;
}

/** 수진 */
/***************************************
common
***************************************/
.dpb {
    display: block;
}

.dpn {
    display: none;
}

.dpib {
    display: inline-block;
}

.red {
    color: #D90000;
}

.mg {
    margin: auto;
}

.h25 {
    height: 25px;
}
.h30 {height: 30px;}
.h50 {height: 50px; width:auto;}
.h120 {height:120px; width:auto;}

.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}

.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}


/***************************************
메인
***************************************/
.main-combine-wrap .main-combine-data .combine-nav {
    background-color:#1A489C;
}
.vc_row.container {
    margin-right:auto;
    margin-left:auto;
}
.main-notice .main-notice-data .btn-data-more {
    margin-bottom:22px;
}
.main-book-wrap .main-book-slider-wrap .main-book-slider-ui {
    margin-bottom:17px;
}
.main-visual-section .wpb_content_element,
.main-cs .wpb_content_element {
    margin-bottom:0;
}
.main-book-wrap .container,
.main-article .container,
.main-cs .container,
.main-information .container,
.main-direct-link .container {
    float:none;
}

.main-direct-link {
    background-color:#F4F5F7;
    padding:45px 0;
    margin-top:20px;
}

.main-direct-link .con-title {
    font-size:22px;
    margin-bottom:12px;
}

.main-direct-link a.btn-outline-foreign-item {
    margin-bottom:4px;
}

.home.footer-wrap {
    margin-top:0;
}

.main-db-search .foreign-item-inner .btn-foreign-item {
    margin: 18px 18px 10px 18px;
}

.main-db-search .sqaure-outline-card-body {
    padding:13px 16px 0px 16px;
}

.main-seat-state .main-seat-item .main-seat-value:after {
    opacity: 0;
    transition: all .2s;
    position: absolute;
    top: 4px;
    right:10px;
    transform:translatex(-50%);
    content: '잔여좌석 / 전체좌석';
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    padding: 3px 6px;
    width: 113px;
    z-index: 999;
    text-align: center;
    border-radius: 2px;
}

.main-seat-state .main-seat-item .main-seat-value:hover:after {
    opacity: 1;
}

.main-seat-state .main-seat-item .main-seat-value:before {
    opacity: 0;
    transition: all .2s;
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #333;
    border-right: 5px solid none;
    border-bottom: 5px solid transparent;
    top: 50%;
    right:60px;
    transform: translate(-50%, -50%);
}

.main-seat-state .main-seat-item .main-seat-value:hover:before {
    opacity:1;
}

@media screen and (max-width:768px) {
    .main-cs .container,
    .main-article .container,
    .main-book-wrap .container,
    .main-direct-link .container,
    .main-information .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main-cs .vc_column_container:nth-child(2),
    .main-direct-link .vc_column_container:nth-child(2) {
        margin-top: 40px;
    }
}
@media screen and (max-width:480px) {
    .main-article.vc_row {
        margin-top:40px;
    }
    .main-excellent-review .main-excellent-slider-cell .main-excellent-item {
        padding-left:120px;
    }
    .main-excellent-review .main-excellent-slider-cell .main-excellent-item .thumb {
        width:116px;
    }
    .main-article .main-seat-state .main-seat-item .main-seat-name {
        font-size:14px;
    }
    .main-direct-link .con-title {
        font-size:18px;
    }
}

/***************************************
전체 메뉴
***************************************/
.all-menu-modal-list .all-menu-detail-list {
    margin:0 -8px;
}
.all-menu-modal-list .all-menu-detail-list .all-menu-detail-cell {
    padding:0 8px;
}
.all-menu-detail-cell .all-menu-detail-four .btn-all-menu-three-item {
    font-size:13px;
    letter-spacing:-1.3px;
    color:#555;
}

.btn-all-menu-two-item {
    padding-left:0;
}

.all-menu-detail-cell .all-menu-two-cell > .btn-all-menu-two-item {
    padding-left:0;
    color:#203CBD;
}

.all-menu-detail-cell .all-menu-three-cell > .btn-all-menu-two-item {
    font-size:14px;
    font-weight:500;
    color:#555;
    padding-left:7px;
}

.all-menu-two-cell > .btn-all-menu-two-item:before {
    content:none;
}

.all-menu-modal-list .all-menu-three-cell {
    padding:0;
}

.all-menu-detail-two .all-menu-two-cell .all-menu-detail-three > .all-menu-three-cell:last-of-type {
    margin-bottom:20px;
}

.all-menu-three-cell > .btn-all-menu-two-item + .all-menu-detail-four {
    margin-top:8px;
    padding-left:9px;
}

/***************************************
메인 우수 서평 슬라이드
***************************************/
.main-excellent-slider-cell .main-excellent-item .thumb {
    width:154px;
 }
.main-excellent-slider-cell .main-excellent-item {
    padding-left:150px;
}
.main-excellent-item .thumb .thumbnail {
    position: relative;
    padding-top: 145%;
    overflow: hidden;
}
.main-excellent-item .thumb a {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.main-excellent-item .thumb a img {
    top: 0;
    /*max-width: 100%;*/
    height: 100%;
    width:100%;
    -webket-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
}

/* 상단 > 기본 컨텐츠 */
.header-wrap .header-contents h1 a {width:100%;height:100%;background:url(assets/images/header_logo_21.png) left top no-repeat;background-size:100%;}

/* 메인 > 통합검색 > 검색 */
.main-combine-search .search-headline .point-logo {font-size:28px; color:#6A7186;font-weight:700;}

/***************************************
헤더 분관
***************************************/
header .branch_wrap {position:absolute; left:250px; }
header .branch_wrap a {color:#fff; font-weight:normal; font-size:13px;}
header .branch_wrap .button_wrap {position:absolute; width: auto; top: 69px; text-align:center; display:none; box-shadow: 0 2px 18px 3px rgba(50,60,123,0.2);}
header .branch_wrap .button_wrap::before {display: inline-block; content:""; position: absolute; top: -10px; left:33px; width: 0px; height: 0px; border-top:10px solid none; border-bottom:10px solid #f5f6fd; border-right: 15px solid transparent; border-left: 15px solid  transparent;}
header .branch_wrap .button_wrap a {display:block; background: #f5f6fd; color :#666; padding: 5px 17px; font-size:13px; }
header .branch_wrap .button_wrap a.on {color:#1d39c4; font-weight:700;}
header .branch_wrap .button_wrap a:hover {color:#1d39c4; font-weight:700;}
header .branch_wrap #branch {height: 70px; padding: 17px 0;}
header .branch_wrap #branch .branch_name {display: inline-block; cursor:pointer; font-size: 13px; border: 1px solid #dfe4ed; border-radius: 5px; padding: 0 18px; line-height: 34px;}

.page-tab-nav ul.tab-menu-list li.menu-item > a {line-height:inherit;vertical-align:middle;}
.page-tab-nav ul.tab-menu-list li.menu-item > a > span {position: relative;top: 50%;transform: translateY(-50%);display: inline-block;}



/***************************************
소장자료
***************************************/
.mirtech-detail-wrap .search-view-book {
    padding-bottom:60px;
}

.call_no {
    font-size:15px;
    margin-bottom:.8rem;
    color: #FF8533;
}

.search-view-book-detail .call_no {
    margin-bottom:1rem;
}


/***************************************
vc-tab
***************************************/
.wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-container {
    font-size:15px;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panels-container .vc_tta-panel-body {
    overflow:inherit;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
    border:1px solid #666;
    color:#fff;
    background-color:#333;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab>a {
    color:#333;
    border:1px solid #666;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab>a:hover {
    background-color:#f5f6fa;
    color:#333;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab.vc_active>a:hover {
    background-color:#333;
    color:#fff;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list .vc_tta-tab>a {
    padding:10px 15px;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panels-container .vc_tta-panel-body {
    padding:0;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body {
    background-color:transparent;
    border:0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-outline .vc_tta-panels-container {
    margin-top:16px;
}
.wpb-js-composer .root_daum_roughmap {
    width:100%;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panels-container {
    margin-top: 0;
    padding: 20px;
    border: 1px solid #dfe4ed;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
    font-size:15px;
    color:#4a4a4a;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a {
    border:1px solid #dfe4ed;
    background-color:#f5f6fa;
    border-radius:0;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a:hover {
    border:1px solid #dfe4ed;
    background-color:#fff;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
    background-color:#fff;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left li.vc_tta-tab {
    margin-top:6px;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left li.vc_tta-tab:first-child {
    margin-top:0;
}

.wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-panel-heading {
    display:none;
}

.h480-wrap img {
    max-height:480px;
    width:auto;
}

span.subway {
    background:#203CBD;
    padding:0 6px;
    border-radius:2px;
    color:#fff;
    font-size:14px;
    display:inline-block;
    margin:1px;
}

span.bus-num {
    background:#D90000;
    padding:0 6px;
    border-radius:2px;
    color:#fff;
    font-size:14px;
    display:inline-block;
    margin:1px;
}

span.way-arrow {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
    border:2px solid #364666;
    color: rgba(0,0,0,0);
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 11px;
    font-size:12px;
    font-weight:bold;
    position:relative;
    margin:0 2px;
}
span.way-arrow:before {
    content: '';
    background: url(https://library.donga.ac.kr/wp-content/uploads/2021/01/icon-arrow-sm.png) no-repeat center center;
    background-size: 7px 9px;
    width: 6px;
    height: 9px;
    position: absolute;
    top: 2px;
    left: 4px;
    color: #364666;
}

/***************************************
login
***************************************/
.login-form > .row {
    margin-left:0;
    margin-right:0;
    margin-top: .5rem;
}

.login-form > .row:first-of-type {
    margin-top:0;
}

.login-form > .row input.rd-form {
    border:1px solid #DFE4ED;
    padding:0 1%;
}

.login-form > .row input.rd-form.xl {
    height: 3rem;
    line-height: 3rem;
    font-size:15px;
}

/***************************************
퍼블수정
***************************************/
.data-group:first-child {
    margin-top:0;
}

.card-word-information .info-txt {
    font-size:15px;
}
.card-short-cut-inner .info-txt {
    font-size:15px;
    /* 새로추가 */
}

.sqaure-card-body {
    font-size:15px;
}

body {
    word-break:break-word;
}

body .table > tbody > tr > td {
    word-break:break-word;
}

.sentence-bottom-text {
    font-size:14px;
}

/***************************************
btn
***************************************/
.btn {
    display:inline-block;
}
.btn-foreign-item {
    font-size:14px;
}
span.btn-word-item {min-width: 33px;}


/***************************************
알림박스
***************************************/
.card-short-cut-inner .info-txt > span {display: inline-block; margin-top: 8px;}


/***************************************
테이블추가
***************************************/
.table.no-fixed {
    table-layout:auto;
}


/***************************************
table
***************************************/

table {
    border-collapse: collapse;
    border-spacing: 0 !important;
    table-layout: fixed;
    color: #525b6d;
    display: table;
    text-indent: initial;
    position: relative;
    border:1px solid;
}

table tr th {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 10px;
    text-align: center;
    font-weight: 700;
    background-color: #f5f6fd;
    border: 1px solid #dfe4ed;
    word-break: break-all;
    vertical-align: middle;
    display: table-cell;
}

table tr td {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dfe4ed;
    word-break: break-all;
    vertical-align: middle;
    display: table-cell;
}

table.table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0 !important;
    table-layout: fixed;
    color: #525b6d;
    display: table;
    text-indent: initial;
    position: relative;
    /*border: 0;*/
}

table.table th,
table.table > tbody > tr > th {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 10px;
    text-align: center;
    font-weight: 700;
    background-color: #f5f6fd;
    border: 1px solid #dfe4ed;
    word-break: break-all;
    vertical-align: middle;
    display: table-cell;
}

table.table > tbody > tr > td {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dfe4ed;
    word-break: break-all;
    vertical-align: middle;
    display: table-cell;
}

table.grey {
    color: #666666;
}

table.grey tr th{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
    padding: 10px 5px;
    background: #d8dbe6;
    border: 1px solid #c8ccd6;
}

table.grey td {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #c8ccd6;
}

table.lightgrey {
    color: #666666;
}

table.lightgray th{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
    padding: 10px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed;
}

table.lightgray td{
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #dfe4ed;
}

table.readonly {
    color: #666 !important;
}

table.readonly:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #525b6d;
}

table.readonly > thead > tr > th {
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    font-weight: 500;
    padding: 9px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed;
}

table.readonly > tbody > tr > th {
    line-height: 22px;
    color: #333333;
    font-weight: 500;
    padding: 9px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed;
}

table.readonly > tbody > tr > td {
    line-height: 22px;
    padding: 9px;
    border: 1px solid #dfe4ed;
}

table.readonly.table-layout-none {
    table-layout: auto !important;
}


/*지현 테이블 추가*/
table.table.table-auto {width: auto !important;}
table.spacing {color: #666; table-layout: auto !important;}


/***************************************
로그인
***************************************/
.screen-out {
    overflow: hidden;
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: none;
    font-size: 1px;
    line-height: 1px;
}


/***************************************
새로추가
***************************************/
.section-arrow {
    font-size:13px;
    color:#fff;
    text-align:center;
}

.section-arrow.blue {
    width:100%;
    height:20px;
    background-color:#203CBD;
}

.section-arrow.red {
    width:100%;
    height:20px;
    background-color:#C70000;
}

.width-full {
    width:100%;
}

.rd-btn.block {
    display:block;
    width:100%;
}

.rd-btn.xl {
    height:60px;
    line-height:60px;
    font-size:16px;
    color:#fff;
    text-align:center;
    background-color:#203CBD;
    border:0;
}

.numbering-wrap .numbering {
    display: inline-block;
    width: 32px;
    height: 33px;
    line-height: 34px;
    background: linear-gradient(#4543F0, #19A58A);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
    padding: 0 4px;
    border-radius: 10px 0;

}

/***************************************
도서관 연혁
***************************************/

h4.history-title-1 {
    color:#203CBD;
    text-align:right;
}

h4.history-title-2 {
    color:#364666;
    text-align:left;
}

h4.history-title-3 {
    color:#F8B62E;
    text-align:right;
}

h4.history-title-4 {
    color:#C7A37B;
    text-align:left;
}

h4.history-title-5 {
    color:#705CA5;
    text-align:left;
}

.h-date {
    text-align:center;
}

.table-left .h-detail {
    text-align:right;
    padding-right:16px;
}

.table-right .h-detail {
    text-align:left;
    padding-left:16px;
}

.history-table {
    width:100%;
}

.history-table ul {
    padding-left:0;
    margin-top:0;
}

.history-table ul li {
    text-decoration:none;
    border-bottom:1px solid #dfe4ed;
    border-left: 1px solid #dfe4ed;
    border-right: 1px solid #dfe4ed;
    display:table;
    width:100%;
}

.history-table .h-date,
.history-table .h-detail {
    display:table-cell;
    line-height:1.6;
    padding:12px 12px;
    vertical-align:middle;
    font-size: 15px;
}

/***************************************
학술논문
***************************************/
.page-combine-search .form-sort-check.one-check {margin-bottom:32px;}

.rd-search.list .search-result .search-result-wrap {
    width: 100%;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.restrict-area {
    border-bottom: 1px solid #e6ebed;
}
.rd-search.list .search-result .restrict-area {
    float: right;
    width: 18rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.rd-search.list .search-result .list-area {
    float: left;
    width: calc(100% - 18rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.restrict-area .title-bar {
    position: relative;
    height: 40px;
    margin: 0;
    padding: 0 1.5rem;
}

.restrict-area h2 {
    color:#3bb481;
    font-size:18px;
    font-weight:700;
    margin-top:10px;
}
.restrict-area .restrict-section-wrap {
    background: #f5f6fa;
}
.restrict-area .restrict-section.restricted .restrict-list {
    margin: -6px -4px 0;
    overflow: visible;
}
.restrict-area .restrict-section .section-body .restrict-list li {
    font-size: 0.875rem;
    color:#666;
}
.restrict-area .restrict-section .section-body .restrict-list li label .count {
    margin-left: 6px;
    color: #b4bec5;
    font-size: 0.8125rem;
}
.restrict-area .restrict-section.restricted .restrict-list li {
    position: relative;
    margin-top: -1px;
    padding: 9px 2.5rem 8px 12px;
    border: 1px solid #e6ebed;
    border-top-style: dashed;
    background-color: #fff;
    line-height: 1.5;
    font-size: 0.8125rem;
    color: #78848e;
}
.restrict-area .restrict-section.restricted .restrict-list li:first-child {
    border-top-style:solid;
}
.restrict-area .title-bar .btn-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    line-height: 40px;
    color: #fff;
    outline: 0;
    cursor: pointer;
}
.restrict-section {
    padding:15px 20px 20px 20px;
    border-top: 1px solid #d7dbe7;
}
.restrict-section .section-head h3.title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.restrict-list {
    list-style-type:none;
    padding-left:0;
}
.restrict-list.restricted {
    position: relative;
    padding: 6px 30px 6px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin: 0;
    border: 1px solid #dfe4ed;
    background: #fff;
    border-radius: 0;
    margin-top: -1px;
}

.rd-accordion .btn-group {
    padding: .75rem 0;
}
.search-result-limit-cell .btn-ui {
    margin: 20px -5px 0 -5px;
}
.search-result-limit-cell .btn-ui .btn-item {
    float: left;
    width: 50%;
    padding: 0 5px;
}
.search-result-limit-cell .btn-ui .btn {
    width: 100%;
    height: 35px;
    line-height: 33px;
}
.restrict-area .restrict-section .section-body .btn-group {
    margin:0;
    margin-top: .5rem;
    text-align: center;
    max-width:inherit;
    width:100%;
}
.restrict-area .restrict-section .section-body .btn-group .rd-btn {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background:#fff;
    border: 1px solid #e6ebed;
    padding: 0 .3rem;
    transition: all 0.2s ease-in-out;
    font-size:0.875rem;
}
.restrict-area .restrict-section .section-body .btn-group.col-2 .rd-btn {
    /*width: calc(50% - 3px);*/

}
.restrict-area .restrict-section .section-body .btn-group .rd-btn:hover,
.restrict-area .restrict-section .section-body .btn-group .rd-btn:active,
.restrict-area .restrict-section .section-body .btn-group .rd-btn:focus {
    border-color: #01c0c8;
    color: #01c0c8;
}
.restrict-section .limiter .year input[type="text"] {
    max-width: 118px;
    padding: 3px 0.5em;
    border-radius:0;
    border:1px solid #dfe4ed;
    font-size:0.875rem;
    height:38px;
}
.restrict-section .limiter .year input[type="text"]:hover {

}
.rd-tooltip.btn-delete.applied-remove span {

}
.restrict-area .restrict-section.restricted .restrict-list li .btn-delete {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 100%;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}
.restrict-area .restrict-section.restricted .restrict-list li .btn-delete span {
    position: relative;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
}
.restrict-area .restrict-section.restricted .restrict-list li .btn-delete span::after {
    content:'';
    background: url(https://library.donga.ac.kr/wp-content/themes/donga-2021/extend/framework/assets/images/icon/icon_close_gray_16.png) center center no-repeat;
    background-size:8px auto;
    left: 0;
    display: inline-block;
    width: 28px;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #b4bec5;
    text-indent: 0;
    opacity: 1 !important;
}
.restrict-area input[type='radio'].rd-form,
.restrict-area input[type='checkbox'].rd-form {
    overflow: hidden;
    left: -9999em;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: none;
    font-size: 1px;
    line-height: 1px;
    position: relative;
}
input[type='radio'].rd-form + label::before, input[type='checkbox'].rd-form + label::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    font-size: 1.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    line-height: 1;
    color: #d4dadd;
}
.rd-utility-bar .action-toggle-restrict #btn-show-restrict {
    display: none;
    border-color: #01c0c8;
    background-color: #01c0c8;
}
.clear-check.eds-check-info {
    display:none !important;
}

.send-to-area {
    padding: 20px;
    background: #dfe4ed;
}

.book-item-action {
    padding-left:0;
    list-style-type: none;
    margin-bottom:0;
}

.send-to li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 46px;
    padding: 1px 20px 3px 20px;
}
.send-to li a {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px;
    font-size:12px;
}
.rd-result-list.dc ul.rd-links li {
    display:inline-block;
}

.rd-result-list.dc,
.rd-result-list.pf {
    list-style-type: none;
    padding-left:0;
}

.rd-result-list.dc .item,
.rd-result-list.pf .item {
    border:0;
}
.search-result .search-result-sort {
    border-bottom:5px solid #1b35cd;
    padding: 0 0 10px 0;
    margin-top:2px;
}
.item-icon .off, .item-icon .on {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.35s ease;
}
.item-icon .on {
     opacity: 0;
}
.item-icon .off {
    opacity: 1;
}

.dc.search-result-list .book-item-wrap {
    padding-left:36px;
}
.summary .rd-list {
    font-size: 14px;
    line-height: 1.4;
    margin-top:8px;
    margin-bottom:0;
}
.rd-links {
    list-style-type: none;
    padding-left:0;
}
.tab-menu {
    list-style-type: none;
    padding-left:0;
}
.tab-menu li {
    position: relative;
    display: inline-block;
    line-height: 1;
    padding-left: 18px;
}
.tab-menu li:first-child {
    padding-left:0;
}
.tab-menu li::marker {
    display:none;
}
.tab-menu li span {
    font-size:14px;
}

.rd-tab .tab-body {
    opacity: 0;
    height: 0;
    z-index: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    visibility: hidden;
}

.rd-tab .tab-body.active {
    padding: 2rem 0;
    opacity: 1;
    height: auto;
    visibility: visible;
}
.rd-result-list.dc .search-result-list-cell {
    margin-top:0;
}

.total-text {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.total-text > em {
    color:#203cbd !important;
    font-style:normal;
}
.rd-result-list.dc .custom-checkbox .custom-control-label {
    margin-top:3px;
}

.search-result-all-check .custom-control .check-all {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.search-result-all-check .custom-control label{
    font-size:14px;
    color:#525b6d;
    margin-bottom:0;
    padding-left:20px;
}

.search-result-all-check .custom-control label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #c6cbe2;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}

.custom-control .check-all:checked ~ label:before {
    opacity: 1;
    background-color: #1c3fdc;
    border-color: #1c3fdc;
}

.search-result-all-check .custom-control label:after {
    opacity:1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(extend/framework/assets/images/icon/util_checkbox_white_20.png) center center no-repeat;
    background-size: 10px auto;
    box-sizing: border-box;
}

.eds.detail .rd-utility-bar-detail {
    background-color: #1d39c5;
    font-size: 0;
}

.group::before, .group::after {
    display: table;
    content: '';
}
.rd-utility-bar > .left, .rd-utility-bar-detail > .left {
    float: left;
}
.rd-utility-bar > .right, .rd-utility-bar-detail > .right {
    /*float: right;*/
    text-align:right;
}
.rd-utility-bar > .left a, .rd-utility-bar-detail > .left a {
    margin-left: -1px;
}
.rd-utility-bar-detail a {
    position: relative;
    display: inline-block;
    padding: 10px .75rem 8px;
    color: #fff !important;
    font-size: 0.875rem;
    text-decoration: none !important;
    vertical-align: middle;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mac-to-area {
    display: none;
    padding: 1rem 1rem .75rem;
    background-color: #e9f2f9;
    border-bottom: 1px solid #ddeaf6;
    text-align: right;
}

.rd-search.detail .main-section {
    padding: 2rem 3rem;
    background-color: #f5f6fa;
}

dl.rd-list dt, dl.rd-list dd {
    float:left;
}
dl.rd-list dt {
    clear:both;
}
dl.rd-list.info dt a, dl.rd-list.info dd a {
    display: inline-block;
    color: #0078e6;
    border-bottom: 1px dotted #0078e6;
    line-height: 1;
}
dl.rd-list.info dt, dl.rd-list.info dd {
    padding-top: .3em;
    padding-bottom: .3em;
    margin:0;
}
.send-to-area {
    display: none;
    padding: 1rem 1rem .75rem;
    text-align: right;
}
.rd-search.detail .add-section {
    margin: 3rem 0 1rem;
}
.rd-search.detail .main-section .title {
    line-height: 1.4;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e6ebed;
    font-size: 22px;
    font-weight: 700;
}
.entry-content dl {
    color: #333;
    line-height: 1.4;
}
.rd-search.detail .main-section .title + .rd-list {
    margin-top: 2rem;
}
dl.rd-list::before, dl.rd-list::after {
    display: table;
    content: '';
}
dl.rd-list.colon dt::after {
    display: inline-block;
    width: 1em;
    content: ':';
    text-align: center;
}
dl.rd-list.info dd {
    width: calc(100% - 140px);
}
#summary-info .rd-list dt {
    width: 140px;
}
#summary-info .rd-list dd {
    width: calc(100% - 140px);
}

#summary-info .rd-list dt, #summary-info .rd-list dd {
    padding-top: .375rem;
    padding-bottom: .375rem;
    line-height: 1.5;
}
dl.rd-list.info dt {
    width: 140px;
    font-weight: 300;
    text-align: right;
    padding-right: 1.5rem;
    color: #666;
}
.rd-search.detail .main-section.has-thumbnail .detail {
    width:100%;
    float:none;
}
dl.rd-list::after {
    clear: both;
    visibility: hidden;
    height: 0;
}

.eds .icon-view-item {
    vertical-align: middle;
    margin-right:4px;
}

.rd-modal-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.rd-tooltip[tooltip-text] {
    position: relative;
    cursor: pointer;
}

.rd-links.link-block li .date {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    cursor: default;
    color: #78848e;
    font-size: 0.875rem;
}
.rd-links li .link-item {
    margin:2px 0;
}
.search-result-list-none {
    padding:80px 0;
    font-size:15px;
}
.hide, .screen-out {
    overflow: hidden;
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: none;
    font-size: 1px;
    line-height: 1px;
}

.eds .book-item-wrap .item-cate {
    margin-bottom:4px;
}

.book-view-data {
    min-height:300px;
}

.eds.detail .rd-links.link-image li {
    display:inline-block;
}
.book-item-wrap .item-actions .rd-tab .tab-body {
    background:#f5f6fa;
    margin-top:11px;
    padding:0;
}
.book-item-wrap .item-actions .rd-tab .tab-body .tab-cont {
    padding:20px 10px;
}

ul.send-to {
    padding-left:0;
}

.tab-body dl.summary-detail {
    margin-top:20px;
    margin-bottom:20px;
}
.tab-body dl.summary-detail dd {
    margin-bottom:0;
}

.tab-body dl.summary-detail dt {
    width:100px;
    clear:both;
    text-align:right;
}

.tab-body dl.summary-detail dd {
    width: calc(100% - 100px);
    padding-left: 16px;
}

.tab-body dl.summary-detail dd a {
    text-decoration:underline;
    color:#203cbd;
    margin-right:4px;
}

.tab-body dl.summary-detail dt,
.tab-body dl.summary-detail dd {
    display:inline-block;
    font-size:14px;
    vertical-align:top;
}
.summary-detail.group::before, .summary-detail.group::after {
    display: table;
    content: '';
}

.tab-body .send-to li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #c8ccd6;
}
.tab-body .send-to li:first-child:before {
    content:none;
}
.tab-body .send-to li a {
    width:auto;
}
.tab-body .send-to li a:hover .item-name {
    color:#203cbd !important;
}
ul.send-to {
    margin-bottom:0;
}
.send-to li a {
    width:auto;
}
.send-to li a:hover .item-name {
    color:#203cbd !important;
}
.send-to li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #c8ccd6;
}
.send-to li:first-child:before {
    content: none;
}
.send-to .item-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 25px;
    height: 25px;
}
.send-to .item-name {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    display:block;
}
.send-to li a .item-icon .on {
     opacity: 0;
 }
.send-to li a:hover .item-icon .off {
    opacity: 0;
}
.send-to li a:hover .item-icon .on {
    opacity: 1;
}


/***************************************
페이징
***************************************/
.rd-pagination.center {
    text-align: center;
}
.rd-search.list .search-result .list-area .rd-pagination {
    margin-top: 2rem;
}
.rd-pagination .page-num.current {
    border-color: #241be7;
    background-color: #241be7;
    color: #fff;
}
.rd-pagination .page-num, .rd-pagination .page-btn {
    display: inline-block;
    padding: .25rem .625rem;
    border: 1px solid #e6ebed;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.rd-pagination .page-num {
    border-color: transparent;
}
.rd-pagination .page-num:hover {
    z-index: 2;
    color: #666;
    background-color: #f5f6fd;
    border-color: #dfe4ed;
    text-decoration: none;
}

/***************************************
개인 공지사항
***************************************/
.mirtech.notice.list table tbody td:nth-child(2) > div {
    text-align:left;
}


/***************************************
   학술DB
***************************************/
/*Form*/
.erm .row {margin-left: 0; margin-right: 0; margin-top: 5px;}
.erm .page-combine-search {padding-left: 30px; padding-right: 30px;}
.erm .search-box .row-second ul li:first-child,
.erm .search-box .row-third ul:first-child li:first-child,
.erm .search-box .row-fifth ul.char-2 li:first-child {border: 1px solid #c7cedd; border-radius: 2px; background: #eff1fc;}
.erm .search-box .row-second ul li.active,
.erm .search-box .row-third ul:first-child li.active,
.erm .search-box .row-fifth ul.char-2 li.active {background-color: #203cbd;}
.page-combine-search .row.form-input-search {margin-bottom: 20px;}
.row ul.search-alphabet {padding-left: 0; font-size: 0;}
.row ul.search-alphabet.abc {padding-left: 48px;}
.row .search-alphabet .letter {border: 0; background-color: transparent; width: auto; padding: 0;}
.row .search-alphabet .letter a {color: #333;}
.row .search-alphabet.subject .letter a {display:inline-block;width:auto;height:33px; font-size:14px;line-height:31px;color:#333;font-weight:300;padding:0 9px;outline:none;border-radius:2px;border:1px solid #c7cedd;background-color:#eff1fc;}
.row .search-alphabet.subject .letter.active a {background: transparent; color: #fff;}
.row .search-alphabet .active {background-color: #203cbd; line-height: 2.2 !important; border-radius: 4px;}
.row .search-alphabet .active a {background: transparent; color: #fff;}
.row .search-alphabet .char-2 {width: auto; min-width: 40px; line-height: 2.2; }
.row .search-alphabet .char-2 a {width: auto; min-width: 40px; padding: 0 10px;}
/*공지사항*/
.erm .package-list-wrap .notice-wrap {margin: 20px 0 10px 0; background:#fff; border: 4px solid #dfe4ed;}
.erm .package-list-wrap .notice-wrap ul {padding-left: 15px;}
.erm .package-list-wrap .notice-wrap h4 {font-size: 20px;}
.board-view-detail img {height:auto;}
/*리스트*/
.erm ul.erm-list {padding-left: 0;}
.erm .package-list .erm-list .col-fieldset >h4 > a {font-size: 20px;}
.erm .package-list .erm-list .col-fieldset >h4 > a:hover {color: #203cbd;}
.erm .package-list .erm-list .col-fieldset p {font-size: 15px; margin-bottom: 5px;}
.erm .package-list .erm-list .col-fieldset .db-notice {background: #f5f6fa; padding: 10px 15px;}
.erm .package-list .erm-list .col-fieldset .db-notice p {font-size: 14px; position: relative; padding-left: 24px; margin-bottom: 0;}
.erm .package-list .erm-list .col-fieldset .db-notice p:before {content:""; background: url("assets/images/notice_ico.png")no-repeat center; background-size: contain; display: inline-block; width: 20px; height: 21px; position: absolute; left: 0;}
.erm .package-list .erm-list .col-fieldset .db-notice p i {display: none;}
.erm h4.title-bar, .erm h5.title-bar {font-size: 18px;}
.erm .package-list .erm-list .col-fieldset p {font-size: 14px;}
.erm .erm-list .info-box {margin-right: 5px; margin-bottom: 15px; border-radius: 2px;}
.erm .erm-list .db-foreign {color: #525b6d; border: 1px solid #525b6d; background: transparent;}
.erm .erm-list .db-internal {color: #525b6d; border: 1px solid #525b6d; background: transparent;}
.erm .erm-list .on-proxy {color: #c70000; border: 1px solid #c70000; background: transparent;}
.erm .erm-list .off-proxy {color: #fff; border: 1px solid #c70000; background: #c70000;}
.erm .erm-list .howtouse-detail {font-size:12px; color: #fff; border: 1px solid #c7a37b; background: #c7a37b; padding: 5px; border-radius: 2px; margin-right: 5px; vertical-align: middle;}
.erm .erm-list .erm-content-detail {font-size:12px; color: #fff; border: 1px solid #203cbd; background: #203cbd; padding: 5px; border-radius: 2px; margin-right: 5px; vertical-align: middle;}
.erm .erm-list .deep-blue {font-size:12px; color: #fff; border: 1px solid #203cbd; background: #203cbd; padding: 5px; border-radius: 2px; margin-right: 5px; vertical-align: middle;}
.erm .erm-list .rd-btn.line {font-size:12px; color: #fff; border: 1px solid #525b6d; background: #525b6d; padding: 5px; border-radius: 2px; margin-right: 5px; vertical-align: middle;}

/***************************************
기증
***************************************/
.mirtech.donation table tbody td:nth-child(2) {
    text-align:left;
}
.mirtech.donation table tbody td:nth-child(2) a {
    text-decoration: underline;
    color:#525b6d;
}

/***************************************
공지사항
***************************************/
.board-list-wrap .board-list .data-fieldset h3 {font-size: 16px; font-weight: normal; text-align: center;}
.board-list-wrap .board-list ::marker {font-size: 0;}
.main-notice-img-view .thumb .btn-main-notice-link img {height:auto;}
.board-list-cell .btn-board-list-item .thumb {overflow:hidden;}
.board-list-cell .btn-board-list-item .thumb img {height:auto;}


/***************************************
열람실 좌석배정현황
***************************************/
.seatstatus .tb-basic table{
    position: relative;
}
.seatstatus .tb-basic table:before{
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #525b6d;
}
.seatstatus .tb-basic th {
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    font-weight: 500;
    padding: 9px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed !important;
}
.seatstatus .tb-basic td{
    font-size: 15px;
    line-height: 22px;
    padding: 9px;
    border: 1px solid #dfe4ed !important;
}
.seatstatus .tb-basic td.align-left{
    padding: 9px 30px;
}
.seatstatus .mc-seat .bar {
    width: 100%;
}
.seatstatus .mc-seat .num {
    text-align: left;
    padding-left: 10px;
}

/***************************************
이용자교육 캘린더
***************************************/
#calendar .fc-header-toolbar > * >:first-child {width: 50px; height: 50px; border-radius: 100%; border: 2px solid #dfe4ed; background: transparent;}
#calendar .fc-header-toolbar .fc-icon-left-single-arrow:after, #calendar .fc-header-toolbar .fc-icon-right-single-arrow:after {color: #dfe4ed;}
#calendar .fc-header-toolbar .fc-center h2 {width: auto; height: auto; border: none; margin-top: 5px;}
#calendar .fc-header-toolbar button.fc-today-button {background: #203cbd; color: #fff;height: 50px; text-shadow: none; border: 1px solid #203cbd; opacity: 1;}
#calendar .fc-header-toolbar button.fc-prev-button:hover, #calendar .fc-header-toolbar button.fc-next-button:hover {background: #203cbd; color: #fff;}
#calendar table .fc-head::before {content: ""; position: absolute; top: -1px; left: 0; display: block; width: 100%; height: 1px; background: #525b6d;}
#calendar table th {font-size: 15px; line-height: 22px; color: #333333; font-weight: 500; padding: 9px 5px; background: #f5f6fa; border: 1px solid #dfe4ed;}
#calendar table td.fc-day {font-size: 15px; line-height: 22px; padding: 9px; border: 1px solid #dfe4ed;}
.fc-unthemed table td.fc-today {background: #f5f6fa;}
#calendar table td.fc-widget-content {border: 1px solid #dfe4ed;}
#calendar .fc-basic-view .fc-day-number, #calendar .fc-basic-view .fc-week-number {padding: 9px 12px;}
#calendar a.fc-event {background: #203cbd; color: #fff; padding: 5px;}
.lem .lem-list-loop .thumb {top: 12px;}
.lem .lem-list-loop .lem-btn .btn-more {background: #c7a37b; color: #fff;}
.lem .lem-list-loop .lem-btn .btn-reservation {background: #203cbd; color: #fff;}
.lem .lem-list-loop .lem-btn a.btn-red {background: #525b6d;}
.lem .lem-list-header a i {background: #203cbd; color: #fff;}
.lem .lem-list-header a {border: 1px solid #dfe4ed;}
.lem .lem-list-main .lem-list-header a em {color: #333; font-weight: normal;}

/***************************************
대출 및 재대출
***************************************/
.board-result-list table td:hover a {color: #203cbd; text-decoration: underline;}


/***************************************
도서관 소개 : 개요
***************************************/
#overview .cont01 {position: relative; margin-bottom: 60px;}
#overview .cont01 .copy {position: absolute; z-index: 10; left: 100px; top: -5px; font-size: 0; }
#overview .cont01 .copy > div {position: absolute; top: 0; text-align: center; width: 100%; padding: 120px 0; font-size: 26px; color: #fff; font-weight: 600; line-height:1.4;}
#overview .cont01 .copy::before {content:""; display: block; width: 240px; height: 330px; transform: skew(-10deg); background: linear-gradient(45deg, #203CBD, #19ADA0); position: relative;}
#overview .cont01 .copy span {display: block; font-size: 16px; color: rgba(255,255,255,0.8); padding-bottom:4px;}
#overview .cont01 .img01 {width: 100%; height: 320px; background: url(https://library.donga.ac.kr/wp-content/uploads/2021/02/overview_img01.jpg)no-repeat; background-size: cover; position: relative;}
#overview .cont01 .img03 {width: 100%; height: 320px; background: url(https://library.donga.ac.kr/wp-content/uploads/2021/02/overview_img03.jpg)no-repeat; background-size: cover; position: relative;}
#overview .cont01 .img04 {width: 100%; height: 320px; background: url(https://library.donga.ac.kr/wp-content/uploads/2021/02/overview_img04.jpg)no-repeat; background-size: cover; position: relative;}
#overview .cont01 .img01::after,
#overview .cont01 .img03::after,
#overview .cont01 .img04::after{content:""; width: 1180px; height: 300px; border: 4px solid rgba(255,255,255,0.5); position: absolute; top: 10px; left: 10px;}
#overview .cont01 .border-box-4 {font-weight: 600; color: #203CBD; font-size: 24px; text-align: center; margin-top: 30px;}
#overview .cont01 .border-box-4.med {color:#525561; font-weight:400;}
#overview .cont02 .img02 {width: 100%; height: 320px; background: url(https://library.donga.ac.kr/wp-content/uploads/2021/02/overview_img02.jpg) center center no-repeat; background-size: cover; position: relative; display: table;}
#overview .cont02 .img02 p {text-align: center; font-size: 24px; font-weight: 600; color: #FFFBEA; height: inherit; display: table-cell; vertical-align: middle; padding: 0 290px;}
#overview .text {font-size: 0; margin: 0 -20px; margin-top: 30px;}
#overview .text::after {content:""; display: block; clear:both;}
#overview .text > div {float: left; width: 50%; font-size: 16px; line-height: 1.7; padding: 0 20px;}
#overview .text.column-1 > div {width:100%;}

/***************************************
주제별 신착도서
***************************************/
.mirtech-list-wrap.gallery-subject .table {
    color:#666;
}

.mirtech-list-wrap.gallery-subject .table td:nth-child(2) a {
    border:1px solid #dfe4ed;
    padding:4px 6px;
    border-radius:2px;
    margin-right:4px;
    font-size:14px;
}
.mirtech-list-wrap.gallery-subject .table td:nth-child(2) a:hover {
    border:1px solid #203CBD;
    color:#203CBD;
    transition:.2s;
}

.mirtech-list-wrap.gallery-subject .table td:first-child {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    padding: 10px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed;
}

.mirtech-list-wrap.gallery-subject .table td:first-child a {
    border-bottom:1px dotted #666;
}

.mirtech-list-wrap.gallery-subject .table td:first-child a:hover {
    color:#203CBD;
    transition:.2s;
}

/***************************************
그룹스터디룸 신청 조회
***************************************/
.lrm .room-mypage ul li.no-results {
    display:block;
    text-align:center;
}
.lrm .room-loop .cell.action-cell {
    vertical-align:top;
}
.reservation-remove.btn {
    color:#fff !important;
}
.reservation-remove.btn:hover {
    color:#fff !important;
}
.wrongdoing-report.btn {
    color:#c70000 !important;
}
.wrongdoing-report.btn:hover {
    color:#c70000 !important;
}

.cancel-txt {
    color:#203CBD;
}
.danger-message {
    color:#203CBD;
}
.room-status {
    font-size:.85rem;
}

/***************************************
내 서재 추가
***************************************/
#collection .modal-content .form-input-wrap .add {text-align: right;}
#collection .modal-content .form-input-wrap .add a {background-color: #c7a37b; border: 1px solid #c7a37b; color: #fff; padding: 0 12px; height: 30px; line-height: 30px; border-radius: 2px; margin-top: 10px; display: inline-block;}

/***************************************
전자저널
***************************************/
.eds .search-result-limit-inner {border-top:0;}

/***************************************
버튼 : 취소
***************************************/
td a.btn-red.request-cancel,
td a.btn-red.mr_update_my_campus_loan,
td a.btn-red.mr_update_my_quick_cataloging,
td a.btn-red.mr_update_my_dds,
td a.btn-red.mr_update_my_reservation{
    text-decoration: none !important; color: #fff;
}
td:hover a.btn-red.request-cancel,
td:hover a.btn-red.mr_update_my_campus_loan,
td:hover a.btn-red.mr_update_my_quick_cataloging,
td:hover a.btn-red.mr_update_my_dds,
td:hover a.btn-red.mr_update_my_reservation{
    text-decoration: none !important; color: #fff;
}

/***************************************
법학관련전자저널
***************************************/
.e_journal_law .erm .erm-search {
    margin:0;
}
.e_journal_law .erm-search .search-form fieldset {
    background:none;
    padding:0;
}
.e_journal_law .page-combine-search .form-input-search {
    width:260px;
}
.e_journal_law .search-alphabet {
    padding-left:0;
}
.e_journal_law .search-alphabet .letter {
    border: 1px solid #c7cedd;
    background-color: #eff1fc;
    border-radius:2px;
}
.e_journal_law .row-style-2 .search-alphabet .letter,
.e_journal_law .row-3 .search-alphabet .letter{
    min-width:34px;
}
.e_journal_law .erm .initial-search .row-inline.row-style-1 .letter{
    width:40px;
}
.e_journal_law .search-alphabet .letter.active {
    background-color:#203cbd;
    border:1px solid #203cbd;
}
.e_journal_law .erm .initial-search .row-inline.row-style-1 {
    max-width: fit-content;
    min-width: auto;
}
.e_journal_law .erm .initial-search .row-3 {
    padding-left:45px;
}

.e_journal_law .package-list-mini {
    padding-top:20px;
}

.erm .e_journal_law ul.erm-list li {
    margin: 0;
    padding: 12px;
}

.erm .e_journal_law ul.erm-list li a {
    color:#364666;
    border-bottom:1px dotted #364666;
}



/***************************************
서비스찾기
***************************************/
.tag-table.table.left tbody tr td.no-results {text-align: center; padding: 50px 0; font-size: 14px; color: #666;}

/***************************************
Kboard
***************************************/
#kboard-default-list .kboard-header .kboard-search.group {padding-bottom: 12px;}
#kboard-default-list .kboard-list table tbody tr.kboard-list-notice {background-color: #f5f6fd;}
#kboard-default-list .kboard-list table td.kboard-list-uid {width: 100px !important;}
#kboard-default-list .kboard-list table td.kboard-list-user {width: 150px !important;}
#kboard-default-list .kboard-list table tr td.kboard-list-date {width: 150px !important;}
#kboard-default-list .kboard-list table td.kboard-list-view {width: 100px !important;}
#kboard-default-list .kboard-list tbody tr.kboard-list-notice span.k-notice {vertical-align:top; font-size:14px; font-weight:500; line-height:25px; color:#1b35cd; border:1px solid #1b35cd; text-align:center; border-radius: 0; background-color: transparent;}
#kboard-default-list .kboard-search .search-box button {background-color: #203cbd !important; border: 1px solid #203cbd;}
.contents-body #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {background-color: #203cbd !important; border: 1px solid #203cbd;}
#kboard-default-list .kboard-control .kboard-default-button-small.kboard-write {background-color: #203cbd !important;}
.left .kboard-default-button-small {border: 1px solid #dee4ee !important; background-color: #fff !important; color: #666 !important;}
.right .kboard-default-button-small.kboard-write {background-color: #203cbd !important;}
.right .kboard-default-button-small:last-child {background-color: #c70000 !important;}
#kboard-default-editor form .kboard-control .right .kboard-default-button-small {background-color: #203cbd !important;}
#kboard-default-editor form .kboard-control .left .kboard-default-button-small {border: 1px solid #dee4ee !important; background-color: #fff !important; color: #666 !important;}
#kboard-default-editor .kboard-content .quicktags-toolbar {text-align:left;}
#kboard-default-editor .kboard-attr-row .attr-value > a {
    border: 1px solid #999;
    height: 30px;
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    padding: 0 9px;
    border-radius: 3px;
}
#kboard-default-editor .kboard-content textarea.wp-editor-area {
    font-family:'Roboto' , 'Noto Sans KR', Sans-serif;
    font-size:14px;
    line-height:1.5;
}
#kboard-default-document .kboard-button-download.kboard-button-action {
    padding:10px;
}
#kboard-default-document .kboard-comments-default {
    background-color:#f5f6fa;
}
#kboard-default-document .kboard-comments-default .comments-list .comments-list-content p {
    font-size:14px;
}


/***************************************
직접신청(학술지)
***************************************/
#dds_detail table {table-layout: auto;}
#dds_detail tbody th {width: 15%;}


@media screen and (min-width:768px) {

    .history-right .vc_column-inner {
        padding-left:40px !important;
        border-left:1px solid #E3E7E9;
    }

    .history-left {
        margin-top:200px;
    }

    .history-right {
        margin-top:0;
    }

    .history-left .vc_column-inner,
    .history-left2 .vc_column-inner {
        padding-right:40px !important;
        border-right: 0;
    }


    h4.history-title-1:after,
    h4.history-title-2:after,
    h4.history-title-3:after,
    h4.history-title-4:after,
    h4.history-title-5:after{
        font-family:"Material Design Icons";
        display:inline-block;
        content:'';
        font-size:0.6em;
        vertical-align:middle;
        width:20px;
        height:20px;
        border-radius:19px;
        position:absolute;
        color:#fff;
        line-height:2.5;
        text-align:center;
        z-index:9;
    }

    h4.history-title-1:after {
        background:#203CBD;
        right:-10px;
    }

    h4.history-title-2:after {
        background:#364666;
        left:-10px;
    }

    h4.history-title-3:after {
        background:#F8B62E;
        right:-10px;
    }

    h4.history-title-4:after {
        background:#C7A37B;
        left:-10px;
    }

    h4.history-title-5:after {
        background:#705CA5;
        left:-10px;
    }

    .blue-table {
        border-top:2px solid #203CBD;
    }

    .darkblue-table {
        border-top:2px solid #364666;
    }

    .yellow-table {
        border-top:2px solid #F8B62E;
    }

    .brown-table {
        border-top:2px solid #C7A37B;
    }

    .purple-table {
        border-top:2px solid #705CA5;
    }

    .history-table .h-date {
        background:#f5f6fa;
    }

    .history-table .h-date {
        width:20%;
        font-weight:600;
    }

    .blue-title h4,
    .mint-title h4,
    .green-title h4 {
        font-size:1.5rem;
    }

    /***************************************
    전자저널
    ***************************************/
    .eds .restrict-area .restrict-section-wrap {border-top: 5px solid #3ab185;}

}

@media screen and (max-width:768px) {
    .history-table ul li{
        border-right:0;
    }
    .history-table ul li:last-child {
        border-bottom:0;
    }

    .table-left .h-detail,
    .table-right .h-detail {
        text-align:left;
        font-size: 14px;
        padding: 10px 10px 10px 0;
    }

    .history-table .h-date {
        width:30%;
        font-weight:600;
        border-left:1px solid #E3E7E9;
        position:relative;
        padding: 10px;
    }

    .history-table .h-date:before {
        font-family:"Material Design Icons";
        display:inline-block;
        content:'';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #253EB9;
        vertical-align:middle;
        position:absolute;
        text-align:center;
        left:-6px;
        margin-top: 5px;
        line-height:1.4;
    }

    .blue-table .h-date:before {
        background-color:#203CBD;
    }

    .darkblue-table .h-date:before {
        background-color:#364666;
    }

    .yellow-table .h-date:before {
        background-color:#F8B62E;
    }

    .brown-table .h-date:before {
        background-color:#C7A37B;
    }

    .purple-table .h-date:before {
        background-color:#705CA5;
    }

    h4.history-title-1,
    h4.history-title-2,
    h4.history-title-3,
    h4.history-title-4,
    h4.history-title-5{
        font-size: 20px;
    }

    h4.history-title-1, h4.history-title-3 {
        text-align: left;
    }

}

/***************************************
search pages
***************************************/
.center {
    text-align:center !IMPORTANT;
}

.search-box input[type="text"] {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c7cedd;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 2px;
}

.search-box .form-control.width-no {
    display:inline-block;
}

.search-box .row:before {
    display: table;
    content: '';
}

.search-box .row::after {
    clear: both;
    visibility: hidden;
    height: 0;
}

.page-combine-search .sep {
    margin: 1.5rem 0 -.75rem;
    padding-top: 1rem;
    border-top: 1px dashed #d6e1ee;
}

.form-input-year {
    max-width: 465px;
    margin: 0 auto;
    padding:0;
}

.form-input-year .detail-title {
    display:inline-block;
    vertical-align: middle;
    padding-right:4px;
}

.form-input-year .min-max-input {
    display:inline-block;
    width:60%;
    vertical-align:middle;
}

.form-input-year span.ex {
    display:inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 6px;
}

.word-item-inner {
    padding:0;
}

.word-item-inner > li {
    display:inline-block;
}

.page-combine-search .form-word-filter {
    text-align: center;
    padding: 32px 20px 0 20px;
    border-top: 1px dashed #dfe4ed;
    margin-top: 32px;
}

a.btn-word-item.btn-word-brown:hover {
    background:#ECDDCD;
    transition:.2s;
}

.btn-outline-paleblue.field-extend {
    border:none;
    background-color: #c7a37b;
    color:#fff;
    border-radius:2px;
    margin-top: 20px;
    padding: 4px 8px;
    font-size:15px;
}

.btn-outline-paleblue.field-extend:hover {
    background-color:#A57B4C;
    color:#fff;
    transition:.2s;
}

.form-input-wrap.field-wrap {
    border-top: 1px dashed #dfe4ed;
    padding: 32px 32px 0 32px;
    margin-top:32px;
    transition: all .2s;
}

.form-input-wrap.field-wrap.hide {
    transition: all .2s;
}
.book-horizontal-item .btn-book-toggle[aria-expanded='true']:hover,
.book-horizontal-item .btn-book-toggle[aria-expanded='true']:focus{
    color:#fff;
}

/***************************************
개인정보관리
***************************************/
.mirtech.sr-login .login-form .row p {
    font-size:15px;
}

/***************************************
대출 재대출 조회
***************************************/
.loan-data {

}

/***************************************
스터디룸
***************************************/
#room_timetable_wrapper .col-8,
#room_timetable_wrapper .col-9,
#room_timetable_wrapper .col-10,
#room_timetable_wrapper .col-11,
#room_timetable_wrapper .col-12,
#room_timetable_wrapper .col-13,
#room_timetable_wrapper .col-14,
#room_timetable_wrapper .col-15,
#room_timetable_wrapper .col-16
#room_timetable_wrapper .col-17,
#room_timetable_wrapper .col-18,
#room_timetable_wrapper .col-19,
#room_timetable_wrapper .col-20,
#room_timetable_wrapper .col-21,
#room_timetable_wrapper .col-22,
#room_timetable_wrapper .col-23 {
    width:auto;
    padding:0;
}

.in-mobile {
    display:none;
}

.info-message {
    color: #96a1ab;
    font-size: 0.875rem;
}

.lrm .search-section ul.lrm-locations li {
    font-size:15px;
}

.lrm #room_timetable {
    table-layout:auto;
}

.lrm #room_timetable thead tr td {
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    border: 0;
    border-left: 1px solid #59677d;
    background: #364864;
    color: #f4f5f6;
    font-size: 11px;
}

.lrm .data-rsv .data-area .min-check {
    margin-bottom:0;
}
.lrm .content-cell .room-desc {
    font-size: 15px;
}
.lrm .content-cell .room-extra {
    font-size:15px;
    padding-bottom:6px;
}

.lrm .data-rsv fieldset.data-title {
    font-size:15px;
}

.lrm .room-list .date-tab ul li a {
    color:#666;
    padding:6px;
    font-weight:600;
}

.student-input .btn-red {
    height:32px;
    line-height:31px;
}

.lrm .notice-warning {
    padding-top:6px;
}

.lrm .room-loop .cell.action-cell {
    vertical-align:middle;
}

.btn.btn-brown.room-reservation {
    color:#fff;
}

.btn.btn-brown.room-reservation:hover {
    color:#fff;
}

.lrm .single-room .content-cell {
    margin-left:24px;
}

label.descript {
    margin-bottom:0;
}

.lrm .info-help {
    margin-top:21px;
    float:right;
}

.lrm .room-single .info-help {
    margin-bottom:7px;
}

.lrm .room-loop .title-cell .room-title {
    font-size:16px;
}

.lrm .search-section .title {
    padding-bottom:5px;
}

/***************************************
layout
***************************************/
.border-box-4 {
    text-align:center;
    border:4px solid #DFE4ED;
    color:#666;
    padding:20px 10px;
    font-size:15px;
}

.border-box-4 p {
    margin-bottom:0;
}


/***************************************
p margin값 빼기
***************************************/
.sqaure-card-body p {
    margin-bottom:0;
}

.sqaure-outline-card-body p {
    margin-bottom:0;
}

.sentence-text p {
    margin-bottom:0;
}

/***************************************
organize
***************************************/
#organize img {height: auto; margin: auto;}

/***************************************
FAQ
***************************************/
.mps {
    margin-top:20px;
}
.square_tab > a {
    display:inline-block;
    border: 1px solid #b1b5c8;
    border-radius:2px;
    margin-right: 4px;
    height: 38px;
    padding: 0 10px;
    line-height: 37px;
    margin-bottom: 8px;
    font-size: 14px;
    min-width: 40px;
}
.square_tab > a.active {
    background: #1c47bb;
    color: #fff;
    border: 1px solid #1c47bb;
}

.square_tab > a:hover {
    background: #1c47bb;
    color: #fff;
    border: 1px solid #1c47bb;
    transition:.2s;
}

.mps .mps-list .board-list-top {
    margin-bottom:12px;
}

.mps .table td.left {
    text-align:left;
}

/***************************************
원문복사/상호대차
***************************************/
.table.readonly textarea {
    display:block;
    width:100%;
    height:100px;
    padding:12px;
    border: 1px solid #c7cedd;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 2px;
    color:#333;
}

.table.readonly textarea:hover,
.table.readonly textarea:focus,
.table.readonly textarea.selected {
    font-weight: 400;
    border-color: #525b6d;
}

/***************************************
이용교육
***************************************/
ul.lem-list-loop {
    list-style-type:none;
    padding-left:0;
}

.fa.fa-calendar,
.fa.fa-user {
    position:relative;
}

.lem-list-header .fa.fa-calendar:before {
    content: "";
    background: url(assets/images/icon-calendar@2x.png) no-repeat center 5%;
    position: absolute;
    width: 14px;
    height: 14px;
    background-size: 13px;
    top: 6px;
    left: 7px;
}

.lem-list-header .fa.fa-user:before {
    content: "";
    background: url(assets/images/icon-my@2x.png) no-repeat center 5%;
    position: absolute;
    width: 14px;
    height: 17px;
    background-size: 13px;
    top: 6px;
    left: 7px;
}

.lem-list-header a i.fa {
    vertical-align: middle;
    padding:14px;
}

.lem-list-main .lem-list-header a em {
    color:#03849c;
    padding: 10px 8px 10px 8px;
}

ul.lem-list-loop > li {
    font-size:15px;
}

.lem-list-loop h3 {
    font-size:18px;
}

.lem-list-loop .detail .detail-list {
    list-style-type: none;
}

.lem-list-loop .detail .detail-list::marker {
    display:none;
    list-style-type:none;
}

.lem-list-loop .desc .lem-btn .btn-reservation:hover {
    color:#fff;
}

.detail-list > li > span.dd > a.btn-blue {
    display: inline-block;
    padding: 0 6px;
    border-radius: 2px;
    margin-right: 4px;
    font-size: 0.85rem;
}

.lem-list-loop .detail a.library-map:hover {
    color:#fff;
}

.lem-list-loop .lem-btn a.btn-reservation-cancel:hover {
    color:#fff;
}

/***************************************
학술DB
***************************************/
.erm .package-list .erm-list .col-thumb {
    top:50%;
    transform:translatey(-56%);
}

/***************************************
사이트 내 검색 페이지
***************************************/
.tag-table.table.left tbody tr td {
    text-align:left;
    padding:9px;
}

.tag-table.table.left tbody tr td label {
    margin-bottom:0;
    border-bottom:1px dotted #364666;
    color:#364666;
    font-weight:700;
    margin-right:4px;
    cursor:pointer
}

.tag-table.table.left tbody tr td label:hover {
    color:#203cbd;
}

.tag-table.table.left tbody tr th {
    text-align:left;
    padding:9px;
}

.tag-table.table .multi_info {
    border:1px solid #dfe4ed;
    border-radius:4px;
    padding:8px;
    margin-top:10px;
    margin-bottom:10px;
}

.tag-table.table .multi_info > a {
    border-bottom:1px dotted #364666;
    color:#364666;
    font-weight:700;
    margin-right:6px;
    margin-top:10px;
}

.tag-table.table .multi_info > a:hover {
    color:#203cbd;
}


/***************************************
학과별 주제 가이드
***************************************/
.subject-line > .vc_column-inner > .wpb_wrapper {
    border:1px solid #E3DDD7;
}

.subject-bg {
    margin-bottom:0;
    border:1px solid #C7A37B;
    border-width:0 1px;
}

.subject-top-title {
    margin-bottom:0;
    background:#C7A37B;
    padding:14px;
    border:1px solid #C7A37B;
}

.subject-guide-wrap {
    margin-bottom:0;
    padding:20px;
}

.subject-top-title p {
    color:#fff;
    text-align:center;
}

ul.subject-guide {
    padding:0;
    list-style-type:none;
}

ul.subject-guide li {
    font-size:15px;
    line-height:1.6;
}

ul.subject-guide li > a:hover {
    color:#C7A37B;
    font-weight:700;
    text-decoration:underline;
}

.vc_column-inner .subject-bg {
    margin-bottom:0;
    border:1px solid #C7A37B;
    border-width:0 1px;
}

.vc_column-inner .subject-top-title {
    margin-bottom:0;
    background:#C7A37B;
    padding:14px;
    border:1px solid #C7A37B;
}
.vc_column-inner .subject-guide-wrap {
    margin-bottom: 0;
    padding: 20px;
}

/* 새로 업로드 */
.vc_column-inner ul.subject-guide li.subject-title {
    border:none;
    margin-top:3px;
    margin-bottom:4px;
    padding-bottom:0;
}
.vc_column-inner ul.subject-guide li.subject-title > ul {
    padding-left: 6px;
    margin-top: 2px;
    list-style-type:none;
}

/***************************************
kboard pknu-board 로 동아대 디자인 변경
***************************************/
#kboard-default-list .kboard-search.group select {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 5px 2px;
    width: 80px;
    height:28px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #c7cedd;
    box-shadow: none;
    border-radius: 2px;
}
#kboard-default-list .search-box {
    position: relative;
    display: inline-block;
}

#kboard-default-list .kboard-search .search-box input {
    width:200px;
    height: 38px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c7cedd;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 2px;
    box-sizing:content-box;
}
#kboard-default-list .kboard-search .search-box button {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff !important;
    background-color: #203cbd;
    border-color: #203cbd;
    border: 1px solid transparent;
    min-width: 56px !important;
    height: 38px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 37px;
    border-radius: 2px;
    font-weight: 400;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#kboard-default-list .kboard-search.group {
    padding-bottom: 5px;
    text-align: right;
}

#kboard-default-list .kboard-list {
    float: left;
    width: 100%;
    background-color: white;
    border-top: 1px solid #525b6d !important;
}

#kboard-default-list .kboard-list table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0;
    font-size: 14px;
    border-collapse: collapse;
}

#kboard-default-list .kboard-list table tr td {
    height: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    padding: 9px;
    border: 1px solid #dfe4ed !important;
}

#kboard-default-list .kboard-list table thead tr td {
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    font-weight: 500;
    padding: 9px 5px;
    background: #f5f6fa;
    border: 1px solid #dfe4ed;
}

#kboard-default-list .kboard-default-button-small.kboard-write {
    display:inline-block;
    background-color: #203cbd;
    color:#fff !important;
    padding: 0 12px;
    font-size: 14px;
    line-height: 37px;
    border-radius: 2px;
    font-weight: 400;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#kboard-default-list .kboard-control {
    float: left;
    padding: 15px 0 1px 0;
    width: 100%;
    text-align: right;
}

#kboard-default-list .kboard-list table td.kboard-list-uid {
    width:72px;
}

#kboard-default-list .kboard-list table td.kboard-list-title {
    width:auto;
}
#kboard-default-list .kboard-list table td.kboard-list-user {
    width:80px;
}
#kboard-default-list .kboard-list table tr td.kboard-list-date {
    width:100px;
}
#kboard-default-list .kboard-list table td.kboard-list-view {
    width:55px;
}

#kboard-default-list .kboard-pagination {
    float: left;
    padding: 15px 0;
    width: 100%;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 40px;
    list-style: none;
    text-align: center;
    border: 0;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0 1px;
    background: none;
    border: 0;
    list-style: none;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
    padding: 6px 11px;
    border: 1px solid #dddddd;
    text-decoration: none;
    font-size: 13px;
    color: #999999;
    background-color: white;
    box-shadow: none;
}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
    border: 1px solid #364864;
    color: white !important;
    background-color: #364864;
}

#kboard-default-editor form .kboard-attr-row {
    background-color:#f5f6fa;
}

#kboard-default-editor .kboard-attr-row .attr-name {
    font-size:14px !important;
    font-weight:bold !important;
}

#kboard-default-editor .kboard-attr-row.kboard-attr-title .attr-value input {
    height:36px;
}

#kboard-default-editor .kboard-attr-row .attr-value {
    font-size: 14px;
    line-height: 40px;
}

#kboard-default-editor .kboard-content textarea {
    border-color:#e3e3e3;
}

#kboard-default-editor form .kboard-control .kboard-default-button-small {
    font-size:14px;
    color:#fff;
    height:38px;
    line-height:38px;
    background-color:#364864 !important;
}

#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option {
    margin-bottom:0;
}

#kboard-default-document .kboard-document-wrap .kboard-title,
#kboard-default-document .kboard-document-wrap .kboard-detail{
    background-color:#f5f6fa;
}

.kboard-default-button-small, .kboard-default-button-small:link {
    height:40px !important;
    line-height:40px !important;
    /*background-color:#364864 !important;*/
    /*color:#fff !important;*/
}

#kboard-document #kboard-default-document .kboard-document-navi .kboard-next-document,
#kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document{
    background:none;
}

#kboard-default-document .kboard-detail .detail-attr .detail-name {
    padding-right:12px !important;
}
#kboard-default-document .kboard-detail .detail-attr .detail-value {
    padding-left:12px !important;
}

.main-event-banner-slider-data .mps {
    margin-top:0;
}

#kboard-default-document .kboard-document-navi a {
    display:inline-block !important;
    vertical-align:middle;
}

#kboard-default-document .right .kboard-default-button-small {
    color:#fff !important;
}

#kboard-document #kboard-default-document .kboard-document-navi {
    padding-top:0;
    border-bottom:1px solid #e3e3e3;
}

#kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document,
#kboard-document #kboard-default-document .kboard-document-navi .kboard-next-document{
    border-bottom:0;
}

/***************************************
타교(타기관) 신청 조회 상세페이지
***************************************/
td.col-no .table-mobile-vertical-mode-wrap a {
    text-decoration:underline !important;
    color:#364864;
}

.otherloan,
.othervisit {
    text-align:center;
}
.o-address {
    font-size:15px;
    margin-top:30px;
    margin-bottom:30px;
}
.otherloan-btn-print.btn-section {
    text-align:center;
    margin-top:30px;
}
.otherloan-btn-print.btn-section .btn {
    color:#fff !important;
}
.print-display {
    display:none;
}

/***************************************
신청 조회 리스트
***************************************/
.table-mobile-vertical-mode-data.available {
    color:#43A88B;
}
.table-mobile-vertical-mode-data.organize {
    color:#1D39C4;
}
.table-mobile-vertical-mode-data.not_purchased {
    color:#D90000;
}
.hope .board-list .list-none-data {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #666;
    padding: 50px 0;
}

/***************************************
서평쓰기
***************************************/
.window-pop-body .board-result-list .list-none-data {
    padding:16px;
    background-color: #ECF7F2;
    font-weight: bold;
    border-radius:4px;
}

.review .data-group.ssm + br {
    /*display:none;*/
}
.review .window-pop-body + br {
    display:none;
}
.review .contents-body .donga-form > .data-group:first-of-type {
    margin-top:0;
}
.review .data-group .paging-wrap {
    margin-bottom:40px;
}
.review .review-book-view {
    margin-bottom:35px;
}

/***************************************
희망도서 신청
***************************************/
.mirtech.hope .table tbody td .table-mobile-vertical-mode-wrap a:nth-child(2){
    margin-top:4px;
}


/***************************************
footer
***************************************/
.footer-sns-list .btn-sns-item .icon-sns.youtube:before {
    width: 20px;
    height: 15px;
    margin: -8px 0 0 -9px;
    background-image: url(assets/images/icon_footer_sns_youtube_off.png);
    background-size: 20px auto;
}
.footer-sns-list .btn-sns-item .icon-sns.youtube:after {
    width: 20px;
    height: 15px;
    margin: -8px 0 0 -9px;
    background-image: url(assets/images/icon_footer_sns_youtube_on.png);
    background-size: 20px auto;
}

/***************************************
프린트 css
***************************************/
@media print {
    .otherloan,
    .othervisit{
        margin-top:40px;
    }
    .otherloan .table.readonly th,
    .otherloan .table.readonly td,
    .othervisit .table.readonly th,
    .othervisit .table.readonly td {
        padding:25px 5px;
    }

    .otherloan table.table.readonly:before,
    .othervisit table.table.readonly:before{
        content:none;
    }

    .print-display {
        display:block;
        margin:0 auto;
    }

    .print-display h5 {
        position:relative;
        display:inline-block;
        margin-top:80px;
        margin-bottom:30px;
    }

    .print-display h5 .library-name {
        font-size:30px;
    }
    .print-display h5 .library-seal {
        position:absolute;
        top:-30px;
        right:-72px;
    }
    .header-wrap,
    .footer-wrap,
    .contents-header,
    .page-tab-nav,
    .btn-section.otherloan-btn-print,
    .list-option-filter {
        display:none;
    }
    table.print-table {
        margin-bottom:15px;
        color:#333;
        line-height:1.5;
    }
    table.print-table + div {
        color:#333;
        line-height:1.5;
    }
    table.print-table ~ .print-table {
        margin-top:30px;
    }
}


/***************************************
반응형 min-width 769px
***************************************/
@media screen and (min-width: 769px){
    /***************************************
    플로우박스
    ***************************************/
    .handling-process-data.summary-process .handling-process-inner {
        display:table;
        width:100%;
        height:100%;
    }
    .handling-process-data.summary-process .handling-process-inner > li {
        display:table-cell;
        float:none;
        height:100%;
    }
    .handling-process-data.summary-process .process-summary {
        font-size:14px;
        height:100%;
    }
    li.handling-process-cell .process-title {
        font-size:14px;
    }
    li.handling-process-cell .process-title + .process-info {
        font-size:14px;
    }

    /***************************************
    vc-tab
    ***************************************/
    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
        background-color:#fff;
    }

    /***************************************
    organize
    ***************************************/
    #organize img {max-width: 1050px;}
    #organize .pc {display: block;}
    #organize .tablet, #organize .mobile {display: none;}

    /***************************************
    탭 7개 쓸 때까지 탭 임시 가로 사이즈
    ***************************************/
    .page-tab-nav .tab-menu-list li.menu-item > a {
        width:168px;
    }
    .page-tab-nav .tab-menu-list li.menu-item:nth-child(6n) > a {
        width:168px;
    }

    /***************************************
    kboard
    ***************************************/
    #kboard-default-list .kboard-search .search-box button {
        height:40px !important;
    }
}

/***************************************
반응형 min-width 481px ~ max-width 768px
***************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
    .form-group.row-column .label-title {
        padding-top:0;
    }
    .form-group .form-input-data .form-mulity-check {
        margin-bottom:12px;
    }
    .mirtech.resource .min-max-input {
        width:auto !important;
    }
    .vc_col-sm-3.subject-line {
        width:50%;
    }
    .table tbody tr td.td-50 {
        width:50% !important;
    }
    .btn {
        min-height:38px;
    }

    /***************************************
    그룹 스터디실 신청
    ***************************************/
    .lrm .date-tab ul {
        margin:36px 0 0 0 !important;
        display:block !important;
    }
    .lrm .room-list .date-tab ul li a,
    .lrm .room-single .date-tab ul li a {
        font-weight:600;
        color:#666;
        padding:6px;
    }
    .lrm .room-single .date-tab ul li a {
        font-weight:600;
        color:#666;
        padding:6px;
    }

    /***************************************
    타기관 자료 신청
    ***************************************/
    .othervisit table.readonly.table tbody tr td {
        font-size:0;
    }
    .othervisit table.readonly.table tbody tr td > div {
        font-size:14px;
    }
    .othervisit .table tbody td .custom-control:first-of-type,
    .othervisit .table tbody td .custom-control:nth-of-type(2) {
        width:50%;
        margin-bottom:4px;
    }
    .othervisit .table tbody tr:first-child td select.form-control {
        width:49% !important;
    }
    .othervisit .table tbody tr:first-child td select.form-control:first-child {
        margin-right:4px;
    }
    .othervisit .table tbody td .custom-control:first-of-type {
        width:50%;
        padding-right:4px;
    }
    .othervisit .table tbody td .custom-control:last-of-type {
        width:100%;
    }
    .othervisit .table tbody td .custom-control input[type="text"] {
        width:100% !important;
        font-size:14px;
    }

    /***************************************
    타기관 열람 신청
    ***************************************/
    .otherloan form#otherloan_detail table.readonly.table tbody tr td {
        font-size:0;
    }
    .otherloan .table tbody td .custom-control:first-of-type,
    .otherloan .table tbody td .custom-control:nth-of-type(2) {
        width:50%;
        margin-bottom:4px;
    }
    .otherloan .table tbody td .custom-control:first-of-type {
        width:50%;
        padding-right:4px;
    }
    .otherloan .table tbody td .custom-control:last-of-type {
        width:100%;
    }
    .otherloan .table tbody td .custom-control input[type="text"] {
        width:100% !important;
        font-size:14px;
    }
    /***************************************
    서평쓰기 상세
    ***************************************/
    #wbc_my_review .book-view-wrap .book-view-name {padding-left:0;}
    #wbc_my_review .review-book-view .book-view-wrap .book-view-data {padding-left:0;}
    #wbc_my_review .review-book-view .book-view-wrap .book-view-data .book-view-info-cell {padding-left:0;}
    #wbc_my_review .book-view-wrap .book-view-data .book-view-thumb {left:50%; transform:translatex(-50%);}

    /***************************************
    기증자 상세
    ***************************************/
    .donation-detail-view .book-view-wrap .book-view-data .book-view-info {
        padding-top:154px;
    }

    /***************************************
    kboard
    ***************************************/
    #kboard-default-list .search-box,
    #kboard-default-list .kboard-search.group .search-box {
        width:80%;
        float:right;
    }


}

/***************************************
반응형 min-width 601px
***************************************/
@media screen and (min-width: 601px) {
    /***************************************
    kboard
    ***************************************/
    #kboard-default-list .kboard-search .search-box button {
        height: 38px !important;
    }
    #kboard-default-list .kboard-search input {
        max-width:100% !important;
    }
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document .navi-document-title {
        padding-left:0;
    }
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document,
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-next-document {
        width:100%;
        text-align:left;
    }
    #kboard-default-list .kboard-search.group select {
        box-sizing: content-box;
    }
}


/***************************************
반응형 max-width 768px
***************************************/
@media screen and (max-width: 768px){
    .mdpn {display: none;}
    .mdpb {display: block;}

    .btn {
        font-size:13px;
        height:auto !important;
        line-height: 1.5 !important;
        padding:6px 10px !important;
    }
    /***************************************
    법학관련전자저널
    ***************************************/
    .e_journal_law .erm-search.page-combine-search {
        max-width:100%;
    }
    .e_journal_law .initial-search {
        display:block;
    }
    .e_journal_law .erm .erm-search input[type='submit'] {
        width:30%;
    }

    /***************************************
    organize
    ***************************************/
    #organize .tablet {display: block;}
    #organize .pc, #organize .mobile {display: none;}

    /***************************************
    추가
    ***************************************/
    .page-tab-nav .tab-menu-list .menu-item:nth-child(6n) > a {
        width:100%;
    }
    .page-tab-nav ul.tab-menu-list li.menu-item > a > span {
        top:auto;transform:inherit;
    }

    /***************************************
    플로우박스
    ***************************************/
    .handling-process-data.summary-process.flow-title .handling-process-cell{
        border:none;
    }

    /***************************************
    vc tab
    ***************************************/
    img.lazy {
        height: auto;
    }

    .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-tabs-container,
    .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-tabs-container{
        display: block !important;
    }

    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-panel.vc_active .vc_tta-panel-heading,
    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
        display: none;
    }

    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading,
    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading{
        display: none;
    }

    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-tab {
        margin: -1px 0 0 -1px !important;
        width: 50%;
    }

    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tabs-list .vc_tta-tab>a {
        font-size: 14px;
        text-align: center;
        padding: 10px;
    }

    /* 세로탭 */
    .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left {
        display:block !important;
    }
    .wpb-js-composer .vc_tta-color-grey.vc_general.vc_tta.vc_tta-tabs .vc_tta-tabs-container {
        margin-right:0;
        margin-bottom:20px;
    }
    .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left li.vc_tta-tab {
        margin: -1px 0 0 -1px !important;
        display:inline-block;
        width:50%;
        text-align:center;
    }
    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list li.vc_tta-tab>a {
        background-color: #fff;
        border: 1px solid #c6cbe2;
        font-size:14px;
    }
    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list li.vc_tta-tab.vc_active>a {
        background-color: #203cbd;
        border: 1px solid #c6cbe2;
        color:#fff;
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-container {
        font-size:14px;
    }

    .vc_tta-panels-container .h480-wrap {
        text-align:center;
    }

    /***************************************
    table
    ***************************************/
    table.table.table-col-group tbody tr td {
        display:flex;
    }
    .table-col-group colgroup {
        position:absolute;
    }

    /***************************************
    헤더 분관
    ***************************************/
    header .branch_wrap {left:175px;}
    header .branch_wrap .button_wrap {top: 53px;}
    header .branch_wrap .button_wrap::before {top: -8px; left: 36px; border-right: 10px solid transparent; border-left: 10px solid transparent;}
    header .branch_wrap #branch {height: 54px; padding: 8px 0;}

    /***************************************
    그룹 스터디룸
    ***************************************/
    .in-mobile {
        display: unset;
    }
    div.table-wrapper {
        position: relative;
        /* margin-bottom: 20px; */
        overflow: hidden;
        border-right: 1px solid #e6ebed;
        /*margin-top: 2px;*/
    }
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    .lrm .room-list .date-tab ul li {
        margin-bottom:4px;
    }
    .lrm .room-list .search-section {
        padding:20px;
        padding-bottom:16px;
    }
    .lrm .room-list .info-help {
        margin-top:0;
        margin-bottom:6px;
        float:left;
    }
    .in-pc {
        display:none;
    }
    .lrm .search-section ul.lrm-locations li {
        font-size:14px;
    }
    table.responsive-slide td, table.responsive-slide th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    .lrm .scrollable #room_timetable {
        margin-bottom:0;
    }
    .lrm .search-section .title {
        padding-bottom:8px;
    }

    .lrm .room-single .single-room {
        border: 1px dashed #dfe4ed;
        padding: 12px;
    }
    .lrm .info-help {
        float:left;
    }
    .lrm .room-single #room_timetable_wrapper .info-help {
        margin-bottom:0;
    }

    /***************************************
    이용교육
    ***************************************/
    .lem-list-loop h3 {
        font-size:16px;
        line-height:1.4;
    }
    /***************************************
    학술DB
    ***************************************/
    .erm .page-combine-search {padding-left: 16px; padding-right: 16px;}
    .erm .package-list .erm-list .col-thumb {position: relative; top:0; transform: initial;}
    .erm .package-list .erm-list .col-fieldset {margin-top: 10px;}

    /***************************************
    학과별 주제 가이드
    ***************************************/
    .subject-line > .vc_column-inner > .wpb_wrapper {
        margin-bottom:20px;
    }
    .subject-bg .wpb_wrapper.vc_figure,
    .subject-bg .vc_single_image-wrapper{
        width:100%;
    }
    .subject-bg img {
        width:100%;
        height:114px;
    }

    /***************************************
    열람실 좌석배정현황
    ***************************************/
    .seatstatus .mc-seat .bar {display: none;}
    .seatstatus .mc-seat .bar-outer {width: auto !important;}
    .seatstatus .mc-seat .num {position: relative; padding-left: 0;width: auto;}

    /***************************************
    마일리지 내역
    ***************************************/
    .form-day-search .form-day-search-inner .min-max-input {width:100% !important;margin-left:0 !important;}

    /***************************************
    kboard pknu-board 로 동아대 디자인 변경
    ***************************************/
    #kboard-default-list .kboard-search.group select {
        float: left;
        width: 18%;
        max-width:100%;
        border-radius:2px;
    }

    #kboard-default-list .kboard-search .search-box input {
        width: 100% !important;
        padding: 6px 0;
        height:40px;
        box-sizing: border-box;
    }

    #kboard-default-list .kboard-header {
        margin-bottom:10px;
    }
    #kboard-default-list .kboard-list table td.kboard-list-user {
        width:118px !important;
    }
    #kboard-default-list .kboard-list table td.kboard-list-view {
        display:none;
    }
    #kboard-default-list .kboard-list table td.kboard-list-uid {
        display:none;
    }

    /***************************************
    학술논문
    ***************************************/
    .rd-search.list .search-result.expand .restrict-area {
        right: -19rem;
    }
    .rd-search.list .search-result .restrict-area {
        position: absolute;
        top: 43px;
        right: 0;
        height: 100%;
        float: none;
        z-index: 10;
        -webkit-box-shadow: -6px 0 12px rgba(0, 0, 0, .25);
        box-shadow: -6px 0 12px rgba(0, 0, 0, .25);
    }
    .rd-search.list .search-result .list-area {
        position: relative;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /***************************************
    소장자료
    ***************************************/
    .mirtech-detail-wrap .search-view-book {
        padding-bottom:85px;
    }

    /***************************************
    도서관 소개 : 개요
    ***************************************/
    #overview .text {margin: 0; margin-top: 20px;}
    #overview .text > div {width: 100%; font-size: 16px; line-height: 1.7; padding: 5px 0;}
    #overview .cont02 .img02 p {padding: 0 40px;}

    /***************************************
    그룹스터디룸 신청 조회
    ***************************************/
    .lrm .room-single .student-input .min-check {
        font-size:13px;
    }
    .lrm .room-single .student-input .btn {
        font-size:13px;
        padding:0 4px;
    }
    .lrm .room-single .data-rsv .data-area input[type="text"] {
        font-size:13px;
        margin-left:0;
    }
    .lrm .room-single .data-rsv .data-area .student-input .student-message {
        text-align:left;
        padding-left:0;
    }
    .lrm .room-single .notice-warning {
        text-align:left;
        padding-left:0;
    }
    label.descript {
        font-size:14px;
    }
    .lrm .data-rsv fieldset.data-title, .lrm .data-rsv fieldset.data-area {
        font-size:14px;
    }

    .lrm .single-room .content-cell {
        margin-left:0;
    }
    .lrm .cell.content-cell .room-extra {
        padding-bottom:0;
    }
    .lrm .single-room .cell.content-cell .room-title {
        padding-top:10px;
    }

    /***************************************
    admin-bar
    ***************************************/
    body #header.header-wrap .gnb-contents {
        top:-4px;
    }

    html body {
        position:inherit;
    }

    /***************************************
    서평쓰기 상세
    ***************************************/
    .review table.table.lightgray > tbody > tr > td {
        padding:0;
    }
    .review table.table colgroup col.col-write-1 {
        width:100px;
    }
    .review .window-pop-body .board-result-list .table .table-mobile-vertical-mode-title + .table-mobile-vertical-mode-data a {
        text-decoration: underline;
        color:#203cbd;
    }

    /***************************************
    비밀번호 변경
    ***************************************/
    .mirtech.profile.list .table-mobile-vertical-mode-wrap {
        display:block;
    }

}

/***************************************
반응형 max-width 600px
***************************************/
@media screen and (max-width: 600px){

    /***************************************
    kboard pknu-board 로 동아대 디자인 변경
    ***************************************/
    #kboard-default-list .kboard-list table .kboard-mobile-contents {
        font-size:14px;
    }
    #kboard-default-list .kboard-list table tr td {
        border-width: 1px 0 !important;
    }
    #kboard-document #kboard-default-document .kboard-detail .detail-attr {
        float:left;
        clear:none;
        padding:10px 10px 10px 0;
        line-height:1;
    }
    #kboard-document #kboard-default-document .kboard-detail .detail-attr .detail-name {
        border-right:none;
        padding-right:0 !important;
        clear:none;
    }
    #kboard-default-document .kboard-content .content-view {
        font-size:14px;
    }
    #kboard-document #kboard-default-document .kboard-title p {
        font-size:15px;
    }
    #kboard-default-list .kboard-search.group select {
        height:40px;
        border-radius:2px;
        min-width:0 !important;
    }
    #kboard-default-list .kboard-search .search-box input {
        max-width:100%;
    }
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document .navi-document-title {
        padding-left:0;
    }
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-next-document {
        margin-top:0;
    }
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-next-document .prev-next-title,
    #kboard-document #kboard-default-document .kboard-document-navi .kboard-prev-document .prev-next-title{
        width:50px;
        margin-right:8px;
        padding-right:8px;
    }
    #kboard-default-document .kboard-detail {
        padding:0 8px;
    }
    .contents-body #kboard-default-editor .kboard-attr-row {
        padding:10px;
    }
    .wp-core-ui #qt_kboard_content_toolbar input.button.button-small {
        height:29px;
        min-height:0;
        line-height:30px;
    }
    .contents-body #kboard-default-editor .kboard-control .right {
        width:auto;
    }
    #kboard-default-document .kboard-document-wrap .kboard-title p {
        padding:10px;
    }
    #kboard-document #kboard-default-document .kboard-document-navi a {
        font-size:13px;
        width:calc(100% - 63px);
    }
}


/***************************************
반응형 max-width 480px
***************************************/
@media screen and (max-width: 480px){
    button.btn-lg, a.btn-lg {font-size: 14px; height: 40px; line-height: 38px;}
    a.btn-lg .icon-view-item {height: 38px;}
    table.table > thead > tr > th, table.table > tbody > tr > th {font-size: 14px;}
    .m-block.mo-table-scroll-info {
        font-size: 13px;
        margin: 10px 0 1px 0;
    }
    .card-word-information .info-txt {
        font-size:14px;
        /* 임시 */
    }
    .sentence-bottom-text {
        font-size:13px; /* 임시 */
    }
    .card-short-cut-inner .info-txt {
        font-size:14px;
        line-height:23px;/* 새로추가 */
    }
    .btn-outline-foreign-item:after {
        /* 전체새로추가 */
        width: 14px;
        height: 17px;
        margin-left: 4px;
        background-size: 12px auto;
    }
    .border-box-4 {
        font-size:13px;
    }
    .h50 {
        height:auto;
    }

    table.table.readonly.table-mobile-vertical-mode > tbody > tr > td {
        padding:0;
    }

    /***************************************
    법학관련전자저널
    ***************************************/
    .e_journal_law .erm-search .search-form fieldset {
        width:100%;
        display:flex;
    }
    .e_journal_law .page-combine-search .form-input-search {
        width:100%;
    }
    .e_journal_law .page-combine-search .row.form-input-search input[type="text"] {
        width: calc(100% - 84px);
    }
    .e_journal_law .erm .erm-search input[type='submit'] {
        width:74px;
    }
    .e_journal_law .erm .initial-search .row-inline.row-style-2 {
        width:100%;
        margin-top:2px;
    }
    .e_journal_law .erm .initial-search .row-3 {
        padding-left:0;
    }
    .erm .e_journal_law .erm-list a {
        font-size:14px;
    }

    /***************************************
    헤더 분관
    ***************************************/
    header .branch_wrap .button_wrap a {font-size: 12px; padding: 5px 10px;}
    header .branch_wrap .button_wrap::before {left: 28px;}
    header .branch_wrap #branch .branch_name {font-size: 12px; padding: 0 10px; line-height: 30px;}
    header .branch_wrap #branch {padding: 10px 0;}

    /***************************************
    organize
    ***************************************/
    #organize .mobile {display: block; margin-bottom: 30px; max-height: 400px; width: auto; }
    #organize .pc, #organize .tablet {display: none;}

    /***************************************
    플로우박스
    ***************************************/
    .handling-process-data.summary-process.flow-title .handling-process-cell{
        width:100% !important;
    }
    .handling-process-data.flow-title .handling-process-cell + .handling-process-cell {
        margin-top: 10px;
    }

    /***************************************
    vc tab
    ***************************************/
    .wpb-js-composer .vc_tta.vc_general .vc_tta-tab {
        width: 100%;
    }
    .wpb-js-composer .vc_tta.vc_tta-spacing-4 .vc_tta-tabs-list {
        margin: 0 !important;
    }
    .wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-panel-body,
    .wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-panel-heading {
        border: 0 !important;
    }

    /* 세로탭 */
    .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left li.vc_tta-tab {
        width:100%;
    }

    /***************************************
    search pages
    ***************************************/
    .form-input-year span.ex {
        padding-left:0;
        font-size:14px;
        margin-bottom:6px;
        margin-top:4px;
    }
    .detail-title {
        padding-bottom:4px;
        font-size:15px;
    }
    .page-combine-search .form-word-filter {
        margin-top:20px;
        padding:20px 0 0 0;
    }
    .possession-detail-table table.table tr td,
    .possession-detail-table table.table tr th {
        font-size:13px !important;
    }
    .mirtech.resource .form-select-input-select input.form-control:last-child {
        margin-right:0;
        width:100% !important;
    }
    .book-view-wrap .book-view-name {
        font-size:17px;
        margin-bottom:8px;
    }
    .send-to-area {
        text-align:center;
    }

    /***************************************
    FAQ
    ***************************************/
    .mps .mps-list table.table td {
        font-size:14px;
    }
    .mps .mps-content,
    .mps .mps-content > p {
        font-size:14px;
    }

    /***************************************
    이용교육
    ***************************************/
    .lem {
        padding-bottom:0;
    }
    .lem-list-header a {
        padding:4px;
        margin-bottom:4px;
    }

    .lem-list-header a i.fa {
        display:none;
    }

    /***************************************
    학술DB
    ***************************************/
    .row ul.search-alphabet.abc {padding-left: 0;}
    .page-combine-search .row.form-input-search input[type="text"] {width: calc(100% - 60px);}
    .erm .erm-list .info-box {margin-bottom: 5px;}
    .erm .package-list .erm-list .col-fieldset >h4 > a {font-size: 16px; padding: 0 !important;}
    .erm .erm-list a {display: inline-block; padding: 3px 5px !important;}
    .erm .package-list .erm-list .col-fieldset .db-notice {margin-top: 10px;}
    .erm .package-list .erm-list .col-thumb > a {padding: 0 !important;}
    .erm .package-list .erm-list .col-fieldset {margin-top: 5px;}
    .erm .package-list .erm-list .col-fieldset p {line-height: 1.5;}

    /***************************************
    공지사항
    ***************************************/
    .board-list-wrap .board-list .data-fieldset h3 {font-size: 14px;}
    .board-list-wrap .board-top-search .form-simple-search {display:block;}
    .board-list-wrap .board-top-search .form-simple-search form {display:flex;}

    /***************************************
    이용자교육 캘린더
    ***************************************/
    #calendar .fc-header-toolbar .fc-center h2 {font-size: 20px;}
    #calendar .fc-header-toolbar > * >:first-child {width: 30px; height: 30px;}
    #calendar .fc-header-toolbar .fc-button .fc-icon {font-size: 14px; margin-left: -4px;}
    #calendar .fc-header-toolbar button.fc-today-button {height: 30px; font-size: 14px;}
    #calendar a.fc-event {font-size: 12px;}
    #calendar .fc-basic-view .fc-day-number, #calendar .fc-basic-view .fc-week-number {padding: 5px; font-size: 12px;}
    .lem .lem-list-loop .thumb {top: 0;}
    .lem .lem-list-loop .desc p {font-size: 14px;}

    /***************************************
    타기관 이용 신청
    ***************************************/
    .othervisit .table colgroup col:first-child {
        width:92px !important;
    }
    .othervisit .table th {
        font-size:13px !important;
    }
    .othervisit .table td .custom-control {
        display:block;
        margin-bottom:4px;
    }
    .othervisit .table td .custom-control:last-of-type {
        margin-bottom:0;
    }
    .othervisit .table td .custom-control input[type="text"] {
        width:100% !important;
    }
    .othervisit .table td select.form-control {
        margin-bottom:4px;
        width:100% !important;
        display:block !important;
    }
    .othervisit .table td select.form-control:last-of-type {
        margin-bottom:0;
    }

    /***************************************
    타기관 열람 신청
    ***************************************/
    .otherloan .table colgroup col:first-child {
        width:92px !important;
    }
    .otherloan .table th {
        font-size:13px !important;
    }
    .otherloan .table td .custom-control {
        display:block;
        margin-bottom:4px;
    }
    .otherloan .table td .custom-control:last-of-type {
        margin-bottom:0;
    }
    .otherloan .table td .custom-control input[type="text"] {
        width:100% !important;
    }
    .otherloan .table tbody tr:first-child td input {
        width:100% !important;
        display:block !important;
    }

    /***************************************
    도서관 소개 : 개요
    ***************************************/
    #overview .cont01 {margin-bottom: 30px;}
    #overview .cont01 .copy {left: 0; top: 210px;}
    #overview .cont01 .copy::before {width: 240px; height: 130px; transform: skew(0deg);}
    #overview .cont01 .img01::after {display: none;}
    #overview .cont01 .copy > div {font-size: 20px; padding: 24px 0;}
    #overview .cont01 .border-box-4 {font-size: 16px; margin-top: 40px; padding: 20px;}
    #overview .cont02 .img02 p {font-size: 16px;}
    #overview .text > div {font-size: 14px;}

    /***************************************
    학술논문
    ***************************************/
    .eds.detail .rd-utility-bar-detail {
        display:flex;
        width:100%;
    }
    .eds .search-result-list-none {
        line-height:24px;
    }
    .rd-utility-bar > .left, .rd-utility-bar-detail > .left {
        flex: 0 0 50%;
        float: none;
        display: flex;
        text-align:center;
        align-items:center;
    }
    .rd-utility-bar > .right, .rd-utility-bar-detail > .right {
        flex: 0 0 50%;
        float: none;
        display: flex;
        text-align:center;
        align-items:center;
    }
    .rd-utility-bar-detail a {
        width:100%;
        font-size:12px;
    }
    .rd-utility-bar-detail .icon-view-item {
        display:none;
    }
    .rd-search.detail .main-section {
        padding:1rem;
    }
    .rd-search.detail .main-section .title {
        font-size:21px;
        line-height:1.4;
    }
    dl.rd-list.info dt {
        width:115px;
        padding-right:0.2rem;
    }
    dl.rd-list.info dt, dl.rd-list.info dd {
        font-size:14px;
    }
    .mirtech.resource .form-simple-search {
        display:block;
        text-align:center;
    }
    .mirtech.resource .page-combine-search .form-sort-check {
        max-width:284px;
    }
    .mirtech.resource .page-combine-search .form-simple-search select.form-control {
        display:inline-block;
        width:75px !important;
        margin-right:2px;
    }
    .mirtech.resource .page-combine-search .form-simple-search input.form-control {
        display:inline-block;
        width:auto;
    }
    .mirtech.resource .page-combine-search .form-simple-search .btn-form-search {
        display:inline-block;
        margin-left:2px;
    }
    .btn-outline-paleblue.field-extend {
        display:block;
        text-align:center;
        margin: 17px auto 0 auto;
        font-size:13px;
    }
    .form-input-wrap.field-wrap {
        padding:0;
        padding-top:20px;
        max-width: 280px;
        margin: 32px auto 0 auto;
    }
    .form-input-wrap .form-group.row-column .label-title {
        font-size:14px;
    }
    .mirtech.resource .form-group.row-column .label-title br {
        display:none;
    }

    .custom-control.custom-checkbox .custom-control-label {
        font-size:13px;
        min-height:24px;
    }
    .search-box input[type="text"] {
        height:35px;
        font-size:12px;
        padding:0 10px;
    }
    .rd-result-list.dc .custom-checkbox .custom-control-label {
        margin-top:9px;
    }
    .dc.search-result-list .book-item-wrap {
        padding-left:28px;
    }
    .mirtech.resource .form-sort-check .result-in-check {
        display:block;
        position:relative;
        border-top: 1px solid #dfe4ed;
        padding-top: 10px;
        margin-top: 10px;
    }
    .page-combine-search .form-sort-check .custom-checkbox .custom-control.custom-control-label {
        font-size:13px;
    }

    /***************************************
    소장자료
    ***************************************/
    .mirtech-detail-wrap .search-view-book {
        padding-bottom:60px;
    }

    /***************************************
    직접신청(학술지)
    ***************************************/
    #dds_detail tbody th {width: 35%;}

    /***************************************
    학과별 주제 가이드
    ***************************************/
    ul.subject-guide li a{font-size: 14px;}

    /***************************************
    그룹 스터디실 신청
    ***************************************/
    .lrm .room-list .date-tab ul,
    .lrm .room-single .date-tab ul{
        font-size:0;
    }
    .lrm .room-list .date-tab ul li,
    .lrm .room-single .date-tab ul li {
        width:33.33%;
        margin-bottom:4px;
        text-align:center;
        padding-right:4px;
    }
    .lrm .search-section .title {
        font-size:15px;
    }

    /***************************************
    kboard
    ***************************************/
    #kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings {line-height: 30px !important; padding-left: 5px;}
    #kboard-default-list .kboard-list table .kboard-mobile-contents {padding-left: 5px; color: #999; padding-bottom: 5px;}
    #kboard-default-list .kboard-search.group select {width:28%;}

    /***************************************
    footer
    ***************************************/
    .footer-wrap .footer-menu {
        margin-top:20px;
        margin-bottom:20px;
    }
    .footer-wrap .footer-menu li.menu-item {
        margin-bottom:12px;
    }
    .footer-wrap .footer-menu li.menu-item a {
        padding:0;
    }

    .address-txt > .tel-txt {
        display:none;
    }
}


/***************************************
 * 북갤러리 페이지 추가 220608
 * ***************************************/
.main-gallery-item {
    position: relative;
    padding: 0 0 0 182px;
    min-height: 220px;
}
/*.main-gallery-item {width: 185px;}*/
.main-gallery-item .thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 181px;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.main-gallery-item .thumb .new, .list-book-gallery .gallery-thumb .new {
    z-index: 99;
    position: absolute;
    top: 8px;
    left: 8px;
}

/*.main-gallery-item .thumb {width:100%; height:100%;}*/
.main-gallery-item .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    border: 1px solid #dbdcdf;
}
/*.main-gallery-item .thumb img {display:block;width:100%;height:auto;}*/
.main-gallery-item .thumb .display-table {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.main-gallery-item .thumb .display-table-cell {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.main-gallery-item .main-gallery-txt-info {
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.main-gallery-item .info-name {
    position: relative;
    display: block;
    text-align: center;
    height: 18px;
    max-width: 100%;
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
.list-book-gallery-wrap > .row {
    margin: -24px -15px;
}

.list-book-gallery-wrap > .row .no-data {
    width: 100%;
    text-align: center;
    padding: 100px 0;
}

.list-book-gallery {
    width: 25%;
    padding: 24px 15px;
}

.list-book-gallery a {
    display: block;
    position: relative;
}

.list-book-gallery .gallery-thumb {
    position: relative;
    width: 100%;
    height: 277px;
    overflow: hidden;
}

.list-book-gallery .gallery-thumb img {
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*height: 277px;*/
    /*display: block;*/
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0;
}

.list-book-gallery .title {
    padding-top: 12px;
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


@media screen and (max-width: 767px) {
    .list-book-gallery-wrap > .row {
        margin: 0 -10px;
    }

    .list-book-gallery {
        width: 50%;
        padding: 15px 10px;
    }

    .list-book-gallery .gallery-thumb {
        height: auto;
        padding-top: 100%;
    }

    .list-book-gallery .gallery-thumb img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .list-book-gallery-wrap > .row {
        margin: 0 -16px;
    }

    .list-book-gallery {
        width: 100%;
        padding: 10px 16px;
    }
}

.book-gallery img {
    width: auto;
    max-width: 800px;
    height: auto;
    display: block;
    margin: 12px auto;
    border: 1px solid #DFE4ED;
}

/* 메인 북갤러리 슬라이드 추가 */
.main-gallery-slider-data {
    position: relative;
    height: 220px;
    border: 1px solid #fff;
    overflow: hidden;
}

.main-gallery-slider-data .main-gallery-slider-ui {
    position: absolute;
    top: 50%;
    font-size: 0;
    white-space: nowrap;
    z-index: 10;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 100%;
}

.main-gallery-slider-data .main-gallery-slider-ui .btn-ui-arrow.prev {
    position: absolute;
    left: 0;
    top: -30px;
}

.main-gallery-slider-data .main-gallery-slider-ui .btn-ui-arrow.next {
    position: absolute;
    right: 0px;
    top: -30px;
}

.main-gallery-slider .slick-slide {
    margin: 0 8px;
}

.main-gallery-slider .slick-list {
    margin: 0 -8px;
}

.list-book-gallery .gallery-thumb img {
    margin: 0;
}


@media screen and (max-width: 767px) {
    .main-gallery-slider-data {
        height: auto;
    }
    .main-gallery-item {
        padding: 0 0 0 100%;
        padding-top: 116%;
        min-height: 100%;
        height: auto;
    }
    .main-gallery-item .thumb {
        width: 100%;
    }
    .main-gallery-item .info-name {
        font-size: 15px;
    }
    .book-gallery img {
        max-width: 100%;
    }
}