/*
9Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: 'gothic';
    font-weight: 300;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-Light.ttf') format('woff');
}

@font-face {
    font-family: 'gothic';
    font-weight: 400;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-Regular.ttf') format('woff');
}

@font-face {
    font-family: 'gothic';
    font-weight: 500;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-Medium.ttf') format('woff');
}

@font-face {
    font-family: 'gothic';
    font-weight: 600;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-SemiBold.ttf') format('woff');

}

@font-face {
    font-family: 'gothic';
    font-weight: 700;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-Bold.ttf') format('woff');
}


@font-face {
    font-family: 'gothic';
    font-weight: 800;
    font-style: normal;
    src: url('/wp-content/font/GothicA1-Black.ttf') format('woff');
}


_:-ms-fullscreen,
:root .IE-FlexAuto {
    width: auto;
}

* {
    box-sizing: border-box;
}

a {
    cursor: pointer;
}

a:-webkit-any-link {
    cursor: pointer;
}

:focus {
    outline: 1px solid #000;
    outline-offset: -1px;
}

:focus-visible {
    outline: 1px solid #000;
    outline-offset: -1px;
}

.post-news-template-default .btn.list.text-light,
.post-now-template-default .btn.list.text-light {
    pointer-events: none;
}

table caption {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

#cursor {
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
    mix-blend-mode: difference;
}

@media (hover: hover) and (pointer: fine) {
    .cursor__circle {
        width: 64px;
        height: 64px;
        margin-top: -50%;
        margin-left: -50%;
        border-radius: 50%;
        border: solid 1px rgba(227, 222, 193, 0.64);
        transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
            background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
            border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
            width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
            height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    #cursor.arrow .cursor__circle {
        width: 128px;
        height: 128px;
        background-color: #073099;
        border-color: #073099;
    }

    #cursor.arrow:after {
        content: '';
        position: absolute;
        left: -50%;
        top: -50%;
        width: 100%;
        height: 100%;
        background-image: url('https://svgshare.com/i/MzQ.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    #cursor.subtle .cursor__circle {
        opacity: 0.16;
    }

    #cursor.overlay .cursor__circle {
        width: 48px;
        height: 48px;
        background-color: rgba(227, 222, 193, 0.08);
        border-color: transparent;
    }
}



@media (max-width: 1800px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 8%;

    }
}

@media (max-width: 1700px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 11vw;

    }
}

@media (max-width: 1600px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 16vw;

    }
}


@media (max-width: 1500px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 12vw;

    }
}

@media (max-width: 1400px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 15vw;
    }
}

@media (max-width: 1300px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 17vw;
    }
}


@media (max-width: 1100px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding-left: 0;

    }

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        margin-top: 50px;
    }
}


/*general*/

@media (max-width: 768px) {

    .content .container .container_inner.page_container_inner,
    .full_page_container_inner {
        padding: 0 0 80px;
    }

    .full_width_inner > .container:before,
    .title_outer + .container:before {
        top: -50px;
    }
}

h1 em {
    color: transparent;
    -webkit-text-stroke: 1px #152f53;
    font-style: normal;
    display: block;
}

h1.wh {
    color: #fff;
}

h1.wh em {
    -webkit-text-stroke: 1px #fff;
}

.wpb_text_column p {
    text-align: justify;
    word-break: break-all;
}

.en .wpb_text_column p {
    text-align: left;
    word-break: keep-all;
}

.wpb_text_column p + p {
    margin-top: 20px;
}

.m-b {
    margin-bottom: 30px !important;
}

