@charset "UTF-8";

.page-about-overview-fact .notice {
    font-weight: 400;
    letter-spacing: 0;
    color: #888;
}

@media (max-width: 1039px) {
    .page-about-overview-fact .notice {
        margin-bottom: 15px;
        font-size: 11px;
        line-height: 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .notice {
        margin-bottom: 50px;
        font-size: 13px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-fact .common-contitle+.table-type01 {
        margin-top: 13px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .common-contitle+.table-type01 {
        margin-top: 40px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-fact .common-contitle+.common-smalltitle {
        margin-top: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .common-contitle+.common-smalltitle {
        margin-top: 38px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-fact .common-smalltitle+.table-type01 {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .common-smalltitle+.table-type01 {
        margin-top: 20px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-fact .table-type01 {
        margin-bottom: 25px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .table-type01 {
        margin-bottom: 50px;
    }
}

.page-about-overview-fact .table-type01 .table-legend {
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-align: right;
    color: #888;
}

@media (max-width: 1039px) {
    .page-about-overview-fact .table-type01 .table-legend {
        margin: 0 0 2px;
        font-size: 12px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .table-type01 .table-legend {
        margin: 18px 0 10px;
        font-size: 13px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-fact .table-type01 .col-facult {
        padding-left: 7px;
        padding-right: 7px;
        text-align: left;
    }
}

.page-about-overview-fact .table-type01 .col-num {
    width: 176px;
}

.page-about-overview-fact .table-type01 .col-total {
    font-weight: 500;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-overview-fact .fact-tables+.fact-tables {
        margin-top: 50px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .fact-tables+.fact-tables {
        margin-top: 70px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-fact .fact-tables.facilities .table-type01 {
        margin-top: 42px;
    }
}

.page-about-overview-vision .intro-box {
    text-align: center;
    background-color: #f7f7f7;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box {
        padding: 33px 25px 40px;
        margin-bottom: 34px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box {
        padding: 70px 0;
        margin-bottom: 70px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-vision .intro-box {
        padding: 58px 40px 80px;
        margin-bottom: 65px;
    }
}

.page-about-overview-vision .intro-box .intro-title {
    font-family: 'Noto serif SC';
    font-weight: 600;
    letter-spacing: 0;
    color: #1b3b86;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 26px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .intro-title {
        margin-bottom: 7px;
        font-size: 25px;
        line-height: 45px;
    }
}

.page-about-overview-vision .intro-box .desc {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .desc {
        line-height: 19px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .desc {
        line-height: 22px;
    }
}

.page-about-overview-vision .intro-box .intro-list {
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list {
        margin-top: 35px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .intro-list {
        margin-top: 28px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list {
        width: 511px;
        margin: 55px auto 0;
    }
}

.page-about-overview-vision .intro-box .intro-list .round {
    position: relative;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round {
        margin: 0 auto;
        width: 180px;
        height: 180px;
        padding-top: 42px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .intro-list .round {
        display: inline-block;
        width: 20.5%;
        height: 214px;
        padding-top: 55px;
    }
}

@media (min-width: 640px) and (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round {
        width: 214px;
        margin-bottom: 80px;
    }
}

.page-about-overview-vision .intro-box .intro-list .round:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/img/about-overview-vision-round-blue_lg.png") center center/contain no-repeat;
}

.page-about-overview-vision .intro-box .intro-list .round .title {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #1b3b86;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round .title {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 19px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .intro-list .round .title {
        margin-bottom: 9px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round+.round {
        margin-top: 62px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-vision .intro-box .intro-list .round+.round {
        margin-left: 6%;
    }
}

.page-about-overview-vision .intro-box .intro-list .round+.round:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 4px;
    background: url("/webdata/uploads/eng/image/2020/02/about-overview-vision-dot_lg.png") center center/contain no-repeat;
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round+.round:before {
        left: 80px;
        top: -33px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .intro-box .intro-list .round+.round:before {
        left: -20%;
        top: 50%;
    }
}

.page-about-overview-vision .intro-box .intro-list .round:nth-child(2):after {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.page-about-overview-vision .intro-box .intro-list .round:nth-child(3):after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.page-about-overview-vision .intro-box .intro-list .round:nth-child(4):after {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

@media (min-width: 640px) and (max-width: 1039px) {

    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2):after,
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(3):after {
        background-image: url("/webdata/uploads/eng/image/2020/02/about-overview-vision-round-gold_lg.png");
    }
}

@media (min-width: 640px) and (max-width: 1039px) {

    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2) p.title,
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(3) p.title {
        color: #996600;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(3) {
        margin-bottom: 0;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(3):after {
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(3):before {
        top: -51px;
        left: 105px;
        width: 300px;
        height: 24px;
        background-image: url("/webdata/uploads/eng/image/2020/02/about-overview-vision-dot_md.png");
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(4) {
        margin-bottom: 0;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(4):after {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2n) {
        margin-left: 80px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2n):after {
        background-image: url("/webdata/uploads/eng/image/2020/02/about-overview-vision-round-gold_lg.png");
    }
}

@media (min-width: 1040px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2n):after {
        background-image: url("/webdata/uploads/eng/image/2020/02/about-overview-vision-round-gold_lg.png");
    }
}

@media (max-width: 639px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2n) p.title {
        color: #996600;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-vision .intro-box .intro-list .round:nth-child(2n) p.title {
        color: #996600;
    }
}

.page-about-overview-vision .content-wrap .content {
    font-size: 0;
}

.page-about-overview-vision .content-wrap .content .content-title {
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
    letter-spacing: 0;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-overview-vision .content-wrap .content .content-title {
        width: 100%;
        margin-bottom: 3px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .content-wrap .content .content-title {
        font-size: 16px;
        line-height: 21px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .content-wrap .content .content-title {
        display: inline-block;
        width: 150px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-vision .content-wrap .content .content-title {
        display: inline-block;
        width: 260px;
    }
}

.page-about-overview-vision .content-wrap .content .text {
    vertical-align: top;
}

@media (max-width: 639px) {
    .page-about-overview-vision .content-wrap .content .text {
        margin-bottom: 29px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .content-wrap .content .text {
        display: inline-block;
        padding-bottom: 21px;
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 48px;
    }
}

@media (min-width: 640px) and (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-vision .content-wrap .content .text {
        width: calc(100% - 150px);
    }
}

@media (min-width: 640px) and (min-width: 1040px) {
    .page-about-overview-vision .content-wrap .content .text {
        width: calc(100% - 260px);
    }
}

@media (max-width: 639px) {
    .page-about-overview-vision .content-wrap .content .text .common-smalltitle {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 19px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .content-wrap .content .text .common-smalltitle {
        margin-bottom: 2px;
    }
}

.page-about-overview-vision .content-wrap .content .text .desc {
    font-weight: 400;
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-overview-vision .content-wrap .content .text .desc {
        margin-bottom: 22px;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-vision .content-wrap .content .text .desc {
        margin-bottom: 21px;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-overview-vision .content-wrap .content .text:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

@media (max-width: 639px) {
    .page-about-overview-ranking .common-smalltitle .link {
        display: block;
        margin-left: 0;
        margin-top: 6px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank {
        margin-bottom: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank {
        margin-bottom: 70px;
    }
}

.page-about-overview-ranking .current-rank .txt {
    font-weight: 400;
    letter-spacing: 0;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .txt {
        padding: 12px 0 0;
        font-size: 14px;
        line-height: 19px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .txt {
        padding: 22px 0 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-overview-ranking .current-rank .group-wrap {
    font-size: 0;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap {
        margin: 23px 0 0;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap {
        margin: 26px 0 0;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group {
        display: inline-block;
        width: calc(50% - 20px);
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group+.group {
        margin-top: 25px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group+.group {
        margin-left: 40px;
    }
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table {
    width: 100%;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table {
        margin: 10px 0 0;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table {
        margin: 20px 0 0;
    }
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table th,
.page-about-overview-ranking .current-rank .group-wrap .group .rank-table td {
    border-top: 1px solid #333;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top;
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table th {
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table th {
        min-width: 120px;
        width: 36%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table th {
        width: 149px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .thumb {
        height: 218px;
        line-height: 218px;
    }
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .thumb .img {
    max-width: 100%;
    vertical-align: middle;
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row {
    border-bottom: 1px solid #ebebeb;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row {
        padding: 12px 0;
    }
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row:last-child {
    border-bottom: none;
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title {
        font-size: 14px;
        line-height: 1;
        vertical-align: bottom;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title {
        display: table-cell;
        width: 150px;
        padding-right: 30px;
        font-size: 18px;
        line-height: 40px;
        vertical-align: middle;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title .align-l {
        display: inline-block;
        width: 44px;
        padding-right: 5px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title .align-l {
        float: left;
        line-height: 52px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title .align-r {
        float: right;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title .rank {
        font-size: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title .rank {
        font-size: 40px;
        line-height: 1;
    }
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .title::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

.page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .desc {
    font-weight: 400;
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .desc {
        display: block;
        font-size: 12px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .rank-table .texts .row .desc {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .double .row {
        padding: 28px 0 27px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .current-rank .group-wrap .group .tripple .row {
        padding: 10px 0;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group {
        margin-top: 14px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group {
        margin-top: 30px;
    }
}

.page-about-overview-ranking .result-rank .rank-group .desc {
    padding-top: 4px;
    font-weight: 400;
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .desc {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 19px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group .desc {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph {
        margin: 15px 0 20px;
        text-align: center;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph {
        margin: 40px 0;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph+.figure-graph {
        margin-top: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph+.figure-graph {
        margin-top: 140px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph:last-child {
        margin-bottom: 52px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group .figure-graph:last-child {
        margin-bottom: 135px;
    }
}

.page-about-overview-ranking .result-rank .rank-group .figure-graph img {
    max-width: 100%;
}

.page-about-overview-ranking .result-rank .rank-group .btn-link {
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 56px 0 31px;
    border: 1px solid #1b3b86;
    margin: 26px 30px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0;
    text-decoration: none;
    color: #1b3b86;
    background: #fff;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .btn-link {
        width: 100%;
        max-width: 440px;
        text-align: center;
    }
}

.page-about-overview-ranking .result-rank .rank-group .btn-link::after {
    content: '';
    width: 6px;
    height: 12px;
    background: url("../image/link-list-on_lg.png") center center/6px auto no-repeat;
}

@media (max-width: 1039px) {
    .page-about-overview-ranking .result-rank .rank-group .btn-link::after {
        display: inline-block;
        margin-left: 30px;
        vertical-align: middle;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-ranking .result-rank .rank-group .btn-link::after {
        display: block;
        position: absolute;
        top: 12px;
        right: 32px;
    }
}


@media (max-width: 639px) {
    .page-about-overview-organization .organization-map {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map {
        max-width: 752px;
        margin: 0 auto;
    }
}

.page-about-overview-organization .organization-map .tip {
    margin-bottom: 43px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    color: #666;
}

.page-about-overview-organization .organization-map .map {
    position: relative;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map {
        width: 100%;
        height: 0;
        padding-bottom: 174%;
        margin: 0 auto 40px;
        background: url("/webdata/uploads/eng/image/2020/02/about-overview-organization_sm.png") left top/100% auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map {
        width: 100%;
        height: 0;
        padding-bottom: 83.5%;
        margin: 0 auto 40px;
        background: url("/webdata/uploads/eng/image/2020/02/about-overview-organization_md.png") left top/100% auto no-repeat;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map {
        width: 100%;
        height: 650px;
        margin-bottom: 70px;
        background: url("/webdata/uploads/eng/image/2020/02/about-overview-organization_lg.png") left top/1020px auto no-repeat;
    }
}

.page-about-overview-organization .organization-map .map .link {
    display: inline-block;
    position: absolute;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.directors {
        left: 0%;
        width: 31.6%;
        height: 0;
        padding-bottom: 22.1%;
        margin-top: 19.2%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.directors {
        left: 0%;
        width: 30.5%;
        height: 0;
        padding-bottom: 8.1%;
        margin-top: 12%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.directors {
        top: 86px;
        left: 0px;
        width: 217px;
        height: 56px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.president {
        left: 34.2%;
        width: 31.6%;
        height: 0;
        padding-bottom: 22.1%;
        margin-top: 19.2%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.president {
        left: 34.8%;
        width: 30.5%;
        height: 0;
        padding-bottom: 8.1%;
        margin-top: 12%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.president {
        top: 86px;
        left: 402px;
        width: 217px;
        height: 56px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.vice {
        left: 34.2%;
        width: 31.6%;
        height: 0;
        padding-bottom: 18.3%;
        margin-top: 50.5%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.vice {
        left: 35%;
        width: 30.5%;
        height: 0;
        padding-bottom: 7.4%;
        margin-top: 28.3%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.vice {
        top: 200px;
        left: 403px;
        width: 217px;
        height: 56px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.educ {
        left: 0%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15%;
        margin-top: 110%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.educ {
        left: 0;
        width: 30.3%;
        height: 0;
        padding-bottom: 6%;
        margin-top: 58.8%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.educ {
        top: 420px;
        left: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.deli {
        left: 0%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 125.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.deli {
        left: 0;
        width: 30.3%;
        height: 0;
        padding-bottom: 6%;
        margin-top: 64.8%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.deli {
        top: 465px;
        left: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.advi {
        left: 0%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 141.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.advi {
        left: 0;
        width: 30.3%;
        height: 0;
        padding-bottom: 6%;
        margin-top: 71%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.advi {
        top: 510px;
        left: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.admi {
        left: 0%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 157.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.admi {
        left: 0;
        width: 30.3%;
        height: 0;
        padding-bottom: 6%;
        margin-top: 77.3%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.admi {
        top: 555px;
        left: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.supp {
        left: 34.2%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15%;
        margin-top: 110%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.supp {
        left: 35%;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 58.3%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.supp {
        top: 420px;
        left: 402px;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.rese {
        left: 34.2%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 125.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.rese {
        left: 35%;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 64.7%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.rese {
        top: 465px;
        left: 402px;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.faci {
        left: 34.2%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 141.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.faci {
        left: 35%;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 71.1%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.faci {
        top: 510px;
        left: 402px;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.scho {
        left: 68.5%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15%;
        margin-top: 110%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.scho {
        right: 0;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 58.3%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.scho {
        top: 420px;
        right: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.rele {
        left: 68.5%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 125.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.rele {
        right: 0;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 64.7%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.rele {
        top: 465px;
        right: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.othe {
        left: 68.5%;
        width: 31.6%;
        height: 0;
        padding-bottom: 15.8%;
        margin-top: 141.8%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.othe {
        right: 0;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.4%;
        margin-top: 71.1%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.othe {
        top: 510px;
        right: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.audit {
        right: 0;
        width: 31.6%;
        height: 0;
        padding-bottom: 11.4%;
        margin-top: 19.2%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.audit {
        right: 0;
        width: 30.2%;
        height: 0;
        padding-bottom: 7.5%;
        margin-top: 12.2%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.audit {
        top: 86px;
        right: 0px;
        width: 217px;
        height: 56px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-map .map .link.auditroom {
        right: 0;
        width: 31.6%;
        height: 0;
        padding-bottom: 9.6%;
        margin-top: 30.2%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-overview-organization .organization-map .map .link.auditroom {
        right: 0;
        width: 30.2%;
        height: 0;
        padding-bottom: 6.3%;
        margin-top: 19.7%;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-map .map .link.auditroom {
        top: 141px;
        right: 0;
        width: 217px;
        height: 45px;
    }
}

@media (max-width: 1039px) {
    .page-about-overview-organization .organization-subgroup .common-contitle {
        margin-bottom: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-subgroup .common-contitle {
        margin-bottom: 45px;
    }
}

.page-about-overview-organization .organization-subgroup .tab-menu {
    position: relative;
    font-size: 0;
}

.page-about-overview-organization .organization-subgroup .tab-menu::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #60709a;
}

.page-about-overview-organization .organization-subgroup .tab-menu .link {
    display: inline-block;
    position: relative;
    border: 1px solid #60709a;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    text-decoration: none;
    vertical-align: bottom;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-overview-organization .organization-subgroup .tab-menu .link {
        width: calc(100% / 3);
        height: 30px;
        font-size: 14px;
        line-height: 28px;
    }
}

@media (min-width: 1040px) {
    .page-about-overview-organization .organization-subgroup .tab-menu .link {
        width: 130px;
        height: 40px;
        font-size: 14px;
        line-height: 38px;
    }
}

.page-about-overview-organization .organization-subgroup .tab-menu .link.is-active {
    font-weight: 700;
    color: #fff;
    background: #60709a;
}

.page-about-overview-organization .organization-subgroup .tab-menu .link+.link {
    border-left: 0;
}

.page-about-overview-organization .organization-subgroup .tab-content {
    padding: 22px 20px 0;
}

.page-about-overview-organization .organization-subgroup .tab-content .list-dl .strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #333;
}

.page-about-overview-organization .organization-subpage .group {
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
}

.page-about-overview-organization .organization-subpage .group.no-bottom {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 40px;
}

.page-about-overview-organization .organization-subpage .common-contitle+.table-list {
    margin-top: 30px;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .common-smalltitle {
        margin-top: 25px;
        line-height: 16px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-smalltitle {
        margin-top: 40px;
    }
}

.page-about-overview-organization .organization-subpage .common-smalltitle span {
    margin-right: 10px;
}

.page-about-overview-organization .organization-subpage .common-smalltitle span+.link {
    margin: 0;
}

.page-about-overview-organization .organization-subpage .common-smalltitle .icon-arrow {
    display: inline-block;
    position: relative;
    padding-right: 13px;
    text-decoration: none;
    color: inherit;
}

.page-about-overview-organization .organization-subpage .common-smalltitle .icon-arrow::after {
    content: '';
    display: block;
    right: 0;
    width: 6px;
    height: 10px;
    background: url("../image/img-list-link_lg.png") center center/auto 10px no-repeat;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.page-about-overview-organization .organization-subpage .common-smalltitle+.dean {
    margin-top: 15px;
}

.page-about-overview-organization .organization-subpage .common-smalltitle+.common-normaltext {
    margin: 12px 0;
}

.page-about-overview-organization .organization-subpage .common-smalltitle+.list-dl {
    margin-top: 13px;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .common-normaltext {
        margin: 11px 0;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-normaltext {
        margin: 24px 0;
    }
}

.page-about-overview-organization .organization-subpage .desc {
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .desc {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .desc {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-overview-organization .organization-subpage .dean {
    font-family: 'Noto Serif SC', serif;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .dean {
        font-size: 13px;
        line-height: 17px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .dean {
        font-size: 14px;
        line-height: 25px;
    }
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .dean+.dean {
        margin: 3px 0 0;
    }
}

.page-about-overview-organization .organization-subpage .dean .job {
    font-weight: 700;
}

.page-about-overview-organization .organization-subpage .dean .job::after {
    content: '/';
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .dean .job::after {
        font-size: 13px;
    }
}

.page-about-overview-organization .organization-subpage .dean+.common-normaltext {
    margin: 8px 0;
}

.page-about-overview-organization .organization-subpage .table-wrap {
    margin-top: 15px;
}

.page-about-overview-organization .organization-subpage .table-wrap .col-title {
    width: 209px;
}

.page-about-overview-organization .organization-subpage .table-wrap td {
    padding-right: 10px;
    padding-left: 10px;
}

.page-about-overview-organization .organization-subpage .table-column {
    padding: 18px 30px;
    margin-top: 20px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ebebeb;
    font-size: 0;
}

.page-about-overview-organization .organization-subpage .table-column li {
    display: inline-block;
    width: 50%;
    padding-right: 10px;
    vertical-align: top;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .table-column li {
        margin-bottom: 5px;
    }
}

.page-about-overview-organization .organization-subpage .table-column .link {
    display: inline-block;
    position: relative;
    padding-right: 19px;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .table-column .link>*::before {
        top: 7px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .table-column .link>*::before {
        top: 10px;
    }
}

.page-about-overview-organization .organization-subpage .table-column .link>*::after {
    content: '';
    display: inline-block;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -1px;
    margin-left: 8px;
    background: url("../image/icon-newwindow_lg.png") center center/auto 10px no-repeat;
}

.page-about-overview-organization .organization-subpage .table-column+.common-contitle {
    margin-top: 70px;
}

.page-about-overview-organization .organization-subpage .table-notice {
    margin-top: -4px;
    margin-bottom: 9px;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #888;
}

@media (max-width: 1039px) {
    .page-about-overview-organization .organization-subpage .table-notice {
        margin-bottom: 15px;
        padding-top: 15px;
        text-align: left;
    }
}

.page-about-overview-organization .organization-subpage .common-dropdown {
    margin-top: 25px;
}

.page-about-overview-organization .organization-subpage .common-dropdown .cont-header {
    border-bottom: 1px solid #ebebeb;
}

@media (max-width: 639px) {
    .page-about-overview-organization .organization-subpage .common-dropdown .cont-header {
        padding-bottom: 10px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-dropdown .cont-header {
        padding-bottom: 14px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-dropdown .cont-body .common-normaltext+.list-dl {
        margin: -6px 0 5px;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-dropdown .cont-body .list-dl {
        margin: 5px 0;
    }
}

@media (min-width: 640px) {
    .page-about-overview-organization .organization-subpage .common-dropdown .cont-body .list-dl.contact {
        margin: 18px 0 -5px;
    }
}

.page-about-overview-organization .organization-subpage .common-dropdown .cont-body>*:first-child {
    margin: 15px 0;
}

.page-about-overview-organization .organization-subpage .btn-wrap {
    margin-top: 20px;
    text-align: right;
}

.page-about-overview-organization .organization-subpage .btn-wrap .btn {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #666;
    vertical-align: middle;
}

.page-about-overview-organization .organization-subpage .btn-wrap .btn::before {
    content: '';
    display: inline-block;
    left: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url("../image/icon-btn-list_lg.png") left center/20px auto no-repeat;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/*대학상징*/
@media (max-width: 1039px) {
    .page-about-symbol .symbol-group {
        margin-bottom: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-group {
        margin-bottom: 70px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-group:last-child {
        margin-bottom: 12px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-group:last-child {
        margin-bottom: 40px;
    }
}

.page-about-symbol .symbol-group .txt {
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-group .txt {
        margin-top: 11px;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-group .txt {
        margin: 27px 0 0;
        font-size: 14px;
        line-height: 18px;
    }
}

.page-about-symbol .symbol-bi .bi-wrap {
    display: block;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}

.page-about-symbol .symbol-bi .bi-wrap .bi {
    display: block;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .bi {
        padding: 25px 0;
        margin: 0 auto 25px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .bi {
        padding: 37px 0 32px;
        margin: 0 auto 40px;
    }
}

.page-about-symbol .symbol-bi .bi-wrap .bi .img {
    max-width: 100%;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .bi .img {
        width: 82.1212%;
        max-width: 542px;
    }
}

.page-about-symbol .symbol-bi .bi-wrap .figure {
    text-align: left;
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure {
        display: block;
        margin: 20px 0;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure {
        display: inline-block;
        width: 50%;
        height: 130px;
        margin: 0;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .img {
        width: 50px;
        vertical-align: top;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .img {
        vertical-align: middle;
    }
}

.page-about-symbol .symbol-bi .bi-wrap .figure .figcaption {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .figcaption {
        width: calc(100% - 68px);
        padding-left: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .figcaption {
        width: 500px;
        width: calc(100% - 100px);
        padding-left: 30px;
    }
}

.page-about-symbol .symbol-bi .bi-wrap .figure .title {
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.025em;
    color: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .title {
        font-size: 14px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .title {
        font-size: 15px;
    }
}

.page-about-symbol .symbol-bi .bi-wrap .figure .desc {
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .desc {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .bi-wrap .figure .desc {
        padding-top: 6px;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-symbol .symbol-bi .notice {
    background: #f7f7f7;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .notice {
        margin-top: 20px;
        padding: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .notice {
        margin-top: 40px;
        padding: 38px 30px;
    }
}

.page-about-symbol .symbol-bi .notice .title {
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.025em;
    color: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .notice .title {
        font-size: 14px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .notice .title {
        font-size: 16px;
    }
}

.page-about-symbol .symbol-bi .notice .desc {
    padding-top: 6px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-bi .notice .desc {
        font-size: 13px;
        line-height: 19px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-bi .notice .desc {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-symbol .symbol-color .color-wrap {
    font-size: 0;
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-color .color-wrap {
        margin-top: 32px;
    }
}

.page-about-symbol .symbol-color .color-wrap .color-group {
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-color .color-wrap .color-group {
        width: calc((100% - 60px) / 3);
        display: inline-block;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-color .color-wrap .color-group {
        display: inline-block;
        width: 18.4%;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-color .color-wrap .color-group+.color-group {
        margin-left: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-color .color-wrap .color-group+.color-group {
        margin-left: 2%;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-color .color-wrap .color-group:nth-child(3n + 1) {
        margin-left: 0px;
    }
}

.page-about-symbol .symbol-color .color-wrap .color-group .title {
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.025em;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-color .color-wrap .color-group .title {
        margin-top: 15px;
        font-size: 13px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-color .color-wrap .color-group .title {
        font-size: 15px;
    }
}

.page-about-symbol .symbol-color .color-wrap .color-group .title.blue {
    color: #0f0f70;
}

.page-about-symbol .symbol-color .color-wrap .color-group .title.beige {
    color: #dcdab2;
}

.page-about-symbol .symbol-color .color-wrap .color-group .title.gray {
    color: #888888;
}

.page-about-symbol .symbol-color .color-wrap .color-group .title.gold {
    color: #c5a86f;
}

.page-about-symbol .symbol-color .color-wrap .color-group .title.silver {
    color: #b5b6b6;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-color .color-wrap .color-group .color {
        display: inline-block;
        width: 100%;
        height: 60px;
        margin: 3px 0 0;
        vertical-align: top;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-color .color-wrap .color-group .color {
        width: 100%;
        height: 60px;
        margin: 14px 0 0;
    }
}

.page-about-symbol .symbol-color .color-wrap .color-group .color.blue {
    background: #0f0f70;
}

.page-about-symbol .symbol-color .color-wrap .color-group .color.beige {
    background: #dcdab2;
}

.page-about-symbol .symbol-color .color-wrap .color-group .color.gray {
    background: #888888;
}

.page-about-symbol .symbol-color .color-wrap .color-group .color.gold {
    background: #c5a86f;
}

.page-about-symbol .symbol-color .color-wrap .color-group .color.silver {
    background: #b5b6b6;
}

.page-about-symbol .symbol-logo {
    font-size: 0;
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap {
        padding-bottom: 37px;
        border-bottom: 1px solid #ebebeb;
    }
}

.page-about-symbol .symbol-logo .logo-wrap .logo-group {
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group {
        margin: 25px 0 29px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group {
        display: inline-block;
        width: 33.3333%;
        width: calc(100% / 3);
        margin: 0 auto;
    }
}

.page-about-symbol .symbol-logo .logo-wrap .logo-group .figure {
    margin: 0 auto;
    text-align: left;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure {
        position: relative;
        padding-top: 30px;
        padding-bottom: 25px;
        border-bottom: 1px solid #ebebeb;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .logo {
        display: inline-block;
        width: 110px;
        vertical-align: middle;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .logo {
        max-width: 100%;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption {
        display: inline-block;
        width: calc(100% - 110px);
        padding-left: 20px;
        vertical-align: middle;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption {
        width: 300px;
        border-top: 1px solid #ebebeb;
    }
}

.page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .title {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.025em;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .title {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .title {
        padding-top: 19px;
        font-size: 16px;
    }
}

.page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .desc {
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .desc {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group .figure .figcaption .desc {
        padding-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-logo .logo-wrap .logo-group:last-child .figure .figcaption .desc {
        padding-top: 4px;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box {
        margin-bottom: 40px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box {
        margin-bottom: 70px;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap {
        padding: 20px 20px 61%;
        margin-top: 15px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap {
        padding: 45px 40px 110px;
        margin-top: 38px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-box .box-wrap {
        height: 260px;
        margin-top: 40px;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap.gate {
        background: #f7f7f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-gate_sm.jpg") right bottom/100% auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap.gate {
        background: #f7f7f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-gate_md.jpg") right bottom/auto auto no-repeat;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-box .box-wrap.gate {
        height: 275px;
        padding: 50px 0 0 40px;
        background: #f7f7f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-gate_lg.jpg") right top/auto 100% no-repeat;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap.song {
        padding-bottom: 39%;
        background: #f7f5f2 url("/webdata/uploads/eng/image/2020/02/about-symbol-song_sm.jpg") right bottom/100% auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap.song {
        height: 215px;
        padding-top: 54px;
        padding-bottom: 50px;
        background: #f7f5f2 url("/webdata/uploads/eng/image/2020/02/about-symbol-song_md.jpg") right bottom/cover no-repeat;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-box .box-wrap.song {
        padding: 73px 0 70px 40px;
        background: #f7f5f2 url("/webdata/uploads/eng/image/2020/02/about-symbol-song_lg.jpg") right bottom/auto 100% no-repeat;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap.song .common-btn-wrap {
        margin-top: 15px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap.song .common-btn-wrap {
        margin-top: 25px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap.song .common-btn-wrap .common-btn-down {
        width: auto;
        margin-bottom: 10px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap.song .common-btn-wrap .common-btn-down {
        margin-right: 10px;
    }
}

@media (max-width: 758px) {
    .page-about-symbol .symbol-box .box-wrap.tree {
        padding-bottom: 55%;
        background: #f3f4f3 url("/webdata/uploads/eng/image/2020/02/about-symbol-tree_sm.jpg") right bottom/100% auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap.tree {
        padding-bottom: 50px;
        background: #f3f4f3 url("/webdata/uploads/eng/image/2020/02/about-symbol-tree_md.jpg") right bottom/auto 100% no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) and (max-width: 740px) {
    .page-about-symbol .symbol-box .box-wrap.tree {
        background-position: right -14vw top;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-box .box-wrap.tree {
        padding: 28px 0 0 40px;
        background: #f3f4f3 url("/webdata/uploads/eng/image/2020/02/about-symbol-tree_lg.jpg") right bottom/auto 100% no-repeat;
    }
}

@media (max-width: 758px) {
    .page-about-symbol .symbol-box .box-wrap.twins {
        padding-bottom: 64%;
        background: #eef1f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-twins2_sm.jpg") right bottom/100% auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap.twins {
        padding-bottom: 50px;
        background: #eef1f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-twins2_md.jpg") right bottom/auto auto no-repeat;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .symbol-box .box-wrap.twins {
        height: 437px;
        padding: 53px 0 0 40px;
        background: #eef1f7 url("/webdata/uploads/eng/image/2020/02/about-symbol-twins2_lg.jpg") right bottom/auto 100% no-repeat;
    }
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap.twins .desc+.title {
        margin-top: 52px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap.twins .desc+.title {
        margin-top: 73px;
    }
}

.page-about-symbol .symbol-box .box-wrap .title {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.025em;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap .title {
        margin-bottom: 5px;
        font-size: 14px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap .title {
        margin-bottom: 12px;
        font-size: 16px;
    }
}

.page-about-symbol .symbol-box .box-wrap .title.white {
    color: #fff;
}

.page-about-symbol .symbol-box .box-wrap .sub {
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap .sub {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap .sub {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-symbol .symbol-box .box-wrap .sub.white {
    color: #fff;
}

.page-about-symbol .symbol-box .box-wrap .desc {
    position: relative;
    max-width: 670px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box .box-wrap .desc {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-symbol .symbol-box .box-wrap .desc {
        width: 54%;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box .box-wrap .desc {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-symbol .symbol-box .box-wrap .desc.white {
    color: #fff;
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box:last-child {
        margin-bottom: 40px;
    }
}

.page-about-symbol .symbol-box:last-child .desc:last-of-type:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d3dae7;
}

@media (max-width: 639px) {
    .page-about-symbol .symbol-box:last-child .desc:last-of-type:before {
        top: -53px;
    }
}

@media (min-width: 640px) {
    .page-about-symbol .symbol-box:last-child .desc:last-of-type:before {
        top: -72px;
    }
}

.page-about-symbol .common-btn-down {
    font-weight: 400;
}

@media (max-width: 639px) {
    .page-about-symbol .common-btn-down {
        width: 208px !important;
        padding-left: 9px;
        padding-right: 0;
        overflow: hidden;
    }

    .page-about-symbol .common-btn-down::after {
        float: right;
        margin-left: 0;
        margin-right: 8px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section {
        margin: 20px 0 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section {
        margin: 70px 0 40px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .common-smalltitle {
        margin: 25px 0 0;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .common-smalltitle {
        margin: 40px 0 0;
    }
}

.page-about-symbol .emblem-section .desc {
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .desc {
        margin: 15px 0 12px;
        font-size: 13px;
        line-height: 19px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .desc {
        margin: 30px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-symbol .emblem-section .figure-wrap {
    font-size: 0;
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap {
        margin: 14px auto 0;
        max-width: 482px;
        text-align: center;
    }

    .page-about-symbol .emblem-section .figure-wrap.e70 {
        max-width: 650px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .figure-wrap {
        margin: 30px 0 0;
        text-align: left;
    }
}

.page-about-symbol .emblem-section .figure-wrap .figure {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap .figure {
        width: calc(50% - 15px);
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap .figure img {
        width: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .figure-wrap .figure img {
        max-width: 100%;
    }
}

.page-about-symbol .emblem-section .figure-wrap .figure figcaption {
    font-weight: 400;
    letter-spacing: -0.025em;
    text-align: center;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap .figure figcaption {
        padding: 7px 0 17px;
        font-size: 12px;
        line-height: 19px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .figure-wrap .figure figcaption {
        padding: 11px 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap .figure+.figure {
        margin-left: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-symbol .emblem-section .figure-wrap .figure+.figure {
        margin-left: 33px;
    }
}

@media (max-width: 1039px) {
    .page-about-symbol .emblem-section .figure-wrap .figure:nth-child(2n+1) {
        margin-left: 0;
    }
}

.page-about-president {
    line-height: normal;
}

.page-about-president .president-message .message-wrap {
    font-weight: 400;
    letter-spacing: 0;
    color: #666;
}

.page-about-president .president-message .message-wrap::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

@media (max-width: 1039px) {
    .page-about-president .president-message .message-wrap {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-message .message-wrap {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-president .president-message .message-wrap .profile-img {
        display: block;
        width: 100%;
        max-width: 660px;
        margin: 0 auto 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-message .message-wrap .profile-img {
        float: right;
        padding-left: 95px;
    }
}

.page-about-president .president-message .signature-wrap {
    font-family: 'Noto Serif CS', Serif;
    font-weight: 600;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-president .president-message .signature-wrap {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-message .signature-wrap {
        font-size: 16px;
        line-height: 26px;
    }
}

.page-about-president .president-message .signature-wrap .signature-img {
    display: block;
    padding-top: 5px;
}

@media (max-width: 1039px) {
    .page-about-president .president-message .signature-wrap .signature-img {
        height: 62px;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv {
        margin-bottom: 15px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv {
        margin-bottom: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv {
        margin-bottom: 40px;
    }
}

.page-about-president .president-cv .board-profile {
    position: relative;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile {
        margin: 10px -15px 0;
        font-size: 0;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile {
        margin: 0 auto;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile {
        width: 1020px;
        margin: 0 auto;
    }
}

.page-about-president .president-cv .board-profile .profile-title {
    font-family: 'Noto serif SC', serif;
    font-weight: 500;
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .profile-title {
        display: inline-block;
        width: calc(100% - 145px);
        padding: 13px 15px 15px;
        font-size: 13px;
        line-height: 17px;
        vertical-align: middle;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .profile-title {
        padding: 0 0 10px;
        font-size: 16px;
        line-height: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .profile-title {
        padding: 0 0 10px;
        font-size: 16px;
        line-height: 30px;
    }
}

.page-about-president .president-cv .board-profile .profile-title .strong {
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .profile-title .strong {
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .profile-title .strong {
        display: inline-block;
        margin-right: 30px;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .profile-title .slim {
        display: block;
        font-size: 11px;
        line-height: 22.5px;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .profile-img {
        display: inline-block;
        width: 145px;
        padding-right: 15px;
        text-align: right;
        vertical-align: middle;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .profile-img {
        display: block;
        position: absolute;
        z-index: 1;
        top: 75px;
        right: 0;
        width: 120px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .profile-img {
        display: block;
        position: absolute;
        z-index: 1;
        top: 110px;
        right: 0;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .profile-img img {
        max-height: 135px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .profile-img img {
        width: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .profile-img img {
        width: 100%;
    }
}

.page-about-president .president-cv .board-profile .board-wrap {
    position: relative;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap {
        padding: 20px 15px 15px;
        margin-top: 10px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap {
        min-height: 300px;
        padding: 30px 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap {
        min-height: 300px;
        padding: 57px 0 52px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board {
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board {
        padding-bottom: 20px;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board+.board {
        padding-top: 20px;
        border-top: 1px solid #ebebeb;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board+.board {
        margin-top: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board+.board {
        margin-top: 27px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-sort {
    display: inline-block;
    font-family: 'Noto serif SC', serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-sort {
        line-height: 22px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-sort {
        width: 190px;
        padding-top: 9px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-sort {
        width: 190px;
        padding-top: 9px;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap {
    vertical-align: top;
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap {
        display: inline-block;
        width: calc(100% - 330px);
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap {
        display: inline-block;
        width: calc(100% - 330px);
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .col-year {
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .col-year {
        padding-top: 10px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .col-year {
        width: 135px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .col-year {
        width: 135px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table td {
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table td {
        display: block;
        float: left;
        width: 100%;
        clear: both;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table td {
        padding: 5px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table td {
        padding: 10px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet {
    position: relative;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet {
        padding: 2px 0 2px 7px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet {
        padding: 0 0 2px 8px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet {
        padding: 0 0 2px 8px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet::after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #666;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet+span,
.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet+p {
    margin-top: 6px;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table p+p {
    margin-top: 30px;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap table .bullet-title+p {
    margin-top: 0;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap .table-description {
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap .table-description {
        padding: 15px 0 0;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap .table-description {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap .table-description {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap .table-description .strong {
    font-weight: 500;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea {
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea {
        padding: 15px 0 0;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea b {
    font-weight: 700;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-textarea p+p {
    margin-top: 20px;
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ol ol {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ol ol {
        padding: 15px 0;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ol ol {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ol ol {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ul ul {
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ul ul {
        padding: 15px 0;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ul ul {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ul ul {
        padding: 13px 0;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .board .table-wrap.type-ul ul li::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 5px;
    background: #666;
    transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
}

.page-about-president .president-cv .board-profile .board-wrap .links {
    text-align: right;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .links {
        padding: 15px 0 0;
        border-top: 1px solid #ebebeb;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .links div+div {
        margin-top: 5px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .links div+div {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .links div+div {
        margin-top: 10px;
    }
}

.page-about-president .president-cv .board-profile .board-wrap .links .link {
    display: inline-block;
    height: 19px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #333;
    background: url("../image/icon-popup_lg.png") 0 center/20px auto no-repeat;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .board-wrap .links .link {
        padding-left: 28px;
        font-size: 13px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .board-wrap .links .link {
        padding-left: 30px;
        font-size: 14px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .board-wrap .links .link {
        padding-left: 30px;
        font-size: 14px;
    }
}

.page-about-president .president-cv .board-profile .normal-text {
    font-weight: 400;
    letter-spacing: 0;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-cv .board-profile .normal-text {
        padding: 10px 0 0;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-cv .board-profile .normal-text {
        padding: 12px 0 10px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-cv .board-profile .normal-text {
        padding: 12px 0 10px;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-president .president-presidents {
    font-size: 0;
}

.page-about-president .president-presidents .presidents-common-year {
    position: relative;
    vertical-align: top;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-year {
        display: block;
        padding: 15px;
        margin: 0 -15px;
        background: #f7f7f7;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-year {
        display: inline-block;
        width: 240px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-year {
        display: inline-block;
        width: 260px;
    }
}

.page-about-president .president-presidents .presidents-common-year .txt {
    position: absolute;
    top: 0;
    left: 0;
    height: 41px;
    padding-left: 10px;
    font-size: 14px;
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-year .txt {
        line-height: 33px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-year .txt {
        line-height: 39px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-year .txt {
        line-height: 39px;
    }
}

.page-about-president .president-presidents .presidents-common-year .select {
    display: block;
    position: relative;
    border: none;
    margin: 0;
    font-weight: 500;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-year .select {
        display: inline-block;
        width: 100%;
        height: 33px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-year .select {
        width: 220px;
        height: 41px;
        padding: 0 40px 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-year .select {
        width: 220px;
        height: 41px;
        padding: 0 40px 0;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-year .list {
        display: block;
        position: relative;
        width: 100%;
        height: 33px;
        border: none;
        margin: 0;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 400;
        line-height: 33px;
        letter-spacing: 0;
        text-align: right;
        text-decoration: none;
        vertical-align: top;
        color: #666;
        background: #fff url("../image/icon-select-arrow-down_sm.png") right 10px top 50%/9px auto no-repeat;
    }

    .page-about-president .president-presidents .presidents-common-year .list::-webkit-input-placeholder {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 33px;
        color: #333;
    }

    .page-about-president .president-presidents .presidents-common-year .list:-moz-input-placeholder {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 33px;
        color: #333;
    }

    .page-about-president .president-presidents .presidents-common-year .list::-moz-input-placeholder {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 33px;
        color: #333;
    }

    .page-about-president .president-presidents .presidents-common-year .list:-ms-input-placeholder {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 33px;
        color: #333;
    }

    .page-about-president .president-presidents .presidents-common-year .list::placeholder {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 33px;
        color: #333;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-year .list {
        width: 220px;
        border-top: 2px solid #333;
    }

    .page-about-president .president-presidents .presidents-common-year .list.show-tablet {
        display: block !important;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-year .list {
        width: 220px;
        border-top: 2px solid #333;
    }
}

.page-about-president .president-presidents .presidents-common-year .list .link {
    display: block;
    width: 220px;
    min-height: 51px;
    padding: 14px 0 14px 10px;
    border-bottom: 1px solid #ebebeb;
    font-family: 'Noto serif SC', serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #333;
}

.page-about-president .president-presidents .presidents-common-year .list .link:hover,
.page-about-president .president-presidents .presidents-common-year .list .link:focus,
.page-about-president .president-presidents .presidents-common-year .list .link.is-active {
    color: #1b3b86;
}

.page-about-president .president-presidents .presidents-common-year .list .link .num {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.page-about-president .president-presidents .presidents-common-year .list .link .name {
    display: inline-block;
    vertical-align: middle;
}

.page-about-president .president-presidents .presidents-common-year .list .link .name .strong {
    display: inline-block;
    margin-right: 7px;
    font-weight: 700;
}

.page-about-president .president-presidents .presidents-common-view {
    position: relative;
    vertical-align: top;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view {
        display: block;
        margin-bottom: 70px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view {
        display: inline-block;
        width: calc(100% - 240px);
        margin: 0;
        font-size: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view {
        display: inline-block;
        width: calc(100% - 260px);
        margin: 0;
        font-size: 0;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap {
        padding-bottom: 50px;
    }
}

.page-about-president .president-presidents .presidents-common-view .e-president-btn .common-btn-link {
    height: 30px;
    font-size: 12px;
    line-height: 28px;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .e-president-btn .common-btn-link {
        padding: 0 40px 0 15px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .e-president-btn .common-btn-link {
        bottom: -76px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap {
    position: relative;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap {
        padding: 0 0 15px;
        border-top: 0;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap {
        min-height: 300px;
        padding: 30px 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap {
        min-height: 300px;
        padding: 40px 0 52px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header {
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header {
        padding: 20px 0;
        border-top: 2px solid #333;
        border-bottom: 1px solid #ebebeb;
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header::after {
        content: '';
        display: table;
        clear: both;
        table-layout: fixed;
    }
}

@media (min-width: 640px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header {
        padding-left: 10px;
        padding-bottom: 40px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-img {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-img {
        width: 60px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-img img {
    width: 100%;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title {
    display: inline-block;
    width: calc(100% - 120px);
    font-family: 'Noto serif SC';
    font-weight: 500;
    letter-spacing: 0;
    vertical-align: middle;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title {
        width: calc(100% - 60px);
        min-height: 76px;
        padding-left: 15px;
        vertical-align: middle;
        font-size: 0;
    }

    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        vertical-align: middle;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title {
        padding: 0 0 0 40px;
        line-height: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title {
        padding: 0 0 0 40px;
        line-height: 30px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .name {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .name {
        display: inline-block;
        line-height: 26px;
        vertical-align: middle;
    }
}

@media (min-width: 640px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .name {
        display: block;
        line-height: 45px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .job {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .job {
        font-size: 12px;
        line-height: 15px;
        color: #666;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-header .profile-title .job b {
    font-weight: 600;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title {
    font-family: 'Noto serif SC';
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-title {
        display: block;
        margin-bottom: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-title {
        margin-bottom: 70px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board-title {
        margin-bottom: 70px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title::after,
.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 20px;
    vertical-align: top;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title::before {
    margin-right: 8px;
    background: url("../image/icon-lt_sm.png") center center/10px auto no-repeat;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title::after {
    margin-left: 8px;
    background: url("../image/icon-gt_sm.png") center center/10px auto no-repeat;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board-title .job {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap *+.board-title {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #ebebeb;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap *+.board-title {
        padding-top: 70px;
        border-top: 1px solid #ebebeb;
        margin-top: 70px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap *+.board-title {
        padding-top: 70px;
        border-top: 1px solid #ebebeb;
        margin-top: 70px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board {
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board {
        padding-bottom: 20px;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board+.board {
        padding-top: 20px;
        border-top: 1px solid #ebebeb;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board+.board {
        margin-top: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board+.board {
        margin-top: 60px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-sort {
    font-family: 'Noto serif SC';
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-sort {
        display: block;
        margin-bottom: 18px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-sort {
        display: block;
        margin-bottom: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-sort {
        display: inline-block;
        width: 170px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap {
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #666;
    /*UL 형식*/
    /*OL 형식*/
    /*PERIOD 형식*/
    /*PERIOD + TEXTAREA 형식*/
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap {
        display: block;
        padding-left: 10px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap {
        display: inline-block;
        width: calc(100% - 170px);
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.img-indent {
        width: calc(100% - 130px);
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.img-indent {
        width: calc(100% - 300px);
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea b,
.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea strong {
    font-weight: 700;
    color: #333;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea i {
    font-style: italic;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ol {
    padding: 0 0 0 14px;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ol li {
    padding-left: 2px;
    list-style-type: decimal;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ol li+li {
    margin-top: 10px;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul {
    padding: 0;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul li {
    position: relative;
    padding-left: 8px;
    line-height: 20px;
    list-style-type: none;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #666;
}

@media (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul li::before {
        top: 7px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul li::before {
        top: 6px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea ul li+li {
    margin-top: 2px;
}

@media (max-width: 1039px) {

    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+*,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+ul,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+ol,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+p,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+div {
        margin-top: 2px;
    }
}

@media (min-width: 1040px) {

    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+*,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+ul,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+ol,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+p,
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-textarea>*+div {
        margin-top: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ul ul {
    padding: 0;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ul ul li {
    list-style-type: none;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ul ul li+li {
        margin-top: 3px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ul ul li+li {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ul ul li+li {
        margin-top: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ol ol {
    padding: 0 0 0 14px;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ol ol li {
    padding-left: 2px;
    list-style-type: decimal;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ol ol li+li {
        margin-top: 3px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ol ol li+li {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-ol ol li+li {
        margin-top: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table {
    width: 100%;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table th,
.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table td {
    vertical-align: top;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table td {
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table td {
        display: block;
        float: left;
        width: 100%;
        clear: both;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table td {
        display: block;
        float: left;
        width: 100%;
        clear: both;
        padding-bottom: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table td {
        padding-bottom: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table tr:last-child td {
        padding-bottom: 0;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table tr+tr .col-year {
        margin-top: 3px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table .col-year {
    font-weight: 400;
    color: #666;
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table .col-year {
        padding-bottom: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-period table .col-year {
        width: 147px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table {
    width: 100%;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table th,
.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td {
    vertical-align: top;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td {
    color: #333;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td {
        display: block;
        float: left;
        width: 100%;
        clear: both;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td {
        display: block;
        float: left;
        width: 100%;
        clear: both;
        padding-bottom: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td {
        padding-bottom: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td b,
.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td strong {
    font-weight: 700;
    color: #333;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td i {
    font-style: italic;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ol {
    padding: 0 0 0 14px;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ol li {
    padding-left: 2px;
    list-style-type: decimal;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ol li+li {
        margin-top: 3px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ol li+li {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ol li+li {
        margin-top: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul {
    padding: 0;
    margin: 0;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li {
    position: relative;
    padding-left: 8px;
    line-height: 20px;
    list-style-type: none;
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #666;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li::before {
        top: 7px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li::before {
        top: 6px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li::before {
        top: 6px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td ul li+li {
    margin-top: 2px;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td>*+* {
        margin-top: 2px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td>*+* {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table td>*+* {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table tr:last-child td {
        padding-bottom: 0;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table tr+tr .col-year {
        margin-top: 3px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table .col-year {
    font-weight: 400;
    color: #666;
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table .col-year {
        padding-bottom: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .board .table-wrap.type-periodtextarea table .col-year {
        width: 147px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .links {
    text-align: right;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links {
        padding: 15px 0 0;
        border-top: 1px solid #ebebeb;
    }
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links div+div {
        margin-top: 5px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links div+div {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links div+div {
        margin-top: 10px;
    }
}

.page-about-president .president-presidents .presidents-common-view .board-wrap .links .link {
    display: inline-block;
    height: 19px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0;
    vertical-align: top;
    text-decoration: none;
    color: #333;
    background: url("../image/icon-popup_lg.png") 0 center/20px auto no-repeat;
}

@media (max-width: 639px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links .link {
        padding-left: 28px;
        font-size: 13px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links .link {
        padding-left: 30px;
        font-size: 14px;
    }
}

@media (min-width: 1040px) {
    .page-about-president .president-presidents .presidents-common-view .board-wrap .links .link {
        padding-left: 30px;
        font-size: 14px;
    }
}

.page-about-president .e-president-btn {
    position: relative;
}

.page-about-president .e-president-btn .common-btn-link {
    position: absolute;
    bottom: -60px;
    left: 0;
}

@media (max-width: 639px) {
    .page-about-president .e-president-btn .common-btn-link {
        bottom: -44px;
        width: auto;
        height: 30px;
        line-height: 28px;
    }
}

@media (max-width: 639px) and (max-width: 639px) {
    .page-about-president .e-president-btn .common-btn-link {
        padding: 0 40px 0 15px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-president .e-president-btn .common-btn-link {
        width: auto;
    }
}

.page-about-history {
    line-height: normal;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section {
        margin-bottom: 15px;
    }
}

.page-about-history .timeline-section .timeline-wrap {
    position: relative;
}

.page-about-history .timeline-section .timeline-wrap:after {
    content: '';
    position: absolute;
    left: 135px;
    top: 30px;
    width: 1px;
    background: #d1d1d1;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap:after {
        left: 4px;
        top: 13px;
        height: calc(100% - 15px);
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap:after {
        left: 145px;
        top: 30px;
        height: calc(100% - 35px);
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline {
    position: relative;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline {
        padding-left: 15px;
        margin-top: 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline {
        margin-top: 23px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .cate {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 0;
    border: 0;
    margin: 0;
    font-family: 'Noto Serif SC';
    text-align: left;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate {
        padding: 10px 0 6px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate {
        height: 54px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .cate span {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate span {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate span {
        line-height: 58px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .cate .point {
    font-weight: 600;
    color: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate .point {
        display: block;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 1;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate .point {
        position: relative;
        display: inline-block;
        width: 150px;
        margin-right: 30px;
        font-size: 20px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .cate .point:after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    vertical-align: middle;
    background: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate .point:after {
        top: 12px;
        left: -14px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .cate .point:after {
        right: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content {
        padding: 0 0 0 179px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .title {
    font-family: 'Noto Serif SC';
    font-weight: 400;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .title {
        margin: 0 0 26px;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .title {
        margin: 0 0 33px;
        font-size: 16px;
        line-height: 24px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content p {
    margin: 11px 0;
    font-weight: 400;
    color: #666;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content p::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content p {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content p {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul {
    float: left;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-li {
        margin-top: 10px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-title {
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-title {
        display: block;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-title {
        width: 105px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-title.short {
        width: 50px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-data {
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-data {
        max-width: calc(100% - 105px);
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-data.short {
        max-width: calc(100% - 50px);
    }
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-li+.list-li {
        margin-top: 11px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul .list-li+.list-li {
        margin-top: 20px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul+.list-ul {
    width: 100%;
}

@media (min-width: 1040px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .list-ul+.list-ul {
        padding-top: 38px;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .align-center {
    text-align: center;
}

@media (max-width: 1039px) {
    .page-about-history .timeline-section .timeline-wrap .timeline .content .align-center {
        padding: 6px 0;
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .clearfix::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .img40-txt60 {
    font-size: 0;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .img40-txt60>img {
    display: inline-block;
    width: 40%;
    padding-right: 15px;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .img40-txt60>p {
    display: inline-block;
    width: 60%;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .img40-txt60>.title {
    margin-bottom: 15px;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .algin-bottom {
    vertical-align: bottom;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .fl-left {
    float: left;
    margin-right: 40px;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .fl-right {
    float: right;
    margin-left: 40px;
}

@media (min-width: 1040px) {

    .page-about-history .timeline-section .timeline-wrap .timeline .content .fl-left+.list-ul,
    .page-about-history .timeline-section .timeline-wrap .timeline .content .fl-right+.list-ul {
        width: calc(100% - 370px);
    }
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .fl-full {
    width: 100%;
    margin: 0 auto;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content .fl-full img {
    width: 100%;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content figure {
    display: inline-block;
    margin: 0;
}

.page-about-history .timeline-section .timeline-wrap .timeline .content figure img {
    max-width: 100%;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .ly-inner {
        padding: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .ly-inner {
        overflow: hidden;
    }
}

.page-about-history .history-gallery .history-download {
    text-align: right;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-download {
        padding-right: 15px;
    }
}

.page-about-history .history-gallery .history-download .link {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: left;
    color: #fff;
    background: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-download .link {
        height: 30px;
        padding: 0 46px 0 15px;
        line-height: 30px;
        letter-spacing: -0.02em;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-download .link {
        height: 40px;
        padding: 0 47px 0 15px;
        line-height: 40px;
    }
}

.page-about-history .history-gallery .history-download .link::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 12px;
    height: 14px;
    margin-top: -7px;
    background: url("../image/unit_download-btn_lg.png") center/12px auto no-repeat;
}

.page-about-history .history-gallery .history-galler-slider {
    position: relative;
    font-size: 0;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider {
        width: 100%;
        margin-top: 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider {
        width: 940px;
        margin: 40px auto 0;
    }
}

.page-about-history .history-gallery .history-galler-slider .item {
    vertical-align: top;
    text-decoration: none;
    opacity: 0.25;
    transition: opacity 0.2s ease;
}

@media (max-width: 767px) {
    .page-about-history .history-gallery .history-galler-slider .item {
        width: calc(100vw - 58px);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .page-about-history .history-gallery .history-galler-slider .item {
        width: calc(100vw - 140px);
    }
}

@media (min-width: 1280px) {
    .page-about-history .history-gallery .history-galler-slider .item {
        width: 660px;
    }
}

.page-about-history .history-gallery .history-galler-slider .item .figure {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure {
        width: 100%;
    }
}

.page-about-history .history-gallery .history-galler-slider .item .figure .img {
    position: relative;
    width: 100%;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .img {
        height: 0;
        padding-bottom: calc(77.66% + 90px);
    }
}

@media (max-width: 1039px) and (min-width: 640px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .img {
        padding-bottom: 433px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .img {
        height: 466px;
    }
}

.page-about-history .history-gallery .history-galler-slider .item .figure .figcaption {
    display: block;
    background: #fff;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption {
        width: 100%;
        height: 90px;
        padding: 20px 0;
        text-align: center;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption {
        position: absolute;
        bottom: 40px;
        right: -100px;
        z-index: 1;
        width: 300px;
        height: 150px;
        padding: 15px 0 15px 30px;
        border-bottom: 0;
        text-align: left;
        opacity: 0;
        transition: opacity 0s ease;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption.long {
        width: 334px;
    }
}

.page-about-history .history-gallery .history-galler-slider .item .figure .figcaption.is-active {
    opacity: 1;
    transition: opacity 0.1s ease;
}

.page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .year {
    display: block;
    font-family: 'Noto Serif SC';
    color: #1b3b86;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .year {
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: 600;
        line-height: 17px;
        letter-spacing: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .year {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
    }
}

.page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .title {
    display: block;
    font-weight: 500;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .title {
        max-height: 30px;
        max-width: calc(100% - 120px);
        margin: 0 auto;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: -0.025em;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .item .figure .figcaption .title {
        margin-top: 11px;
        max-height: 66px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.025em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        overflow: hidden;
    }
}

.page-about-history .history-gallery .history-galler-slider .item.slick-active {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    padding: 0;
    border: 0;
    margin: 0;
    outline: none;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow {
        bottom: 0;
        width: 90px;
        height: 90px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow {
        top: 0;
        width: 240px;
        height: 466px;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow::after {
    content: '';
    display: block;
    position: absolute;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow::after {
        width: 32px;
        height: 8px;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow::after {
        width: 62px;
        height: 16px;
        position: absolute;
        top: 50%;
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev {
    outline: none;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev {
        left: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev {
        left: -40px;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev::after {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev::after {
        -webkit-transform: rotate(-135deg) translate(-12px, 36px);
        -ms-transform: rotate(-135deg) translate(-12px, 36px);
        -moz-transform: rotate(-135deg) translate(-12px, 36px);
        transform: rotate(-135deg) translate(-12px, 36px);
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev::after {
        left: 0;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev:hover::after,
.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-prev:focus::after {
    border-top-color: #28478d;
    border-right-color: #28478d;
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next {
    outline: none;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next {
        right: 0;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next {
        right: -40px;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next::after {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next::after {
        -webkit-transform: rotate(45deg) translate(7px, -25px);
        -ms-transform: rotate(45deg) translate(7px, -25px);
        -moz-transform: rotate(45deg) translate(7px, -25px);
        transform: rotate(45deg) translate(7px, -25px);
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next::after {
        right: 0;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next:hover::after,
.page-about-history .history-gallery .history-galler-slider .slick-arrow.slick-next:focus::after {
    border-top-color: #28478d;
    border-right-color: #28478d;
}

@media (max-width: 1039px) {
    .page-about-history .history-gallery .history-galler-slider .slick-dots {
        display: none;
    }
}

@media (min-width: 1040px) {
    .page-about-history .history-gallery .history-galler-slider .slick-dots {
        padding: 40px 0 0;
        font-size: 0;
        text-align: center;
    }
}

.page-about-history .history-gallery .history-galler-slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
}

.page-about-history .history-gallery .history-galler-slider .slick-dots li .history-pager {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    padding: 0;
    border: 0;
    margin: 5px 12px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0);
    background: #999;
}

.page-about-history .history-gallery .history-galler-slider .slick-dots li:first-child .history-pager,
.page-about-history .history-gallery .history-galler-slider .slick-dots li:last-child .history-pager {
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0 12px;
    color: #333;
    background: none;
}

.page-about-history .history-gallery .history-galler-slider .slick-dots li.slick-active .history-pager {
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0 12px;
    font-size: 14px;
    color: #1b3b86;
    background: none;
}

.page-about-snuawards .select-wrap {
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-snuawards .select-wrap {
        padding: 15px;
        margin: 30px -15px 0;
        background: #f7f7f7;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .select-wrap {
        margin-top: 30px;
        text-align: right;
    }
}

.page-about-snuawards .select-wrap .txt {
    display: inline-block;
    height: 54px;
    padding: 20px 10px;
    border-bottom: 2px solid #333;
    font-size: 13px;
    line-height: 14px;
    vertical-align: bottom;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-snuawards .select-wrap .txt {
        display: none;
    }
}

.page-about-snuawards .select-wrap .select {
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: bottom;
    background: url("../image/icon-arrow-down_lg.png") right 10px center/10px auto no-repeat;
}

@media (max-width: 639px) {
    .page-about-snuawards .select-wrap .select {
        width: 100%;
        height: 33px;
        padding-left: 10px;
        font-weight: 400;
        font-size: 13px;
        line-height: 33px;
        color: #666;
        background: #fff url("../image/icon-arrow-down_lg.png") right 10px center/10px auto no-repeat;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .select-wrap .select {
        width: 126px;
        height: 54px;
        padding-top: 20px;
        padding-bottom: 18px;
        padding-left: 50px;
        border-bottom: 2px solid #333;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #333;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap {
        margin-top: 18px;
    }
}

.page-about-snuawards .view-wrap .group {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 0;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group.img-long .thumb {
        height: 162px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group.img-long .thumb {
        height: 316px;
    }
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group.img-longh .thumb {
        width: 120px;
        height: 77px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group.img-longh .thumb {
        width: 250px;
        height: 162px;
    }
}

.page-about-snuawards .view-wrap .group .thumb {
    display: inline-block;
    border: 1px solid #ebebeb;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .thumb {
        width: 61px;
        height: 77px;
        vertical-align: top;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .thumb {
        width: 122px;
        height: 154px;
        vertical-align: middle;
    }
}

.page-about-snuawards .view-wrap .group .text {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text {
        width: calc(100% - 61px);
        padding: 0 0 0 15px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text {
        width: calc(100% - 122px);
        padding: 0 0 0 40px;
    }
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group.img-longh .text {
        width: calc(100% - 130px);
        padding: 0 0 0 15px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group.img-longh .text {
        width: calc(100% - 260px);
        padding: 0 0 0 40px;
    }
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text .name-row {
        margin-bottom: 3px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text .name-row {
        margin-bottom: 2px;
    }
}

.page-about-snuawards .view-wrap .group .text .name-row .name {
    font-family: 'Noto Serif SC', serif;
    font-weight: 700;
    letter-spacing: 0;
    vertical-align: top;
    white-space: nowrap;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text .name-row .name {
        display: block;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 2px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text .name-row .name {
        display: table-cell;
        font-size: 16px;
        line-height: 22px;
    }
}

.page-about-snuawards .view-wrap .group .text .name-row .bar {
    position: relative;
    width: 26px;
    height: 30px;
    font-weight: 400;
    vertical-align: top;
    color: rgba(0, 0, 0, 0);
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text .name-row .bar {
        display: none;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text .name-row .bar {
        display: table-cell;
    }
}

.page-about-snuawards .view-wrap .group .text .name-row .bar::after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    left: 0;
    width: 1px;
    height: 10px;
    margin: auto;
    background: #666;
    transform: rotate(30deg);
}

.page-about-snuawards .view-wrap .group .text .name-row .job {
    font-family: 'Noto Serif SC', serif;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text .name-row .job {
        display: block;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text .name-row .job {
        display: table-cell;
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-snuawards .view-wrap .group .text .career-row {
    padding: 0;
    margin: 7px auto 0;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-snuawards .view-wrap .group .text .career-row {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 640px) {
    .page-about-snuawards .view-wrap .group .text .career-row {
        font-size: 14px;
        line-height: 22px;
    }
}

.page-about-snuawards .view-wrap .group .text .career-row .bullet {
    line-height: inherit;
}

.page-about-snuawards .view-wrap .group .text .career-row li~li {
    margin-top: 3px;
}

@media (max-width: 1039px) {
    .page-about-campus .common-desc {
        margin: 20px 0 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .common-desc {
        margin: 44px 0 40px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .common-contitle {
        margin-bottom: 7px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .common-contitle {
        margin-bottom: 25px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .common-smalltitle {
        margin-bottom: 7px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .common-smalltitle {
        margin-bottom: 2px;
    }
}

.page-about-campus .common-smalltitle+.common-btn-wrap {
    margin-top: 15px;
}

.page-about-campus .common-smalltitle+.list-dl {
    margin-top: 0;
}

.page-about-campus .common-normaltext+.table-type01 {
    margin-top: 26px;
}

@media (max-width: 639px) {
    .page-about-campus .common-normaltext+.list-dl {
        margin-top: 12px;
    }
}

@media (min-width: 640px) {
    .page-about-campus .common-normaltext+.list-dl {
        margin-top: 24px;
    }
}

@media (min-width: 640px) {
    .page-about-campus .common-normaltext+.common-btn-link {
        margin-top: 14px;
    }
}

.page-about-campus .common-btn-down {
    margin-right: 15px;
    margin-bottom: 10px;
}

@media (max-width: 639px) {
    .page-about-campus .common-btn-down::after {
        margin-left: 12px;
    }
}

.page-about-campus .common-btn-down.slim {
    font-weight: 400;
}

@media (max-width: 1039px) {
    .page-about-campus .common-btn-down+.table-type01 {
        margin-top: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .common-btn-down+.table-type01 {
        margin-top: 30px;
    }
}

.page-about-campus .common-btn-link+.campus-title {
    margin: 25px 0 -2px;
}

@media (max-width: 1039px) {
    .page-about-campus .table-type01+.campus-notice {
        margin: 8px 0 11px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .table-type01+.campus-notice {
        margin: 6px 0 12px;
    }
}

.page-about-campus .list-dl+.common-btn-wrap {
    margin-top: 14px;
}

.page-about-campus .address-mailing {
    padding: 50px 0 0;
    margin-bottom: 40px;
}

@media (max-width: 1039px) {
    .page-about-campus .address-mailing {
        padding-top: 0;
        margin-bottom: 25px;
    }
}

.page-about-campus .address-mailing .common-smalltitle {
    margin-bottom: 15px;
}

.page-about-campus .airport-bus {
    padding: 50px 0 0;
    margin-bottom: 40px;
}

@media (max-width: 1039px) {
    .page-about-campus .airport-bus {
        padding-top: 0;
        margin-bottom: 25px;
    }
}

.page-about-campus .airport-Taxi {
    padding: 50px 0 0;
}

@media (max-width: 1039px) {
    .page-about-campus .parking-block {
        margin-top: 20px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .parking-block {
        margin-top: 50px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .parking-block~.parking-block {
        margin-top: 27px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .shuttle-02 {
        margin-top: 25px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .shuttle-02 {
        margin-top: 70px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .shuttle-03 {
        margin-top: 28px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .shuttle-03 {
        margin-top: 45px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .shuttle-04 {
        margin-top: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .shuttle-04 {
        margin-top: 70px;
    }
}

.page-about-campus .shuttle-04 .point {
    display: block;
}

@media (max-width: 1039px) {
    .page-about-campus .shuttle-04 .point {
        margin-bottom: 5px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .shuttle-04 .point {
        margin-bottom: 17px;
    }
}

.page-about-campus .campus-title {
    font-weight: 500;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-title {
        margin: 11px 0 10px;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-title {
        margin: 16px 0 8px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .campus-title .common-icon-metro.metro-2::before {
        margin-right: 7px;
        background-size: 21px auto;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .campus-title .txt {
        display: inline-block;
        width: calc(100% - 29px);
        vertical-align: top;
    }
}

.page-about-campus .campus-notice {
    font-weight: 400;
    line-height: 22px;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-notice {
        padding-left: 12px;
        margin: 7px 0 7px;
        font-size: 12px;
        line-height: 16px;
        text-indent: -12px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-notice {
        margin: 16px 0 6px;
        font-size: 13px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-metro-map {
        margin: 30px 0;
    }
}

.page-about-campus .campus-metro-map+.campus-metro-map {
    margin: 26px 0;
}

.page-about-campus .campus-map-figure {
    margin: 0 auto 20px;
    font-size: 0;
}

.page-about-campus .campus-map-figure .map {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-map-figure .map {
        width: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-map-figure .map {
        width: 510px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .campus-map-figure .map.sm {
        width: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-map-figure .map.sm {
        width: 382px;
    }
}

.page-about-campus .campus-map-figure .caption {
    font-weight: 400;
    vertical-align: middle;
    color: #333;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-map-figure .caption {
        padding: 12px 0 0;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-map-figure .caption {
        display: inline-block;
        width: calc(100% - 510px);
        padding: 0 0 0 30px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-map-figure .caption.sm {
        width: calc(100% - 382px);
    }
}

.page-about-campus .campus-map-figure+.campus-title {
    margin-top: 28px;
}

.page-about-campus .table-shuttles-01 .col-route {
    width: 31.3%;
}

.page-about-campus .table-shuttles-01 .col-hour {
    width: 13.7%;
}

.page-about-campus .table-shuttles-01 .col-stop {
    width: 55%;
    padding-right: 25px;
    padding-left: 25px;
    text-align: left;
}

.page-about-campus .table-shuttles-01 thead tr:first-child th.no-topborder2 {
    border: 0;
}

.page-about-campus .table-shuttles-02 th,
.page-about-campus .table-shuttles-02 td {
    font-size: 12px;
    line-height: 16px;
}

.page-about-campus .table-shuttles-02 b {
    font-weight: 500;
}

@media (max-width: 1039px) {
    .page-about-campus .table-shuttles-02 table thead tr th.no-topborder2 {
        border-top: 0;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .table-shuttles-02 .col-stop {
        padding-left: 10px;
        text-align: left;
    }
}

.page-about-campus .table-shuttles-02 .col-stop .list-dl {
    text-align: left;
    margin: 0 auto;
}

@media (min-width: 1040px) {
    .page-about-campus .table-shuttles-02 .col-stop .list-dl {
        max-width: 250px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .table-shuttles-02 .col-stop .list-dl .list {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .table-shuttles-02 .col-stop .list-dl+.list-dl {
        margin-top: 3px;
    }
}

.page-about-campus .table-transportation-01 .col-num {
    width: 17%;
}

.page-about-campus .table-transportation-01 .col-final {
    width: 28%;
}

.page-about-campus .table-transportation-01 .col-major {
    width: 55%;
}

.page-about-campus .transportation-table .row .col-title {
    width: 100%;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #333;
    background: #f7f7f7;
}

.page-about-campus .transportation-table .row .col-data {
    width: 100%;
    padding: 8px 10px 15px;
    text-align: left;
    border-bottom: 1px solid #d1d1d1;
    font-size: 0;
}

.page-about-campus .transportation-table .row .col-data .col-d-name {
    display: inline-block;
    position: relative;
    width: 85px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #333;
}

.page-about-campus .transportation-table .row .col-data .col-d-name::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 2px;
    height: 10px;
    background: #e4e4e4;
}

.page-about-campus .transportation-table .row .col-data .col-d-val {
    display: inline-block;
    width: calc(100% - 85px);
    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #666;
}

.page-about-campus .transportation-table .row .col-data .col-data-row~.col-data-row {
    margin-top: 7px;
}

@media (max-width: 1039px) {
    .page-about-campus .transportation-table .row:first-child .col-title {
        border-top: 1px solid #d1d1d1;
    }
}

.page-about-campus .campus-table {
    width: 100%;
}

@media (max-width: 1039px) {

    .page-about-campus .campus-table th,
    .page-about-campus .campus-table td {
        display: block;
        width: 100%;
        padding: 7px 10px;
        text-align: left;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .campus-table th,
    .page-about-campus .campus-table td {
        padding: 13px 20px;
        border-bottom: 1px solid #d1d1d1;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .campus-table tr:first-child th {
        border-top: 1px solid #d1d1d1;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .campus-table tr:first-child th,
    .page-about-campus .campus-table tr:first-child td {
        border-top: 1px solid #d1d1d1;
    }
}

.page-about-campus .campus-table th {
    font-weight: 400;
    color: #333;
    background: #f7f7f7;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-table th {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-table th {
        width: 20.19%;
        font-size: 13px;
        line-height: 18px;
    }
}

.page-about-campus .campus-table td {
    font-weight: 400;
    color: #666;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-table td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #d1d1d1;
        font-size: 12px;
        line-height: 21px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-table td {
        padding-right: 0;
        font-size: 13px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .campus-table td .data2 {
        display: block;
        width: 100%;
        padding-top: 8px;
        border-top: 1px dashed #ebebeb;
        margin-top: 8px;
    }
}

.page-about-campus .campus-table .icon-triangle {
    display: inline-block;
    position: relative;
    height: 15px;
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-campus .campus-table .icon-triangle {
        width: 21px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .campus-table .icon-triangle {
        width: 22px;
    }
}

.page-about-campus .campus-table .icon-triangle::after {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 2px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #666666;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-address {
        margin-bottom: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-address {
        margin-bottom: 70px;
    }
}

.page-about-campus .yeongeon-address .address-wrap {
    font-size: 0;
}

.page-about-campus .yeongeon-address .address-wrap .thumb {
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-address .address-wrap .thumb {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 32.57%;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-address .address-wrap .thumb {
        display: inline-block;
        width: 360px;
        height: 120px;
    }
}

.page-about-campus .yeongeon-address .address-wrap .text-group {
    vertical-align: middle;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-address .address-wrap .text-group {
        margin-top: 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-address .address-wrap .text-group {
        display: inline-block;
        width: calc(100% - 360px);
        padding-left: 40px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-address .address-wrap .text-group .common-smalltitle {
        margin-bottom: 10px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-address .address-wrap .text-group .common-smalltitle {
        margin-bottom: 12px;
    }
}

.page-about-campus .yeongeon-address .address-wrap .adress-text {
    display: inline-block;
    width: calc(100% - 20px);
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-address .address-wrap~.address-wrap {
        margin-top: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-address .address-wrap~.address-wrap {
        margin-top: 40px;
    }
}

.page-about-campus .yeongeon-campus {
    margin-bottom: 70px;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .map-img {
        margin-bottom: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-campus .map-img {
        margin-bottom: 50px;
    }
}

.page-about-campus .yeongeon-campus .map-img .img {
    max-width: 100%;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .map-img .img {
        width: 100%;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .campus-title {
        margin: 11px 0 6px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-campus .campus-title {
        margin: 16px 0 4px;
    }
}

.page-about-campus .yeongeon-campus .common-icon.bullet {
    line-height: 1.57;
}

.page-about-campus .yeongeon-campus .common-icon.bullet::before {
    top: 8px;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .yeongeon-bus {
        margin-top: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-campus .yeongeon-bus {
        margin-top: 50px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .yeongeon-bus .campus-title~.campus-title {
        margin: 26px 0 6px;
    }
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-campus .yeongeon-bus .common-normaltext {
        margin-top: 6px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-campus .yeongeon-bus .common-normaltext {
        margin-top: 3px;
    }
}

.page-about-campus .yeongeon-campus .yeongeon-bus .textarea {
    display: inline-block;
    width: calc(100% - 22px);
    vertical-align: top;
}

@media (max-width: 1039px) {
    .page-about-campus .yeongeon-seoul .common-btn-link {
        margin-top: 8px;
    }
}

@media (min-width: 1040px) {
    .page-about-campus .yeongeon-seoul .common-btn-link {
        margin-top: 13px;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address,
    .page-about-campus .siheung-address {
        margin-bottom: 40px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address,
    .page-about-campus .siheung-address {
        margin-bottom: 70px;
    }
}

.page-about-campus .pyeongchang-address .address-wrap,
.page-about-campus .siheung-address .address-wrap {
    position: relative;
    font-size: 0;
}

.page-about-campus .pyeongchang-address .address-wrap .thumb,
.page-about-campus .siheung-address .address-wrap .thumb {
    vertical-align: top;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .thumb,
    .page-about-campus .siheung-address .address-wrap .thumb {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 32.57%;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address .address-wrap .thumb,
    .page-about-campus .siheung-address .address-wrap .thumb {
        display: inline-block;
        width: 360px;
        height: 120px;
    }
}

.page-about-campus .pyeongchang-address .address-wrap .text-group,
.page-about-campus .siheung-address .address-wrap .text-group {
    vertical-align: top;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group,
    .page-about-campus .siheung-address .address-wrap .text-group {
        margin-top: 15px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group,
    .page-about-campus .siheung-address .address-wrap .text-group {
        display: inline-block;
        width: calc(100% - 360px);
        padding-left: 40px;
    }
}

.page-about-campus .pyeongchang-address .address-wrap .text-group .d-name,
.page-about-campus .siheung-address .address-wrap .text-group .d-name {
    font-weight: 500;
    color: #333;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .d-name,
    .page-about-campus .siheung-address .address-wrap .text-group .d-name {
        display: block;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .d-name,
    .page-about-campus .siheung-address .address-wrap .text-group .d-name {
        display: inline-block;
        width: 82px;
        vertical-align: middle;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .textarea,
    .page-about-campus .siheung-address .address-wrap .text-group .textarea {
        display: inline-block;
        width: calc(100% - 20px);
        vertical-align: top;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .common-normaltext,
    .page-about-campus .siheung-address .address-wrap .text-group .common-normaltext {
        margin-bottom: 5px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .common-normaltext,
    .page-about-campus .siheung-address .address-wrap .text-group .common-normaltext {
        margin-bottom: 13px;
    }
}

.page-about-campus .pyeongchang-address .address-wrap .text-group .common-normaltext a,
.page-about-campus .siheung-address .address-wrap .text-group .common-normaltext a {
    text-decoration: none;
    color: inherit;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .common-btn-link,
    .page-about-campus .siheung-address .address-wrap .text-group .common-btn-link {
        margin-top: 12px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-address .address-wrap .text-group .common-btn-link,
    .page-about-campus .siheung-address .address-wrap .text-group .common-btn-link {
        margin-top: 9px;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .common-smalltitle,
    .page-about-campus .siheung-information .common-smalltitle {
        margin-top: 30px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .common-smalltitle,
    .page-about-campus .siheung-information .common-smalltitle {
        margin-top: 50px;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-map,
    .page-about-campus .pyeongchang-information .siheung-map,
    .page-about-campus .siheung-information .pyeongchang-map,
    .page-about-campus .siheung-information .siheung-map {
        margin: 15px auto 0;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-map,
    .page-about-campus .pyeongchang-information .siheung-map,
    .page-about-campus .siheung-information .pyeongchang-map,
    .page-about-campus .siheung-information .siheung-map {
        margin: 40px auto 0;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap,
.page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap,
.page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap,
.page-about-campus .siheung-information .siheung-map .root_daum_roughmap {
    width: 100%;
    padding: 0;
    border: 1px solid #e0e2db;
    border-radius: 0;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap,
    .page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap,
    .page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap,
    .page-about-campus .siheung-information .siheung-map .root_daum_roughmap {
        height: 350px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap,
    .page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap,
    .page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap,
    .page-about-campus .siheung-information .siheung-map .root_daum_roughmap {
        height: 298px;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap .wrap_map,
    .page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap .wrap_map,
    .page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap .wrap_map,
    .page-about-campus .siheung-information .siheung-map .root_daum_roughmap .wrap_map {
        height: 350px !important;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap .map_border,
.page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap .map_border,
.page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap .map_border,
.page-about-campus .siheung-information .siheung-map .root_daum_roughmap .map_border {
    display: none;
}

.page-about-campus .pyeongchang-information .pyeongchang-map .root_daum_roughmap .wrap_btn_zoom,
.page-about-campus .pyeongchang-information .siheung-map .root_daum_roughmap .wrap_btn_zoom,
.page-about-campus .siheung-information .pyeongchang-map .root_daum_roughmap .wrap_btn_zoom,
.page-about-campus .siheung-information .siheung-map .root_daum_roughmap .wrap_btn_zoom {
    z-index: 1;
}

.page-about-campus .pyeongchang-information .pyeongchang-car,
.page-about-campus .pyeongchang-information .siheung-car,
.page-about-campus .siheung-information .pyeongchang-car,
.page-about-campus .siheung-information .siheung-car {
    width: 100%;
}

.page-about-campus .pyeongchang-information .pyeongchang-car .car-table-wrap,
.page-about-campus .pyeongchang-information .siheung-car .car-table-wrap,
.page-about-campus .siheung-information .pyeongchang-car .car-table-wrap,
.page-about-campus .siheung-information .siheung-car .car-table-wrap {
    width: 100%;
    margin-top: 16px;
}

.page-about-campus .pyeongchang-information .pyeongchang-bus .list-dl,
.page-about-campus .pyeongchang-information .siheung-bus .list-dl,
.page-about-campus .siheung-information .pyeongchang-bus .list-dl,
.page-about-campus .siheung-information .siheung-bus .list-dl {
    margin-top: 9px;
}

.page-about-campus .pyeongchang-information .pyeongchang-bus .bus-table-wrap,
.page-about-campus .pyeongchang-information .siheung-bus .bus-table-wrap,
.page-about-campus .siheung-information .pyeongchang-bus .bus-table-wrap,
.page-about-campus .siheung-information .siheung-bus .bus-table-wrap {
    width: 100%;
    margin-top: 16px;
}

.page-about-campus .pyeongchang-information .pyeongchang-bus .d-name,
.page-about-campus .pyeongchang-information .siheung-bus .d-name,
.page-about-campus .siheung-information .pyeongchang-bus .d-name,
.page-about-campus .siheung-information .siheung-bus .d-name {
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    color: #666;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-bus .d-name,
    .page-about-campus .pyeongchang-information .siheung-bus .d-name,
    .page-about-campus .siheung-information .pyeongchang-bus .d-name,
    .page-about-campus .siheung-information .siheung-bus .d-name {
        position: relative;
        width: 172px;
    }

    .page-about-campus .pyeongchang-information .pyeongchang-bus .d-name::after,
    .page-about-campus .pyeongchang-information .siheung-bus .d-name::after,
    .page-about-campus .siheung-information .pyeongchang-bus .d-name::after,
    .page-about-campus .siheung-information .siheung-bus .d-name::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        right: 11px;
        width: 2px;
        height: 9px;
        background: #e4e4e4;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-bus .d-name,
    .page-about-campus .pyeongchang-information .siheung-bus .d-name,
    .page-about-campus .siheung-information .pyeongchang-bus .d-name,
    .page-about-campus .siheung-information .siheung-bus .d-name {
        width: 192px;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-bus .tel a,
.page-about-campus .pyeongchang-information .siheung-bus .tel a,
.page-about-campus .siheung-information .pyeongchang-bus .tel a,
.page-about-campus .siheung-information .siheung-bus .tel a {
    display: inline-block;
    width: 124px;
    vertical-align: middle;
    color: inherit;
}

.page-about-campus .pyeongchang-information .pyeongchang-bus .d-tip,
.page-about-campus .pyeongchang-information .siheung-bus .d-tip,
.page-about-campus .siheung-information .pyeongchang-bus .d-tip,
.page-about-campus .siheung-information .siheung-bus .d-tip {
    color: #888;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-bus .d-tip,
    .page-about-campus .pyeongchang-information .siheung-bus .d-tip,
    .page-about-campus .siheung-information .pyeongchang-bus .d-tip,
    .page-about-campus .siheung-information .siheung-bus .d-tip {
        display: block;
        padding-left: 180px;
        margin: 3px 0;
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-bus .d-tip,
    .page-about-campus .pyeongchang-information .siheung-bus .d-tip,
    .page-about-campus .siheung-information .pyeongchang-bus .d-tip,
    .page-about-campus .siheung-information .siheung-bus .d-tip {
        font-size: 13px;
        line-height: 22px;
    }
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .train-table,
    .page-about-campus .pyeongchang-information .siheung-train .train-table,
    .page-about-campus .siheung-information .pyeongchang-train .train-table,
    .page-about-campus .siheung-information .siheung-train .train-table {
        margin: 16px auto 13px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .train-figure,
    .page-about-campus .pyeongchang-information .siheung-train .train-figure,
    .page-about-campus .siheung-information .pyeongchang-train .train-figure,
    .page-about-campus .siheung-information .siheung-train .train-figure {
        margin: 0 auto 20px;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-train .train-figure .train-img,
.page-about-campus .pyeongchang-information .siheung-train .train-figure .train-img,
.page-about-campus .siheung-information .pyeongchang-train .train-figure .train-img,
.page-about-campus .siheung-information .siheung-train .train-figure .train-img {
    width: 100%;
}

.page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc,
.page-about-campus .pyeongchang-information .siheung-train .campus-title .desc,
.page-about-campus .siheung-information .pyeongchang-train .campus-title .desc,
.page-about-campus .siheung-information .siheung-train .campus-title .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc,
    .page-about-campus .pyeongchang-information .siheung-train .campus-title .desc,
    .page-about-campus .siheung-information .pyeongchang-train .campus-title .desc,
    .page-about-campus .siheung-information .siheung-train .campus-title .desc {
        display: block;
        margin-top: 7px;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc::before,
.page-about-campus .pyeongchang-information .siheung-train .campus-title .desc::before,
.page-about-campus .siheung-information .pyeongchang-train .campus-title .desc::before,
.page-about-campus .siheung-information .siheung-train .campus-title .desc::before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 12px;
    margin: 0 10px;
    vertical-align: middle;
    background: #e4e4e4;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc::before,
    .page-about-campus .pyeongchang-information .siheung-train .campus-title .desc::before,
    .page-about-campus .siheung-information .pyeongchang-train .campus-title .desc::before,
    .page-about-campus .siheung-information .siheung-train .campus-title .desc::before {
        display: none;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc .icon-triangle,
.page-about-campus .pyeongchang-information .siheung-train .campus-title .desc .icon-triangle,
.page-about-campus .siheung-information .pyeongchang-train .campus-title .desc .icon-triangle,
.page-about-campus .siheung-information .siheung-train .campus-title .desc .icon-triangle {
    display: inline-block;
    position: relative;
    height: 15px;
    vertical-align: middle;
}

@media (max-width: 1039px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc .icon-triangle,
    .page-about-campus .pyeongchang-information .siheung-train .campus-title .desc .icon-triangle,
    .page-about-campus .siheung-information .pyeongchang-train .campus-title .desc .icon-triangle,
    .page-about-campus .siheung-information .siheung-train .campus-title .desc .icon-triangle {
        width: 21px;
    }
}

@media (min-width: 1040px) {

    .page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc .icon-triangle,
    .page-about-campus .pyeongchang-information .siheung-train .campus-title .desc .icon-triangle,
    .page-about-campus .siheung-information .pyeongchang-train .campus-title .desc .icon-triangle,
    .page-about-campus .siheung-information .siheung-train .campus-title .desc .icon-triangle {
        width: 22px;
    }
}

.page-about-campus .pyeongchang-information .pyeongchang-train .campus-title .desc .icon-triangle::after,
.page-about-campus .pyeongchang-information .siheung-train .campus-title .desc .icon-triangle::after,
.page-about-campus .siheung-information .pyeongchang-train .campus-title .desc .icon-triangle::after,
.page-about-campus .siheung-information .siheung-train .campus-title .desc .icon-triangle::after {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 2px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #666666;
}

@media (max-width: 1279px) {

    .page-about-campus .msie9 .campus-table tbody tr td,
    .page-about-campus .msie9 .campus-table tbody tr th {
        display: block;
        float: left;
        width: 100%;
        clear: both;
    }
}

.page-about-multi_media {
    line-height: normal;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos+.pr-videos {
        margin-top: 40px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos+.pr-videos {
        margin-top: 70px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos+.pr-videos {
        margin-top: 70px;
    }
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .common-contitle {
        margin-bottom: 10px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .common-contitle {
        margin-bottom: 40px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .common-contitle {
        margin-bottom: 70px;
    }
}

.page-about-multi_media .pr-videos .video-wrap {
    position: relative;
    font-size: 0;
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-videos .video-wrap {
        margin-bottom: 50px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .video-wrap {
        width: 100%;
        margin: 0 auto 80px;
    }
}

.page-about-multi_media .pr-videos .video-wrap .frame {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .video-wrap .frame {
        width: 100%;
        height: 0;
        padding-bottom: 56.08%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .video-wrap .frame {
        width: calc(100% - 250px);
        height: 0;
        padding-bottom: calc((100% - 250px) / 100 * 56.08);
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .video-wrap .frame {
        width: 640px;
    }
}

.page-about-multi_media .pr-videos .video-wrap .frame .youtube {
    width: 100%;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .video-wrap .frame .youtube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .video-wrap .frame .youtube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .video-wrap .frame .youtube {
        height: 360px;
    }
}

.page-about-multi_media .pr-videos .video-wrap .texts {
    display: inline-block;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ebebeb;
    font-size: 0;
    vertical-align: top;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .video-wrap .texts {
        width: 100%;
        padding-top: 12px;
        border-top: none;
        padding: 16px 0 20px;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .video-wrap .texts {
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 100%;
        padding: 20px 0 20px 25px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .video-wrap .texts {
        width: calc(100% - 640px);
        height: 360px;
        padding: 40px 30px 30px 40px;
    }
}

.page-about-multi_media .pr-videos .video-wrap .texts .title {
    font-weight: 500;
    letter-spacing: 0;
    vertical-align: top;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .title {
        height: 104px;
    }
}

@media (min-width: 640px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .title {
        height: 90px;
        font-size: 20px;
        line-height: 28px;
    }
}

.page-about-multi_media .pr-videos .video-wrap .texts .sub {
    border: none;
    font-weight: 300;
    letter-spacing: 0.025em;
    vertical-align: top;
    color: #666;
    overflow-y: scroll;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .sub {
        width: 100%;
        height: 100px;
        margin-top: 18px;
        padding-right: 45px;
        font-size: 13px;
        line-height: 19px;
    }
}

@media (min-width: 640px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .sub {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .sub {
        width: 210px;
        height: calc(100% - 90px);
        padding-right: 35px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .video-wrap .texts .sub {
        width: 290px;
        height: 197px;
        padding-right: 50px;
    }
}

.page-about-multi_media .pr-videos .wrapper {
    margin: 0 auto;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .wrapper {
        margin-top: 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .wrapper {
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 1040px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .wrapper {
        padding: 0 40px;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider {
    position: relative;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .wrapper .slider {
        padding: 0 15px;
    }
}

@media (max-width: 1039px) {
    .page-about-multi_media .pr-videos .wrapper .slider {
        padding: 0 30px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .wrapper .slider {
        width: 940px;
        margin: 0 auto;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider .slide {
    display: block;
}

.page-about-multi_media .pr-videos .wrapper .slider .slide a {
    text-decoration: none;
}

@media (max-width: 1039px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a {
        display: block;
        margin: 0 15px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a {
        display: block;
        width: 205px;
        margin: 0 30px;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider .slide a:focus .thumb,
.page-about-multi_media .pr-videos .wrapper .slider .slide a:hover .thumb,
.page-about-multi_media .pr-videos .wrapper .slider .slide a.is-active .thumb {
    opacity: 1;
}

.page-about-multi_media .pr-videos .wrapper .slider .slide a:focus .title,
.page-about-multi_media .pr-videos .wrapper .slider .slide a:hover .title,
.page-about-multi_media .pr-videos .wrapper .slider .slide a.is-active .title {
    border-bottom: 2px solid #1b3b86;
    color: #1b3b86;
}

.page-about-multi_media .pr-videos .wrapper .slider .slide a .thumb {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    opacity: 0.7;
}

@media (max-width: 1039px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a .thumb {
        width: 100%;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a .thumb {
        width: 205px;
        height: 116px;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider .slide a .title {
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    font-weight: 500;
    letter-spacing: 0;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a .title {
        padding: 15px 0 17px;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
    }
}

@media (min-width: 640px) and (max-width: 1039px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a .title {
        padding: 14px 0 16px;
        font-size: 14px;
        line-height: 24px;
    }
}

@media (min-width: 1040px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slide a .title {
        padding: 10px 0 18px;
        font-size: 14px;
        line-height: 24px;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider .slick-arrow {
    position: absolute;
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    z-index: 1;
}

@media (max-width: 1199px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-arrow {
        display: none;
    }
}

@media (min-width: 1200px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-arrow {
        top: 50px;
        width: 22px;
        height: 40px;
    }
}

.page-about-multi_media .pr-videos .wrapper .slider .slick-arrow.slick-prev {
    left: -40px;
    background: url("../image/icon-slider-arrow2_lg.png") 0 0/auto 40px no-repeat;
}

.page-about-multi_media .pr-videos .wrapper .slider .slick-arrow.slick-next {
    right: -40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url("../image/icon-slider-arrow2_lg.png") 0 0/auto 40px no-repeat;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots {
        display: block;
        padding: 30px 0 0;
        font-size: 0;
        text-align: center;
        color: rgba(0, 0, 0, 0);
    }
}

@media (min-width: 640px) and (max-width: 1199px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots {
        display: block;
        padding: 40px 0 0;
        font-size: 0;
        text-align: center;
        color: rgba(0, 0, 0, 0);
    }
}

@media (min-width: 1200px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots li {
        display: inline-block;
        margin: 0 2.5px;
    }
}

@media (max-width: 1199px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        border: 0;
        border-radius: 100%;
        margin: 0;
        background: #c6cee1;
    }
}

@media (max-width: 1199px) {
    .page-about-multi_media .pr-videos .wrapper .slider .slick-dots li.slick-active button {
        background: #1b3b86;
    }
}

@media (max-width: 1279px) {
    .page-about-multi_media .pr-brochures {
        padding-bottom: 21px;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures {
        padding-bottom: 50px;
    }
}

.page-about-multi_media .pr-brochures .board-wrap {
    font-size: 0;
}

.page-about-multi_media .pr-brochures .board-wrap .brochures {
    vertical-align: top;
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .brochures {
        display: inline-block;
        width: 47%;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .brochures {
        display: inline-block;
        width: 45.78%;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .guidebook {
    vertical-align: top;
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .guidebook {
        display: inline-block;
        width: 47%;
        margin-left: 6%;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .guidebook {
        display: inline-block;
        width: 45.75%;
        margin-left: 8.4%;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .booklets {
    vertical-align: top;
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .booklets {
        display: inline-block;
        width: 47%;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .booklets {
        display: inline-block;
        width: 45.75%;
        margin-top: 70px;
    }
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .common-contitle {
        margin-bottom: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .common-contitle {
        margin-bottom: 40px;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .common-contitle {
        margin-bottom: 40px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .box {
        height: auto;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .box {
        height: 382px;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .box .figure {
    display: inline-block;
    margin: 0;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .figure {
        width: 50%;
        padding-right: 15px;
        vertical-align: bottom;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .figure {
        width: calc(100% - 166px);
        margin-right: 20px;
        vertical-align: top;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .figure {
        width: 56.53%;
        vertical-align: top;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .box .figure .thumb {
    border: 1px solid #dedede;
    -ms-box-shadow: 5px 5px 0 #dedede;
    -webkit-box-shadow: 5px 5px 0 #dedede;
    box-shadow: 5px 5px 0 #dedede;
}

@media (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .figure .thumb {
        width: 100%;
        height: 0;
        padding-bottom: 140.26%;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .figure .thumb {
        width: 100%;
        height: 0;
        padding-bottom: 141.6%;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .box .links {
    display: inline-block;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links {
        width: 50%;
        padding: 0 0 3px 10px;
        vertical-align: bottom;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links {
        margin: 30px 0 0;
        vertical-align: bottom;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links {
        width: 43.47%;
        padding-left: 30px;
        vertical-align: bottom;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .box .links .btn {
    display: block;
    padding-left: 15px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links .btn {
        width: 100%;
        height: 31px;
        margin-top: 10px;
        font-size: 11px;
        line-height: 31px;
        letter-spacing: 0;
        background: #1b3b86 url("../image/icon-download-btn_lg.png") top 10px right 15px/12px auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links .btn {
        width: 146px;
        height: 30px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: -0.025em;
        background: #1b3b86 url("../image/icon-download-btn_lg.png") top 10px right 16px/12px auto no-repeat;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .box .links .btn {
        width: 100%;
        height: 40px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 40px;
        letter-spacing: -0.025em;
        background: #1b3b86 url("../image/icon-download-btn_lg.png") top 12px right 16px/12px auto no-repeat;
    }
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous {
        padding: 45px 0 70px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous {
        padding: 74px 0 29px;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous {
        width: 100%;
        margin: 80px 0 0;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .previous .common-smalltitle {
    display: block;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .common-smalltitle {
        margin-bottom: 10px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .common-smalltitle {
        margin-bottom: 20px;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .common-smalltitle {
        margin-bottom: 20px;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap {
    border-top: 1px solid #1a1c17;
    border-bottom: 1px solid #ebebeb;
    text-align: right;
}

.page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap::after {
    content: '';
    display: table;
    clear: both;
    table-layout: fixed;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap {
        padding: 7px 10px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap {
        padding: 5px 10px;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap {
        padding: 15px 10px;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
    float: left;
    border: 0;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    color: #333;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
        height: 24px;
        padding-right: 35px;
        font-size: 11px;
        line-height: 24px;
        background: #fff url("../image/icon-select-arrow-down_sm.png") right 10px top 50%/9px auto no-repeat;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-webkit-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-moz-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-moz-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-ms-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }
}

@media (max-width: 639px) and (max-width: 620px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
        max-width: 148px;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
        min-width: 136px;
        max-width: calc(100% - 100px);
        height: 40px;
        padding-right: 35px;
        font-size: 14px;
        line-height: 24px;
        background: #fff url("../image/icon-select-arrow-down_sm.png") right 10px top 50%/9px auto no-repeat;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-webkit-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-moz-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-moz-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-ms-input-placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::placeholder {
        font-size: 11px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #333;
    }
}

@media (min-width: 640px) and (max-width: 1279px) and (max-width: 675px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
        width: 105px;
        min-width: auto;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year {
        min-width: 157px;
        max-width: calc(100% - 150px);
        height: 31px;
        padding: 0 36px 0 22px;
        font-size: 16px;
        float: left;
        line-height: 31px;
        background: #fff url("../image/icon-select-arrow-down_sm.png") right 10px top 50%/9px auto no-repeat;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-webkit-input-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-moz-input-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::-moz-input-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year:-ms-input-placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }

    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .year::placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 31px;
        letter-spacing: 0;
        color: #333;
    }
}

.page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .btn {
    display: inline-block;
    margin: 0;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    color: #1b3b86;
}

@media (max-width: 639px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .btn {
        height: 24px;
        padding: 0 0 0 20px;
        font-size: 11px;
        line-height: 24px;
        letter-spacing: 0;
        background: url("../image/common-download-btn_lg.png") top 4px left 0/15px auto no-repeat;
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .btn {
        height: 40px;
        padding: 0 0 0 20px;
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0;
        background: url("../image/common-download-btn_lg.png") top 11px left 0/15px auto no-repeat;
    }
}

@media (min-width: 1280px) {
    .page-about-multi_media .pr-brochures .board-wrap .previous .input-wrap .btn {
        height: 31px;
        padding: 0 22px 0 30px;
        font-size: 14px;
        line-height: 31px;
        letter-spacing: -0.025em;
        text-align: left;
        background: url("../image/common-download-btn_lg.png") top 5px left 0/19px auto no-repeat;
    }
}

.page-about-multi_media .gallery-tip {
    padding-left: 11px;
    text-indent: -11px;
    color: #888;
}

@media (max-width: 639px) {
    .page-about-multi_media .gallery-tip {
        font-size: 11px;
        line-height: 15px;
    }
}

@media (min-width: 640px) {
    .page-about-multi_media .gallery-tip {
        font-size: 13px;
        line-height: 18px;
    }
}

/*투어 페이지*/
@media (max-width: 639px) {
    .page-about-tour .tour-group {
        margin-top: 30px;
    }
}

@media (min-width: 640px) {
    .page-about-tour .tour-group {
        margin-top: 50px;
    }
}

.page-about-tour .tour-group .list {
    font-weight: 400;
    color: #666;
}

@media (max-width: 639px) {
    .page-about-tour .tour-group .list {
        margin-top: 4px;
    }
}

.page-about-tour .tour-group .list a {
    text-decoration: none;
    color: inherit;
}

@media (max-width: 639px) {
    .page-about-tour .tour-group .common-btn-link {
        margin-top: 7px;
    }
}

@media (min-width: 640px) {
    .page-about-tour .tour-group .common-btn-link {
        margin-top: 12px;
    }
}

@media (max-width: 639px) {
    .page-about-tour .tour-group .common-btn-link+.list {
        margin-top: 8px;
    }
}

@media (min-width: 640px) {
    .page-about-tour .tour-group .common-btn-link+.list {
        margin-top: 22px;
    }
}