@charset "UTF-8";
/*
Theme Name: PNU 주제가이드 2026
Theme URI: https://innomattic.com
Author: innomattic
Author URI: https://wordpress.org/
Description: 부산대학교 주제가이드 홈페이지 테마 2026
Requires at least: 6.9
Requires PHP: 8.2
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
*/

/* 텍스트 기본스타일 */
.entry-content .left {text-align: left;}
.entry-content .center {text-align: center;}
.entry-content .right {text-align: right;}
.entry-content .alignleft {float: left; margin: 0.375em 1.75em 1.75em 0;}
.entry-content .alignright {float: right; margin: 0.375em 0 1.75em 1.75em;}
.entry-content .aligncenter {clear: both; display: block; max-width: 100%; margin: 0 auto 1.75em;}
.entry-content .line-left {position:relative; font-size:15px; line-height:24px; font-weight:500; color:#222; padding-left:20px;}
.entry-content .line-left:before {content:''; position:absolute; top:0;left:0; right:auto;bottom:0; display:block;width:7px;height:auto; margin:3px auto 4px auto; background:#222;}
.entry-content .quote-box {position:relative; font-size:15px; line-height:24px; font-weight:500; color:#222; padding-top:38px;}
.entry-content .quote-box:before {content:''; position:absolute;top:0;left:7px; width:23px; height:20px; text-align:left; color:#222; background:url(./assets/images/content/icon-quote.png) center center no-repeat; background-size:23px auto;}
.entry-content .quote-box:after {content:''; display: block; width: 100%; margin:16px 0 32px 0 !important; height:1px; background:#222;}
.entry-content .box1 {padding:18px 20px; font-size:15px; line-height:24px; color:#222; border:1px solid #eee; background:#f6f6f6; border-radius:10px;}

/* link style */
.entry-content .text-black {color: #222 !important; font-weight: 500;}
.entry-content a.text-black:hover, .entry-content a.text-black:focus { color: #222 !important; text-decoration: underline;}
.entry-content .text-dark {color: #555 !important; font-weight: 500;}
.entry-content a.text-dark:hover, .entry-content a.text-dark:focus { color: #555 !important; text-decoration: underline;}
.entry-content .text-primary {color: #4B4DFF !important; font-weight: 500;}
.entry-content a.text-primary:hover, .entry-content a.text-primary:focus { color: #4B4DFF !important; text-decoration: underline;}
.entry-content .text-danger {color: #dc3545 !important; font-weight: 500;}
.entry-content a.text-danger:hover, .entry-content a.text-danger:focus {color: #a71d2a !important; text-decoration: underline;}

h3.dot {position: relative; margin-left: 5px; z-index: 0;}
h3.dot:before {content:'';position:absolute;top:-4px;left:-10px;display:block;width:20px;height:20px;background:#d6e3f8; border-radius:50%; z-index:-1;}
h4.dot {position: relative; margin-left: 5px; z-index: 0;}
h4.dot:before {content:'';position:absolute;top:-4px;left:-10px;display:block;width:20px;height:20px;background:#d6e3f8; border-radius:50%; z-index:-1;}
h5.dot {position: relative; margin-left: 5px; z-index: 0;}
h5.dot:before {content:'';position:absolute;top:-4px;left:-10px;display:block;width:20px;height:20px;background:#d6e3f8; border-radius:50%; z-index:-1;}

/* 배너 이미지. 미디어쿼리 768에 추가필요*/
.main-middle-banner .saedo-new {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 258px;
    height: 221px;
    margin: 0 0 -6px 227px;
    background: url(assets/images/banner/saedo-new-2022.png) left top no-repeat;
    background-size: 100% 100%;
}

.main-middle-banner .burnout {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 258px;
    height: 184px;
    margin: 0 0 -6px 227px;
    background: url(assets/images/banner/burnout.png) left top no-repeat;
    background-size: 100% 100%;
}

.main-notice-time .grid-layout-cell {
    padding: 20px 0;
}
.main-notice-time h4.con-title {
    margin-bottom: 20px;
}

/** vc custom box */
.vcc-title-content-box {position: relative;}
.vcc-title-content-box .btn-list-top-more {top:2px;}
.vcc-title-content-box .con-title {margin-bottom:15px; margin-top: 0;}
.vcc-title-box {position: relative;}
.vcc-title-box .btn-list-top-more {top:2px;}
.vcc-title-box .con-title {margin-bottom:15px; margin-top: 0;}

.vcc-content-box {}
.vcc-content-box .wrap-line {border-radius: 10px; border: 1px solid #eeeef5; padding:20px;}
.vcc-content-box .wrap-shadow {padding:20px; background:#fff;border-radius:10px;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); text-align:left; word-break:keep-all;}
.wpb_content_element.line .wpb_wrapper {border: 1px solid #eeeef5; padding:20px;}
.wpb_content_element.shadow .wpb_wrapper {padding:20px; background:#fff;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); text-align:left; word-break:keep-all;}
.wpb_content_element.round .wpb_wrapper {border-radius: 10px;}
/* row col */
.vc_row.line > .vc_column_container > .vc_column-inner > .wpb_wrapper {border: 1px solid #eeeef5; padding:20px;}
.vc_row.shadow > .vc_column_container > .vc_column-inner > .wpb_wrapper {padding:20px; background:#fff;box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); text-align:left; word-break:keep-all;}
.vc_row.round > .vc_column_container > .vc_column-inner > .wpb_wrapper {border-radius: 10px;}
.vc_row.color-gray > .vc_column_container > .vc_column-inner > .wpb_wrapper {background-color: #f6f6f6;}
.vc_row.color-gray2 > .vc_column_container > .vc_column-inner > .wpb_wrapper {background-color: #eee;}
.vc_row.color-white-gray > .vc_column_container > .vc_column-inner > .wpb_wrapper {background-color: #f3f5f9;}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {margin-bottom: 30px;}
.wpb_row .wpb_content_element:last-child {margin-bottom: 0;}
#wp-admin-bar-vc_inline-admin-bar-link { display: none;}

/* box margin move to vc custom.css */

/* font color */
.font-color-gray {color:#999 !important;}
.font-s {font-size: 90% !important;}
.font-xs {font-size: 80% !important;}

/* bootstrap */
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify  { text-align: justify !important; }
.text-nowrap   { white-space: nowrap !important; }
.justify-content-between {justify-content: space-between!important;}

/* display */
.display-none {display: none;}

/* width */
.width-xs {width: 5rem !important;}
.width-md {width: 30% !important;}
@media (max-width: 768px){
    .width-md {width: 100% !important;}
}

/* margin, padding */
.m-0 {
    margin: 0 !important;
}

.mt-0,.my-0 {
    margin-top: 0 !important;
}

.mr-0,.mx-0 {
    margin-right: 0 !important;
}

.mb-0,.my-0 {
    margin-bottom: 0 !important;
}

.ml-auto {
    margin-left: auto;
}

.ml-0,.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,.my-3 {
    margin-top: 1rem !important;
}

.mr-3,.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

.mt-5,.my-5 {
    margin-top: 2rem !important;
}

.mr-5,.mx-5 {
    margin-right: 2rem !important;
}

.mb-5,.my-5 {
    margin-bottom: 2rem !important;
}

.ml-5,.mx-5 {
    margin-left: 2rem !important;
}

.mt-6,.my-6 {
    margin-top:2.5rem !important;
}

.mr-6,.mx-6 {
    margin-right:2.5rem !important;
}

.mb-6,.my-6 {
    margin-bottom: 2.5rem !important;
}

.ml-6,.mx-6 {
    margin-left: 2.5rem !important;
}

.mt-7,.my-7 {
    margin-top:3rem !important;
}

.mr-7,.mx-7 {
    margin-right:3rem !important;
}

.mb-7,.my-7 {
    margin-bottom: 3rem !important;
}

.ml-7,.mx-7 {
    margin-left: 3rem !important;
}

.mb-19 {
    margin-bottom:19px;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,.py-0 {
    padding-top: 0 !important;
}

.pr-0,.px-0 {
    padding-right: 0 !important;
}

.pb-0,.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,.py-3 {
    padding-top: 1rem !important;
}

.pr-3,.px-3 {
    padding-right: 1rem !important;
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}

.pt-5,.py-5 {
    padding-top: 2rem !important;
}

.pr-5,.px-5 {
    padding-right: 2rem !important;
}

.pb-5,.py-5 {
    padding-bottom: 2rem !important;
}

.pl-5,.px-5 {
    padding-left: 2rem !important;
}

.pt-6,.py-6 {
    padding-top: 3.1rem !important;
}

/* 모듈 */
tr.hide {
    display: none !important;
}

/* 마이라이브러리 */
.col-no {
    width:6%;
}

.col-1 {
    width:10%;
}

.col-2 {
    width:16.666667%;
}

.col-5 {
    width: 41.666667%;
}

.col-auto {
    width: auto;
}

.col-th {
    width: 15%;
}

.max-width-600 {max-width: 600px;margin-left: auto;margin-right: auto;}
.max-width-700 {max-width: 700px;margin-left: auto;margin-right: auto;}
.max-width-800 {max-width: 800px;margin-left: auto;margin-right: auto;}
.max-width-900 {max-width: 900px;margin-left: auto;margin-right: auto;}
.max-width-1000 {max-width: 1000px;margin-left: auto;margin-right: auto;}

table .col-1 {width: 8.333333%;}
table .col-2 {width: 16.666667%;}
table .col-3 {width: 25%;}
table .col-4 {width: 33.333333%;}
table .col-5 {width: 41.666667%;}
table .col-6 {width: 50%;}
table .col-7 {width: 58.333333%;}
table .col-8 {width: 66.666667%;}
table .col-9 {width: 75%;}
table .col-10 {width: 83.333333%;}
table .col-11 {width: 91.666667%;}
table .col-12 {width: 100%;}

.mc-seat .bar-outer {
    display: block;
    text-align: left;
}

.mc-seat .bar.color1 {
    background: #56a4bb;
}

.mc-seat .num {
    display: inline-block;
    position: absolute;
    width: 70px;
    padding-left: 10px;
}

.mc-seat .bar {
    display: inline-block;
    width: 85%;
    height: 12px;
    border-radius: 12px;
}

@media (max-width: 768px){
    .col-no, .col-1, .col-2, .col-auto {
        width: 100%;
    }
    .list-sort > p {
        margin-top: 6px;
        display: block;
    }
}
.message-wrap .proposer {
    position: relative;
    display: inline-block;
    width: auto;
    height: 23px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 10px;
    border: 1px solid #757583;
    border-radius: 3px;
    margin-bottom: 0;
    margin-right: 4px;
    color: #757583;
    background-color: #fff;
}
.message-wrap .manager {
    position: relative;
    display: inline-block;
    width: auto;
    height: 23px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 10px;
    border: 1px solid #5d9cfd;
    border-radius: 3px;
    margin-bottom: 0;
    margin-right: 4px;
    color: #5d9cfd;
    background-color: #fff;
}
.message-wrap {margin-top: 8px; margin-bottom: 0;}
.message-wrap + .message-wrap {margin-top: 4px;}
.message-wrap span {margin-right: 4px;}
@media (max-width: 768px){
    .solars .table-col-group .table-col-data {display: block;}
}

label.error, .off-screen {
    display: none !important;
}

/* 모달 */
.rd-modal-dialog.active {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

/* 종합검색 */
.global-language-search tbody td {
    cursor: pointer;
}

/* 도서 상세 액션 */
.solars_holding_items tr td:last-child span,
.solars_holding_issues span.email-dds{
    cursor: pointer;
}

#header-search .load3 {margin-top: 5px;}

/* 로딩바 */
.loader {
    font-size: 2px;
    margin: 0px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
    background: -webkit-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
    background: -o-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
    background: -ms-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
    background: linear-gradient(to right, #000000 10%, rgba(0,0,0, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #000000;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader:after {
    background: white;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* .main-wrap vc 랑 겹쳐서 오류 */
.main-wrap {
    margin-left: -50vw !important;
}

/*==============================================================
Default 퍼블 구조 추가
==============================================================*/
.entry-content ul {margin-bottom: 10px; margin-left: 10px}
.entry-content ul li {position:relative; font-size:15px; line-height:1.5; color:#222; text-align:left; padding-left:13px; margin-top:6px;}
.entry-content ul li:first-child {margin-top:0;}
.entry-content ul li:before {content:'';position:absolute;top:10px;left:0;display:block;width:4px;height:4px;border-radius:50%;background:#222;}
@media (max-width: 768px) {
    .entry-content ul li {font-size: 15px; padding-left: 10px;}
}

ol li {position:relative; font-size:15px; line-height: 1.5; color:#222; text-align:left; padding-left:20px; margin-top:6px;}
ol li:first-child {margin-top:6px;}
ol li:before {position:absolute;top:0;left:0;display:block;}
ol li:nth-child(1):before {content:'1.';}
ol li:nth-child(2):before {content:'2.';}
ol li:nth-child(3):before {content:'3.';}
ol li:nth-child(4):before {content:'4.';}
ol li:nth-child(5):before {content:'5.';}
ol li:nth-child(6):before {content:'6.';}
ol li:nth-child(7):before {content:'7.';}
ol li:nth-child(8):before {content:'8.';}
ol li:nth-child(9):before {content:'9.';}
ol li:nth-child(10):before {content:'10.';}
ol li:nth-child(11):before {content:'11.';}
ol li:nth-child(12):before {content:'12.';}
ol li:nth-child(13):before {content:'13.';}
ol li:nth-child(14):before {content:'14.';}
ol li:nth-child(15):before {content:'15.';}
ol li:nth-child(16):before {content:'16.';}
ol li:nth-child(17):before {content:'17.';}
ol li:nth-child(18):before {content:'18.';}
ol li:nth-child(19):before {content:'19.';}
ol li:nth-child(20):before {content:'20.';}

@media (max-width: 768px) {
    ol li {font-size: 15px; padding-left: 14px;}

    table.table-blue > thead > tr > th,
    table.table-blue > tbody > tr > td,
    table.table-blue > tbody > tr > th {padding: 8px; font-size: 15px;}
}



/* 박스 높이값 맞추기 220110 */
.vc_row.h-auto {display: flex;}
.vc_row.h-auto .vc_column-inner {height: 100%;}
.vc_row.h-auto .vc_column-inner > .wpb_wrapper {display: flex; flex-direction: column;}
.vc_row.h-auto .vc_column-inner .wpb_wrapper,
.vc_row.h-auto .vc_column-inner .wpb_content_element {height: inherit;}
@media (max-width: 768px){
    .vc_row.h-auto {display: block;}
    .vc_row.h-auto .vc_column-inner {height: auto;}
    .vc_row.h-auto > .wpb_column {margin-bottom: 16px;}
    .vc_row.h-auto > .wpb_column:last-child {margin-bottom: 0;}
}

.admin-bar .guide-header-wrap {
    margin-top: 32px;
}

@media (max-width: 768px){
    #wpadminbar {
        position: fixed !important;
    }
    .admin-bar .guide-header-wrap {
        margin-top: 46px;
    }
}


/* 221206 주제가이드 글 안에 박스 스타일 추가 */
.vc_color-red {color: #AE1919; background-color: #F2DCDC; border: 1px solid #CE3131;}

.entry-content em {font-style: italic;}

.entry-content .dept-side-menu .vc_btn3.vc_btn3-size-xs {
    font-size: 14px !important;
}