.m-t {
    margin-top: 30px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-100 {
    margin-top: 100px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-l-40 {
    padding-left: 40px;
}

/* list */


.default_list ul li {
    list-style: none;
    position: relative;
    padding-left: 15px;
}

.default_list ul li:before {
    content: "·";
    position: absolute;
    left: 0;
}

.step ul {
    list-style: none;
    position: relative;
    display: flex;
    margin-right: -40px;
}

.step ul li {
    text-align: center;
    width: calc(100%/5 - 40px);
    margin-right: 40px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    position: relative;
}

.step.four ul li {
    width: calc(100%/4 - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.step ul li strong {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.step ul li:after {
    content: "\e90b";
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}

.step ul li:last-child:after {
    display: none;
}

@media (max-width: 768px) {

    .step ul {
        margin-right: 0;
        flex-direction: column;
    }

    .step ul li {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .step ul li:after {
        content: "\e905";
        top: auto;
        transform: translateX(-50%);
        left: 50%;
        bottom: -30px;
        right: 0;
    }
}



.text_align {
    word-break: break-all;
    text-align: justify;
}

.btn_wrap ul {
    list-style: none;
    display: flex;
    justify-content: end;
}

.btn_wrap ul li + li {
    margin-left: 20px;
}

.btn_wrap ul li a {
    background: #0050a9;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
}

.page_section + .page_section {
    padding-top: 100px;
}


.page_section .sub + .sub {
    padding-top: 50px;
}

.sub_tit {
    margin-bottom: 30px !important;
    word-break: break-all;
}

.sub_tit.short {
    margin-bottom: 10px !important;
}

.sub_tit .out_link {
    border-bottom: 1px solid #333;
    margin-top: 20px;
    display: inline-block;
}

.sub_tit .out_link:after {
    content: "\e980";
    font-family: 'xeicon';
    margin-left: 5px;
}

@media (max-width: 768px) {

    body,
    html {
        font-size: 16px;
    }

    rs-fullwidth-wrap {
        margin-top: 60px !important;
    }

    .p-r-40 {
        padding-right: 0;
    }

    .p-l-40 {
        padding-left: 0;
    }

    .page_section + .page_section {
        padding-top: 70px;
    }

}

.section_tit {
    margin-bottom: 20px !important;
}

.section_tit dl {
    display: flex;
    justify-content: space-between;
}

.section_tit dl dt {
    font-size: 2.1rem;
    line-height: 1.384615384615385em;
    text-transform: uppercase;
    font-weight: 900;
    color: #222;
}

.section_tit dl dd a {
    font-size: 0;
    display: block;
    transition: transform .7s ease-in-out;
}

.section_tit dl dd a:before {
    content: "\e913";
    font-family: 'xeicon';
    font-size: 2.5rem;
}

.section_tit dl dd a:hover {
    transform: rotate(180deg);
}

.section_tit h2,
.section_tit dl dt {
    font-weight: 900;
    color: #000;
    font-size: 2.1rem;
}

.section_tit h2 em,
.section_tit dl dt em {
    font-style: normal;
    font-size: 1.3rem;
    font-weight: 400;
    margin-left: 10px;
}

@media (max-width: 768px) {

    .section_tit dl {
        align-items: center;
    }

    .section_tit h2,
    .section_tit dl dt {
        font-size: 1.8rem;
    }

    .section_tit dl dt em {
        display: block;
        margin: 0;
        line-height: 1.4;
        font-size: 1.2rem;
        display: none;
    }

    .section_tit dl dd a:before {
        font-size: 1.8rem;
    }
}

.main_section {
    padding: 100px 0;
}

.main_section.center {
    text-align: center !important;
}

.main_section.color {
    background: #152f53;
}

.main_section.gray {
    background: #f5faff;
}

.main_section.color .section_tit h2,
.main_section.color .section_tit dl dt,
.main_section.color .section_tit dl dd a {
    color: #fff;
}

.main_section.video {
    background: url(/wp-content/uploads/2022/06/video_bg.jpg);
    padding: 150px 0;
}

@media (max-width: 768px) {
    .main_section {
        padding: 50px 0;
    }

    .main_section.video {
        padding: 60px 40px;
    }

    .main_section.video h1 {
        font-size: 2rem;
    }
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container a {
    display: block;
}


.kboard-category {
    padding-bottom: 30px;
    width: 100%;
}

.kboard-category.category-mobile {
    display: none;
}

.kboard-category.category-pc {
    display: block;
}

.kboard-category select {
    display: inline;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    min-width: 100%;
    height: 28px;
    min-height: 0;
    line-height: 28px;
    font-size: 13px;
    color: #666666;
    border-radius: 0;
    border: 1px solid #f1f1f1;
    background: white;
    vertical-align: middle;
    box-shadow: none;
    box-sizing: border-box;
    text-indent: 0;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.kboard-category .kboard-category-list {
    list-style: none;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.kboard-category .kboard-category-list li + li {
    margin-left: 20px;
}

.kboard-category .kboard-category-list li::before,
.kboard-category .kboard-category-list li::after {
    display: none;
}

.kboard-category .kboard-category-list li a {
    font-size: 1.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    background: #f6f6f6;
}

.kboard-category .kboard-category-list li.kboard-category-selected a {
    background: #152f53;
    color: #fff;
    font-weight: 600;
}

.kboard-tree-category-wrap {
    padding-bottom: 15px;
    width: 100%;
}

.kboard-tree-category-wrap select {
    display: inline;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #666666;
    border-radius: 0;
    border: 1px solid #f1f1f1;
    background: white;
    vertical-align: middle;
    box-shadow: none;
    box-sizing: border-box;
    text-indent: 0;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.kboard-tree-category-search .kboard-search-option-wrap.type-select {
    width: auto;
}

.kboard-tree-category-search .kboard-search-option-wrap.type-tab {
    width: 100%;
}

.kboard-tree-category {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    list-style: none;
    border: 0;
    background-color: #f9f9f9;
    overflow: hidden;
}

.kboard-tree-category li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0 5px;
    border: 0;
    list-style: none;
}

.kboard-tree-category li::before,
.kboard-tree-category li::after {
    display: none;
}

.kboard-tree-category li a {
    display: block;
    padding: 10px 10px 8px 10px;
    font-size: 0.9rem;
    border: 0;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    color: #515151;
}

.kboard-tree-category li.kboard-category-selected a {
    font-weight: bold;
    border-bottom: 2px solid #545861;
    color: #545861;
}

.kboard-tree-category-search {
    width: 100%;
}

.kboard-tree-category-search .kboard-search-option-wrap {
    margin-right: 5px;
}

.kboard-list + .kboard-pagination {
    margin: 30px 0;
}

.kboard-pagination {
    width: 100%;
}

.kboard-pagination .kboard-pagination-pages {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    border: 0;
}

.kboard-pagination .kboard-pagination-pages li {
    display: inline-block;
    margin: 0;
    padding: 0 1px;
    background: none;
    border: 0;
    list-style: none;
}

/*
.kboard-pagination .kboard-pagination-pages li.last-page,
.kboard-pagination .kboard-pagination-pages li.first-page {
    display: none;
}
*/

.kboard-pagination .kboard-pagination-pages li.prev-page {
    margin-left: 0;
}

.kboard-pagination .kboard-pagination-pages li + li {
    margin-left: 20px;
}

.kboard-pagination .kboard-pagination-pages li a {
    font-size: 1rem;
    display: block;
}

.kboard-pagination .kboard-pagination-pages li:hover a,
.kboard-pagination .kboard-pagination-pages li.active a {
    color: #152f53;
    border-bottom: 2px solid #152f53;
}

.kboard-pagination .kboard-pagination-pages li:before {
    display: none;
}

.kboard-pagination .kboard-pagination-pages li:after {
    display: none;
}

.kboard-pagination .kboard-pagination-pages li.next-page a,
.kboard-pagination .kboard-pagination-pages li.prev-page a {
    font-size: 0
}

.kboard-pagination .kboard-pagination-pages li.next-page a:before {
    content: "\e93e";
    font-family: 'xeicon';
    font-size: 1rem;
}

.kboard-pagination .kboard-pagination-pages li.prev-page a:before {
    content: "\e93b";
    font-family: 'xeicon';
    font-size: 1rem;
}

.kboard-pagination .kboard-pagination-pages li.last-page a,
.kboard-pagination .kboard-pagination-pages li.first-page a {
    font-size: 0
}

.kboard-pagination .kboard-pagination-pages li.last-page a:before {
    content: "LAST";
    font-size: 1rem;
}

.kboard-pagination .kboard-pagination-pages li.first-page a:before {
    content: "FIRST";
    font-size: 1rem;
}

@media (max-width: 768px) {
    .kboard-pagination .kboard-pagination-pages li:not(.active, .current_next, .current_prev, .next-page, .last-page, .prev-page, .first-page) {
        display: none;
    }

    .kboard-pagination .kboard-pagination-pages li.first-page {
        margin-right: 20px;
    }
}


a.button-small,
input.button-small,
button.button-small {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: normal;
    color: #545861 !important;
    background: #eaeaea !important;
    border: none;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer;
    vertical-align: middle;
    text-shadow: none;
    box-shadow: none;
    transition-duration: 0.3s;
    box-sizing: content-box;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.9rem;
}

a.button-small:hover,
a.button-small:focus,
a.button-small:active,
input.button-small:hover,
input.button-small:focus,
input.button-small:active,
button.button-small:hover,
button.button-small:focus,
button.button-small:active {
    opacity: 0.7;
}

.board-editor {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    width: 100%;
}

.board-editor form {
    margin: 0;
    padding: 0;
}

.board-editor select {
    display: inline;
    margin: 0;
    padding: 0 5px;
    font-size: 0.9rem;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #666666;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: none;
    background: none;
    background-color: transparent;
    vertical-align: top;
    text-indent: 0;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    font-family: 'Spoqa Han Sans Neo';
}

.board-editor input[type=text],
.board-editor input[type=email],
.board-editor input[type=number],
.board-editor input[type=date],
.board-editor input[type=password] {
    display: inline;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 0.9rem;
    color: #333;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: none;
    background: none;
    background-color: transparent;
    box-sizing: content-box;
    vertical-align: top;
    font-family: 'Spoqa Han Sans Neo';
}

.board-editor input[type=checkbox] {
    width: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.board-editor input[type=radio] {
    width: auto;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

.board-editor select:hover,
.board-editor input[type=text]:hover,
.board-editor input[type=email]:hover,
.board-editor input[type=number]:hover,
.board-editor input[type=date]:hover,
.board-editor input[type=password]:hover {
    border-bottom: 1px solid #9e9e9e;
}

.board-editor select:focus,
.board-editor input[type=text]:focus,
.board-editor input[type=email]:focus,
.board-editor input[type=number]:focus,
.board-editor input[type=date]:focus,
.board-editor input[type=password]:focus {
    border-bottom: 2px solid #9e9e9e;
}

.board-editor input[type=file] {
    display: inline;
    margin: 0;
    padding: 0;
    width: 30%;
    font-size: 12px;
    color: #666666;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.board-editor .kboard-attr-row {
    width: 100%;
    background-color: white;
}

.board-editor .kboard-attr-row + .kboard-attr-row {
    margin-top: 30px;
}

.board-editor .kboard-attr-row .attr-name {
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.board-editor .kboard-attr-row .attr-name img {
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

.board-editor .kboard-attr-row .attr-name .attr-required-text {
    color: red;
    font-weight: normal;
    font-size: 12px;
}

.board-editor .kboard-attr-row.kboard-attr-content .attr-name {
    display: none;
}

.board-editor .kboard-attr-row .attr-value {
    font-size: 0.9rem;
}

.board-editor .kboard-attr-row .attr-value .attr-value-option {
    display: inline;
    padding-right: 20px;
    width: auto;
    cursor: pointer;
}

.board-editor .kboard-attr-row .attr-value .attr-value-option input {
    cursor: pointer;
}

.board-editor .kboard-attr-row .attr-value .attr-value-label {
    display: inline;
    padding-right: 5px;
    width: auto;
    cursor: pointer;
}

.board-editor .kboard-attr-row .attr-value .attr-value-label input {
    cursor: pointer;
}

.board-editor .kboard-attr-row .attr-value .description {
    margin: 0;
    color: #666666;
}

.board-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap {
    width: 100%;
}

.board-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select {
    clear: both;
    margin-bottom: 5px;
    width: 30%;
}

.board-editor .kboard-confirm-row {
    padding: 100px 0;
}

.board-editor .kboard-content {
    margin: 0;
    padding: 9px 0;
    width: 100%;
    text-align: center;
    background-color: white;
}

.board-editor .kboard-content textarea {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 250px;
    min-height: 0;
    font-size: 13px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background: none;
    background-color: transparent;
    box-sizing: border-box;
}

.board-editor .kboard-control {
    padding: 30px 0;
    width: 100%;
    display: flex;
}

.board-editor .kboard-control .left,
.board-editor .kboard-control .right {
    flex: 1;
}

.board-editor .kboard-control .left {
    text-align: left;
}

.board-editor .kboard-control .right {
    text-align: right;
}

.kboard-content .video {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}

.kboard-content .video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {

    .board-editor select,
    .board-editor input[type=text],
    .board-editor input[type=email],
    .board-editor input[type=number],
    .board-editor input[type=date],
    .board-editor input[type=password],
    .board-editor input[type=file] {
        width: 100%;
        box-sizing: border-box;
    }

    .board-editor .kboard-attr-row {
        padding: 10px 0;
    }

    .board-editor .kboard-attr-row + .kboard-attr-row {
        margin-top: 0px;
    }

    .board-editor .kboard-attr-row .attr-name {
        padding: 0;
        width: 100%;
        font-size: 14px;
    }

    .board-editor .kboard-attr-row .attr-value {
        margin: 0;
    }

    .board-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select {
        margin-bottom: 10px;
        width: 100%;
    }

    .kboard-category select {
        height: 40px;
    }
}


.default_table table {
    width: 100%;
    border-top: 2px solid #152f53;
    border-bottom: 1px solid #ccc;
}

.default_table table thead th {
    background: #f5f8ff;
    border-bottom: 1px solid #999;
}

.default_table table th {
    color: #000;
    font-weight: 500;
}

/*
.default_table table tbody th {
    background: #f6f6f6;
}
*/

.default_table table td,
.default_table table th {
    padding: 20px;
}

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

.default_table table .left {
    text-align: left;
}

.default_table table td.center {
    text-align: center;
    vertical-align: middle
}

.default_table table tr {
    border-bottom: 1px solid #d9d9d9;
}

.default_table a {
    color: #152f53;
    border-bottom: 2px solid #152f53;
    line-height: 1;
    margin-left: 10px;
    display: inline-block;
    font-weight: 500;
    font-size: 0.9rem;
    vertical-align: middle;
}

.table_desc {
    font-size: 0.9rem;
    margin-top: 20px;
    color: #555;
}

.table_desc ul {
    margin-top: 20px;
}

.table_desc ul li {
    font-size: 0.9rem;
    color: #555;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.table_desc ul li:before {
    content: "·";
    position: absolute;
    left: 0;
}

table_desc a {
    color: #152f53;
    display: inline-block;
    margin-left: 5px;
    border-bottom: 2px solid #152f53;
    line-height: 1;
}

@media (max-width: 1200px) {

    .default_table table td,
    .default_table table th {
        padding: 10px;
    }

    .default_table {
        overflow-x: auto;
    }

    .default_table table {
        width: 130%;
    }
}


.default_list ul {
    margin-top: 20px;
}

.default_list ul li {
    font-size: 1rem;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.default_list ul li:before {
    content: "·";
    position: absolute;
    left: 0;
}


.box_desc {
    border-top: 2px solid #152f53;
    border-bottom: 1px solid #ccc;
    padding: 30px;
}

.box_desc ol {
    counter-reset: section;
    list-style-type: none;
}

.box_desc ol li {
    position: relative;
    padding-left: 20px;
}

.box_desc ol li:before {
    counter-increment: section;
    content: counters(section, ".") ".";
    position: absolute;
    left: 0;
}

.process ol {
    list-style: none;
    display: flex;
    justify-content: space-between;

    counter-reset: section;
}

.process ol li {
    text-align: center;
    flex: 1;
    padding: 0 30px;
    position: relative;
    padding-top: 70px;
}

.process ol li:before {
    counter-increment: section;
    content: counters(section, ".");
    display: block;
    padding: 3px;
    background: #152f53;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.process ol li:after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #152f53;
    position: absolute;
    top: 20px;
    right: 50%;
    z-index: -1;
}

.process ol li:first-child:after {
    display: none
}

@media (max-width: 768px) {
    .process {
        overflow-x: auto
    }
}



/*header*/

header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

header.light {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header_bottom_widget {
    display: flex;
    align-items: center;
    height: 100%;
}

header:hover {
    background: #fff;
}

header.over .q_logo img.dark,
header.over .q_logo img.light,
header.over .q_logo img.sticky,
header.over .q_logo img.mobile {
    opacity: 0;
}

header.over .q_logo img.normal {
    opacity: 1;
}

header.over .other_services > ul > li > a {
    color: #777;
}

header.over .other_services > ul > li > a:hover {
    color: #152f53;
}

.home header.scrolled {
    background: #fff;
}

nav.main_menu > ul > li > a:after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    background: #152f53;
    display: block;
    opacity: 0;
    transition: all 0.3s ease;
}

/*nav.main_menu > ul > li:hover > a:after,*/
nav.main_menu > ul > li.current-menu-item > a:after {
    opacity: 1
}

/*
.en nav.main_menu > ul > li > a {
    width: 170px;
}
*/

/*
.header_bottom:after {
    content: "";
    width: 100%;
    background: #fff;
    height: 400px;
    display: block;
    position: absolute;
    top: 90px;
    left: 0;
}
*/

/*
.depth_menu{
    max-height: 0;
    overflow: hidden;
    width: 100%;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    transition: max-height 0.4s;
}

header.over .depth_menu {
    max-height: 200px;
}
*/

.depth_menu {
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 99;
    width: 100%;
    border-bottom: 3px solid #152f53;
    border-top: 1px solid #d9d9d9;
    box-sizing: border-box;
    display: none;
}

header.over .depth_menu.on {
    display: block;
}

.depth_menu > .inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}

.depth_menu > .inner > .name {
    font-size: 1.7rem;
    font-weight: 600;
    width: 220px;
    color: #152f53;
    display: none;
}

.depth_menu > .inner > [class*='menu'] {
    width: 100%;
    padding-top: 20px;
}

.depth_menu ul {
    list-style: none;
}

.depth_menu ul.custom_sub {
    list-style: none;
    display: flex;
    justify-content: center;
}

.depth_menu .inner {
    padding: 10px 0 40px;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.depth_menu ul.sub-menu {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.depth_menu ul.sub-menu .sub-menu {
    display: none
}

.depth_menu ul.sub-menu li a {
    font-size: 0.9rem;
    color: #555;
    white-space: nowrap
}

.depth_menu ul.custom_sub > li {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 200px;
}

.depth_menu ul.custom_sub > li > a {
    font-size: 1rem;
    font-weight: 500;
    box-sizing: border-box;
}

.depth_menu ul.custom_sub > li + li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.depth_menu ul.custom_sub > li.current-menu-parent > a {
    color: #152f53;
    font-weight: 600;
}

.depth_menu ul.sub-menu > li.current-menu-item > a {
    color: #152f53;
    font-weight: 500;
}


.en .depth_menu ul {
    display: flex;
    justify-content: center;
}

.en .depth_menu ul.custom_sub > li + li {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    margin-left: 30px;
}

.en .depth_menu > .inner > .name {
    display: none;
}

.en .depth_menu ul.sub-menu {
    display: none !important;
}

.en .depth_menu ul.custom_sub > li > a {
    width: auto;
    font-size: 1.0rem;
    font-weight: 400;
}

.en .depth_menu > .inner > [class*="menu"] {
    width: 100%;
    padding-top: 0;
}

.en .depth_menu .inner {
    padding: 30px 0;
}

.depth_menu .gnb_remove {
    display: none;
}

.other_services > ul {
    display: flex;
    align-items: center;
}

.other_services > ul > li {
    font-size: 0;
    position: relative;
}

.other_services > ul > li + li {
    margin-left: 20px;
}

.other_services > ul > li > a {
    display: block;
    color: #777;
}

.light .other_services > ul > li > a {
    color: #fff;
}

.scrolled .other_services > ul > li > a {
    color: #777;
}

.other_services > ul > li.lang > a:before {
    content: "\e9d1";
    font-family: 'xeicon';
    font-size: 30px;
}

.other_services > ul > li.site a:before {
    content: "\e903";
    font-family: 'xeicon';
    font-size: 30px;
}


body.en .other_services > ul > li.site.ko {
    display: none;
}

body.ko .other_services > ul > li.site.en {
    display: none;
}

.other_services > ul > li > a:hover {
    color: #152f53;
}

.other_services > ul > li.lang .lang_box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #f6f6f6;
    margin-top: 10px;
    display: none;
}

.other_services > ul > li.lang .lang_box:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.other_services > ul > li.lang .lang_box.on {
    display: block;
}

.other_services .wpml-ls-legacy-list-horizontal a span {
    font-size: 14px;
    color: #000;
}

.other_services .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    display: block;
    text-align: center;
}


@media (max-width: 1300px) {

    .header_bottom {
        padding: 0 20px;
    }

    header .header_inner_left {
        left: 20px;
    }

    .depth_menu .inner,
    .en .depth_menu .inner {
        padding: 30px;
    }

    .depth_menu ul.custom_sub > li > a,
    .en .depth_menu ul.custom_sub > li > a {
        font-size: 0.9rem;
    }

    .en nav.main_menu > ul > li > a {
        white-space: nowrap;
    }

    nav.main_menu > ul > li > a {
        padding: 0 20px;
        font-size: 1.0rem;
    }

    .depth_menu > .inner > [class*="menu"] {
        width: 90%;
        margin: 0 auto;
    }
}


@media (max-width: 1000px) {
    .other_services {
        margin-right: 10px;
    }

    .header_inner_right {
        padding-right: 0;
    }

    .other_services > ul > li > a {
        color: #777 !important;
    }

    .other_services > ul > li.lang > a:before {
        font-size: 25px;
    }

    .other_services > ul > li + li {
        display: none;
    }

    .mobile_menu .sub_menu .menu-item-object-custom > a:after {
        content: "\e980";
        font-family: 'xeicon';
        margin-left: 5px;
    }


}

nav.main_menu ul li:last-child:after {
    display: none;
}

.admission {
    background: #152f53;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.admission a {
    color: #fff;
    padding: 0 50px;
    font-weight: 500;
    display: flex;
    height: 100%;
    align-items: center;
}

nav.main_menu ul li.outlink a span:not(.plus):after {
    content: "\e980";
    font-family: 'xeicon';
    color: #999;
    font-weight: 300;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 1rem;
}

.quick {
    position: fixed;
    right: 0;
    box-shadow: 14px -10px 35px 0px rgb(0 0 0 / 29%);
    z-index: 99999;
}

.quick .inner ul {
    list-style: none;
}

.quick .inner ul li a {
    display: flex;
    height: 90px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 20px 0;
    width: 100px;
    font-size: 0.8rem;
    line-height: 1.3;
    word-break: keep-all;
    border-bottom: 1px solid #d9d9d9;
    transition: box-shadow 0.18s ease;
}

.quick .inner ul li.mob {
    display: none;
}

.quick .inner ul li a:hover {
    box-shadow: inset 0 0 0 5px #80CEDA;
}

.quick a.open {
    display: flex;
    height: 90px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 100px;
    font-size: 0.9rem;
    word-break: keep-all;
    border-bottom: 1px solid #d9d9d9;
    background: #152f53;
    color: #fff;
    font-weight: 800;
    line-height: 1.3;
}

.quick .inner {
    transition: max-height 0.4s ease-out;
    overflow: hidden;
    max-height: 630px;
}

body.scroll .quick .inner,
.quick.on .inner {
    max-height: 0;
}

.quick:hover .inner {
    max-height: 630px !important;
}

.mobile_menu_button span i:before {
    content: "\e91c";
    font-family: 'xeicon';
}

header.on .mobile_menu_button span i:before {
    content: "\e921";
    font-family: 'xeicon';
}

nav.mobile_menu > ul > li {
    display: flex;
    border-bottom: 0;
}

nav.mobile_menu > ul > li:last-child {
    margin-bottom: 20px;
}

nav.mobile_menu > ul > li + li {
    margin-top: 20px;
}

nav.mobile_menu > ul > li.open_sub > a {
    color: #152f53;
    font-weight: 500;
    border-top: 2px solid #152f53;
}

nav.mobile_menu > ul > li > a {
    width: 100px;
    flex: 1;
    color: #152f53;
    font-weight: 500;
    border-top: 2px solid #152f53;
    pointer-events: none;
}

nav.mobile_menu > ul > li > a + ul {
    width: calc(100% - 100px);
}

nav.mobile_menu > ul > li > ul.sub_menu > li.menu-item-has-children > a {
    position: relative;
}

nav.mobile_menu > ul > li > ul.sub_menu > li.menu-item-has-children > a:after {
    content: "\e941";
    font-family: 'xeicon';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 0.9rem;
}

nav.mobile_menu {
    display: none;
}

header .out_link > a:after {
    content: "\e980";
    font-family: 'xeicon';
    margin-left: 5px;
}


@media (max-width: 1500px) {
    .quick .inner {
        max-height: 0;
    }
}


@media (max-width: 1100px) {
    header.on nav.mobile_menu {
        display: block;
    }
}

@media (max-width: 1100px) {

    header {
        border-bottom: 0 !important;
        position: fixed !important;
    }

    .header_bottom {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .11);
    }

    .quick {
        position: fixed;
        right: auto;
        left: 0;
        top: 0;
        box-shadow: none;
    }

    .quick a.open {
        height: 60px;
        width: 90px;
        padding: 0;
    }

    .quick .inner ul li a {
        height: 70px;
        width: 90px;
        padding: 10px;
        word-break: break-word;
    }

    .quick .inner,
    .quick:hover .inner {
        max-height: 0 !important;
    }

    .quick.on .inner {
        max-height: 630px !important;
    }

    .quick .inner ul li.pc {
        display: none;
    }

    .quick .inner ul li.mob {
        display: block;
    }

}

/*
.quick .inner ul.in li a {
    background: #effcfe;
}
*/

/*footer*/


/*
footer .footer_inner:after {
    content: "";
    position: absolute;
    height: 100%;
    border: solid 1px #7fb6ca;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    top: 50%;
    left: 50%;
    margin-top: -60px;
}
*/

footer .footer_top .container_inner {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 30px;
}


.footer_top .widget {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footer_top .left ul {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
}

.footer_top .left ul li + li {
    margin-left: 20px;
}

.footer_top .left ul li.point a {
    color: #fff;
    font-weight: 500;
}

.footer_top .right .link {
    width: 250px;
    position: relative;
}

.footer_top .right .link .list {
    position: absolute;
    background: #313435;
    width: 100%;
    top: 40px;
    display: none;
}

.footer_top .right .link.on .list {
    display: block;
}

.footer_top .right .link li + li {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer_top .right .link .list a {
    padding: 0 15px;
    line-height: 40px;
    display: block;
    font-size: 0.9rem;
}

.footer_top .right .link > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8);
    font-size: 0.9rem;
    text-align: left;
    z-index: 10;
    position: relative;
    font-family: 'Spoqa Han Sans Neo';
    background: url(/wp-content/uploads/2022/10/link.png) no-repeat;
    background-size: 10px;
    background-position: right center;
    background-position-x: calc(100% - 20px);
    cursor: pointer;
}

.footer_copy {
    opacity: 0.4;
    margin-top: 20px;
}

#back_to_top span i:before {
    content: "\e915" !important;
    font-family: 'xeicon' !important;
}

.footer_bottom ul {
    display: flex;
    flex-flow: row wrap;
}

.footer_bottom ul li:after {
    content: "|";
    margin: 0 15px;
    font-size: 0.7rem;
    vertical-align: text-bottom;
    opacity: 0.5;
}

.footer_bottom ul li:last-child:after {
    display: none;
}

@media (max-width: 1000px) {

    .footer_bottom ul {
        flex-direction: column;
        line-height: 1.5;
    }

    .footer_top .widget {
        align-items: stretch;
        flex-direction: column;
    }

    .footer_top .left ul {
        flex-direction: column;
    }

    .footer_top .left ul li + li {
        margin-left: 0;
        margin-top: 5px;
    }

    .footer_top .right .link {
        width: 100%;
        margin-top: 20px;
    }

    .footer_bottom ul li::after {
        display: none;
    }

    .footer_copy {
        line-height: 1.5;
    }

    .footer_top {
        padding: 50px 0 0;
    }

    .footer_bottom_holder {
        padding: 30px 0 50px;
    }
}

/* title */

.title_outer .inner {
    display: flex;
    align-items: last baseline;
    justify-content: space-between;
    padding: 60px 0 40px;
}

.title_outer .inner .text_above_title {
    margin-bottom: 10px;
    display: block;
    font-size: 1.2rem;
    color: #000;
}

.title_outer .inner h1 {
    color: #000;
}

/*

.title:after {
    content: "";
    background: #f6f6f6;
    position: absolute;
    width: 100%;
    left: -100%;
    height: 50%;
    bottom: 0;
}

.title_outer + .container {
    background: #f6f6f6;
}
*/

.title_outer {
    position: relative;
}

.delimiter {
    font-size: 0;
    margin: 0 10px;
}

.delimiter:before {
    content: "\e940";
    font-family: 'xeicon';
    font-size: 0.8rem;
}

.breadcrumb:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #103252;
    border-right: 50px solid transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.full_width_inner > .container:before,
.title_outer + .container:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #f6f6f6;
    border-right: 50px solid transparent;
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
}

@media (max-width: 768px) {
    .title_outer {
        padding-top: 0;
    }

    .title_outer .inner {
        padding: 100px 0 30px;
        flex-direction: column;
        align-items: baseline;
    }

    .title_outer .inner .text_above_title {
        margin-bottom: 0;
    }

    .title_outer .inner h1 {
        font-size: 2rem;
    }

    .delimiter {
        margin: 0 5px;
    }
}

/*

.page_sub_menu div[class^=menu-menu] {
    width: 100%;
    position: relative;
}

.page_sub_menu ul {
    list-style: none;
    padding: 0 !important;
    overflow: hidden;
}

.page_sub_menu ul.myclass > li:not(.current-menu-parent),
.page_sub_menu ul.myclass > li.current-menu-parent > a {
    display: none;
}

.page_sub_menu ul.myclass > li > .sub-menu {
    display: flex;
}

.page_sub_menu ul.myclass > li > .sub-menu > li + li {
    margin-left: 20px;
}

.page_sub_menu ul.myclass > li > .sub-menu > li > a {
    font-size: 1.15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    background: #f6f6f6;
}

.page_sub_menu ul.myclass > li > .sub-menu > li.current_page_item > a {
    background: #152f53;
    color: #fff;
    font-weight: 600;
}

.page_sub_menu {
    margin-bottom: 70px !important;
    z-index: 999;
    position: relative;
}

.current_menu {
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 10px 20px;
    display: none;
    cursor: pointer;
    position: relative;
}


@media (max-width: 768px) {

    .current_menu:after {
        content: "\e941";
        font-family: 'xeicon';
        position: absolute;
        right: 20px;
        font-size: 0.9rem;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

    .page_sub_menu ul {
        display: none;
    }

    .page_sub_menu ul.on {
        display: block;
    }

    .page_sub_menu ul.myclass > li > .sub-menu > li > a {
        font-size: 1.0rem;
        background: #fff;
        padding: 10px 20px;
        border-radius: 0;
        text-align: left;
        justify-content: left;
    }

    .page_sub_menu ul.myclass > li > .sub-menu > li + li {
        margin-left: 0;
        border-top: 1px solid #d9d9d9;
    }

    .page_sub_menu {
        margin-bottom: 40px !important;
    }

    .current_menu {
        display: block;
    }

    .page_sub_menu ul.myclass > li > .sub-menu {
        flex-direction: column;
        border: 1px solid #d9d9d9;
        border-top: 0;
        position: absolute;
        width: 100%;
    }
}
*/


.page_sub_menu {
    position: fixed !important;
    left: 70px;
    z-index: 999;
    padding: 0;
    transition: all 1s ease;
    top: 620px;
}

.page_sub_menu.on {
    position: fixed !important;
    top: 50%;
    transform: translateY(-50%);
}


.page_sub_menu.off {
    top: auto;
    bottom: 40%;
    transform: none;
    padding-bottom: 10px;
    transition: all 1s ease;
}

.page_sub_menu ul.myclass > li:not(.current-menu-parent, .current-menu-ancestor),
.page_sub_menu ul.myclass > li.current-menu-parent > a,
.page_sub_menu ul.myclass > li.current-menu-ancestor > a {
    display: none;
}

.page_sub_menu ul {
    list-style: none;
    padding: 0 !important;
    text-align: right;
    /*    margin-top: -30px;*/
    width: 180px;
    padding-bottom: 30px !important;
}

.page_sub_menu ul .sub-menu .sub-menu {
    display: none;
}

.page_sub_menu ul a {
    display: block;
    padding: 6px 0;
}

.page_sub_menu ul .sub-menu .current_page_item a,
.page_sub_menu ul .sub-menu .current_page_parent a {
    color: #0050a9;
    font-weight: 500;
    position: relative;
}

.page_sub_menu ul .current_page_item a:before {
    content: "";
    background: #0050a9;
    width: 50%;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: none;
}

.current_menu {
    display: none
}

.en .page_sub_menu ul a {
    padding: 6px 0;
    font-size: 0.9rem;
    line-height: 1.3;
}

@media (max-width: 1100px) {

    .page_sub_menu,
    .page_sub_menu.on {
        position: relative !important;
        left: auto;
        margin-bottom: 30px !important;
        top: auto;
        transform: none;
    }

    .page_sub_menu .current_menu {
        padding: 15px;
        border: 1px solid #d9d9d9;
        cursor: pointer;
        font-weight: 500;
        position: relative;
        display: block;
    }

    .page_sub_menu .current_menu:after {
        content: "\e941";
        font-family: 'xeicon';
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        position: absolute;
        color: #999;
        font-size: 0.9rem;
    }

    .page_sub_menu .current_menu + ul {
        display: none;
    }

    .page_sub_menu .current_menu + ul.on {
        display: block;
        margin-top: 0;
    }

    .page_sub_menu ul {
        text-align: left;
        width: 100%;
    }

    .page_sub_menu ul.myclass > li.current-menu-parent > a + .sub-menu {
        border: 1px solid #d9d9d9;
        border-top: 0;
        padding-bottom: 0 !important;
    }

    .page_sub_menu.three ul.myclass > li.current-menu-ancestor > a + .sub-menu {
        border: 1px solid #d9d9d9;
        border-top: 0;
        padding-bottom: 0 !important;
    }

    .page_sub_menu ul.myclass > li.current-menu-parent > a + .sub-menu > li + li {
        border-top: 1px solid #d9d9d9;
    }


    .page_sub_menu.three ul.myclass > li.current-menu-ancestor > a + .sub-menu > li + li {
        border-top: 1px solid #d9d9d9;
    }

    .page_sub_menu ul.myclass > li.current-menu-parent > a + .sub-menu > li > a {
        padding: 15px;
    }

    .page_sub_menu.three ul.myclass > li.current-menu-ancestor > a + .sub-menu > li > a {
        padding: 15px;
    }

    .page_sub_menu ul .current_page_item a {
        background: #0050a9;
        color: #fff !important;
    }

    .page_sub_menu.three ul .current-menu-ancestor > a {
        background: #0050a9;
        color: #fff !important;
    }

    .page_sub_menu ul .current_page_item a::before {
        display: none;
    }

    body.en .page_sub_menu ul.myclass > li {
        display: block;
    }

    body.en .page_sub_menu ul.myclass > li {
        display: block;
    }

    body.en .page_sub_menu .current_menu + ul.on {
        border: 1px solid #d9d9d9;
        border-top: 0;
        padding-bottom: 0 !important;
    }

    body.en .page_sub_menu ul.myclass > li > a {
        padding: 15px;
    }

    body.en .page_sub_menu ul.myclass > li + li {
        border-top: 1px solid #d9d9d9;
    }
}


/* home */


.vpop {
    font-size: 0;
    background: #152f53;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 30px;
}

.vpop:before {
    content: "\ea3e";
    font-family: 'xeicon';
    font-size: 50px;
    line-height: 1;
    margin-right: -5px;
    margin-bottom: -5px;
}

.vpop:hover {
    color: #fff;
    background: #000;
}

#video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    background-color: #fff;
    max-width: 1100px;
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: -40px;
    z-index: 998;
    width: auto;
    height: auto;
    text-align: center;
    font-size: 0;
    color: #fff;
    line-height: 1;
}


#video-popup-close:before {
    content: "\e921";
    font-family: 'xeicon';
    font-size: 40px;
}

#video-popup-iframe-container {
    position: relative;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000;
    box-sizing: border-box;
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}

.poup-on header,
.poup-on footer {
    z-index: 1;
}

@media (max-width: 768px) {
    .vpop {
        width: 60px;
        height: 60px;
        margin-top: 20px;
    }
}

.new-container {
    background: #fff;
    padding: 30px 100px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    font-size: 1.3rem;
}

.new-container .inner {
    display: flex;
    align-items: center;
}

.new-container .inner .new {
    width: 150px;
    font-weight: 600;
    color: #152f53;
    height: 40px;
}

.new-container .inner .slider {
    width: calc(100% - 150px);
    padding-left: 40px;
}

.new-container .swiper-container {
    height: 40px;
    overflow: hidden;
}

.new-container .swiper-container a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .new-container {
        width: 100%;
        padding: 20px 40px;
        font-size: 1.2rem;
        position: relative;
        border-bottom: 1px solid #d9d9d9;
        display: none;
    }

    .new-container .inner {
        align-items: baseline;
        flex-direction: column;
    }

    .new-container .inner .slider,
    .new-container .inner .new {
        width: 100%;
        padding-left: 0;
    }
}


.media-container a .tit {
    font-size: 1.1rem;
    color: #fff;
    margin-top: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}


.media-container .swiper-horizontal > .swiper-scrollbar,
.media-container .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 50;
    height: 5px;
    width: 100%;
    margin-top: 50px;
}

.media-container .swiper-scrollbar-drag {
    background: rgb(255, 255, 255);
}

.media-container .swiper-scrollbar {
    background: rgba(255, 255, 255, .1);
}

@media (max-width: 768px) {
    .media-container a .tit {
        font-size: 1.2rem;
    }
}

.board-container ul {
    list-style: none;
}

.board-container ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
    padding-top: 20px;
}

.board-container ul li .tit {
    font-size: 1.1rem;
    width: calc(100% - 150px);
}

.board-container ul li .date {
    width: 150px;
    text-align: right;
}

.board-container ul li .tit a {
    display: block;
    font-weight: 500;
    color: #111;
}

@media (max-width: 768px) {
    .board-container ul li {
        flex-direction: column;
    }

    .board-container ul li .tit {
        width: 100%;
    }

    .board-container ul li .date {
        width: 100%;
        text-align: left;
        color: #999;
        margin-top: 5px;
    }
}

.academic-container .swiper-container {
    overflow: hidden;
}

.academic-container a .thumb img {
    width: 100%;
    display: block;
}

.academic-container a .tit {
    font-size: 1.1rem;
    color: #111;
    margin-top: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.slider_arrow.academic {
    margin-top: 30px;
}

.slider_arrow {
    display: flex;
}

.slider_arrow a {
    font-size: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #d9d9d9;
    background: #fff;
}

.slider_arrow a.next {
    border-left: 0;
}

.slider_arrow .next:before {
    content: "\e93e";
    font-family: 'xeicon';
    font-size: 1rem;
}

.slider_arrow .prev:before {
    content: "\e93b";
    font-family: 'xeicon';
    font-size: 1rem;
}

@media (max-width: 768px) {

    .academic-container a .tit {
        font-size: 1.2rem;
    }

    .main_section.academic .section_inner::before {
        display: none;
    }

    .academic-container .swiper-container {
        margin-top: 0;
    }

    .slider_arrow.academic {
        display: none;
    }
}


.track_tab ul {
    display: flex;
    flex-direction: column;
}

.track_tab ul li a {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    color: #646464;
}

.track_tab ul li {
    box-sizing: border-box;
    position: relative;
    list-style: none;
}

.track_tab ul li + li {
    margin-top: 20px;
}

.track_tab ul li.active a {
    color: #152f53;
}

.track_ctt:not(.first) {
    display: none;
}

@media (max-width: 768px) {
    .track_tab ul {
        flex-direction: row;
    }

    .track_tab ul li + li {
        margin-top: 0;
        margin-left: 10px;
    }

    .track_tab ul li a {
        font-size: 1.3rem;
    }
}


/* board */

.board_wrap ul {
    list-style: none;
}

.board_wrap ul.post {
    border-top: 1px solid #152f53;
}

.board_wrap ul.post li {
    border-bottom: 1px solid #d9d9d9;
}

.board_wrap ul.post li .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.board_wrap ul.post li .inner .left a {
    font-size: 1.05rem;
    color: #000;
}

.board_wrap ul.post li .inner .right {
    color: #555;
}

.board_wrap .search {
    margin-bottom: 30px;
}

.board_wrap .search ul {
    display: flex;
    justify-content: end;
}

.board_wrap .search ul .txt_input {
    width: 300px;
}

.board_wrap .search ul .txt_input input {
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-right: none;
    height: 50px;
    line-height: 48px;
    width: 100%;
}

.board_wrap .search ul .btn_input {
    position: relative;
}

.board_wrap .search ul .btn_input input {
    width: 50px;
    height: 50px;
    display: block;
    background: #fff;
    border: 0;
    font-size: 0;
    border: 1px solid #f1f1f1;
    border-left: none;
}

.board_wrap .search ul .btn_input i {
    font-size: 23px;
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

@media (max-width: 768px) {

    .board_wrap .search {
        width: 100%;
    }

    .board_wrap .search ul .txt_input {
        width: calc(100% - 40px);
    }

    .board_wrap .search ul .btn_input {
        width: 40px;
    }


    .board_wrap .search ul .txt_input input {
        height: 40px;
        line-height: 40px;
    }

    .board_wrap .search ul .btn_input input {
        height: 40px;
        width: 40px;
    }
}


.tax {
    width: 100%;
    position: relative;
}

.tax ul {
    list-style: none;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
}

.tax ul li + li {
    margin-left: 20px;
}

.tax ul li a {
    font-size: 1.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    background: #f6f6f6;
}

.tax ul .active {
    background: #152f53;
    color: #fff;
    font-weight: 600;
}

.tax {
    z-index: 999;
    position: relative;
    margin-bottom: 50px !important;
}


.tax ul li a i {
    margin-left: 5px;
}

@media (max-width: 768px) {

    .tax {
        margin-bottom: 30px;
    }

    .tax ul {
        overflow-x: auto;
    }

    .tax ul li + li {
        margin-left: 10px;
    }

    .tax ul li a {
        font-size: 1.15rem;
        display: block;
        height: auto;
        padding: 5px 10px;
        white-space: nowrap;
    }
}

.board_wrap ul.prof {
    display: flex;
    flex-flow: row wrap;
    margin-right: -50px;
}

.board_wrap ul.prof li {
    width: calc(100%/3 - 50px);
    margin-right: 50px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.board_wrap ul.prof li.list {
    width: 100%;
    margin-right: 50px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.board_wrap ul.prof li a {
    display: block;
    padding-bottom: 30px;
    border-bottom: 2px solid #000;
    height: 100%;
}

.board_wrap ul.prof li .inner {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    align-items: center;
}

.board_wrap ul.prof li a .prof_thumb img,
.board_wrap ul.prof li .inner .prof_thumb img {
    display: block;
    margin-bottom: 30px;
    width: 100%;
}

.board_wrap ul.prof li a .prof_name {
    margin: 0 0 20px;
}

.board_wrap ul.prof li .inner .prof_name {
    margin: 0 30px 0 0;
}

.board_wrap ul.prof li a .prof_info,
.board_wrap ul.prof li .inner .prof_info {
    margin-bottom: 20px;
}

.board_wrap ul.prof li a .prof_info span,
.board_wrap ul.prof li .inner .prof_info span {
    display: block;
    color: #666;
    font-size: 0.9rem;
}

.board_wrap ul.prof li a .prof_info span.tel:before,
.board_wrap ul.prof li .inner .prof_info span.tel:before {
    content: "\e9d3";
    font-family: 'xeicon';
    color: #000;
    margin-right: 10px;
}

.board_wrap ul.prof li a .prof_info span.mail:before,
.board_wrap ul.prof li .inner .prof_info span.mail:before {
    content: "\ea07";
    font-family: 'xeicon';
    color: #000;
    margin-right: 10px;
}

.board_wrap ul.prof li a .prof_name h3 {
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.board_wrap ul.prof li .inner .prof_name h3 {
    font-weight: 500;
    font-size: 1.1rem;
    margin-right: 5px;
    display: inline-block;
    width: 220px;
    font-family: 'Spoqa Han Sans Neo', 'Noto Sans JP', 'Noto Sans SC';
}

.board_wrap ul.prof li a .prof_tag,
.board_wrap ul.prof li .inner .prof_tag {
    color: #152f53;
    font-weight: 500;
    font-size: 0.9rem;
}

.board_wrap ul.prof li .inner .prof_background {
    color: #555;
    font-weight: 500;
    font-size: 0.9rem;
    display: inline-block;
    width: 260px;
}

.board_wrap ul.prof li .inner .prof_tag,
.board_wrap ul.prof li .inner .prof_name,
.board_wrap ul.prof li .inner .prof_background {
    display: block;
}

.board_wrap ul.prof li .inner > div + div {
    margin-left: 0;
}


.board_wrap .prof_table {
    display: table;
    width: 100%;
}

.board_wrap .prof_table li {
    display: table-row;
}

.board_wrap .prof_table li > div {
    display: table-cell;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 20px;
}

.board_wrap .prof_table li > .prof_name h3 {
    font-weight: 500;
    font-size: 1.1rem;
    margin-right: 5px;
    font-family: 'Spoqa Han Sans Neo', 'Noto Sans JP', 'Noto Sans SC';
}

.board_wrap .prof_table li > .prof_tag {
    color: #152f53;
    font-weight: 500;
    font-size: 0.9rem;
}

.board_wrap .prof_table li > .prof_background {
    color: #555;
    font-weight: 500;
    font-size: 0.9rem;
    width: 300px;
}

.board_wrap .prof_table li > .prof_name.two {
    width: 150px;
}

.board_wrap .prof_table li > .prof_name.three {
    width: 250px;
}

.board_wrap .prof_table li > .prof_name.four {
    width: 200px;
}


@media (max-width: 768px) {

    .board_wrap ul.prof {
        margin-right: 0;
    }

    .board_wrap ul.prof li {
        width: 100%;
        margin-right: 0;
    }

    .board_wrap ul.prof li.list {
        margin-right: 0;
    }

    .board_wrap ul.prof li .inner .prof_tag,
    .board_wrap ul.prof li .inner .prof_name,
    .board_wrap ul.prof li .inner .prof_background {
        display: block;
    }

    .board_wrap ul.prof li .inner > div + div {
        margin-left: 0;
    }

    .board_wrap ul.prof li .inner {
        flex-direction: column;
    }

    .board_wrap ul.prof li .inner .prof_name {
        margin: 0;
    }

    .board_wrap ul.prof li .inner .prof_name h3,
    .board_wrap ul.prof li .inner .prof_background {
        width: auto;
    }

    .board_wrap .prof_table li {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px 0;
    }

    .board_wrap .prof_table li > div {
        display: block;
        padding-bottom: 0;
        border-bottom: 0;
        padding-top: 5px;
    }

    .board_wrap .prof_table li > .prof_background {
        width: 100%;
    }

}

.navigation {
    margin-top: 30px;
}

.navigation .page-numbers {
    font-size: 1.0rem;
}

.navigation .page-numbers.current {
    color: #152f53;
    border-bottom: 2px solid #152f53;
}

.navigation .page-numbers + .page-numbers {
    margin-left: 20px;
}

.navigation .page-numbers.next,
.navigation .page-numbers.prev {
    font-size: 0;
}

.navigation .page-numbers.next:before {
    content: "\e93e";
    font-family: 'xeicon';
    font-size: 1.15rem;
}

.navigation .page-numbers.prev:before {
    content: "\e93b";
    font-family: 'xeicon';
    font-size: 1.15rem;
}

.new-label {
    background: #80CEDA;
    font-size: 0.8rem;
    color: #fff;
    padding: 1px 8px;
    border-radius: 20px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}


@media (max-width: 768px) {
    .board_wrap ul.post li .inner {
        flex-direction: column;
        align-items: baseline;
    }

    .board_wrap ul.post li .inner .left a {
        line-height: 1.4;
        margin-bottom: 10px;
        display: block;
    }

    .navigation .page-numbers:not(.current, .prev, .next, .current_next, .current_prev) {
        display: none
    }
}


.board_view {
    padding: 90px 0;
}

.board_view .view_tit {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #000;
    padding: 40px 30px;
}

.board_view .view_tit h3 {
    margin-bottom: 20px;
}

.board_view .view_cont {
    padding: 60px 30px;
    border-bottom: 1px solid #d9d9d9;
}

.board_view .view_tit .date {
    color: #545861;
}

.board_view .file {
    background: #f6f6f6;
    padding: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.board_view .file a:before {
    content: "\eb7c";
    font-family: 'xeicon';
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
    color: #152f53;
}

.btn_list {
    padding: 0;
    width: 100%;
}

.btn_list ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn_list ul li a {
    display: flex;
    padding: 15px;
    flex-direction: column;
}

.btn_list ul li:first-child a {
    text-align: right;
}

.btn_list ul li:first-child a .left:after {
    content: "\e90b";
    font-family: 'xeicon';
    color: #999;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.btn_list ul li:last-child a .left:before {
    content: "\e908";
    font-family: 'xeicon';
    color: #999;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*
.btn_list ul li:last-child a {
    flex-direction: row-reverse;
}
*/

.btn_list .list {
    display: table;
    margin: 0 auto;
    background: #152f53;
    padding: 10px 50px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

@media (max-width: 768px) {
    .btn_list ul {
        flex-direction: column-reverse;
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn_list ul li + li {
        border-bottom: 1px solid #f1f1f1;
    }

    .btn_list ul li:first-child a {
        text-align: left;
    }

    .btn_list ul li:first-child a .left:after {
        display: none;
    }

    .btn_list ul li:first-child a .left:before {
        content: "\e941";
        font-family: 'xeicon';
        color: #999;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .btn_list ul li:last-child a .left:before {
        content: "\e944";
    }
}


ul.link_list {
    display: flex;
    list-style: none;
    margin-top: 30px;
}

ul.link_list li + li {
    margin-left: 20px;
}

ul.link_list li a {
    display: flex;
    position: relative;
    padding-right: 40px;
    font-weight: 500;
    padding: 10px 15px;
    background: #f6f6f6;
    font-size: 0.9rem;
    border: 1px solid #d9d9d9;
    justify-content: space-between;
}

ul.link_list li a:after {
    content: "\e90b";
    font-family: 'xeicon';
    margin-left: 15px;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

ul.link_list li.out_link a:after {
    content: "\e980";
}

@media (max-width: 768px) {

    ul.link_list {
        flex-direction: column;
    }

    ul.link_list li + li {
        margin-left: 0;
        margin-top: 10px;
    }

    ul.link_list li a::after {
        float: right;
    }
}



.title img {
    animation: scaleFade 2.5s 0s ease-in-out forwards;
    transform: scale(1.2);
}

.board_view .prof_cont .cont_inner,
.board_view .prof_cont .info_inner {
    border-top: 1px solid #d9d9d9;
    padding-bottom: 50px;
    padding-top: 50px;
}

.board_view .prof_cont .cont_inner h5,
.board_view .prof_cont .info_inner h5 {
    font-weight: 500;
    padding-bottom: 20px;
}

.board_view .prof_cont .cont_inner strong,
.board_view .prof_cont .info_inner strong {
    font-weight: 400;
    width: 250px;
    display: inline-block;
}

.board_view .prof_cont .cont_inner strong:before,
.board_view .prof_cont .info_inner strong:before {
    content: "·";
    color: #999;
    margin-right: 5px;
}

.board_view .prof_cont .cont_inner,
.board_view .prof_cont .info_inner {
    font-size: 0.9rem;
    color: #222;
    line-height: 1.9;
    font-weight: 300;
}

.board_view .prof_cont .cont_inner .long,
.board_view .prof_cont .info_inner .long {
    display: inline-flex;
    width: 100%;
}


.board_view .prof_cont .cont_inner .more {
    margin-top: 20px;
    display: inline-block;
    font-size: 0.8rem;
    letter-spacing: 7px;
    font-weight: 600;
    color: #000;
}

.board_view .prof_cont .cont_inner .more:after {
    content: "\e913";
    font-family: 'xeicon';
    color: #152f53;
}

.board_view .prof_cont .cont_inner .more.short:after {
    content: "\e91a";
    font-family: 'xeicon';
    color: #152f53;
}


.board_view .prof_profile .name,
.board_view .prof_profile .info {
    margin-bottom: 20px;
}

.board_view .prof_profile .tag {
    color: #152f53;
    font-weight: 500;
    font-size: 0.9rem;
}

.board_view .prof_profile .name h2 {
    font-weight: 500;
}

.board_view .prof_profile .thumb {
    margin-bottom: 20px;
}

.board_view .prof_profile .info span {
    display: block;
    color: #666;
    font-size: 0.9rem;
}

.board_view .prof_profile .info span.tel:before {
    content: "\e9d3";
    font-family: 'xeicon';
    color: #000;
    margin-right: 10px;
}

.board_view .prof_profile .info span.mail:before {
    content: "\ea07";
    font-family: 'xeicon';
    color: #000;
    margin-right: 10px;
}

.single-professor .board_view {
    display: flex;
    flex-flow: row wrap;
}

.single-professor .board_view .btn_list {
    padding-top: 50px;
}

.single-professor .board_view .left {
    width: 20%;
}

.single-professor .board_view .right {
    width: 80%;
    padding-left: 10%;
}

.single-professor .btn_list {
    border-top: 1px solid #d9d9d9;
}

@keyframes scaleFade {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2) rotate(0.02deg);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 0.4;
        opacity: 1;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0) rotate(0.02deg);
        -o-transform: scale(1.0);
        -ms-transform: scale(1.0);
        opacity: 1;
    }
}

.en .board_view .prof_cont .info_inner h5 {
    padding-bottom: 5px;
}

.en .board_view .prof_cont .info_inner strong {
    display: block;
    width: auto;
    margin-top: 15px;
}

.en .contentStr {
    line-height: 1.5;
}

@media (max-width: 768px) {

    .single-professor .board_view {
        flex-direction: column;
    }

    .single-professor .board_view .left,
    .single-professor .board_view .right {
        width: 100%;
    }

    .single-professor .board_view .right {
        padding-left: 0;
        margin-top: 30px;
    }

    .board_view .prof_cont .cont_inner strong,
    .board_view .prof_cont .info_inner strong {
        font-weight: 400;
        width: 100%;
        display: inline-block;
    }

    .board_view .prof_cont .cont_inner,
    .board_view .prof_cont .info_inner {
        padding-bottom: 30px;
        padding-top: 30px;
    }
}


/*
.box {
    background-color: #f6f6f6;
    padding: 40px;
}
*/

.president h3 {
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.president h3 strong {
    color: #152f53;
}

.president h6 {
    font-weight: 400;
    color: #000;
}

.president .box + .box {
    margin-top: 20px;
}


/* history */

.history_wrap ol,
.history_wrap ul {
    list-style: none;
}

.history_wrap > ol {
    position: relative;
    padding: 2rem 0 3.25rem 0;
    display: flex;
    flex-direction: column;
}

.history_wrap > ol:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background-color: #ccc;
}

.history_wrap > ol:after {
    content: "";
    display: block;
    clear: both;
}

.history_wrap > ol > li {
    position: relative;
}

.history_wrap > ol > li:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.5rem;
    left: 1px;
    right: 0;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #0050a9;
}

.history_wrap > ol > li + li {
    margin-top: 4rem;
}

.history_wrap > ol > li > ol {
    position: relative;
    padding: 0;
}

.history_wrap > ol > li > ol:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    width: 100%;
    border-bottom: 1px dotted #aaa;
}

.history_wrap > ol > li > ol > li {
    overflow: hidden;
    display: flex;
    align-items: baseline;
}

.history_wrap > ol > li > ol > li > ul {
    width: calc(100% - 2.5rem);
}

.history_wrap > ol > li:nth-child(2n) > ol > li {
    flex-direction: row-reverse;
}


.history_wrap > ol > li > ol > li > ul > li {
    line-height: 1.9;
    color: #222;
}

.history_wrap > ol > li:nth-child(even) {
    width: 100%;
    padding-right: calc(50% + 1.6rem);
    text-align: right;
}

.history_wrap > ol > li:nth-child(odd) {
    width: 100%;
    padding-left: calc(50% + 1.6rem);
}

.history_wrap .year {
    display: block;
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
    color: #000;
}

.history_wrap .date {
    display: block;
    font-weight: 600;
    line-height: 1.66;
    color: #0050a9;
}

.history_wrap > ol > li:nth-child(even) .date {
    margin-left: 0.5rem;
}

.history_wrap > ol > li:nth-child(odd) .date {
    margin-right: 0.5rem;
}


/* 0202_연혁 */

@media (max-width: 768px) {
    .history_wrap > ol {
        padding-top: 0;
    }

    .history_wrap > ol:before,
    .history_wrap > ol > li:before {
        display: none;
    }

    .history_wrap > ol > li:nth-child(odd) {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .history_wrap > ol > li:nth-child(even) {
        float: none;
        width: auto;
        text-align: left;
        padding-right: 0;
    }


    .history_wrap > ol > li:nth-child(even) .date {

        margin-left: 0;
        margin-right: 0.5rem;
    }

    .history_wrap > ol > li > ol {
        padding-bottom: 2rem;
    }

    .history_wrap > ol > li > ol:before {
        bottom: 0;
    }

    .history_wrap > ol > li + li {
        margin-top: 2rem;
    }

    .history_wrap > ol > li:nth-child(2n) > ol > li {
        flex-direction: row;
    }
}

.history h3 {
    margin-bottom: 20px !important;
}

/* logo mark */

.mark_wrap ul {
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    border: 3px solid #eee;
    padding: 40px 0;
    position: relative;
}

.mark_wrap ul:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 80%;
    top: 10%;
    transform: translate(-50%);
    left: 50%;
    background: #eee;
}

.mark_wrap ul li {
    width: 50%;
}

.mark_wrap ul li img {
    display: block;
    margin: 0 auto;
}

.mark_wrap ul.three li {
    width: 33.33%;
}

.mark_wrap ul.three:after {
    display: none;
}


/* 오시는 길 */

.directions ol,
.directions ul {
    list-style: none;
    padding: 0 !important;
}


.directions ul em,
.directions ol em {
    font-style: normal;
}

.directions > .wpb_wrapper > ul {
    border-top: 2px solid #152f53;
    border-bottom: 1px solid #ccc;
}

.directions > .wpb_wrapper > ul > li {
    padding: 30px;
}

.directions > .wpb_wrapper > ul > li + li {
    border-top: 1px solid #f1f1f1;
}

.directions > .wpb_wrapper > ul > li > dl > dt {
    font-size: 1.15rem;
    color: #000;
    margin-bottom: 20px;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul,
.directions > .wpb_wrapper > ul > li > dl > dd > ol {
    font-size: 0.9rem
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul em {
    padding: 0 7px;
    display: inline-block;
    margin-bottom: 5px;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul em.three {
    background: #f57735;
    color: #fff;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul em.five {
    background: #996CAC;
    color: #fff;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul em.one {
    background: #0052A4;
    color: #fff;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ul > li + li,
.directions > .wpb_wrapper > ul > li > dl > dd > ol > li + li {
    margin-top: 15px;
}


.directions > .wpb_wrapper > ul > li > dl > dd > ol > li {
    padding-left: 20px;
    position: relative;
    color: #666;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ol > li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    color: #152f53;
}

.directions > .wpb_wrapper > ul > li > dl > dd > ol > li em {
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
    color: #000;
}

/* 조직도 */

.org ul,
.org ol {
    list-style: none;
}

.org ul > li {
    display: flex;
    justify-content: center;
    position: relative;
}

.org ul > li + li {
    padding-top: 35px;
}

.org ul > li.l5 {
    padding-top: 30px;
}

.org ul > li > ol > li {
    position: relative;
}

.org ul > li.l2 > ol > li:first-child,
.org ul > li.l3 > ol > li:first-child,
.org ul > li.l6 > ol > li:first-child {
    margin-right: 100px;
}

.org ul > li.l2 > ol > li:first-child:before,
.org ul > li.l3 > ol > li:first-child:before {
    content: "";
    width: 100px;
    height: 1px;
    display: block;
    background: #aaa;
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%);
}

.org ul > li.l2 > ol > li:last-child,
.org ul > li.l3 > ol > li:last-child,
.org ul > li.l6 > ol > li:last-child {
    margin-left: 100px;
}

.org ul > li.l2 > ol > li:last-child:before,
.org ul > li.l3 > ol > li:last-child:before,
.org ul > li.l6 > ol > li:last-child:before {
    content: "";
    width: 100px;
    height: 1px;
    display: block;
    background: #aaa;
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}

.org ul > li.l2:before,
.org ul > li.l3:before,
.org ul > li.l6:before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background: #aaa;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.org ul > li.l4:before {
    content: "";
    width: 1px;
    height: 35px;
    display: block;
    background: #aaa;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.org ul > li.l4 > ol > li,
.org ul > li.l5 > ol > li {
    padding-top: 30px;
}

.org ul > li.l4 > ol > li > div.p3:before,
.org ul > li.l5 > ol > li > div.p3:before,
.org ul > li.l5 > ol > li > div.p4.line:before {
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    background: #aaa;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.org ul > li.l4 > ol > li > div.p3:after {
    content: "";
    width: 1px;
    height: 30px;
    display: block;
    background: #aaa;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.org ul > li.l4 > ol > li + li:before,
.org ul > li.l5 > ol > li + li:before {
    content: "";
    width: calc(100% + 50px);
    height: 1px;
    display: block;
    background: #aaa;
    position: absolute;
    top: 0;
    right: 110px;
}

.org ul > li.l4 > ol > li + li,
.org ul > li.l5 > ol > li + li {
    margin-left: 50px;
}

.org ul > li > ol {
    display: flex;
}

.org .p1 {
    width: 230px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 1.1rem;
    background: #152f53;
    color: #fff;
}

.org .p2,
.org .p3,
.org .p4 {
    width: 220px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
}

.org .p3,
.org .p4 {
    font-size: 0.9rem
}

.org .p2 {
    color: #fff;
    background: #3864a0;
}

.org .p3 {
    border: 2px solid #707070;
    background: #FFF;
}

.org .p4 {
    color: #fff;
    background: #707070;
    margin-top: 30px !important;
}

.org .p5 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.org .p5 ol {
    padding: 0;
    display: table;
    margin: 0 auto;
    margin-top: 10px;
}

.org .p5 ol li {
    position: relative;
    font-size: 0.8rem;
}

.org .p5 ol li:before {
    content: "·";
    margin-right: 5px;
}

.org ul > li.l6 .fake {
    width: 220px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
}

@media (max-width: 768px) {

    .org .p1,
    .org .p2,
    .org .p3,
    .org .p4,
    .org ul > li.l6 .fake {
        width: 120px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
    }

    .org ul > li.l2 > ol > li:last-child,
    .org ul > li.l3 > ol > li:last-child,
    .org ul > li.l6 > ol > li:last-child {
        margin-left: 30px;
    }

    .org ul > li.l4 > ol > li + li,
    .org ul > li.l5 > ol > li + li {
        margin-left: 10px;
        padding-top: 20px;
    }

    .org ul > li.l4::before {
        height: 20px;
    }

    .org ul > li + li {
        padding-top: 20px;
    }

    .org ul > li.l4 > ol > li,
    .org ul > li.l5 > ol > li {
        padding-top: 20px;
    }

    .org ul > li.l2 > ol > li:first-child,
    .org ul > li.l3 > ol > li:first-child,
    .org ul > li.l6 > ol > li:first-child {
        margin-right: auto;
    }

    .org ul > li.l2 > ol > li:last-child::before,
    .org ul > li.l3 > ol > li:last-child::before,
    .org ul > li.l6 > ol > li:last-child::before {
        width: 50px;
        left: -15px;
    }

    .org ul > li.l4 > ol > li + li::before,
    .org ul > li.l5 > ol > li + li::before {
        right: 60px;
        width: calc(100% + 10px);
    }

    .org ul > li.l4 > ol > li > div.p3::before,
    .org ul > li.l5 > ol > li > div.p3::before,
    .org ul > li.l5 > ol > li > div.p4.line::before {
        height: 20px;
        top: -22px;
    }

    .org .p4 {
        margin-top: 20px !important;
        font-size: 12px;
    }
}

/* 현대북한연구 */

.book_view {
    padding: 70px 0;
}

.book_view .inner {
    display: flex;
    border-top: 2px solid #101010;
    padding-top: 40px;
}

.book_view .inner .thumb {
    width: 200px;
}

.book_view .inner .info {
    width: calc(100% - 200px);
    padding-left: 70px;
}

.book_view .inner .info h4 {
    margin-bottom: 20px;
    font-weight: 600;
}

.book_view .inner .info dl {
    display: flex;
    width: 100%;
    padding: 5px 0;
    font-size: 0.9rem;
}

.book_view .inner .info dl dt {
    width: 100px;
    font-weight: 500;
}

.book_view .inner .info dl dd {
    width: calc(100% - 100px);
}

.book_view .view_cont {
    padding: 40px 0;
    border-top: 1px solid #d9d9d9;
    margin-top: 40px;
    word-break: break-all;
    text-align: justify;
}

.book_view .view_cont h5,
.book_view .file_list h5 {
    margin-bottom: 20px;
}

.book_view .file_list {
    padding: 40px;
    margin-bottom: 50px;
    background: #f6f6f6;
}

.book_view .file_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: list-number;
}

.book_view .file_list ul li {
    counter-increment: list-number;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 5px;
}

.book_view .file_list ul li:before {
    content: counter(list-number)".";
    margin-right: 10px;
}

.book_view .file_list ul li a {
    margin: 0 0 0 auto;
    font-size: 0;
}

.book_view .file_list ul li a:before {
    content: "\ea92";
    font-family: 'xeicon';
    font-size: 23px;
    color: #152f53;
}

.book_view .file_list ul li + li {
    margin-top: 5px;
}

.book_view .btn_list {
    border-top: 1px solid #d9d9d9;
}

.board_wrap ul.book {
    display: flex;
    margin-right: -40px;
    flex-flow: row wrap;
}

.board_wrap ul.book li {
    width: calc(100%/4 - 40px);
    margin-right: 40px;
    margin-top: 40px;
}

.board_wrap ul.book li:nth-child(1),
.board_wrap ul.book li:nth-child(2),
.board_wrap ul.book li:nth-child(3),
.board_wrap ul.book li:nth-child(4) {
    margin-top: 0;
}

.board_wrap ul.book li a {
    display: block;
    width: 100%;
    position: relative;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 20%);
    border: 1px solid #ccc;
}

.board_wrap ul.book li a .imgwrap {
    display: block;
    width: 100%;
    /*    height: 446px;*/
    background: #fff;
    padding: 40px;
    overflow: hidden;
}

.board_wrap ul.book li a .imgwrap img {
    width: 100%;
    display: block;
    height: auto;
}

.board_wrap ul.book li a .info {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    padding: 20px;
    min-height: 100px;
}

.board_wrap ul.book li a .info h4 {
    color: #fff;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .book_view .inner {
        flex-direction: column;
    }

    .book_view .inner .thumb {
        width: 100%;
        margin-bottom: 20px;
    }

    .book_view .inner .info {
        width: 100%;
        padding-left: 0;
    }

    .book_view .inner .info dl {
        flex-direction: column;
    }

    .book_view .inner .info dl dd {
        width: 100%;
    }

    .book_view .file_list {
        padding: 30px;
    }

    .board_wrap ul.book {
        margin-right: 0;
    }

    .board_wrap ul.book li {
        width: 100%;
        margin-right: 0;
    }

    .board_wrap ul.book li:nth-child(2),
    .board_wrap ul.book li:nth-child(3),
    .board_wrap ul.book li:nth-child(4) {
        margin-top: 40px;
    }
}



.info_box {
    box-shadow: 0 1px #fff;
    padding: 50px;
    border: 5px solid #f1f2f6;
    margin-bottom: 50px !important;
    position: relative;
}

.info_box:before {
    content: "";
    width: 100px;
    height: 5px;
    background: #152f53;
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
}

.info_box:after {
    content: "";
    width: 5px;
    height: 100px;
    background: #152f53;
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
}

@media (max-width: 768px) {

    .info_box {
        padding: 30px;
    }
}


.grey_box {
    background: #f6f6f6;
    padding: 40px;
}

.page_box {
    border: 3px solid #d9d9d9;
    padding: 40px;
}

@media (max-width: 768px) {
    .grey_box {
        padding: 30px;
    }
}

.major_info {
    background: #f6f6f6;
    font-size: 0.9rem;
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin-top: 40px;
}

.major_info ul {
    list-style: none;
    display: flex
}

.major_info ul li {
    flex: 1;
    text-align: center;
    position: relative;
}

.major_info ul li:before {
    content: "|";
    position: absolute;
    left: 0;
    color: #ccc;
}

.major_info ul li:first-child:before {
    display: none;
}

.major_info ul li strong {
    margin-right: 10px;
    font-weight: 500;
    color: #152f53;
}

@media (max-width: 768px) {
    .major_info ul {
        flex-direction: column;
    }

    .major_info ul li {
        text-align: left;
    }


    .major_info ul li::before {
        display: none;
    }

}


/* 전공과목 */

.class_list {
    border-top: 1px solid #d9d9d9;
}

.class_list li {
    list-style: none;
    border-bottom: 1px solid #d9d9d9;
}

.class_list li .ctt {
    padding: 40px;
    padding-top: 10px;
    font-size: 0.9rem;
    color: #333;
}

.class_list li .tt {
    padding: 20px;
    font-size: 1.0rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.class_list li .tt:after {
    content: "\e941";
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    color: #999;
}

.class_list li .tt.active:after {
    content: "\e944";
}

.class_list li .tt .code {
    margin-right: 20px;
}



.table-schedule {
    position: relative;
    overflow: hidden;
}

.table-schedule ol,
.table-schedule ul {
    list-style: none;
}

.table-schedule .timeline {
    display: none;
}

@media (min-width: 992px) {

    .table-schedule:after {
        clear: both;
        content: "";
        display: block;
    }

    .table-schedule .timeline {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding-top: 1.8rem;
    }

    .table-schedule .timeline ul {
        padding-top: 0.75rem;
    }

    .table-schedule .timeline ul li {
        position: relative;
        height: 2rem;
    }

    .table-schedule .timeline ul li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 3rem;
        width: 96.5%;
        height: 1px;
        background: #D7E2EB;
    }

    .table-schedule .timeline ul li:last-child:after {
        border: none;
    }
}

@media (min-width: 992px) {
    .table-schedule .timeline li span {
        font-size: 12px;
        line-height: 1.5;
        display: inline-block;
        transform: translateY(-50%);
        color: #98A8B9;
    }

    .table-schedule .timeline li:after {
        left: 3.75rem;
    }

    .table-schedule .timeline li:nth-of-type(2n) span {
        display: none;
    }
}

.table-schedule .table-schedule-subject .timeline-vertical {
    margin-bottom: 2rem;
}

.table-schedule .table-schedule-subject .timeline-vertical ul {
    display: flex;
    position: relative;
    padding: 0 1rem;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1199px) {
    .table-schedule .table-schedule-subject .timeline-vertical ul {
        padding: 0;
    }
}

.table-schedule .table-schedule-subject .top-info {
    padding: 0.5rem 0;
    text-align: center;
    border-top: 0.0625rem solid #D7E2EB;
    color: #98A8B9;
}

.table-schedule .table-schedule-subject .top-info h6 {
    margin-bottom: 0;
    font-weight: 500;
}

.table-schedule .table-schedule-subject .today {
    color: #0078FF;
}

.table-schedule .table-schedule-subject .today .date {
    margin: 0 auto;
    background-color: #0078FF;
    border-radius: 50%;
    width: 2rem;
    color: white;
}

.table-schedule .table-schedule-subject .lecture-time {
    flex-shrink: 0;
    float: left;
    margin-right: 0.5rem;
    transition: opacity .2s, background .2s;
    height: 7rem;
    width: 50%;
}

.table-schedule .table-schedule-subject .lecture-time:before {
    content: '';
    position: absolute;
    width: 0.1875rem;
    height: 100%;
    top: 0;
    left: 0;
}

.table-schedule .table-schedule-subject .lecture-time:last-of-type {
    margin-right: 1rem;
}

.table-schedule .table-schedule-subject .lecture-time .inner {
    display: block;
    height: 100%;
    padding: 1rem;
}

.table-schedule .table-schedule-subject .lecture-time .lecture-title {
    display: block;
    margin-bottom: 0;
    font-weight: 500;
    word-break: break-all;
    line-height: 1.3;
    font-size: 0.8rem;
}

.table-schedule .table-schedule-subject .lecture-time .lecture-location {
    font-size: 0.6rem;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400;
}

@media (max-width: 767px) {
    .table-schedule .table-schedule-subject .lecture-time .lecture-location {
        font-size: 13px;
    }


    .table-schedule .table-schedule-subject .top-info h6 {
        text-align: left;
    }
}

.table-schedule .table-schedule-subject .lecture-time .lecture-info {
    margin-bottom: 10px;
}

.table-schedule .table-schedule-subject .lecture-time .lecture-noti {
    z-index: 500;
}

.table-schedule .table-schedule-subject .lecture-time .ic-lecture-noti {
    vertical-align: middle;
    margin-right: 0.125rem;
    font-size: 1rem;
}

.table-schedule .table-schedule-subject .lecture-time .lecture-noti-title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.table-schedule .table-schedule-subject .lecture-time .inner .time {
    display: none;
}



@media (max-width: 767px) {
    .table-schedule .table-schedule-subject .lecture-time .lecture-noti-title {
        font-size: 13px;
    }

    .table-schedule .table-schedule-subject .lecture-time .inner {
        display: flex;
        flex-flow: row wrap;
    }

    .table-schedule .table-schedule-subject .lecture-time .inner .time {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        font-size: 0.9rem;
    }

    .table-schedule .table-schedule-subject .lecture-time .lecture-info {
        margin-bottom: 0;
    }

    .table-schedule .table-schedule-subject .lecture-time .lecture-info + .lecture-info {
        margin-left: 20px;
    }
}

@media (max-width: 991px) {
    .table-schedule .table-schedule-subject .lecture-time {
        height: auto;
        width: auto;
    }

    .table-schedule .table-schedule-subject .lecture-time:before {
        content: none;
    }
}

@media (min-width: 992px) {
    .table-schedule .table-schedule-subject {
        float: left;
        width: 100%;
    }

    .table-schedule .table-schedule-subject .timeline-vertical {
        float: left;
        margin-bottom: 0;
        width: calc(100%/6);
        border-top: 0;
    }

    .table-schedule .table-schedule-subject .timeline-vertical:last-child {
        border-right-width: 0;
    }

    .table-schedule .table-schedule-subject .timeline-vertical:not(:first-of-type) {
        border-left-width: 0;
    }
}

@media (min-width: 992px) {
    .table-schedule .table-schedule-subject {
        width: calc(100% - 3rem);
        margin-left: 3rem;
    }

    .table-schedule .table-schedule-subject .timeline-vertical ul {
        height: 50rem;
        display: block;
        overflow: visible;
        padding: 0;
        border-right: 0.0625rem solid #D7E2EB;
        border-bottom: 0.0625rem solid #D7E2EB;
    }

    .table-schedule .table-schedule-subject .timeline-vertical ul:after {
        display: none;
    }

    .table-schedule .table-schedule-subject .timeline-vertical:first-child ul {
        border-left: 0;
    }

    .table-schedule .table-schedule-subject .timeline-vertical:last-child ul {
        border-right: 0;
    }

    .table-schedule .table-schedule-subject .lecture-time {
        position: absolute;
        z-index: 3;
        width: calc(100% + 1px);
        left: -0.0625rem;
        flex-shrink: 1;
        max-width: none;
        margin-right: 0;
    }

    .table-schedule .table-schedule-subject .lecture-time .inner {
        padding: 15px 20px;
    }

    .table-schedule .table-schedule-subject .lecture-time .inner .lecture-noti {
        display: flex;
        align-items: center;
    }

    .table-schedule .table-schedule-subject .lecture-time:last-of-type {
        margin-right: 0;
    }

    .table-schedule .table-schedule-subject .lecture-time .selected-event {
        visibility: hidden;
    }

    .table-schedule .table-schedule-subject .two-hr {
        height: 14rem;
    }

    .table-schedule .table-schedule-subject .three-hr {
        height: 12rem;
    }

    .table-schedule .table-schedule-subject .hr-09 {
        top: 2rem;
    }

    .table-schedule .table-schedule-subject .hr-10 {
        top: 7rem;
    }

    .table-schedule .table-schedule-subject .hr-11 {
        top: 14rem;
    }

    .table-schedule .table-schedule-subject .hr-12 {
        top: 21rem;
    }

    .table-schedule .table-schedule-subject .hr-13 {
        top: 28rem;
    }

    .table-schedule .table-schedule-subject .hr-14 {
        top: 20rem;
    }

    .table-schedule .table-schedule-subject .hr-15 {
        top: 42rem;
    }

    .table-schedule .table-schedule-subject .hr-16 {
        top: 49rem;
    }

    .table-schedule .table-schedule-subject .hr-17 {
        top: 34rem;
    }

    .table-schedule .table-schedule-subject .hr-18 {
        top: 38.0rem;
    }
}

.table-schedule .lecture-time[data-event="lecture-01"] {
    background-color: #E0F2F1;
}

.table-schedule .lecture-time[data-event="lecture-01"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-01"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-01"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-01"] .lecture-noti-title {
    color: #009688;
}

.table-schedule .lecture-time[data-event="lecture-01"]:hover {
    background-color: #B2DFDB;
}

.table-schedule .lecture-time[data-event="lecture-01"]:before {
    background-color: #009688;
}

.table-schedule .lecture-time[data-event="lecture-02"] {
    background: #EFEBE9;
}

.table-schedule .lecture-time[data-event="lecture-02"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-02"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-02"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-02"] .lecture-noti-title {
    color: #795548;
}

.table-schedule .lecture-time[data-event="lecture-02"]:hover {
    background-color: #D7CCC8;
}

.table-schedule .lecture-time[data-event="lecture-02"]:before {
    background-color: #795548;
}

.table-schedule .lecture-time[data-event="lecture-03"] {
    background: #E1F5FE;
}

.table-schedule .lecture-time[data-event="lecture-03"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-03"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-03"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-03"] .lecture-noti-title {
    color: #03A9F4;
}

.table-schedule .lecture-time[data-event="lecture-03"]:hover {
    background-color: #B3E5FC;
}

.table-schedule .lecture-time[data-event="lecture-03"]:before {
    background-color: #03A9F4;
}

.table-schedule .lecture-time[data-event="lecture-04"] {
    background: #EDE7F6;
}

.table-schedule .lecture-time[data-event="lecture-04"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-04"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-04"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-04"] .lecture-noti-title {
    color: #673AB7;
}

.table-schedule .lecture-time[data-event="lecture-04"]:hover {
    background-color: #D1C4E9;
}

.table-schedule .lecture-time[data-event="lecture-04"]:before {
    background-color: #673AB7;
}

.table-schedule .lecture-time[data-event="lecture-05"] {
    background: #FCE4EC;
}

.table-schedule .lecture-time[data-event="lecture-05"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-05"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-05"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-05"] .lecture-noti-title {
    color: #E91E63;
}

.table-schedule .lecture-time[data-event="lecture-05"]:hover {
    background-color: #F8BBD0;
}

.table-schedule .lecture-time[data-event="lecture-05"]:before {
    background-color: #E91E63;
}

.table-schedule .lecture-time[data-event="lecture-06"] {
    background: #E8F5E9;
}

.table-schedule .lecture-time[data-event="lecture-06"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-06"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-06"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-06"] .lecture-noti-title {
    color: #4CAF50;
}

.table-schedule .lecture-time[data-event="lecture-06"]:hover {
    background-color: #C8E6C9;
}

.table-schedule .lecture-time[data-event="lecture-06"]:before {
    background-color: #4CAF50;
}

.table-schedule .lecture-time[data-event="lecture-07"] {
    background: #FFF3E0;
}

.table-schedule .lecture-time[data-event="lecture-07"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-07"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-07"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-07"] .lecture-noti-title {
    color: #FF9800;
}

.table-schedule .lecture-time[data-event="lecture-07"]:hover {
    background-color: #FFE0B2;
}

.table-schedule .lecture-time[data-event="lecture-07"]:before {
    background-color: #FF9800;
}

.table-schedule .lecture-time[data-event="lecture-08"] {
    background: #EEEBFF;
}

.table-schedule .lecture-time[data-event="lecture-08"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-08"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-08"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-08"] .lecture-noti-title {
    color: #0078FF;
}

.table-schedule .lecture-time[data-event="lecture-08"]:hover {
    background-color: #BBCAFB;
}

.table-schedule .lecture-time[data-event="lecture-08"]:before {
    background-color: #0078FF;
}

.table-schedule .lecture-time[data-event="lecture-09"] {
    background: #E9ECF3;
}

.table-schedule .lecture-time[data-event="lecture-09"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-09"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-09"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-09"] .lecture-noti-title {
    color: #5F7F90;
}

.table-schedule .lecture-time[data-event="lecture-09"]:hover {
    background-color: #CDD7E0;
}

.table-schedule .lecture-time[data-event="lecture-09"]:before {
    background-color: #5F7F90;
}

.table-schedule .lecture-time[data-event="lecture-10"] {
    background: #FBE9E7;
}

.table-schedule .lecture-time[data-event="lecture-10"] .lecture-title,
.table-schedule .lecture-time[data-event="lecture-10"] .lecture-location,
.table-schedule .lecture-time[data-event="lecture-10"] .ic-lecture-noti,
.table-schedule .lecture-time[data-event="lecture-10"] .lecture-noti-title {
    color: #FF5722;
}

.table-schedule .lecture-time[data-event="lecture-10"]:hover {
    background-color: #FFCCBC;
}

.table-schedule .lecture-time[data-event="lecture-10"]:before {
    background-color: #FF5722;
}


.table-schedule .time:before {
    content: "\ea2c";
    font-family: 'xeicon';
    margin-right: 10px;
}

.tab-select-outer {
    display: flex;
    justify-content: end;
}

.tab-select-outer select {
    width: 100%;
    max-width: 250px;
    height: 50px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    background: transparent;
    appearance: none;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.9rem;
    background: url(/wp-content/uploads/2022/10/select.png) no-repeat;
    background-size: 10px;
    background-position: right center;
    background-position-x: calc(100% - 20px);
    cursor: pointer;
}

.tab-select-outer select option {
    width: 100%;
}

@media (max-width: 768px) {
    .tab-select-outer {
        margin-bottom: 30px;
    }

    .tab-select-outer select {
        max-width: none;
    }
}



.schedule_wrap h3 {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.schedule_wrap h3 .number {
    font-size: 1.5em;
    color: #152f53;
}

.schedule_wrap h3 .month {
    font-weight: 400;
    margin-left: 15px;
    font-size: 0.9em;
    color: #152f53;
    opacity: 0.8;
}

.schedule_wrap ul {
    list-style: none;
    border-top: 1px solid #152f53;
}

.schedule_wrap ul li {
    display: flex;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px;
    font-size: 0.9rem;
}

.schedule_wrap ul li .date {
    width: 200px;
    color: #152f53;
}

.schedule_wrap ul li .tit {
    color: #555;
}

.schedule_wrap .ctt {
    margin-top: 90px;
}

.schedule_wrap .ctt.month3 {
    margin-top: 0;
}

.schedule_wrap .inner {
    display: flex;
}

.schedule_wrap .inner .left {
    width: 30%;
}

.schedule_wrap .inner .right {
    width: 70%;
    padding-left: 80px;
}

tr.calendar-month-header {
    display: none;
}

div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
    padding: 6px 10px;
    border-radius: 50%;
    line-height: 1;
}

@media (max-width: 768px) {

    .schedule_wrap .ctt {
        margin-top: 70px;
    }

    .schedule_wrap .inner {
        flex-flow: column;
    }

    .schedule_wrap .inner .left {
        width: 100%;
    }

    .schedule_wrap .inner .right {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }

    .schedule_wrap ul li {
        flex-direction: column;
    }

    .schedule_wrap ul li .date {
        width: 100%;
    }
}

/* 인사말 */

.president_greeting {
    margin-bottom: 60px !important;
}

/*
.president_greeting:after {
    content: "";
    width: 100%;
    height: 9.5%;
    display: block;
    background: #808383;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/

.president_greeting > .full_section_inner {
    display: flex;
}

.president_greeting .vc_col-sm-8 > .vc_column-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 100px;
}

.president_greeting .vc_col-sm-4 .vc_single_image-img {
    padding-right: 70px;
    padding-top: 40px;
}

.president_name {
    margin-top: 50px;
}

.president .left {
    padding-right: 40px;
}

.president .right {
    padding-left: 40px;
    border-left: 1px solid #f1f1f1;
}

body.ko .president .box {
    word-break: break-all;
    text-align: justify;
}


@media (max-width: 768px) {

    .president h3 {
        text-align: center;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .president_greeting {
        margin-bottom: 40px !important;
    }

    .president .left {
        padding-right: 0;
    }

    .president_greeting .vc_col-sm-8 > .vc_column-inner {
        padding-left: 50px;
    }

    .president .right {
        padding-left: 0;
        border-left: 0;
        padding-top: 20px;
    }

    .president_greeting .vc_col-sm-4 .vc_single_image-img {
        padding-right: 0;
    }

    .president_name {
        margin-top: 30px;
    }
}

@media (max-width: 600px) {
    .president_greeting > .full_section_inner {
        flex-direction: column;
    }

    .president_greeting .vc_col-sm-8 > .vc_column-inner {
        padding-left: 40px;
        padding-right: 40px;
        position: relative;
        top: auto;
        transform: none;
        padding-top: 60px;
    }

    .president_greeting .vc_col-sm-4 .vc_single_image-img {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* 역대 총장 */

.presidents-container ul li {
    list-style: none;
}

.presidents-container ul li + li {
    margin-top: 30px;
}

.presidents-container ul li .inner {
    display: flex;
    flex-flow: row wrap;
    padding: 40px;
    border: 1px solid #d9d9d9;
}

.presidents-container ul li .inner .left {
    width: 150px;
}

.presidents-container ul li .inner .right {
    width: calc(100% - 150px);
    padding-left: 40px;
}

.presidents-container ul li .inner .right > .tit {
    font-size: 1.3rem;
}

.presidents-container ul li .inner .right > .tit strong {
    color: #152f53;
}


.presidents-container ul li .inner .right > .tit .still {
    font-size: 1rem;
    color: #999;
}

.presidents-container ul li .inner .right .desc {
    margin-top: 20px;
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
}

.presidents-container ul li .inner .right .desc > div + div {
    margin-top: 10px;
}

.presidents-container ul li .inner .right div.career b {
    width: 110px;
    display: inline-block;
    font-weight: 500;
}

.presidents-container ul li .inner .right .desc .tit {
    font-size: 0.9rem;
    margin-bottom: 3px;
}

@media (max-width: 768px) {
    .presidents-container ul li .inner {
        flex-direction: column;
    }

    .presidents-container ul li .inner .left {
        margin: 0 auto;
    }

    .presidents-container ul li .inner .right {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }

    .presidents-container ul li .inner .right div.career b {
        width: 100%;
    }

    .presidents-container ul li .inner .right .desc {
        margin-top: 15px;
        padding-top: 15px;
    }
}

/* 총장 프로필 */

.president_profile ul {
    list-style: none
}

.president_profile .info_tit {
    margin-bottom: 40px !important;
}

.president_profile .info_tit h2 {
    font-weight: 400;
}

.president_profile .info_tit strong {
    color: #152f53;
}

.president_profile .info_inner {
    border-top: 1px solid #d9d9d9;
    padding-bottom: 50px;
    padding-top: 50px;
}

.president_profile .info_inner h5 {
    font-weight: 500;
    padding-bottom: 20px;
}

.president_profile .info_inner ul li {
    font-size: 0.9rem;
    color: #222;
    line-height: 1.9;
    font-weight: 300;
}

.president_profile .info_inner ul li strong {
    font-weight: 400;
    width: 250px;
    display: inline-block;
}

.president_profile .info_inner ul li strong:before {
    content: "·";
    color: #999;
    margin-right: 5px;
}


@media (max-width: 768px) {
    .president_profile .info_tit {
        margin-bottom: 30px !important;
    }

    .president_profile .info_inner ul li strong {
        width: 100%;
    }

    .president_profile .info_inner {
        padding-bottom: 30px;
        padding-top: 30px;
    }
}


/* 설립목적 */


.goal_two,
.goal {
    margin-top: 60px;
}

.goal ul {
    display: flex;
    list-style: none;
    flex-flow: row wrap;
    justify-content: center;
}

.goal ul li {
    width: calc(100%/3);
    text-align: center;
    display: flex;
    text-align: center;
    position: relative;
    height: 110px;
}

.goal ul li .inner {
    display: flex;
    border-radius: 100px;
    align-items: center;
    padding: 30px 70px;
    font-size: 1rem;
    line-height: 1.3;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: #fff;
}

.goal ul li:nth-child(2),
.goal ul li:nth-child(3),
.goal ul li:nth-child(5),
.goal ul li:nth-child(6) {
    margin-left: -70px;
}

.goal ul li + li:before {
    content: "\e9c5";
    font-family: 'xeicon';
    z-index: 99;
    position: absolute;
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 25px;
}

.goal ul li:nth-child(4):before {
    display: none;
}

.goal ul li:nth-child(n+4) {
    margin-top: 20px;
}

.goal ul li:nth-child(1) .inner {
    background: rgba(31, 90, 166, 0.9);
}

.goal ul li:nth-child(2) .inner {
    background: rgba(59, 130, 191, 0.9);
}

.goal ul li:nth-child(3) .inner {
    background: rgba(90, 144, 191, 0.9);
}

.goal ul li:nth-child(4) .inner {
    background: rgba(137, 179, 217, 0.9);
}

.goal ul li:nth-child(5) .inner {
    background: rgba(167, 213, 242, 0.9);
}

.goal ul li:nth-child(6) .inner {
    background: rgba(21, 47, 83, 0.9);
}

@media (max-width: 768px) {
    .goal ul li {
        width: 100%;
        height: auto;
    }

    .goal ul li:nth-child(2),
    .goal ul li:nth-child(3),
    .goal ul li:nth-child(5),
    .goal ul li:nth-child(6) {
        margin-left: 0;
    }

    .goal ul li:nth-child(n+4) {
        margin-top: 0;
    }

    .goal ul li .inner {
        padding: 30px 0;
    }

    .goal ul li + li:before {
        display: none;
    }
}



.goal_two .wrap > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.goal_two .wrap .circle {
    width: 230px;
    height: 230px;
    display: flex;
    align-content: center;
    text-align: center;
    justify-content: center;
    border-radius: 50%;
    background: #f6f6f6;
    padding: 40px;
    flex-direction: column;
    line-height: 1.3;
    color: #fff;
}

.goal_two .wrap .circle > span + span {
    margin-top: 20px;
}

.goal_two .wrap .desc {
    margin: 0 40px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.9;
}

.goal_two .wrap .desc i {
    display: block;
    font-size: 25px;
    color: #999;
}

.goal_two .wrap .circle.one {
    background: #094366;
}

.goal_two .wrap .circle.two {
    background: #1f6fa0;
}

.goal_two .wrap .circle.three {
    background: #065280;
}


@media (max-width: 768px) {

    .goal_two,
    .goal {
        margin-top: 40px;
    }

    .goal_two .wrap > .two {
        margin-top: -20px;
    }

    .goal_two .wrap .circle {
        width: 180px;
        height: 180px;
        padding: 20px;
    }

    .goal_two .wrap .desc {
        margin: 0 -30px;
        z-index: 99;
        background: #fff;
        padding: 10px;
        line-height: 0.2;
    }

    .goal_two .wrap .desc i {
        line-height: .8;
    }
}

.sitemap {
    border-top: 1px solid #000;
    padding-top: 40px;
}

.sitemap + .sitemap {
    margin-top: 100px;
}

.sitemap ul li {
    list-style: none
}

.sitemap ul.custom_sub > li > a {
    font-weight: 500;
    color: #000;
    font-size: 1.1rem;
}

.sitemap ul ul {
    padding: 0;
    font-size: 0.9rem;
}

.sitemap .custom_sub {
    display: flex;
    flex-flow: row wrap;
}

.sitemap .custom_sub > li {
    width: calc(100%/5);
}

.sitemap .custom_sub > li:nth-child(n+6) {
    margin-top: 30px;
}


.sitemap .sub-menu {
    margin-top: 10px;
}

.sitemap .sub-menu .sub-menu {
    display: none;
}


.sitemap .sub-menu li a {
    font-size: 1rem;
    position: relative;
    display: block;
}

.sitemap .sub-menu li a:before {
    content: "· ";
    color: #152f53;
}

.sitemap h5 {
    color: #152f53;
}

@media (max-width: 768px) {
    .sitemap .custom_sub > li {
        width: 100%;
    }

    .sitemap .sub-menu {
        display: flex;
        flex-flow: row wrap;
    }

    .sitemap .sub-menu > li + li {
        margin-left: 10px;
    }

    .sitemap .custom_sub > li {
        margin-top: 10px !important;
    }

    .sitemap + .sitemap {
        margin-top: 30px;
    }

    .sitemap .sub-menu li a {
        font-size: 1rem;
    }

    .sitemap h3 {
        margin-bottom: 10px !important;
    }

    .sitemap {
        padding-top: 30px;
    }

    /*
    .sitemap .custom_sub > li:first-child {
        margin-top: 0;
    }
*/
}


.featured_list ul {
    list-style: none;
    display: flex;
}

.featured_list ul li {
    flex: 1;
    text-align: center;
}


.featured_list ul li + li {
    border-left: 1px dotted #ccc;
}

.featured_list ul li .number {
    font-size: 2rem;
    color: #ccc;
    font-weight: 900;
}


@media (max-width: 768px) {

    .featured_list ul li {
        width: calc(100%/2);
        flex: auto;
        padding: 20px;
    }

    .featured_list ul li:nth-child(odd) {
        border-left: 0;
    }

    .featured_list ul li:nth-child(n+3) {
        border-top: 1px dotted #ccc;
    }

    .featured_list ul {
        flex-flow: row wrap;
    }
}


/* 대관신청 */


.rental_form .one,
.rental_form .two {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
}

.rental_form .two,
.rental_form .submit {
    margin-top: 50px;
}

.rental_form .submit {
    text-align: center;
}

.rental_form .row {
    display: flex;
    align-items: center;
}

.rental_form .row + .row {
    margin-top: 20px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
}

.rental_form .row .tit {
    width: 200px;
    font-weight: 500;
}

.rental_form .row .input {
    width: calc(100% - 200px);
}

.rental_form .row .input .wpcf7-form-control-wrap + span {
    height: 40px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    line-height: 40px;
}

.rental_form .row .input span + .wpcf7-form-control-wrap {
    margin-left: 50px;
}

.rental_form .row .input .wpcf7-list-item + .wpcf7-list-item {
    margin-left: 20px;
}

.rental_form .row .flex {
    display: flex;
    align-items: center;
}

.rental_form .wpcf7-list-item {
    margin: 0;
}

.rental_form .short .wpcf7-form-control-wrap {
    width: 200px;
    display: inline-block;
}

.rental_form .wpcf7-not-valid-tip {
    display: none;
}

.rental_form .wpcf7-not-valid {
    border-color: #dc3232 !important;
}

.rental_form #total {
    pointer-events: none;
}

@media (max-width: 768px) {
    .rental_form .row {
        align-items: baseline;
        flex-direction: column;
    }

    .rental_form .row .tit,
    .rental_form .row .input {
        width: 100%;
    }

    .rental_form .wpcf7-checkbox {
        display: flex;
        flex-direction: column;
    }

    .rental_form .row .input .wpcf7-list-item + .wpcf7-list-item {
        margin-left: 0;
    }

    .rental_form .row .input span + .wpcf7-form-control-wrap {
        margin-left: 0;
        margin-top: 10px;
    }

    .rental_form .row .input span[data-name="menu-688"] + span {
        margin-top: 10px;
    }

    .rental_form .row .tit {
        font-size: 1.1rem;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .rental_form .two,
    .rental_form .submit {
        margin-top: 30px;
    }

    .rental_form .submit {
        text-align: left;
    }
}

.hall_info dl {
    display: flex;
}

.hall_info dl dt {
    width: 30%;
}

.hall_info dl dd {
    width: 70%;
    padding-left: 70px;
}

@media (max-width: 768px) {
    .hall_info dl {
        flex-direction: column;
    }

    .hall_info dl dt {
        width: 100%;
    }

    .hall_info dl dd {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
}

.curr_list ul {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}

.curr_list ul li {
    width: calc(100%/4);
}

@media (max-width: 768px) {
    .curr_list ul li {
        width: 100%;
    }
}

/* 다국어 */

body.en .footer_top_holder {
    display: none;
}

body.en .footer_bottom_holder {
    padding: 70px 0;
}

body.en .quick {
    display: none;
}

body.en .header_inner_right {
    padding-right: 0;
}

body.en .footer_bottom ul.ko {
    display: none;
}

body.ko .footer_bottom ul.en {
    display: none;
}


/* === MZ NEWS 카드 스타일 === */
.mz-newsletter-section {
  padding: 60px 20px;
  background: #f9fbff;
}
.mz-newsletter-title {
  text-align: center;
  font-weight: 800;
  font-size: 2rem;
  margin-bottom: 40px;
  color: #1a3a8a;
}
.mz-news-main {
  font-size: 1.6rem;
}
.mz-news-sub {
  font-size: 1.2rem;
  color: #777;
}
.mz-newsletter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}
.mz-news-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  max-width: 360px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mz-news-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.mz-news-meta {
  padding: 16px;
  font-size: 0.85rem;
  color: #888;
  display: flex;
  justify-content: space-between;
}
.mz-news-title {
  font-weight: bold;
  font-size: 1rem;
  padding: 0 16px;
  margin-bottom: 8px;
}
.mz-news-desc {
  font-size: 0.95rem;
  color: #555;
  padding: 0 16px 16px;
  line-height: 1.6;
}
.mz-news-btn {
  margin: 0 16px 16px;
  color: #2458e4;
  font-weight: bold;
  text-decoration: none;
}

.mate-news-grid.two-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2열 */
  gap: 30px;
  margin-top: 40px;
}

.mate-news-card {
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  transition: box-shadow .3s ease;
}
.mate-news-card:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.mate-news-card .thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.mate-news-card .card-content {
  padding: 20px;
}
.mate-news-card .meta {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 8px;
}
.mate-news-card .category {
  font-weight: bold;
  color: #0050a9;
  margin-right: 10px;
}
.mate-news-card .title {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 8px 0;
}
.mate-news-card .summary {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 10px;
}
.mate-news-card .read-more {
  display: inline-block;
  color: #0050a9;
  font-weight: 500;
  text-decoration: underline;
}

/* 반응형 - 태블릿 이하에서는 1장씩 */
@media (max-width: 1024px) {
  .mate-news-grid.two-columns {
    grid-template-columns: 1fr; /* 1열 */
  }
}