@charset "utf-8";

/* Mobile first: base -> 768px -> 1024px -> 1440px. */

/* sub-top bg e */
/* sub-layout s */
.sub-container {
    position: relative;
    box-sizing: border-box;
    --pc-breadcrumb-bg: #f6f6f7;
    --mob-breadcrumb-bg: var(--black);
}

.sub-top {
    display: none;
}

.sub-nav {
    top: 60px;
}

.breadcrumbs-wrap .breadcrumbs>ul {
    background: var(--white);
}

.breadcrumbs-wrap .breadcrumbs>ul>li>a {
    color: var(--black);
}

.sub-wrap {
    padding-top: 130px;
    padding-bottom: 20px;
}

.sub-title {
    max-width: 1400px;
    margin: 0 auto 30px;
    letter-spacing: -2px;
    padding: 0 30px;
    font-size: 24px;
    text-align: center;
    color: var(--black);
    font-weight: 500;
}

/*학과소개 공통*/
.intro-sub-tit {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
}

/* 공통 s*/
.sub-section + .sub-section {
    margin-top: 50px;
}

.tel-section .cont-box + .cont-box {
    margin-top: 50px;
}

.sub-section .ex-box-wrap, .cont-box .ex-box-wrap {
    padding-left: 0;
    padding-right: 0;
}

.sub-section {
    max-width: 1400px;
    box-sizing: content-box;
}

.link-tab .tab-list {
    max-width: 1400px;
}

.ex-box-wrap {
    max-width: 1400px;
}

.sample-box {
    max-width: 1400px;
}

/* gray-box, line-box s */
.gray-box.p20 {
    padding: 20px;
}

.line-box.p20 {
    padding: 20px;
}

/* gray-box e */
/* 공통 e */
/* 인사말 s */
.greeting-wrap .img-area>img {
    width: 100%;
}

.greeting-wrap .greeting-txt {
    padding-top: 15px;
}

.greeting-wrap .greeting-txt>p+p {
    padding-top: 30px;
}

.greeting-wrap .signature {
    margin-top: 40px;
    text-align: right;
}

.greeting-wrap .signature em {
    color: var(--black);
    display: inline-block;
    padding-left: 20px;
}

.greeting-wrap .signature>img {
    max-width: 150px;
    width: 100%;
}

/* 인사말 e */
/* 법인소개 - 법인인사말 s */
.greeting-wrap .greeting-tit {
    position: relative;
    font-size: 28px;
    letter-spacing: -0.7px;
    line-height: 1.5;
    color: var(--black);
}

.greeting-wrap.type2 .greeting-txt {
    padding-top: 30px;
}

.greeting-wrap.type2 .signature>p {
    font-size: 18px;
    color: var(--black);
}

/* 법인소개 - 법인인사말 e */
/* 학교법인 - 기부금모금 s */
.bg-box.donate {
    background-image: url("/_user/university/img/sub/bg-donate.png");
}

.ex-box-wrap.info {
    margin-bottom: 20px;
}

.ex-box .icon.info {
    background-image: url("/_user/university/img/sub/ico-info.png");
    width: 50px;
    height: 65px;
    background-size: 50px auto;
}

/* 학교법인 - 기부금모금 e */
/* 교육이념 s */
.bg-box.philosophy {
    margin-bottom: 30px;
    background-image: url("/_user/university_en/img/sub/bg-philosophy-banner.png");
}

.bg-box.philosophy .title {
    padding-bottom: 25px;
}

.bg-box.philosophy .title:before {
    content: '';
    display: block;
    margin: 0 auto;
    position: relative;
    top: 38px;
    width: 60px;
    height: 1px;
    background: #fff;
}

.contents-tit.line.tc:after {
    margin: 20px auto 0;
}

.bg-box.philosophy .title {
    font-size: 20px;
    letter-spacing: -1px;
}

.bg-box.philosophy .sub-txt {
    line-height: 1;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 500;
}

.quote-box {
    position: relative;
}

.quote-box>p {
    color: var(--black);
    letter-spacing: -0.8px;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.5;
}

.quote-box>p>span {
    font-weight: 500;
}

/* circle-list s */
.circle-list>li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.circle-list>li+li {
    padding-top: 10px;
}

.circle-list .ico-area {
    --circle-list-bg: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    border-radius: 50%;
    background: var(--circle-list-bg);
}

.circle-list .ico-area:before {
    content: '';
    padding-top: 100%;
    display: block;
}

.circle-list .ico-area>img {
    width: 55px;
}

.circle-list .text-area {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.3px;
    line-height: 1.3;
    color: var(--black);
}

.circle-list .text-area>p {
    font-size: 15px;
    font-weight: 500;
}

.circle-list .text-area>span {
    font-size: 13px;
    padding: 0 5px;
    line-height: 1.2;
}

.circle-list .ico-area.navy {
    --circle-list-bg: #042a59;
}

.circle-list .ico-area.blue {
    --circle-list-bg: #05548f;
}

.circle-list .ico-area.brown {
    --circle-list-bg: #b5926f;
}

.circle-list .ico-area.indigo {
    --circle-list-bg: #5e6e88;
}

/* 교육이념 e */
/* SDU 대학특성화 s */
.sub-section.goal {
    padding: 0;
    margin-top: 50px;
}

.bg-box.goal {
    background-image: url("/_user/university/img/sub/bg-goal.png");
    box-sizing: border-box;
}

.bg-box.goal .inner-cont {
    width: 100%;
}

.bg-box.goal .title {
    padding-bottom: 25px;
}

.bg-box.goal .title:before {
    content: '';
    display: block;
    margin: 0 auto;
    position: relative;
    top: 38px;
    width: 60px;
    height: 1px;
    background: #fff;
}

.bg-box.goal .sub-txt {
    font-size: 24px;
}

.goal-box {
    margin-top: -60px;
    padding: 0 15px 60px;
}

.goal-box .box {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--border-color);
    padding: 35px 10px 20px 10px;
    box-sizing: border-box;
}

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

.goal-box .box.navy {
    background: var(--navy);
}

.goal-box .box.brown {
    background: #b5926f;
}

.goal-box .icon {
    display: block;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
}

.goal-box .icon.smart {
    background-image: url("/_user/university/img/sub/ico-univ-smart.png");
}

.goal-box .icon.cloud {
    background-image: url("/_user/university/img/sub/ico-univ-cloud.png");
}

.goal-box .tit {
    padding-top: 10px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: -1px;
}

.goal-box .txt {
    display: block;
    color: #fff;
    text-align: center;
}

.goal-box .txt .line {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    margin: 0 7px;
}

/* SDU 대학특성화 e */
/* sdu2025 - 비전체계 s */
.sub-section.sdu2025 {
    padding: 0;
}

.sdu2025 {
    position: relative;
}

.sdu2025 .title {
    padding-bottom: 70px;
    color: var(--navy);
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 35px;
    line-height: 1.4;
}

.sdu2025 .inner-cont {
    padding: 90px 2.5% 0;
    background: url("/_user/university/img/sub/bg-sdu2025.png") center no-repeat;
    background-size: cover;
}

.sdu2025 .slide-wrap {
    height: 1100px;
}

.sdu2025 .img-slide {
    display: flex;
    position: relative;
    height: 600px;
    box-sizing: border-box;
}

.sdu2025 .img-slide .img-wrap>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sdu2025 .text-slide {
    position: relative;
    min-height: 350px;
    box-sizing: border-box;
    background-color: var(--navy);
}

.sdu2025 .text-slide .text-wrap {
    color: var(--white);
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    box-sizing: border-box;
}

.sdu2025 .text-slide .text-wrap .num {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
}

.sdu2025 .text-slide .text-wrap .inner-tit {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 100;
    word-break: keep-all;
}

.sdu2025 .text-slide .text-wrap .inner-tit em {
    font-weight: 700;
}

.sdu2025 .text-slide .text-wrap ul {
    padding-top: 10px;
}

.sdu2025 .text-slide .text-wrap ul li {
    font-weight: 300;
}

.sdu2025 .text-slide .text-wrap ul li + li {
    padding-top: 5px;
}

.sdu2025 .text-slide .text-wrap ul li:before {
    position: relative;
    top: -4px;
    margin-right: 7px;
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--white);
}

.sdu2025 .text-slide .text-wrap ul, .sdu2025 .text-slide .text-wrap .inner-tit {
    padding-left: 7vw;
}

.sdu2025 .img-slide .img-wrap, .sdu2025 .text-slide .text-wrap {
    display: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
}

.sdu2025 .slide-control {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1 !important;
}

.sdu2025 .slide-control .pagination-wrap {
    display: flex;
    gap: 5px;
}

.sdu2025 .slide-control .pagination {
    display: block;
    width: 40px;
    height: 5px;
    background: #fff;
    opacity: 0.2;
}

.sdu2025 .slide-control .pagination.on {
    opacity: 1;
}

.sdu2025 .slide-control .button-wrap {
    display: none;
}

.sdu2025 .slide-control {
    bottom: 30px;
}

/* sdu2025 - 비전체계 s e */
/* sdu2025 - 8대 발전전략 s */
.vision-box {
    --vision-box-bg: #666;
}

.vision-box .tit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background: var(--vision-box-bg);
}

.vision-box.blue {
    --vision-box-bg: #05548f;
}

.vision-box.brown {
    --vision-box-bg: #b5926f;
}

.vision-box.navy {
    --vision-box-bg: #042a59;
}

.vision-box .tit-box .tit {
    color: var(--white);
    font-weight: bold;
    text-align: center;
    letter-spacing: -2px;
    font-size: 28px;
}

.vision-box .tit-box .tit br {
    display: none;
}

.vision-box .icon {
    display: block;
    width: 50px;
    min-height: 50px;
    background-repeat: no-repeat;
    background-size: 50px auto;
}

.vision-box .icon01 {
    background-image: url("/_user/university/img/sub/ico-sdu2025-01.png");
}

.vision-box .icon02 {
    background-image: url("/_user/university/img/sub/ico-sdu2025-02.png");
}

.vision-box .icon03 {
    background-image: url("/_user/university/img/sub/ico-sdu2025-03.png");
}

.vision-box:not(:first-child) {
    margin-top: 20px;
}

.vision-box .txt-box {
    padding: 20px;
    background: #f2f2f2;
}

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

.vision-box .sub-tit {
    margin-bottom: 20px;
    padding: 0 8px;
    width: fit-content;
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    background: var(--vision-box-bg);
}

.check2 {
    display: inline-block;
    width: 11px;
    height: 12px;
    background: url("/_user/university/img/sub/ico-check2.png") center no-repeat;
    background-size: 11px auto;
}

.bullet .check2 {
    margin-left: 5px;
}

.check-txt {
    display: flex;
    gap: 5px;
    align-items: baseline;
    color: var(--black);
    font-size: 18px;
}

.vision-wrap + .gray-box {
    margin-top: 20px;
}

/* sdu2025 - 8대 발전전략 e */
/* why-sdu s */
.why-banner {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: auto;
    box-sizing: border-box;
    background: url("/_user/university/img/sub/bg-why-sdu-m.png") center top no-repeat;
    overflow: hidden;
    background-size: cover;
}

.why-banner .tit-wrap {
    padding-top: max(80px, 10vw);
}

.why-banner .banner-tit {
    font-size: max(3vw, 21px);
    line-height: 1.4;
    color: transparent;
    text-align: center;
    font-weight: 900;
    background: linear-gradient(to top, #b48b67, #f2decd, #b48b67, #fff);
    -webkit-background-clip: text;
}

.why-banner .txt-wrap {
    margin-top: 400px;
}

.why-banner .banner-txt {
    text-align: center;
}

.why-banner .banner-txt + .banner-txt {
    margin-top: 50px;
}

.why-banner .banner-txt em {
    display: block;
    font-size: 1.7em;
    color: transparent;
    font-weight: 900;
    background: linear-gradient(to bottom, #f1c07d, #8c6f46);
    -webkit-background-clip: text;
}

.why-banner .banner-txt span {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.why-box-list {
    padding: 20px;
    background: #e8eaf1;
}

.why-box + .why-box {
    margin-top: 40px;
}

.why-box .tit {
    position: relative;
    font-size: max(27px, 3vw);
    padding-top: 20px;
    color: #032a58;
    font-weight: 700;
    line-height: 1.4;
}

.why-box .tit:before {
    content: '';
    display: block;
    position: absolute;
    width: 130px;
    height: 4px;
    top: 0;
    background: #032a58;
}

.why-box .txt-wrap {
    padding-top: 2vw;
}

.why-box .txt + .txt {
    padding-top: 5vw;
}

.why-box .sub-tit {
    font-size: max(27px, 3vw);
    margin-bottom: 20px;
    color: #032a58;
    font-weight: 700;
    line-height: 1.4;
}

.why-box .sub-tit span {
    display: inline-block;
    font-size: 15px;
    color: #505050;
    font-weight: 400;
    vertical-align: middle;
}

.why-box .sub-txt {
    font-size: max(18px, 2.5vw);
    color: var(--white);
    background: #032a58;
    padding: 2px 6px;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
}

.why-box .sub-txt + span {
    display: block;
    padding-top: 10px;
    width: 100%;
    font-size: 15px;
    text-align: right;
}

.why-box .img-box {
    width: 100%;
    text-align: center;
}

.why-box .img-box>img {
    width: 100%;
}

.why-box .sub-txt-box {
    margin: 0 auto;
}

/* why-sdu e */
/* 연혁 s */
.univ-history .year-slide {
    position: relative;
    width: calc(100% + 40px);
    height: auto;
    margin-left: -20px;
    background-image: url("/_user/university_en/img/sub/bg-history-year-m.png");
    background-size: 90% auto;
    background-position: 50% 15px;
    background-repeat: no-repeat;
}

.univ-history .year-slide .swiper-slide>a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    margin-top: 25px;
    font-size: 20px;
    color: var(--black);
}

.univ-history .year-slide .swiper-slide-active>a {
    height: auto;
    font-size: 40px;
    margin-top: 40px;
    font-weight: 500;
}

.univ-history .year-slide .swiper-slide-active>a:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #b5926f;
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 0;
}

.univ-history .year-slide .swiper-slide-active>a:after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background-color: #b5926f;
    position: absolute;
    left: 50%;
    top: -25px;
}

.univ-history .year-slide .swiper-button-prev, .univ-history .year-slide .swiper-button-next {
    width: 30px;
    height: 30px;
    top: calc(50% - 30px);
    background-color: #dbdfe2;
    background-image: none;
}

.univ-history .year-slide .swiper-button-prev:after, .univ-history .year-slide .swiper-button-next:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    transform: rotate(45deg);
    left: 5px;
    top: 8px;
}

.univ-history .year-slide .swiper-button-prev:after {
    transform: rotate(225deg);
    left: 10px;
}

.univ-history .year-slide .swiper-button-prev {
    left: 7px;
}

.univ-history .year-slide .swiper-button-next {
    right: 5px;
}

.univ-history .year-slide .swiper-button-disabled {
    display: none;
}

.univ-history .history-content {
    display: none;
    position: relative;
    margin-top: 15px;
    width: 100%;
    height: auto;
}

.univ-history .history-content.on {
    display: block;
}

.univ-history .year {
    position: relative;
    font-size: 60px;
    letter-spacing: -5px;
    color: #05548f;
    line-height: 1;
    font-weight: 500;
}

.univ-history .year:before {
    content: 'SDU HISTORY';
    display: block;
    color: #05548F;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 20px;
}

.univ-history .year:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #005c97;
    bottom: -30px;
    left: -3px;
}

.univ-history .history {
    position: relative;
    padding: 4px 0 0 20px;
    margin-top: 15px;
    box-sizing: border-box;
}

.univ-history .history:before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 18px);
    position: absolute;
    left: 0;
    top: 13px;
    z-index: -1;
    background-color: var(--border-color);
}

.univ-history .history>li {
    color: var(--black);
    display: flex;
}

.univ-history .history>li+li {
    padding-top: 10px;
}

.univ-history .history .date {
    min-width: 45px;
    color: var(--emphasis);
}

.univ-history .history-flex-box + .history-flex-box {
    margin-top: 30px;
}

/* 연혁 e */
/* 조직도 s */
.organization-wrap {
    --border-color: #d9d9d9;
}

.organ-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.organ-top:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: calc(100% + 50px);
    background: var(--border-color);
    z-index: -1;
}

.organ-top .organ-box {
    width: 40%;
    padding: 10px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.organ-top .organ-box>p {
    color: var(--white);
}

.organ-top .organ-box.head {
    background: #042A59;
}

.organ-top .organ-box.subhead {
    background: #05548F;
    margin-top: 75px;
}

.organ-btm {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.organ-btm .chart-box {
    width: 100%;
}

.organ-btm .chart-box + .chart-box {
    margin-top: 40px;
}

.organ-btm .chart-tit {
    padding: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    background: #305B86;
    color: var(--white);
}

.organ-tit {
    background: #eceef5;
    padding: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    color: var(--black);
}

.organ-txt {
    padding: 20px;
    border: 1px solid var(--border-color);
}

.organ-txt>li {
    position: relative;
    padding-left: 12px;
}

.organ-txt>li+li {
    margin-top: 5px;
}

.organ-txt>li:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 10px;
    width: 4px;
    height: 4px;
    background: var(--emphasis);
}

.organ-box.flex {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
}

.organ-box.flex + .organ-box.flex {
    border-top: none;
}

.organ-box.flex .organ-tit {
    width: 40%;
    height: auto;
    display: flex;
    align-items: center;
}

.organ-box.flex .organ-txt {
    width: 60%;
    border: none;
}

/* 조직도 e */
/* 헌장 s */
.circle-num.type2>li:before {
    background: transparent;
    border: 1px solid #505050;
    color: #505050;
}

/* 헌장 e */
/* UI s */
.ui-box + .ui-box {
    margin-top: 40px;
}

.ui-box .img-box {
    margin-top: 20px;
}

.ui-box .img-box>img {
    max-width: 100%;
}

.ui-wrap + .sub-section.wide {
    margin-top: 40px;
    padding-bottom: 40px;
}

.color-guide {
    --color-guide: #666;
}

.color-guide .color-box {
    padding: 23px 15px;
    box-sizing: border-box;
    background: var(--color-guide);
    color: var(--white);
}

.color-guide .color-box + .color-box {
    margin-top: 15px;
}

.color-guide .color-box.main {
    --color-guide: #05548f;
}

.color-guide .color-box.sub01 {
    --color-guide: #0a253e;
}

.color-guide .color-box.sub02 {
    --color-guide: #4a4f55;
}

.color-guide p {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1;
    font-weight: 500;
}

.color-guide span {
    display: block;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 100;
    line-height: 1.4;
}

.pc-flex-box.song .img-box>img {
    display: block;
    margin: 0 auto;
}

.pc-flex-box.song .lyrics li + li {
    margin-top: 35px;
}

.pc-flex-box.song .lyrics p {
    color: var(--black);
    font-weight: 500;
}

.pc-flex-box.song .lyrics span {
    display: block;
}

/* UI e */
/* 정보공개 s */
.contact-box.no-ico.col2>ul {
    gap: 20px;
}

.contact-box.no-ico.col2>ul, .contact-box.col2 li {
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-box.col2 li {
    width: 100%;
}

.tab-list.box.transparent>li>a {
    background: none;
    color: var(--black);
}

.tab-list.box.transparent>li>a.on, .tab-list.box.transparent>li>a:hover, .tab-list.box.transparent>li>a:focus {
    color: var(--lightnavy);
}

/* 정보공개 e */
/* 정보공개 - 평가 s */
.report-list {
    display: flex;
    gap: 15px;
}

.report-list>li {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.report-list .img-area>img {
    max-width: 100%;
}

.report-list .link-btn-wrap {
    margin-top: 15px;
}

/* 정보공개 - 평가 e */
/* 대외 인증수상 s*/
.cooperation-box.border.text ul li {
    width: 100%;
}

.cooperation-box.border.text ul li a {
    justify-content: flex-start;
    gap: 30px;
    width: 100%;
}

.cooperation-box.border.text p {
    letter-spacing: -1px;
    font-size: 0.9rem;
}

/* 대외 인증수상 e*/
/* 광고자료실 s */
.ico-listen {
    width: 13px;
    height: 18px;
    background: url("/_user/components/img/sub/ico-listen.png") center no-repeat;
    display: inline-block;
}

.list-tbl.listen .link-btn-wrap {
    flex-wrap: nowrap;
}

.list-tbl.listen>li {
    flex-wrap: wrap;
    gap: 15px;
}

.list-tbl a.link-btn.sm span.ico-listen {
    background-size: 13px auto;
}

.link-btn.point .ico-listen, .link-btn:hover .ico-listen, .ico-listen.white {
    background-image: url("/_user/components/img/sub/ico-listen-w.png");
}

/* 광고자료실 e */
/* sticky-link-btn s */
.sticky.link-btn {
    position: sticky;
    top: 0;
    right: 0;
    left: 100%;
    bottom: 50%;
}

/* sticky-link-btn e */
/* 학군협약 및 입학신청회 s */
.next-step {
    position: relative;
    padding-top: 60px;
}

.next-step:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
    display: block;
    width: 15px;
    height: 28px;
    background: url("/_user/university/img/sub/ico-next-step.png") center no-repeat;
}

.next-step .box {
    border: 1px solid #5e6e88;
    box-sizing: border-box;
    padding: 10px;
}

.next-step .box + .box {
    margin-top: 10px;
}

.next-step + .point-info-list {
    margin-top: 20px;
}

.sub-section.military {
    padding-left: 0;
    padding-right: 0;
}

.sub-section.military .tit-box {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 15px;
}

.bg-box.military {
    background-image: url("/_user/university/img/sub/bg-military.png");
    text-align: left;
    padding: 40px 20px;
}

.bg-box.military .inner-cont {
    padding: 0 30px;
    box-sizing: border-box;
    color: var(--white);
    max-width: 1600px;
    margin: 0 auto;
}

.bg-box.military .tit {
    font-size: 24px;
    font-weight: 500;
}

.bg-box.military .info-step>li {
    margin-top: 40px;
}

.bg-box.military .info-step br {
    display: none;
}

.bg-box.military .info-step .num {
    display: block;
    width: fit-content;
    font-size: 26px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 500;
    position: relative;
}

.bg-box.military .info-step .num:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 1px;
    background: var(--white);
}

.bg-box.military .point-info-list {
    margin-top: 40px;
}

.exclam.white {
    letter-spacing: -1px;
}

.exclam.white:before {
    background-image: url("/_user/components/img/sub/bullet-exclam-w.png");
    flex-shrink: 0;
}

/* 학군협약 e */
/* img-list s */
.img-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.img-list .img-box>img {
    width: 100%;
}

.img-list .txt-box {
    color: var(--black);
    display: block;
    padding-top: 5px;
}

/* img-list e */
/* tree-box s */
.tree-box-wrap .tit {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 1.4;
    color: var(--black);
    letter-spacing: -0.5px;
}

.tree-box .top {
    position: relative;
    margin-bottom: 23px;
}

.tree-box .top:before {
    content: '';
    display: block;
    width: 100%;
    height: 23px;
    position: absolute;
    left: 0;
    bottom: -23px;
    background: url("/_user/university/img/sub/ico-arrow-line.png") 50% 0 no-repeat;
}

.tree-box .top>span {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    background: var(--navy);
    color: var(--white);
}

.tree-box .btm>ul {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.tree-box .btm>ul>li {
    width: calc(33.33% - 5px);
}

.tree-box .step1 {
    position: relative;
    padding: 10px 2px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #042A59;
    font-size: 14px;
    color: var(--black);
}

.tree-box .step1.arrow:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    height: 30px;
    bottom: -30px;
    background-position: 50% 100%;
    background-image: url("/_user/university/img/sub/ico-arrow-gold.png");
    background-repeat: no-repeat;
}

.tree-box .step2 {
    margin-top: 30px;
    border: 1px solid #a1acb8;
    box-sizing: border-box;
    padding: 5px;
}

.tree-box .step2 em {
    color: var(--black);
    display: block;
    font-weight: 500;
    padding-bottom: 10px;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

.tree-box .step3 {
    padding: 20px 5px;
    background: #b5926f;
    margin-top: 20px;
    color: var(--white);
    text-align: center;
}

.tree-box .blue-box {
    margin-top: 30px;
    background: #5e6e88;
    position: relative;
    padding: 15px 5px;
    color: var(--white);
    text-align: center;
}

.tree-box .step3.icon {
    margin-top: 45px;
    position: relative;
}

.tree-box .step3.icon:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -34px;
    width: 15px;
    height: 28px;
    background: url("/_user/university/img/sub/ico-next-step.png") center no-repeat;
    transform: translateX(-50%);
}

.tree-box .blue-box:before {
    content: '';
    display: block;
    height: 100%;
    width: 10px;
    left: -10px;
    position: absolute;
    bottom: 0;
    background: url("/_user/university/img/sub/ico-arrow-line-l.png") 0 50% no-repeat;
}

.tree-box .blue-box.right:before {
    background-image: url("/_user/university/img/sub/ico-arrow-line-r.png");
    left: 100%;
    background-position: 100% 50%;
}

.tree-box .blue-box:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    background: url("/_user/university/img/sub/ico-arrow-line-blue.png") 0 50% no-repeat;
    width: 10px;
    top: 0;
    right: -10px;
}

.tree-box .blue-box.right:after {
    right: auto;
    left: -10px;
}

/* tree-box e */
/* 제휴협력 s */
.bg-box.partner {
    background-image: url("/_user/university/img/sub/bg-partner.png");
}

.bg-box.partner .step-wrap .step-box {
    z-index: 1;
    align-items: center;
}

.bg-box.partner .step-wrap .step-box:not(:last-child):before {
    background: var(--white);
}

.bg-box.partner .step-wrap .step-box .right {
    text-align: left;
    font-size: 15px;
}

/* 제휴협력 e */
/* 전임교원정시채용 s */
.bg-box.recruit {
    display: flex;
    align-items: center;
    background-image: url("/_user/university/img/sub/bg-recruit.png");
}

.bg-box.recruit .title {
    padding-top: 0;
}

.ex-list>li+li {
    padding-top: 50px;
}

/* 전임교원정시채용 e */
/* 학과별 교육과정 인트로페이지 s */
.curri-box {
    min-height: 50px;
    padding: 15px 20px;
    box-sizing: border-box;
    background: #f1f2f7;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.curri-box + .curri-box {
    margin-top: 15px;
}

.curri-tit {
    font-size: 20px;
    padding-bottom: 10px;
    letter-spacing: -1px;
    color: #05548F;
}

.curri-list>li {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.curri-list>li+li {
    margin-top: 10px;
}

.curri-list>li:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dotted #5e6e88;
    z-index: 0;
}

.curri-list>li.no-line:before {
    display: none;
}

.curri-list>li>p {
    color: var(--black);
    padding-right: 10px;
    font-weight: 500;
    background: #f1f2f7;
    position: relative;
    z-index: 1;
}

.curri-list>li>p>a {
    color: var(--black);
}

.curri-list .curri-link {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #f1f2f7;
    position: relative;
    z-index: 1;
}

.curri-link a {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.curri-link a:after {
    content: '';
    position: relative;
    top: -2px;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
}

/* 학과별 교육과정 인트로페이지 e */
/* 융합과정 - 4차산업, 글로벌비즈니스 s */
.sub-section.bg-section {
    padding-bottom: 240px;
    position: relative;
    background: #f5f6f9;
}

.sub-section.float {
    margin-top: -240px;
    position: relative;
    z-index: 1;
}

.diagram {
    text-align: center;
}

.diagram>img {
    max-width: 100%;
}

.diagram.line {
    position: relative;
}

.diagram.line img {
    max-width: 90%;
}

.diagram.line:before, .diagram.line:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: var(--border-color);
    z-index: 1;
}

.diagram.line:after {
    left: auto;
    right: 50%;
}

.diagram.line .bg-line {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

.diagram.line .bg-line:before, .diagram.line .bg-line:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #977649;
    border-radius: 50%;
}

.diagram.line .bg-line:after {
    right: 0;
    left: auto;
}

.float-cont .inner-cont {
    background: var(--white);
    padding: 20px;
    border: 1px solid var(--border-color);
}

.float-cont .inner-cont+div {
    border-top: none;
    margin-top: 0;
}

.float-cont .inner-cont.col2 {
    padding: 0;
}

.float-cont .inner-cont.col2>div, .float-cont .inner-cont.col2 .contents-tit {
    padding: 20px;
}

.float-cont .inner-cont.col2 .keynote-tit {
    padding-bottom: 15px;
}

.float-cont .inner-cont.col2 .contents-tit {
    margin-bottom: 0;
}

.float-cont .inner-cont .right {
    border-top: 1px solid var(--border-color);
}

/* 융합과정 e */
/* color-txt-box s */
.color-txt-box {
    --color-txt-box: #666;
}

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

.color-txt-box.blue-box {
    --color-txt-box: #05548F;
}

.color-txt-box.gold-box {
    --color-txt-box: #977649;
}

.color-txt-box .tit {
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    background: var(--color-txt-box);
}

.color-txt-box .txt-box {
    background: var(--lightgray);
    padding: 15px;
}

.color-txt-box.gold-box .txt-box {
    background: #f1eae0;
}

.color-txt-box .text-box+strong {
    display: block;
    margin-top: 10px;
}

.color-txt-box .txt-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.color-txt-box .txt-box + .txt-wrap {
    margin-top: 20px;
}

.color-txt-box.gold-box .txt-box.point {
    background: #f9ebbf;
}

/* color-txt-box e */
/* edu-diagram s */
.edu-diagram-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    margin: 40px 0;
}

.edu-diagram-box .main-area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    background: var(--lightgray);
    border-radius: 50%;
    box-sizing: border-box;
}

.edu-diagram-box .main-area p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    color: var(--white);
    background: url("/_user/university/img/sub/ico-deep-blue-line-circle.png") center no-repeat;
    background-size: 100%;
}

.edu-diagram-box .sub-area {
    position: relative;
    padding: 22px;
    border: 1px solid var(--border-color);
    border-radius: 130px;
    background: var(--white);
}

.edu-diagram-box .sub-area:before {
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url("/_user/university/img/sub/ico-blue-plus.png") no-repeat;
    left: 50%;
    top: -43px;
    transform: translateX(-50%);
}

.edu-diagram-box .sub-area>ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.edu-diagram-box .sub-area p {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    background: #3897d9;
}

.edu-diagram-box.type2 {
    position: relative;
    gap: 20px;
    margin-bottom: 100px;
}

.edu-diagram-box.next:after {
    content: '';
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    bottom: -180px;
    transform: translateX(-50%);
    background: url("/_user/university/img/sub/ico-edu-diagram-btm.png") no-repeat;
    background-size: 100%;
}

.edu-diagram-box.type2 .main-area {
    width: 230px;
    height: 230px;
    background: var(--white);
    border: 1px solid var(--border-color);
}

.edu-diagram-box.type2 .main-area.skyblue>p {
    background-image: url("/_user/university/img/sub/ico-blue-line-circle.png");
}

.edu-diagram-box.type2 .main-area p {
    width: 160px;
    height: 160px;
    flex-direction: column;
}

.edu-diagram-box.type2 .main-area em {
    font-size: 20px;
}

.edu-diagram-box.type2 .main-area span {
    font-size: 15px;
}

.edu-diagram-box.type2 .edu-diagram {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.edu-diagram-box.type2 .edu-diagram li {
    margin-bottom: 50px;
    position: relative;
}

.edu-diagram-box.type2 .edu-diagram li::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -51px;
    width: 1px;
    height: 50px;
    background-color: #dbdfe2;
}

.edu-diagram-box.type2 .edu-diagram li:last-child::after {
    display: none;
}

.edu-diagram-box.type2 .edu-diagram li:last-child {
    margin-bottom: 0;
}

.edu-diagram-box.type2 .edu-diagram span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: var(--blue);
    text-align: center;
    color: var(--white);
    font-size: 16px;
}

.edu-diagram-box.type2 .edu-diagram li:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 1px solid #dbdfe2;
    background-color: var(--white);
}

.edu-diagram-box.type2 .edu-diagram li:first-child p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    background-color: #f5f6f9;
    border-radius: 50%;
}

.edu-diagram-box.type2 .edu-diagram li:first-child span {
    width: 115px;
    height: 115px;
    background: url("/_user/university/img/sub/ico-deep-blue-line-circle.png") center no-repeat;
    background-size: cover;
    font-size: 18px;
    line-height: 1.4;
}

.next-txt {
    position: relative;
    font-size: 18px;
    text-align: center;
    color: var(--emphasis);
    padding-top: 50px;
}

/* edu-diagram e */
/* 장학금수혜현황 s */
.amount.tbl tr:nth-of-type(odd) th {
    background: #b5926f;
}

.amount.tbl tr:nth-of-type(even) th {
    background: #042a59;
    color: #fff;
}

.amount.tbl .rate>span {
    display: inline-block;
    width: 50px;
    height: 36px;
    padding: 1px;
    background-position: center;
    background-repeat: no-repeat;
}

.amount.tbl .scale.rate>span.percent0 {
    background-image: url("/_user/university_en/img/sub/ico-coin-gray.png");
}

.amount.tbl tr:nth-of-type(odd) .scale.rate>span.percent5 {
    background-image: url("/_user/university_en/img/sub/ico-coin-gold-half.png");
}

.amount.tbl tr:nth-of-type(even) .scale.rate>span.percent5 {
    background-image: url("/_user/university_en/img/sub/ico-coin-navy-half.png");
}

.amount.tbl tr:nth-of-type(odd) .scale.rate>span.percent10 {
    background-image: url("/_user/university_en/img/sub/ico-coin-gold.png");
}

.amount.tbl tr:nth-of-type(even) .scale.rate>span.percent10 {
    background-image: url("/_user/university_en/img/sub/ico-coin-navy.png");
}

.amount.tbl .students.rate>span {
    height: 41px;
}

.amount.tbl .students.rate>span.percent0 {
    background-image: url("/_user/university_en/img/sub/ico-person-gray.png");
}

.amount.tbl tr:nth-of-type(odd) .students.rate>span.percent5 {
    background-image: url("/_user/university_en/img/sub/ico-person-gold-half.png");
}

.amount.tbl tr:nth-of-type(even) .students.rate>span.percent5 {
    background-image: url("/_user/university_en/img/sub/ico-person-navy-half.png");
}

.amount.tbl tr:nth-of-type(odd) .students.rate>span.percent10 {
    background-image: url("/_user/university_en/img/sub/ico-person-gold.png");
}

.amount.tbl tr:nth-of-type(even) .students.rate>span.percent10 {
    background-image: url("/_user/university_en/img/sub/ico-person-navy.png");
}

/* 장학금수혜현황 e */
/* 장학 - 장학종류 및 혜택 s */
.ico-navi {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.ico-navi>li {
    border: 1px solid  rgb(3, 42, 89);
}

.ico-navi>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 50px;
    color: var(--black);
    transition: 0.3s;
}

.ico-navi>li>a:hover, .ico-navi>li>a:focus {
    background-color: #e1f1ff;
}

.ico-navi .icon {
    display: block;
    width: 26px;
    height: 26px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: 50%;
}

.ico-navi .icon01 {
    background-image: url("/_user/university/img/sub/ico-navi01.png");
}

.ico-navi .icon02 {
    background-image: url("/_user/university/img/sub/ico-navi02.png");
}

.ico-navi .icon03 {
    background-image: url("/_user/university/img/sub/ico-navi03.png");
}

.ico-navi .icon04 {
    background-image: url("/_user/university/img/sub/ico-navi04.png");
}

.ico-navi .icon05 {
    background-image: url("/_user/university/img/sub/ico-navi05.png");
}

.ico-navi .icon06 {
    background-image: url("/_user/university/img/sub/ico-navi06.png");
}

/* 장학 - 장학종류 및 혜택 e */
/* 수업 s */
.sub-section.bachelor .diagram {
    margin: 30px 0;
}

.step-wrap .step-box>span {
    background: #3897d9;
}

.step-wrap .step-box:not(:last-child):before {
    background: #eff1f2;
}

.step-wrap .step-box .right {
    font-size: 15px;
    align-self: center;
}

.step-wrap .step-box .right span {
    display: block;
}

.step-wrap .step-box .keynote-tit {
    font-size: 18px;
}

.ex-box .icon.time {
    background-image: url("/_user/university/img/sub/ico-time.png");
}

/* 학적 e */
/* 대학원 진학 s */
.ex-box .icon.sisterhood {
    background-image: url("/_user/university/img/sub/ico-sisterhood.png");
}

/* 대학원 진학 e */
/* 수업유형 소개 s */
.bg-box.classtype {
    background: url("/_user/admission/img/sub/bg-classtype.png");
    background-size: cover;
}

.target-box.classtype {
    max-width: inherit;
    padding-bottom: 0;
}

.target-box.classtype .target-list {
    text-align: center;
    padding-top: 10px;
}

.target-box.classtype .target-sub-txt {
    color: #272727;
}

/* 수업유형 소개 e */
/* 품질인증 및 수상 s */
.bg-box.center {
    display: flex;
    align-items: center;
}

.bg-box.certificate {
    background-image: url("/_user/university/img/sub/bg-certificate.png");
}

.bg-box .point-txt {
    color: #f5bf05;
}

.sub-section.certificate .list-tbl>li {
    flex-wrap: wrap;
    gap: 5px 10px;
    align-items: flex-start;
}

.sub-section.certificate .list-tbl>li>p>span {
    display: block;
    padding-left: 0;
    padding-top: 6px;
}

/* 품질인증 및 수상 e */
/* 증명서발급  s */
.bg-box.certificate01 {
    background-image: url("/_user/university/img/sub/bg-certificate-banner01.png");
}

.bg-box.certificate02 {
    background-image: url("/_user/university/img/sub/bg-certificate-banner02.png");
}

.bg-box.certificate03 {
    background-image: url("/_user/university/img/sub/bg-certificate-banner03.png");
}

.ex-box-wrap .flex-text-list .list-tit {
    width: fit-content;
    min-width: 100px;
    text-align: left;
    padding-bottom: 0;
}

.ex-box-wrap .flex-text {
    display: flex;
    gap: 20px;
}

.ex-box-wrap .flex-text + .flex-text {
    padding-top: 20px;
}

.ex-box-wrap .flex-text>div {
    width: calc(100% - 120px);
}

.ex-box-wrap .flex-text .row-box {
    gap: 10px 20px;
}

.contact-box.column ul {
    flex-direction: column;
    align-items: center;
}

.contact-box.column li {
    flex-wrap: wrap;
    gap: 0 5px;
}

.diagram .mob {
    display: block;
    margin: 0 auto;
}

.diagram .web {
    display: none;
    margin: 0 auto;
}

/* 증명서발급 e */
/* 학생증신청 s */
.ex-box-wrap .img-icon>img {
    max-width: 80%;
}

.img-step-box {
    padding: 20px;
    border: 1px solid var(--border-color);
    box-sizing: border-box;
}

.img-step-box .img-box {
    text-align: center;
    position: relative;
}

.img-step-box .img-box:not(:first-child):after {
    content: '';
    display: block;
    width: 35px;
    height: 15px;
    position: absolute;
    left: calc(50% - 17px);
    top: -33px;
    background: url("/_user/components/img/sub/ico-process-arrow.png") no-repeat;
    background-size: 100%;
    transform: rotate(90deg);
}

.img-step-box .img-box + .img-box {
    margin-top: 50px;
}

.img-step-box .img-box>img {
    max-width: 100%;
}

/* 학생증신청 e */
/* 이용안내 s */
.ex-box .icon.class-guide {
    width: 70px;
    height: 70px;
    background-image: url("/_user/university/img/sub/ico-class-guide.png");
}

.ex-box .icon.classroom {
    width: 70px;
    height: 70px;
    background-image: url("/_user/university/img/sub/ico-classroom.png");
}

.sub-section.class .text-list.group>li {
    display: flex;
    flex-direction: column-reverse;
}

.sub-section.class .text-list.group .img-area {
    margin-top: 0;
    margin-bottom: 15px;
}

.target-box .target-sub-txt {
    display: block;
}

/* 이용안내 e */
/* 학습지원 s */
.ex-box .icon.environment {
    width: 70px;
    height: 70px;
    background-image: url("/_user/university/img/sub/ico-enviroment.png");
}

.bg-box.digital-library {
    background-image: url("/_user/time/img/sub/img-digital-library-banner.png");
}

.bg-box.digital-library .link-btn-wrap {
    padding-top: 15px;
}

/* 학습지원 e */
/* 스마트 캠퍼스 s */
.bg-box.smart-campus {
    background-image: url('/_user/union/img/sub/smartcampusandroidbg.png');
}

.bg-box.smart-campus02 {
    background-image: url('/_user/union/img/sub/smartcampusBg2_tablet.png');
}

.bg-box.smart-campus02 .link-btn-wrap .link-btn {
    width: 100%;
}

.bg-box.smart-campus03 {
    background-image: url('/_user/union/img/sub/smartcampusandroidbg.png');
    background-position: 0 0;
}

.bg-box.history {
    background-image: url('/_user/union/img/sub/history_bg1.jpg');
    background-position: 100% 0;
}

.bg-box.history02 {
    background-image: url('/_user/union/img/sub/history_bg2.jpg');
}

.smart-con {
    text-align: center;
}

.smart-con>li {
    padding: 20px 0;
}

.smart-con .con-box {
    padding-top: 30px;
    text-align: left;
    line-height: 1.2;
}

.smart-con .con-box p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.smart-con .con-box em {
    display: block;
    padding: 10px 0;
    color: #000;
}

.cooperation-box.border ul li {
    width: 100%;
}

.cooperation-box ul {
    text-align: center;
}

.cooperation-box ul p {
    font-size: 15px;
}

.cooperation-box ul p>span {
    font-size: 14px;
    display: block;
    color: #666;
}

.bullet-list>li>ul {
    padding-left: 10px;
}

.bullet-list>li>ul li {
    margin-bottom: 0;
}

.list-img .img-area {
    padding: 15px 0;
    display: inline-block;
    margin-right: 5px;
}

.list-img img {
    max-width: 100%;
}

.line-box.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.line-box.step span {
    display: block;
    padding-top: 10px;
}

.line-box img {
    max-width: 100%;
}

.tab-list.box>li+li {
    margin-left: 2px;
}

.tab-list.box>li>a {
    min-width: 98px;
    padding: 12px 15px;
    transition: all 0.3s;
}

.tab-list.box>li>a:hover, .tab-list.box>li>a:focus {
    background: var(--lightnavy);
    color: var(--white);
}

/* 스마트 캠퍼스 e */
/* 수업장애원격지원센터 s */
.bg-box.foundation {
    background-image: url("/_user/university/img/sub/bg-foundation.png");
}

.icon.license05 {
    width: 60px;
    height: 60px;
    background-image: url('/_user/union/img/sub/ico-counsel.png');
    background-size: 60px;
}

.ex-box-wrap.class .ex-box .link-btn {
    margin-top: 10px;
}

/* 수업장애원격지원센터 e */
/* 심리상담센터 s */
.bg-box.counsel {
    background-image: url("/_user/university/img/sub/bg-counsel.png");
}

/* 심리상담센터 e */
/* 장애학생지원센터 s */
.bg-box.disabled {
    background-image: url("/_user/university/img/sub/bg-disabled.png");
}

.web-logo-box .logo-area {
    max-width: 160px;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
}

.web-logo-box .logo-area>img {
    max-width: 100%;
}

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

.service-box .activity-box .img-area>img {
    max-width: 100%;
}

.cooperation-box.border.disabled ul>li {
    border: none;
}

.cooperation-box.border.disabled ul>li>a {
    border: 1px solid var(--border-color);
    padding: 15px;
    transition: 0.3s;
}

.cooperation-box.border.disabled ul>li>a:hover {
    border-color: var(--black);
}

/* 장애학생지원센터 e */
/* SDU 안내 s */
.sub-section.privacy .cont-box:not(:last-child) {
    padding-bottom: 30px;
}

.link-btn-list>li {
    padding-top: 5px;
}

.ex-box .icon.policy-file {
    background-image: url("/_user/university/img/sub/ico-policy-file.png");
}

.policy-open {
    padding: 15px 50px;
    border: 1px solid var(--border-color);
    text-align: center;
}

.policy-open .ico-area {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-size: 70px;
    background-image: url("/_user/university/img/sub/ico-policy-open.png");
    background-repeat: no-repeat;
}

.policy-open .tit {
    font-size: 18px;
    padding: 20px 0;
    color: var(--black);
    word-break: keep-all;
}

.policy-open .tit br {
    display: none;
}

.policy-open .txt-area {
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}

.policy-open .txt {
    padding-bottom: 10px;
    font-weight: 500;
}

.policy-open .txt-area>ul em {
    color: var(--black);
    display: block;
    font-weight: 500;
}

.ex-box .icon.prohibit {
    background-image: url("/_user/university/img/sub/ico-prohibit.png");
}

.ex-box .icon.copy-request {
    background-image: url("/_user/university/img/sub/ico-copy-request.png");
}

.request-wrap {
    padding: 25px;
    border: 1px solid var(--border-color);
    text-align: center;
}

.request-wrap .request-top {
    margin: 0 auto 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 36px;
    background: #3897d9;
    color: var(--white);
}

.request-wrap .date-box>p, .request-wrap .contact {
    color: var(--black);
    font-weight: 500;
}

.request-wrap .keynote-tit {
    padding-bottom: 15px;
}

.gray-txt {
    color: #666;
    font-weight: 400;
}

.gray-line {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-color);
    margin: 20px 0;
}

.request-wrap .date-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 5px;
}

.request-wrap .txt-area {
    text-align: left;
}

.request-wrap .contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0 4px;
    padding: 10px 0;
}

.request-wrap .contact .ico-contact {
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("/_user/university/img/sub/ico-sm-contact.png") center no-repeat;
    background-size: 16px auto;
}

.clear-request .link-btn-wrap {
    margin-top: 30px;
}

.sdu-guide .video-area {
    width: 100%;
    padding-bottom: 55%;
}

.sdu-guide .cooperation-box.border ul li a {
    padding: 25px 15px;
}

/* SDU 안내 e */
/* 이메일무단수집거부 s */
.email-rejection {
    padding: 35px 20px;
    border: 1px solid var(--border-color);
}

.email-rejection .ico-email {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: block;
    background: url("/_user/university/img/sub/ico-email-rejection.png") center no-repeat;
}

.email-rejection .txt {
    padding-top: 30px;
    font-size: 18px;
    word-break: keep-all;
    text-align: center;
}

/* 이메일무단수집거부 e */
.univ-song {
    width: 0;
    height: 0;
    opacity: 0;
}

.sample-box .sample-thumbnail:after {
    display: none;
}

/* 학과별 교육과정 */
.curriculum-intro {
    padding: 20px;
}

.curriculum-intro .contents-tit {
    font-size: 34px;
}

.curriculum-intro td {
    background: var(--white);
}

.curriculum-intro .custom-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.curriculum-info {
    max-width: 1400px;
    margin: 0 auto;
}

.curriculum-info .head {
    position: relative;
    padding-bottom: 240px;
    background: #f1f2f7;
}

.curriculum-info .head:before, .curriculum-info .head:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 400%;
    height: 100%;
    background: #f1f2f7;
}

.curriculum-info .head:before {
    left: auto;
    right: 100%;
}

.curriculum-info .ex-box-wrap.list {
    position: relative;
    margin-top: -193px;
    background: #fff;
    padding: 0;
}

.curriculum-info .label-tit-wrap {
    padding: 30px 0 20px;
    flex-direction: column;
    align-items: flex-start;
}

.curriculum-info .label-tit-wrap .label-tit {
    font-size: 34px;
    color: var(--black);
    letter-spacing: -1.2px;
}

.curriculum-info .label-tit-wrap .dept-label {
    background: transparent;
    color: var(--dept-label-bg);
    margin: 0;
    padding: 0;
}

.curriculum-info .label-tit-wrap .dept-label>span {
    font-size: 18px;
}

.curriculum-info .label-tit-wrap .dept-label>span+span:before {
    background: var(--dept-label-bg);
}

.blue-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    background: #3897d9;
    height: 28px;
    padding: 0 10px;
    margin-bottom: 10px;
    color: #fff;
}

.keynote-square>ul>li.banner>a>p {
    font-size: 20px;
}

/* bigimg-popup */
.bigimg-popup {
    padding: 100px 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}

.bigimg-popup .btn-close {
    color: var(--white);
    font-size: 15px;
}

.bigimg-popup .btn-close:before, .bigimg-popup .btn-close:after {
    display: none;
}

/* 클라우드 컴퓨팅 실습 서비스 s */
.bg-box.clouding {
    background-image: url("/_user/university/img/sub/bg-clouding.png");
}

.diagram img.tabshow {
    margin: 0 auto;
}

.manual-list .img-area>img {
    width: 100%;
    max-width: 100%;
}

.manual-list>li+li {
    padding-top: 20px;
}

.manual-list>li>ul {
    margin-top: 10px;
}

.manual-list>li>ul>li {
    display: flex;
    align-items: baseline;
}

.manual-list>li>ul>li:before {
    position: relative;
    top: -1px;
    line-height: 18px;
    content: attr(data-num);
    background: #5e6e88;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 13px;
    flex-shrink: 0;
}

/****************** 서브페이지 2024ver 추가 *************************/
.next_list1 ul li .top_img > img {
    width: auto;
    left: 50% !important;
    top: 50% !important;
}

/* 대학1. 기부금모금 */
.img_inner_txt1.bg-donate {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-donate-m.png);
}

/* 대학2. 교육이념 */
.img_inner_txt2.bg-philosophy {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-philosophy-m.png);
}

.circle-list .text-area br {
    display: none;
}

.circle-target {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    border-radius: 300px;
    border: solid 10px #f5f6fa;
    background: #05548f;
    color: #fff;
    font-size: 30px;
    margin: 0 auto;
    font-weight: bold;
}

.circle-list {
    padding-top: 50px;
}

.circle-list .text-area > p {
    font-size: 24px;
    color: #3868f4;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}

.circle-list .text-area > span {
    font-size: 16px;
}

.circle-list li {
    box-sizing: border-box;
}

/* 대학3. 대학특성화 */
.img_inner_txt2.bg-special {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-special-m.png);
}

.img_inner_txt2.line2.bg-special {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-special02-m.png);
}

/* 대학4. 비전체계 */
.sdu2025content.bg-vision {
    background: url(/type/common/img/kor/ver2024/intro/bg-vision.png) center right / cover no-repeat;
}

.picslide.ver2024 .swiper-slide:nth-child(1) {
    background: url(/type/common/img/kor/ver2024/intro/slide1.png) center center/cover no-repeat;
    z-index: 3;
}

.picslide.ver2024 .swiper-slide:nth-child(2) {
    background: url(/type/common/img/kor/ver2024/intro/slide2.png) center center/cover no-repeat;
    z-index: 2;
}

.picslide.ver2024 .swiper-slide:nth-child(3) {
    background: url(/type/common/img/kor/ver2024/intro/slide3.png) center center/cover
no-repeat;
    z-index: 1;
}

/* 대학 7. 학군협력 및 군위탁교육 소개 */
.cooper-military-tit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    border-radius: 160px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(130deg, rgba(66,100,172,1) 0%, rgba(23,41,89,1) 100%);
    box-shadow: 2px 12px 9px 0 rgba(29, 49, 100, 0.3);
}

.cooper-military-list {
    padding-top: 50px;
}

.cooper-military-list > li {
    border: 1px solid #e5ebef;
}

.cooper-military-list p {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #05548f;
    height: 64px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.cooper-military-list > li:nth-of-type(2) p {
    background: #0a253e;
}

.cooper-military-list > li + li {
    margin-top: 40px;
}

.cooper-military-list em {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 15px;
    text-align: center;
}

.cooper-military-list ul {
    font-size: 18px;
    padding: 0 15px 15px;
    color: #222;
    font-weight: 500;
}

.cooper-military-list ul li {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.cooper-military-list ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #3868f4;
    border-radius: 5px;
    margin-right: 8px;
}

.cooper-military-list li:nth-of-type(2) ul li::before {
    background: #0a253e;
}

.cooper-military-list ul li + li {
    border-top: 1px solid #e5ebef;
}

.next_list1.ver2024.arrow:before {
    background-image: url("/type/common/img/kor/ver2024/intro/ico-uner-arrow.png");
}

/* 대학 8. 학군협약 및 입학설명회 신청 */
.img_inner_txt4.ver2024 {
    background-image: url("/type/common/img/kor/ver2024/intro/bg-cooper-military.png");
    background-repeat: no-repeat;
}

/* 대학 9. 제휴협력 혜택 */
.cooper-tree-box {
    padding-top: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.cooper-tree-box .tree-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 80px;
    border-radius: 4px;
    background: #042a59;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 2px 12px 9px 0 rgba(29, 49, 100, 0.3);
}

.cooper-tree-box .tree-list {
    display: flex;
    justify-content: space-between;
    padding-top: 36px;
}

.cooper-tree-box .tree-list > li {
    width: 33.33%;
    max-width: 320px;
    position: relative;
    border-radius: 4px;
}

.cooper-tree-box .tree-list > li::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3868f4;
}

.cooper-tree-box .tree-list > li::after {
    content: '';
    position: absolute;
    top: -38px;
    width: 0;
    height: 33px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px dashed #ccc;
}

.tree-inner-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #f5f6f9;
    color: #1d3d87;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #bcc8e4;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
}

.cooper-tree-box .tree-inner-list {
    padding: 20px;
    border: 1px solid #bcc8e4;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
}

.cooper-tree-box .tree-inner-list > em {
    display: inline-block;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    font-style: normal;
}

.cooper-tree-box .tree-inner-list .dep2 {
    padding-top: 10px;
}

.cooper-tree-box .tree-inner-list .dep2 li {
    display: flex;
    align-items: baseline;
}

.cooper-tree-box .tree-inner-list .dep2 li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ccc;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

.cooper-tree-box .tree-inner-list > span {
    display: block;
}

.cooper-tree-box .arrow-box {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    font-weight: bold;
}

.cooper-tree-box .arrow-box > div {
    position: relative;
}

.cooper-tree-box .arrow-box > div > span {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(50%);
}

.cooper-tree-box .arrow-box > div.right > span {
    left: -90px;
}

.cooper-tree-box .arrow-box > div.left > span {
    right: -20px;
}

.cooper-tree-box .arrow-box .arrow {
    display: inline-block;
    position: relative;
    width: 100px;
}

.cooper-tree-box .arrow-box .arrow::before, .cooper-tree-box .arrow-box .arrow::after {
    content: '';
    position: absolute;
}

.cooper-tree-box .arrow-box .arrow::before {
    width: 10px;
    height: 10px;
    border: 1px solid #505050;
    border-right: 0;
    border-bottom: 0;
}

.cooper-tree-box .arrow-box .arrow::after {
    width: 48%;
    height: 1px;
    background: #505050;
    transform-origin: 0 100%;
    transform: rotate(45deg);
}

.cooper-tree-box .arrow-box .arrow-left {
    transform: rotate(-45deg);
}

.cooper-tree-box .arrow-box .arrow-right {
    transform: rotate(135deg);
}

.cooper-tree-box .arrow-box .right {
    text-align: right;
}

.cooper-tree-box .bottom-txt {
    font-weight: 500;
    color: #3868f4;
    padding-top: 15px;
}

/* 대학 10. 제휴협력 신청 */
.img_inner_txt3.bg-cooperinfo {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-cooperinfo-m.png);
}

/* 대학 11. 전임교원정시채용 */
.img_inner_txt1.bg-hire {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-hire01-m.png);
}

/* 대학 12. 비전임교원정시채용 */
.img_inner_txt1.bg-hire2 {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-hire02-m.png);
}

/* 대학 13. 비전임교원정시채용(석좌) */
.img_inner_txt3.bg-hire3 {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-hire03-m.png);
}

/* 대학 26_품질인증 및 수상 */
.img_inner_txt1.bg_hire.ver2024 {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-hire01.png);
}

.img_inner_txt1.bg_hire.ver2024.type2 {
    background-image: url(/type/common/img/kor/ver2024/intro/bg-hire02.png);
}

/* 대학 26. 품질인증 및 수장 */
.img_inner_txt1.bg-quality {
    background-image: url(/type/common/img/kor/ver2024/bg-quality-m.png);
}

/* 대학 28. 인터넷발급신청 */
.support_certificate01 .cont_topBanner.bg-internet {
    background: url(/type/common/img/kor/ver2024/support/bg-internet-m.png) no-repeat;
}

/* 대학 29. 우편발급 및 방문수령 */
.support_certificate02 .cont_topBanner.bg-post {
    background: url(/type/common/img/kor/ver2024/support/bg-post-m.png) no-repeat;
}

/* 대학 30. 팩스민원 */
.support_certificate03 .cont_topBanner.bg-fax {
    background: url(/type/common/img/kor/ver2024/support/bg-fax-m.png) no-repeat;
}

/* 대학 31. 디지털도서관 */
.support_library .cont_topBanner.bg-library {
    background: url(/type/common/img/kor/ver2024/support/bg-library-m.png) no-repeat;
}

/* 대학 32. 창업취업지원센터 */
.support_foundation .img_inner_txt1.bg-founded {
    background: url(/type/common/img/kor/ver2024/support/bg-founded-m.png);
    height: 465px;
}

/* 대학 33. 심리상담센터 */
.support_counsel .cont_topBanner.bg-counsel {
    background: url(/type/common/img/kor/ver2024/support/bg-counsel.png) no-repeat;
}

/* 대학 34. 부서별지원서비스 */
.support_disabled3 .cont_topBanner.bg-part {
    background: url(/type/common/img/kor/ver2024/support/bg-part-m.png) no-repeat;
}

/* 대학 36. 이용안내 */
.support_smartcampus.smartcampus2 .cont_topBanner.bg-smartinfo {
    background: url(/type/common/img/kor/ver2024/support/bg-smartinfo-m.png) no-repeat;
}

/* 대학 37. 인증서등록안내 */
.smartguide1 .cont_topBanner.bg-certi {
    background: url(/type/common/img/kor/ver2024/support/bg-certi-m.png) no-repeat;
}

/* 대학 38. 클라우드 소개 */
.support_clouding .cont_topBanner.bg-cloud {
    background: url(/type/common/img/kor/ver2024/support/bg-cloud-m.png) no-repeat;
}

/* 입학 3. 나의학과찾기 */
.bright .icon ul li a {
    transition: .3s;
}

/* 입학 4. 나의전형찾기 */
.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(/type/common/img/ipsi/ver2024/bg-type-m.png) no-repeat center / 100% 100%;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap::before, .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv2::before {
    display: none;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv1 {
    color: #000;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv2, .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv3 {
    color: #000;
}

.Ipsiinfo_Wrap.ver2024 .btnC_arrLineR>span {
    border-radius: 29px;
    background: #bfcfe5;
    padding: 15px 45px 19px 20px;
    color: #000;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .btnC_arrLineR {
    position: relative;
    border: none;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .btnC_arrLineR::before {
    content: '';
    position: absolute;
    right: 28%;
    top: 44%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
}

.recommend_list.ver2024>ul>li.first {
    background: #00263d url(/type/common/img/ipsi/ver2024/ico-type01.png) no-repeat;
    background-size: 70px;
    background-position: 20px center;
}

.recommend_list.ver2024>ul>li.second {
    background: #05548f  url(/type/common/img/ipsi/ver2024/ico-type02.png) no-repeat;
    background-size: 70px;
    background-position: 20px center;
}

.recommend_list.ver2024>ul>li.third {
    background: #3897d9 url(/type/common/img/ipsi/ver2024/ico-type03.png) no-repeat;
    background-size: 70px;
    background-position: 20px center;
}

.recommend_list.ver2024>ul>li.fourth {
    background: #5e6e88 url(/type/common/img/ipsi/ver2024/ico-type04.png) no-repeat;
    background-size: 70px;
    background-position: 20px center;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap {
    padding: 40px 20px;
}

.Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv3 br {
    display: block;
}

/* 입학 10. 수업유형찾기 */
.departments_main {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3%;
}

.img_inner_txt1.lecture_bg.bg-introtype {
    background: url(/type/common/img/ipsi/ver2024/bg-introtype-m.png) no-repeat;
}

/* 입학 11. 전체 */
.departments_main>div {
    background-color: #eff4fe;
    background-position: bottom 30px right 30px;
}

.departments_main>div ul {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    align-items: center;
    margin-left: 0;
}

.departments_main>div ul li {
    background: #fff;
    padding: 0;
    margin: 5px 0 5px 0;
}

.departments_main>div ul li a {
    display: block;
    padding: 3px 10px;
}

.departments_main>div ul li a:hover {
    border-bottom: none;
    color: #fff;
    background: #2283f6;
}

.departments_main>div:nth-child(1) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro01.png);
}

.departments_main>div:nth-child(2) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro02.png);
}

.departments_main>div:nth-child(3) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro03.png);
}

.departments_main>div:nth-child(4) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro04.png);
}

.departments_main>div:nth-child(5) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro05.png);
}

.departments_main>div:nth-child(6) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro06.png);
}

/*.departments_main>div:nth-child(7){background-image: url(/type/common/img/ipsi/ver2024/img-intro07.png);}*/
/*.departments_main>div:nth-child(8){background-image: url(/type/common/img/ipsi/ver2024/img-intro08.png);}*/
.departments_main>div:nth-child(9) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro09.png);
}

.departments_main>div:nth-child(10) {
    background-image: url(/type/common/img/ipsi/ver2024/img-intro10.png);
}

.departments_main>div {
    width: 95%;
    background-image: none !important;
    padding: 20px;
    margin: 0 0 40px 5%;
}

/* 입학 13. 입학안내자료 */
.counseling .counceling_listulli .items {
    border-radius: 7px 7px 0 0 !important;
    height: 260px !important;
}

.counseling .counceling_listulli >span {
    display: block;
    padding: 0 0 5px 10px;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    max-width: 283px;
}

.counseling .counceling_listulli .items .items_image {
    position: relative;
    border-radius: 7px 7px 0 0 !important;
    border: 1px solid #e5e5e5;
    border-bottom: none;
}

.counseling .counceling_listulli .items .items_image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ffffff00 0%, #0076db61 100%);
}

.counseling .counceling_listulli .items .btn_area {
    background: #fff !important;
    border-radius: 0 0 7px 7px !important;
    border: 1px solid #e5e5e5;
    height: 60px;
}

.counseling .counceling_listulli .items .btn_areaa.btn_link {
    color: #666 !important;
}

.counseling .counceling_listulli .items .btn_areaa.btn_link:hover {
    color: #2283F6 !important;
    font-weight: 500;
    background: inherit !important;
}

.counseling .counceling_listulli .items .btn_area:before {
    top: 50% !important;
    transform: translateY(-50%);
    height: 15px !important;
    background: #e5e5e5 !important;
}

.next_list1.ver2024ulli .top_img >img {
    width: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.counseling .counceling_list ul li {
    flex-direction: column;
}

/* 입학 14. 강의실로그인 */
.img_inner_txt1.cert_bg.bg-certi {
    background: url(/type/common/img/ipsi/ver2024/bg-certi-m.png) no-repeat;
}

/***************************************************** K-MOOC 신규 페이지 추가 s *****************************************************/
/* K-MOOC 소개 s */
.top-ex-box .txt {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.top-ex-box .ex-ico {
    display: flex;
    width: 50px;
    padding-bottom: 20px;
    margin: 0 auto;
}

/* K-MOOC 운영비전 s */
.intro-vision > li + li {
    padding-top: 50px;
}

.intro-vision .round-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 65%;
    margin: 0 auto;
    height: 40px;
    border: 1px solid #1D3D87;
    border-radius: 40px;
    font-size: 14px;
    color: #1D3D87;
    font-weight: 600;
}

.intro-vision > li:nth-of-type(2) .round-cont {
    background: #3897D8;
}

.intro-vision .round-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 50px;
    background: #1D3D87;
    border-radius: 50px;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
}

.square-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.square-list > li {
    width: calc(50% - 7px);
    font-size: 14px;
    word-break: keep-all;
    border: 1px solid #cdd6ea;
    border-radius: 5px;
    overflow: hidden;
}

.square-list .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    padding: 10px;
    box-sizing: border-box;
    background: #F5F6F9;
    text-align: center;
    color: #1D3D87;
    font-weight: bold;
}

.square-list .cont {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 13px;
}

/* K-MOOC 강좌 목록 s */
.top-point-tit {
    max-width: max-content;
    margin-bottom: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #fff;
    background: #05548F;
    border-radius: 30px 30px 30px 0;
    padding: 10px 17px;
}

.course-top {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.course-top::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #333;
}

.course-top > p {
    position: relative;
    display: inline-block;
}

.course-top > p::after {
    content: '';
    display: inline-block;
    margin: 0 10px;
    width: 2px;
    height: 19px;
    background: #333;
    position: relative;
    top: 3px;
}

.course-top > span {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
}

.course-item + .course-item, .course-list-box + .course-list-box {
    margin-top: 20px;
}

.course-item .inner-box {
    position: relative;
    background: #f1f2f6;
    padding: 10px 10px 60px;
}

.course-item .inner-txt {
    padding-top: 20px;
    font-size: 14px;
    word-break: keep-all;
}

.course-item .inner-list {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.course-item .inner-list > li {
    position: relative;
}

.course-item .inner-list > li + li::before {
    content: '';
    display: inline-block;
    margin: 0 15px;
    width: 1px;
    height: 14px;
    background: #333;
    position: relative;
    top: 2px;
}

.course-item .inner-list > li span {
    padding-left: 10px;
}

.course-item .btnC_arrLineR_white {
    position: absolute;
    right: 0;
    bottom: 15px;
}

/* K-MOOC 배지 신청, 신청현황 */
.support_certificate01 .cont_topBanner.bg-mooc01 {
    background: url(/type/common/img/kor/mooc/bg-mooc01.png) no-repeat 50% 50% / cover;
}

.support_certificate01 .cont_topBanner.bg-mooc02 {
    background: url(/type/common/img/kor/mooc/bg-mooc02.png) no-repeat 50% 50% / cover;
}

@media screen and (min-width: 768px) {
    .keynote-square>ul>li.banner>a>p {
        font-size: inherit;
    }

    .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv3 br {
        display: revert;
    }

    .sub-wrap {
        padding-top: 220px;
        padding-bottom: 120px;
    }

    .sub-title {
        font-size: 40px;
    }

    .sub-nav {
        top: 80px;
    }

    .sub-section.wide .inner {
        max-width: 1400px;
    }

    .intro-sub-tit {
        margin-top: 15px;
        font-size: 22px;
    }

    .sub-section + .sub-section:not(.wide) {
        margin-top: 0;
        padding-top: 50px;
    }

    .sub-section + .sub-section.intro {
        padding-top: 75px;
    }

    .tel-section .cont-box + .cont-box {
        margin-top: 75px;
    }

    .gray-box>ul>li {
        font-size: 18px;
    }

    .greeting-wrap .signature {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .greeting-wrap .greeting-tit {
        font-size: 32px;
        padding-right: 110px;
    }

    .greeting-wrap .greeting-tit:before {
        content: '';
        display: block;
        width: 100px;
        height: 4px;
        position: absolute;
        right: 0;
        bottom: 15px;
        background: #b5926f;
    }

    .greeting-wrap.type2 .signature>p {
        font-size: 20px;
    }

    .ex-box-wrap.info {
        margin-bottom: 30px;
    }

    .point-info-list.info>li {
        max-width: 350px;
    }

    .point-info-list.info>li:nth-child(even) {
        max-width: 100%;
        width: calc(100% - 400px);
    }

    .bg-box.philosophy {
        margin-bottom: 65px;
    }

    .bg-box.philosophy .title {
        font-size: 30px;
    }

    .bg-box .title:before {
        top: 55px;
    }

    .bg-box.philosophy .sub-txt {
        font-size: 40px;
    }

    .quote-box {
        padding: 0 35px;
        width: fit-content;
        margin: 0 auto;
    }

    .quote-box>p {
        letter-spacing: -2.5px;
        font-size: 38px;
    }

    .quote-box:before {
        content: '';
        display: block;
        width: 33px;
        height: 28px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("/_user/university_en/img/sub/ico-quote-left.png") no-repeat;
    }

    .quote-box:after {
        content: '';
        display: block;
        width: 33px;
        height: 28px;
        position: absolute;
        right: -20px;
        bottom: 0;
        background: url("/_user/university_en/img/sub/ico-quote-right.png") no-repeat;
    }

    .circle-list {
        display: flex;
        gap: 10px;
    }

    .circle-list>li {
        width: 25%;
        justify-content: flex-start;
    }

    .circle-list.col5>li {
        width: calc(20% - 10px);
    }

    .circle-list>li+li {
        padding-top: 0;
    }

    .circle-list .text-area {
        margin-top: 12px;
    }

    .circle-list .text-area>p {
        font-size: 20px;
    }

    .circle-list .text-area>span {
        display: block;
        padding-top: 8px;
    }

    .circle-list .ico-area {
        width: 70%;
        position: relative;
    }

    .circle-list .ico-area>img {
        width: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .circle-list>li:nth-child(n+2) .ico-area:after {
        content: '';
        display: block;
        width: 120%;
        height: 120%;
        position: absolute;
        z-index: -1;
        left: -80%;
        top: -15px;
        background: url("/_user/university_en/img/sub/ico-circle-list-bg.png") no-repeat;
        background-size: 100%;
    }

    .circle-list.type2>li:nth-child(n+2) .ico-area:after {
        display: none;
    }

    .sub-section.goal {
        margin-top: 75px;
    }

    .bg-box.goal .title {
        font-size: 30px;
    }

    .bg-box.goal .title:before {
        top: 55px;
    }

    .bg-box.goal .sub-txt {
        font-size: 40px;
        padding-top: 10px;
    }

    .goal-box {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: -150px;
    }

    .goal-box .box {
        width: calc(50% - 10px);
        max-width: 585px;
    }

    .goal-box .box + .box {
        margin-top: 0;
    }

    .sdu2025 .title {
        font-size: 48px;
    }

    .sdu2025 .inner-cont {
        padding: 170px 2.5%;
    }

    .sdu2025 .slide-wrap {
        display: flex;
        flex-direction: row-reverse;
        height: 600px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .sdu2025 .img-slide, .sdu2025 .text-slide {
        width: 50%;
    }

    .sdu2025 .text-slide .text-wrap ul, .sdu2025 .text-slide .text-wrap .inner-tit {
        padding-left: 0;
    }

    .sdu2025 .text-slide .text-wrap {
        padding: 20px 4.5vw;
    }

    .sdu2025 .text-slide .text-wrap .num {
        font-size: 60px;
        padding-top: 50px;
        text-align: left;
    }

    .sdu2025 .text-slide .text-wrap .inner-tit {
        font-size: 42px;
    }

    .sdu2025 .slide-control {
        left: 4.5vw;
        transform: none;
        bottom: 60px;
    }

    .sdu2025 .slide-control .pagination-wrap {
        display: none;
    }

    .sdu2025 .slide-control .button-wrap {
        display: flex;
    }

    .sdu2025 .slide-control .slide-btn {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 98px;
        border: 1px solid var(--white);
        box-sizing: border-box;
    }

    .sdu2025 .slide-control .slide-btn:before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border-left: 2px solid var(--white);
        border-bottom: 2px solid var(--white);
        transform: rotate(45deg);
    }

    .sdu2025 .slide-control .slide-btn.right {
        border-left: none;
    }

    .sdu2025 .slide-control .slide-btn.right:before {
        transform: rotate(225deg);
    }

    .sdu2025 {
        margin-top: 20px;
    }

    .sdu2025 .slide-control .slide-btn {
        height: 87px;
    }

    .why-banner .tit-wrap {
        padding-top: 80px;
    }

    .why-banner .banner-tit {
        font-size: 27px;
    }

    .why-banner .banner-txt em {
        font-size: 25px;
    }

    .why-box-list {
        padding: 40px;
    }

    .why-box .sub-txt {
        font-size: 24px;
    }

    .why-box .sub-txt + span {
        font-size: 18px;
    }

    .univ-history .year-slide {
        width: 100%;
        margin: 0 auto;
        background-image: url("/_user/university_en/img/sub/bg-history-year.png");
        background-size: 101%;
        background-position: 50% 23px;
    }

    .univ-history .year-slide .swiper-slide>a {
        margin-top: 40px;
        height: 82px;
        font-size: 25px;
    }

    .univ-history .year-slide .swiper-slide-active>a {
        font-size: 55px;
        margin-top: 62px;
    }

    .univ-history .year-slide .swiper-slide-active>a:before {
        height: 4px;
        top: -39px;
    }

    .univ-history .year-slide .swiper-slide-active>a:after {
        height: 60px;
        top: -39px;
    }

    .univ-history .year-slide .swiper-button-prev, .univ-history .year-slide .swiper-button-next {
        width: 50px;
        height: 50px;
        top: calc(50% - 50px);
    }

    .univ-history .year-slide .swiper-button-prev {
        left: 0;
    }

    .univ-history .year-slide .swiper-button-next {
        right: 0;
    }

    .univ-history .year-slide .swiper-button-prev:after, .univ-history .year-slide .swiper-button-next:after {
        left: 15px;
        top: 17px;
    }

    .univ-history .year-slide .swiper-button-prev:after {
        left: 20px;
    }

    .univ-history .history .date {
        min-width: 60px;
    }

    .univ-history .history-content.on {
        display: flex;
        margin-top: 40px;
    }

    .univ-history .history-content .year {
        width: 240px;
        height: 110px;
        font-size: 80px;
    }

    .univ-history .year:before {
        font-size: 24px;
        letter-spacing: -1.2px;
    }

    .univ-history .year:after {
        bottom: auto;
        left: auto;
        top: 10px;
        right: -4px;
    }

    .univ-history .history {
        width: calc(100% - 240px);
        padding: 4px 35px 0;
        margin: 0;
        vertical-align: top;
    }

    .univ-history .history:before {
        height: calc(100% + 40px);
        top: 14px;
    }

    .univ-history .history:after {
        content: '';
        display: block;
        width: 85px;
        background-color: #005c97;
        height: 1px;
        position: absolute;
        left: -93px;
        top: 13px;
    }

    .univ-history .history>li {
        font-size: 18px;
    }

    .univ-history .history>li+li {
        padding-top: 25px;
    }

    .univ-history .history-content.column.on {
        flex-direction: column;
    }

    .history-flex-box {
        display: flex;
    }

    .organ-top .organ-box {
        max-width: 215px;
    }

    .organ-btm .chart-tit {
        padding: 10px 20px;
    }

    .ui-wrap + .sub-section.wide {
        margin-top: 70px;
        padding-bottom: 70px;
    }

    .ui-box + .ui-box {
        margin-top: 70px;
    }

    .color-guide {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

    .color-guide .color-box {
        width: calc(30% - 15px);
    }

    .color-guide .color-box.main {
        width: calc(40% - 15px);
    }

    .color-guide .color-box + .color-box {
        margin-top: 0;
    }

    .cooperation-box.border.text ul li {
        width: calc(50% - 17px);
    }

    .list-tbl.listen>li {
        flex-wrap: nowrap;
    }

    .next-step {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        padding-top: 80px;
    }

    .next-step:before {
        top: 25px;
    }

    .next-step .box {
        width: calc(50% - 5px);
    }

    .next-step .box + .box {
        margin-top: 0;
    }

    .point-info-list.military em {
        min-width: 80px;
    }

    .next-step + .point-info-list {
        margin-top: 25px;
    }

    .sub-section.military .tit-box {
        padding: 0 30px;
    }

    .bg-box.military .info-step {
        display: flex;
        gap: 30px;
        justify-content: space-between;
        margin-top: 40px;
    }

    .bg-box.military .info-step>li {
        margin-top: 0;
        width: calc(25% - 15px);
    }

    .bg-box.military .info-step .num {
        font-size: 34px;
    }

    .bg-box.military .info-step .num:after {
        width: 30px;
    }

    .img-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .img-list .txt-box {
        font-size: 16px;
    }

    .tree-box-wrap .tit {
        font-size: 30px;
    }

    .tree-box .top {
        display: flex;
        justify-content: center;
    }

    .tree-box .top>span, .tree-box .btm>ul>li {
        width: calc(33.33% - 64px);
    }

    .tree-box .top>span {
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .tree-box .step1 {
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .tree-box .step1.arrow:before {
        height: 50px;
        bottom: -39px;
    }

    .tree-box .step2 {
        margin-top: 50px;
        padding: 20px 24px;
    }

    .tree-box .step2 em , .tree-box .step2 .bullet, .tree-box .step2 .text-box, .tree-box .step3 {
        font-size: 16px;
    }

    .tree-box .blue-box {
        margin-top: 50px;
    }

    .tree-box .step3.icon {
        margin-top: 70px;
    }

    .tree-box .step2.tc {
        height: 203px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .tree-box .blue-box:before {
        width: 100%;
        left: -95%;
        background-position: 100% 50%;
    }

    .tree-box .blue-box:after {
        width: 100%;
        right: -100%;
        left: auto;
        background-position: 0 50%;
    }

    .tree-box .blue-box.right:before {
        left: 90%;
        background-position: 0 50%;
    }

    .tree-box .blue-box.right:after {
        left: -100%;
        background-position: 100% 50%;
    }

    .line-box-wrap.partner .line-box {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .line-box-wrap.partner .link-btn-wrap {
        align-self: center;
    }

    .line-box-wrap.partner .link-btn {
        height: fit-content;
    }

    .line-box-wrap.partner .line-box {
        flex-direction: column;
    }

    .line-box-wrap.partner span {
        font-size: 16px;
        word-break: keep-all;
        line-height: 1.4;
        letter-spacing: -1px;
    }

    .sub-section.recruit .ex-list.type4 .ico-area {
        width: 100px;
        height: 100px;
    }

    .sub-section.recruit .ex-list.type4 .ico-area>img {
        height: 50px;
    }

    .curri-box-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .curri-box {
        padding: 20px 28px;
    }

    .curri-box + .curri-box {
        margin-top: 0;
    }

    .curri-box.wide {
        grid-column: 1 / 3;
    }

    .curri-box.wide .curri-list {
        display: flex;
        gap: 60px;
        flex-wrap: wrap;
    }

    .curri-box.wide .curri-list>li {
        width: calc(50% - 30px);
    }

    .curri-box.wide .curri-tit {
        font-size: 26px;
        padding-bottom: 15px;
    }

    .curri-box.wide .curri-list>li>p {
        flex-shrink: 0;
    }

    .curri-box.wide .curri-list .curri-link {
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 5px 15px;
    }

    .sub-section.bg-section {
        margin-top: 50px;
    }

    .diagram.line img {
        max-width: 100%;
    }

    .float-cont {
        padding: 40px;
        border: 1px solid var(--border-color);
        background: var(--white);
    }

    .float-cont .inner-cont {
        border: none;
        padding: 0;
    }

    .float-cont .inner-cont:first-child {
        padding-bottom: 30px;
    }

    .float-cont .inner-cont+div {
        border-top: 1px solid var(--border-color);
        padding-top: 30px;
    }

    .float-cont .inner-cont.col2 + div {
        padding-top: 30px;
    }

    .float-cont .inner-cont.col2 {
        display: flex;
        flex-wrap: wrap;
    }

    .float-cont .inner-cont.col2 .contents-tit {
        width: 100%;
    }

    .float-cont .inner-cont.col2>div {
        width: calc(50% - 50px);
    }

    .float-cont .inner-cont .right {
        border-top: none;
        border-left: 1px solid var(--border-color);
    }

    .color-txt-box .tit {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .color-txt-con.col2 {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .color-txt-con.col2 .color-txt-box {
        width: calc(50% - 10px);
    }

    .color-txt-con.col2 .color-txt-box + .color-txt-box {
        margin-top: 0;
    }

    .color-txt-box .txt-box {
        padding: 20px 50px;
    }

    .color-txt-box .txt-wrap {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        letter-spacing: -1px;
    }

    .color-txt-box .txt-wrap>div {
        width: calc(50% - 110px);
    }

    .edu-diagram-box.type2 {
        flex-direction: row;
        justify-content: center;
        gap: 0;
    }

    .edu-diagram-box.type2 .main-area.skyblue {
        margin-left: -35px;
    }

    .edu-diagram-box {
        gap: 100px;
    }

    .edu-diagram-box .main-area {
        width: 350px;
        height: 350px;
    }

    .edu-diagram-box .main-area p {
        width: 230px;
        height: 230px;
        font-size: 24px;
    }

    .edu-diagram-box .sub-area:before {
        top: -70px;
    }

    .edu-diagram-box .sub-area>ul {
        flex-direction: row;
        gap: 20px;
    }

    .edu-diagram-box .sub-area p {
        width: 164px;
        height: 164px;
        font-size: 18px;
    }

    .edu-diagram-box.type2 {
        margin-bottom: 200px;
    }

    .edu-diagram-box.type2 .main-area {
        width: 350px;
        height: 350px;
    }

    .edu-diagram-box.next:after {
        width: 350px;
        height: 350px;
        bottom: -350px;
    }

    .edu-diagram-box.type2 .main-area>p {
        width: 230px;
        height: 230px;
    }

    .edu-diagram-box.type2 .main-area em {
        font-size: 24px;
    }

    .edu-diagram-box.type2 .main-area span {
        font-size: 20px;
    }

    .edu-diagram-box.type2 .edu-diagram li {
        margin-bottom: 70px;
    }

    .edu-diagram-box.type2 .edu-diagram li::after {
        height: 70px;
        bottom: -71px;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child {
        width: 320px;
        height: 320px;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child p {
        width: 270px;
        height: 270px;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child span {
        width: 200px;
        height: 200px;
        font-size: 25px;
    }

    .edu-diagram-box.type2 .edu-diagram span {
        width: 170px;
        height: 170px;
        font-size: 18px;
    }

    .next-txt {
        font-size: 32px;
        padding-top: 100px;
    }

    .ico-navi {
        grid-template-columns: repeat(6, 1fr);
    }

    .target-box.classtype {
        flex-direction: row;
    }

    .target-box.classtype>li {
        width: calc(33.33% - 20px);
    }

    .sub-section.certificate .list-tbl>li {
        flex-wrap: nowrap;
    }

    .sub-section.certificate .list-tbl>li .no {
        min-width: 60px;
    }

    .ex-box.logo-box {
        align-items: center;
    }

    .bg-box.certificate01 .title, .bg-box.certificate02 .title, .bg-box.certificate03 .title {
        padding-top: 25px;
    }

    .ex-box-wrap .flex-text-list .list-tit {
        min-width: 120px;
    }

    .ex-box-wrap .flex-text>div {
        width: calc(100% - 140px);
    }

    .ex-box-wrap.certi .ico-area {
        width: 100px;
    }

    .contact-box.column ul {
        align-items: flex-start;
    }

    .img-step-box {
        display: flex;
        justify-content: center;
        gap: 60px;
    }

    .img-step-box .img-box:not(:first-child):after {
        top: 50%;
        left: -45px;
        transform: rotate(0);
    }

    .img-step-box .img-box + .img-box {
        margin-top: 0;
    }

    .bg-box.digital-library .title {
        padding-top: 45px;
    }

    .bg-box.smart-campus02 .link-btn-wrap {
        flex-direction: column;
        align-items: center;
    }

    .bg-box.smart-campus02 .link-btn-wrap .link-btn {
        width: 300px;
    }

    .cooperation-box.smart-campus ul>li {
        display: flex;
        height: 100px;
        align-items: center;
    }

    .cooperation-box.smart-campus ul>li p {
        width: 60%;
        font-size: 17px;
        color: #111;
    }

    .bg-box.smart-campus02 {
        background-position-x: -10px;
    }

    .bg-box.smart-campus02 .inner-cont {
        padding-left: 155px;
        box-sizing: border-box;
    }

    .bg-box.smart-campus02 .title {
        padding-top: 20px;
        font-size: 23px;
    }

    .bg-box.smart-campus02 .link-btn-wrap {
        gap: 5px;
    }

    .smart-con {
        text-align: left;
        padding-top: 20px;
    }

    .smart-con>li {
        padding: 30px 0;
    }

    .smart-con .con-box {
        font-size: 16px;
        line-height: 1.5;
    }

    .smart-con .con-box p {
        text-align: left;
        font-size: 24px;
        padding-bottom: 10px;
    }

    .cooperation-box ul {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .cooperation-box.border ul>li {
        width: calc(50% - 9.5px);
    }

    .line-box.step {
        padding: 30px;
        font-size: 16px;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
    }

    .icon.license05 {
        width: 90px;
        height: 90px;
        background-size: 90px;
    }

    .bg-box.counsel .title {
        padding-top: 30px;
    }

    .bg-box.counsel .link-btn-wrap {
        padding-top: 20px;
    }

    .web-logo-box {
        display: flex;
        gap: 20px;
    }

    .web-logo-box .logo-area {
        margin-bottom: 0;
    }

    .service-box-wrap {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .service-box-wrap .service-box {
        width: calc(50% - 10px);
    }

    .service-box .activity-box>li {
        width: calc(50% - 14px);
    }

    .service-box + .service-box {
        margin-top: 0;
    }

    .cooperation-box.border.disabled ul>li>p {
        font-size: 18px;
    }

    .sub-section.privacy .cont-box:not(:last-child) {
        padding-bottom: 50px;
    }

    .ex-box-wrap.policy-file .ex-box {
        align-items: center;
    }

    .policy-open {
        padding: 30px 50px;
    }

    .policy-open .ico-area {
        width: 110px;
        height: 110px;
        background-size: 110px;
    }

    .policy-open .tit {
        font-size: 30px;
        padding: 35px 0;
    }

    .policy-open .tit br {
        display: block;
    }

    .policy-open .txt-area {
        font-size: 18px;
        padding-top: 35px;
    }

    .policy-open .txt {
        padding-bottom: 18px;
    }

    .request-wrap {
        padding: 50px;
    }

    .request-wrap .request-top {
        margin-bottom: 50px;
    }

    .request-wrap .date-box>p, .request-wrap .contact {
        font-size: 18px;
        gap: 0 10px;
    }

    .request-wrap .keynote-tit {
        padding-bottom: 30px;
    }

    .gray-line {
        margin: 30px 0;
    }

    .request-wrap .contact .ico-contact {
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }

    .clear-request .link-btn-wrap {
        margin-top: 50px;
    }

    .email-rejection {
        padding: 35px 120px;
    }

    .curriculum-intro .contents-tit {
        font-size: 44px;
    }

    .curriculum-intro {
        padding: 70px 20px;
    }

    .curriculum-info .ex-box-wrap.list {
        padding: 50px;
    }

    .curriculum-info .label-tit-wrap {
        padding-top: 50px;
    }

    .curriculum-info .label-tit-wrap .label-tit {
        font-size: 44px;
    }

    .blue-label {
        height: 34px;
        padding: 0 13px;
        margin-bottom: 20px;
    }

    .manual-list>li>ul>li:before {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-left: 10px;
    }

    .img_inner_txt1.bg-donate {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-donate.png);
    }

    .img_inner_txt2.bg-philosophy {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-philosophy.png);
    }

    .img_inner_txt2.bg-special {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-special.png);
    }

    .img_inner_txt2.line2.bg-special {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-special02.png);
    }

    .img_inner_txt3.bg-cooperinfo {
        background-image: url(/type/common/img/kor/ver2024//intro/bg-cooperinfo.png);
    }

    .img_inner_txt1.bg-hire {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-hire01.png);
    }

    .img_inner_txt1.bg-hire2 {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-hire02.png);
    }

    .img_inner_txt3.bg-hire3 {
        background-image: url(/type/common/img/kor/ver2024/intro/bg-hire03.png);
    }

    .img_inner_txt1.bg-quality {
        background-image: url(/type/common/img/kor/ver2024/bg-quality.png);
    }

    .support_certificate01 .cont_topBanner.bg-internet {
        background: url(/type/common/img/kor/ver2024/support/bg-internet.png) no-repeat;
    }

    .support_certificate02 .cont_topBanner.bg-post {
        background: url(/type/common/img/kor/ver2024/support/bg-post.png) no-repeat;
    }

    .support_certificate03 .cont_topBanner.bg-fax {
        background: url(/type/common/img/kor/ver2024/support/bg-fax.png) no-repeat;
    }

    .support_library .cont_topBanner.bg-library {
        background: url(/type/common/img/kor/ver2024/support/bg-library.png) no-repeat;
    }

    .support_foundation .img_inner_txt1.bg-founded {
        background: url(/type/common/img/kor/ver2024/support//bg-founded.png) no-repeat;
    }

    .support_disabled3 .cont_topBanner.bg-part {
        background: url(/type/common/img/kor/ver2024/support/bg-part.png) no-repeat;
    }

    .support_smartcampus.smartcampus2 .cont_topBanner.bg-smartinfo {
        background: url(/type/common/img/kor/ver2024/support/bg-smartinfo.png) no-repeat;
    }

    .smartguide1 .cont_topBanner.bg-certi {
        background: url(/type/common/img/kor/ver2024/support/bg-certi.png) no-repeat;
    }

    .support_clouding .cont_topBanner.bg-cloud {
        background: url(/type/common/img/kor/ver2024/support/bg-cloud.png) no-repeat;
    }

    .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap {
        padding: 0;
    }

    .img_inner_txt1.lecture_bg.bg-introtype {
        background: url(/type/common/img/ipsi/ver2024/bg-introtype.png) no-repeat;
    }

    .departments_main>div {
        width: 47%;
        margin: 0 0 40px 3%;
        padding: 20px 218px 40px 30px;
    }

    .img_inner_txt1.cert_bg.bg-certi {
        background: url(/type/common/img/ipsi/ver2024/bg-certi.png) no-repeat;
    }

    .top-ex-box .txt {
        font-size: 20px;
        padding-bottom: 35px;
    }

    .top-ex-box .ex-ico {
        width: 75px;
        padding-bottom: 30px;
    }

    .intro-vision .round-tit {
        height: 55px;
        font-size: 17px;
    }

    .intro-vision .round-cont {
        height: 60px;
        font-size: 20px;
    }

    .square-list .tit {
        font-size: 16px;
    }

    .square-list .cont {
        font-size: 15px;
        padding: 15px;
    }

    .course-top {
        font-size: 23px;
    }

    .course-item .inner-box {
        padding: 20px 20px 60px;
    }

    .course-item .inner-txt {
        font-size: 15px;
    }
}

@media screen and (min-width: 1024px) {
    .img_inner_txt4.ver2024 {
        background-repeat: repeat;
    }

    .counseling .counceling_list ul li {
        flex-direction: row;
    }

    .sub-top.about-sdu {
        background-image: url("/_user/university/img/sub/bg-about-sdu.jpg");
    }

    .sub-top.departments {
        background-image: url("/_user/university/img/sub/bg-departments.jpg");
    }

    .sub-top.convergence {
        background-image: url("/_user/university/img/sub/bg-convergence.jpg");
    }

    .sub-top.academics {
        background-image: url("/_user/university/img/sub/bg-academics.jpg");
    }

    .sub-top.university-life {
        background-image: url("/_user/university/img/sub/bg-university-life.jpg");
    }

    .sub-top.student-support {
        background-image: url("/_user/university/img/sub/bg-student-support.jpg");
    }

    .sub-top {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 300px;
        background: url("/_user/university/img/sub/bg-student-support.jpg") center no-repeat;
        background-size: cover;
        text-align: center;
    }

    .sub-top>h2 {
        color: #fff;
        font-size: 57px;
        font-weight: 400;
        line-height: 58px;
    }

    .sub-nav {
        top: 0;
        height: 60px;
    }

    .sub-title {
        text-align: left;
    }

    .sub-wrap {
        padding-top: 60px;
    }

    .breadcrumbs-wrap {
        height: 60px;
    }

    .breadcrumbs-wrap .homebtn {
        width: 82px;
        height: 59px;
        font-size: 16px;
        line-height: 61px;
        background: var(--pc-breadcrumb-bg) url("/_user/common/img/layout/ico-home-black.png") left center no-repeat;
        background-size: 16px;
        padding: 0 15px 0 20px;
        box-sizing: border-box;
        color: var(--black);
    }

    .breadcrumbs-wrap .breadcrumbs::before {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        top: 50%;
        z-index: 1;
        width: 1px;
        height: 18px;
        margin-top: -10px;
        background: #dbdfe2;
    }

    .breadcrumbs-wrap .breadcrumbs>button {
        min-width: 230px;
        height: 59px;
        padding: 10px 30px 10px 15px;
    }

    .breadcrumbs-wrap .breadcrumbs>button.on {
        background: var(--pc-breadcrumb-bg-on);
    }

    .breadcrumbs-wrap .breadcrumbs>button::after {
        right: 10px;
        width: 17px;
        height: 8px;
        background-image: url("/_user/common/img/layout/ico-selarrow-b.png");
        background-size: auto 5px;
    }

    .breadcrumbs-wrap .breadcrumbs>button.on::after {
        background-image: url("/_user/common/img/layout/ico-selarrow-w-2.png");
    }

    .breadcrumbs-wrap .breadcrumbs>ul {
        top: 60px;
        border: 1px solid #dbdee1;
        border-top: none;
    }

    .breadcrumbs-wrap .breadcrumbs>ul>li+li {
        margin-top: 10px;
    }

    .breadcrumbs-wrap .breadcrumbs>ul>li>a {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 16px;
        letter-spacing: -1px;
        transition: .2s;
    }

    .breadcrumbs-wrap .breadcrumbs>ul>li>a:hover, .breadcrumbs-wrap .breadcrumbs>ul>li>a:active {
        color: #05548f;
    }

    .sub-nav .sub-util {
        padding: 18px 0;
    }

    .sub-nav .sub-util>button.zoom-in {
        background-image: url("/_user/common/img/layout/ico-zoomin-black.png");
    }

    .sub-nav .sub-util>button.zoom-out {
        background-image: url("/_user/common/img/layout/ico-zoomout-black.png");
    }

    .sub-nav .sub-util>button.print {
        background-image: url("/_user/common/img/layout/ico-print-black.png");
    }

    .sub-nav .sub-util>button.share {
        background-image: url("/_user/common/img/layout/ico-share-black.png");
    }

    .fix .sub-nav {
        background: var(--pc-breadcrumb-bg);
    }

    .fix .breadcrumbs-wrap .homebtn {
        background-color: var(--pc-breadcrumb-bg);
    }

    .fix .breadcrumbs-wrap .breadcrumbs>button {
        background-color: var(--pc-breadcrumb-bg);
        color: var(--pc-breadcrumb);
    }

    .sub-top>h2 {
        padding-top: 40px;
    }

    .sub-section + .sub-section {
        padding-top: 70px;
    }

    .sub-section + .sub-section.intro {
        padding-top: 100px;
    }

    .gray-box>ul>li {
        font-size: 1rem;
    }

    .greeting-wrap .greeting-tit {
        font-size: 40px;
    }

    .greeting-wrap .greeting-tit:before {
        width: 150px;
    }

    .greeting-wrap.type2 .signature>p {
        font-size: 24px;
    }

    .quote-box {
        padding: 0 80px;
    }

    .quote-box:before {
        left: 60px;
    }

    .quote-box:after {
        right: 32px;
    }

    .circle-list .ico-area {
        width: 160px;
    }

    .circle-list .text-area>p {
        font-size: 24px;
    }

    .circle-list.type2 .text-area>p {
        font-size: 21px;
    }

    .circle-list .text-area>span {
        font-size: 16px;
    }

    .circle-list>li:nth-child(n+2) .ico-area:after {
        width: 207px;
        height: 207px;
        left: -100%;
        top: -25px;
    }

    .goal-box {
        padding-bottom: 0;
        gap: 30px;
    }

    .goal-box .box {
        padding: 50px 20px;
        width: calc(50% - 30px);
    }

    .goal-box .icon {
        width: 70px;
        height: 70px;
        background-size: 70px auto;
    }

    .goal-box .tit {
        font-size: 36px;
    }

    .goal-box .txt {
        min-height: 65px;
        box-sizing: border-box;
    }

    .goal-box .box.navy .txt {
        padding-top: 20px;
    }

    .sub-section.goal {
        margin-top: 100px;
    }

    .vision-box {
        border: 2px solid var(--vision-box-bg);
    }

    .vision-box .tit-box {
        justify-content: center;
        gap: 10px;
    }

    .vision-box .tit-box .tit {
        font-size: 32px;
        letter-spacing: -0.7px;
        word-break: keep-all;
        line-height: 1.4;
    }

    .vision-box .icon {
        width: 65px;
        min-height: 75px;
        background-size: 65px auto;
    }

    .vision-box .txt-box-wrap {
        display: flex;
        width: 100%;
    }

    .vision-box .txt-box-wrap .txt-box {
        width: calc(33.33% - 2px);
        position: relative;
        padding-top: 30px;
    }

    .vision-box .txt-box-wrap .txt-box:not(:last-child):before {
        content: '';
        width: 2px;
        height: calc(100% - 40px);
        background: var(--border-color);
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .vision-box .txt-box-wrap.col2 .txt-box {
        width: calc(50% - 2px);
    }

    .vision-box .txt-box + .txt-box {
        margin-top: 0;
    }

    .check-txt {
        font-size: 20px;
    }

    .vision-wrap + .gray-box {
        margin-top: 40px;
    }

    .vision-box {
        display: flex;
    }

    .vision-box .tit-box {
        width: 220px;
    }

    .vision-box .tit-box .tit br {
        display: block;
    }

    .vision-box .txt-box-wrap {
        margin: 15px;
    }

    .why-box-list {
        padding: 70px 140px;
    }

    .why-box {
        display: flex;
    }

    .why-box .tit {
        width: 136px;
        font-size: 31px;
        word-break: keep-all;
    }

    .why-box .tit:before {
        width: 100%;
    }

    .why-box .txt-wrap {
        padding-top: 0;
        width: calc(100% - 145px);
        padding-left: 135px;
    }

    .why-box .sub-tit {
        font-size: 24px;
    }

    .why-box .sub-tit.center {
        padding-top: 20px;
        text-align: center;
    }

    .why-box + .why-box {
        margin-top: 60px;
    }

    .why-box .sub-txt {
        font-size: 20px;
    }

    .why-box .sub-txt + span {
        font-size: 15px;
    }

    .why-box .img-box>img {
        width: auto;
        max-width: 100%;
    }

    .why-banner {
        max-width: 1400px;
        height: 450px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-image: url("/_user/university/img/sub/bg-why-sdu.png");
    }

    .why-banner .tit-wrap {
        display: none;
    }

    .why-banner .txt-wrap {
        margin-top: 0;
        width: 50%;
    }

    .why-banner .banner-txt {
        text-align: left;
    }

    .why-banner .banner-txt + .banner-txt {
        margin-top: 20px;
    }

    .why-banner .banner-txt em {
        font-size: 28px;
        line-height: 1.4;
    }

    .why-banner .banner-txt span {
        font-size: 24px;
        line-height: 1.4;
    }

    .organ-tit, .chart-tit {
        justify-content: center;
    }

    .organ-btm {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .organ-btm .chart-box + .chart-box {
        margin-top: 0;
    }

    .organ-btm .chart-box {
        width: calc(20% - 15px);
    }

    .organ-btm .chart-box.col2 {
        width: calc(40% - 15px);
    }

    .color-guide .color-box {
        display: flex;
        justify-content: space-between;
        padding: 37px 15px;
    }

    .color-guide p {
        font-size: 23px;
    }

    .color-guide span {
        font-size: 15px;
        padding-top: 0;
        padding-left: 20px;
    }

    .line-box-wrap.info .line-box {
        height: 340px;
        box-sizing: border-box;
    }

    .contact-box.col2 li {
        width: auto;
    }

    .cooperation-box.col-3.border.text ul li {
        width: calc(33.33% - 22px);
    }

    .bg-box.military .info {
        display: flex;
        gap: 50px;
    }

    .bg-box.military .info-txt {
        margin-top: 40px;
    }

    .bg-box.military .tit {
        font-size: 30px;
    }

    .bg-box.military .info-step {
        width: calc(100% - 500px);
    }

    .bg-box.military .info-step br {
        display: block;
    }

    .bg-box.military .point-info-list {
        width: fit-content;
        margin: 40px auto 0;
    }

    .img-list {
        grid-template-columns: repeat(6, 1fr);
    }

    .img-list .txt-box {
        font-size: 0.89rem;
    }

    .tree-box-wrap .tit {
        font-size: 40px;
        padding-bottom: 40px;
    }

    .tree-box .top>span, .tree-box .step1, .tree-box .step2 em , .tree-box .step2 .bullet, .tree-box .step2 .text-box, .tree-box .step3 {
        font-size: 1rem;
    }

    .bg-box.partner {
        padding: 70px;
    }

    .step-wrap {
        padding-top: 0;
    }

    .line-box-wrap.partner span {
        font-size: 0.89rem;
    }

    .line-box-wrap.partner .link-btn {
        min-width: 125px;
    }

    .line-box-wrap.partner .line-box {
        flex-direction: row;
    }

    .bg-box.partner .step-wrap .step-box .right {
        font-size: 1rem;
    }

    .curri-link a:after {
        top: -3px;
    }

    .curri-list>li:before {
        top: 13px;
    }

    .curri-box:hover {
        background: #05548f;
        border-color: #05548f;
    }

    .curri-box:hover .curri-list>li>p, .curri-box:hover .curri-list .curri-link {
        background: #05548f;
    }

    .curri-box:hover .curri-tit, .curri-box:hover .curri-list>li>p, .curri-box:hover .curri-list>li>p>a , .curri-box:hover .curri-link a {
        color: var(--white);
    }

    .curri-box:hover .curri-link a:after {
        border-color: var(--white);
    }

    .curri-box:hover .curri-list>li:before {
        border-color: #82aac7;
    }

    .curri-box:hover .curri-link a:hover, .curri-box:hover .curri-list>li>p>a:hover {
        color: #e2b758;
    }

    .curri-box:hover .curri-link a:hover:after {
        border-color: #e2b758;
    }

    .curri-box-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .curri-box.wide {
        grid-column: 1 / 4;
    }

    .edu-diagram-box.type2 .edu-diagram {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }

    .edu-diagram-box.type2 .edu-diagram span {
        font-size: 20px;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child span {
        font-size: 30px;
    }

    .edu-diagram-box.type2 .edu-diagram li {
        margin-bottom: 0;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child {
        order: 1;
    }

    .edu-diagram-box.type2 .edu-diagram li:last-child {
        order: 3;
    }

    .edu-diagram-box.type2 .edu-diagram li::after {
        width: 130%;
        height: 1px;
        left: 100%;
        top: 50%;
        bottom: 0;
        z-index: -1;
    }

    .edu-diagram-box.type2 .edu-diagram li:first-child:after, .edu-diagram-box.type2 .edu-diagram li:first-child:before {
        display: none;
    }

    .edu-diagram-box.type2 .edu-diagram li:last-child::after {
        display: inline-block;
        left: -130%;
    }

    .edu-diagram-box.type2 .edu-diagram li::before {
        content: '';
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        top: 47%;
        right: -5.5vw;
        background: #977649;
        border-radius: 50%;
    }

    .edu-diagram-box.type2 .edu-diagram li:last-child::before {
        left: -5.5vw;
    }

    .edu-diagram-box {
        flex-direction: row;
        gap: 50px;
    }

    .edu-diagram-box .sub-area:before {
        top: 50%;
        left: -25px;
    }

    .step-wrap {
        gap: 0 20px;
    }

    .step-wrap .step-box .keynote-tit {
        font-size: 1.1rem;
    }

    .step-wrap .step-box .right {
        font-size: 1rem;
    }

    .process-list .ico-area.large>img {
        width: 90px;
    }

    .target-box.classtype .target-sub-txt {
        font-size: 1rem;
    }

    .text-list.group .img-area.wide {
        max-width: 380px;
    }

    .text-list.group .img-area.wide.col3 {
        max-width: 450px;
    }

    .text-list.group .img-area.wide>img {
        width: 50%;
    }

    .text-list.group .img-area.wide.col3>img {
        width: auto;
    }

    .sub-section.certificate .list-tbl>li {
        padding: 20px;
        gap: 20px;
        align-items: center;
    }

    .text-list.group .list-tit {
        font-size: 1.1rem;
    }

    .diagram .web {
        display: block;
    }

    .diagram .mob {
        display: none;
    }

    .img-step-box {
        gap: 80px;
    }

    .img-step-box .img-box:not(:first-child):after {
        left: calc(-50% + 38px);
        width: 46px;
        height: 20px;
    }

    .img-step-box.col5 .img-box:not(:first-child):after {
        left: -63px;
    }

    .sub-section.class .text-list.group>li {
        flex-direction: row-reverse;
    }

    .sub-section.class .text-list.group .img-area {
        margin-bottom: 0;
    }

    .bg-box.smart-campus02 .title {
        font-size: 29px;
        padding-top: 55px;
    }

    .bg-box.smart-campus02 .link-btn-wrap {
        flex-direction: row;
        gap: 0;
    }

    .bg-box.smart-campus02 .link-btn-wrap .link-btn {
        width: auto;
    }

    .smart-con>li {
        display: flex;
    }

    .smart-con .con-box {
        padding-top: 0;
        padding-left: 40px;
    }

    .line-box.step {
        gap: 60px;
        justify-content: center;
        padding: 50px;
    }

    .bg-box.smart-campus02 {
        background-image: url('/_user/union/img/sub/smartcampusBg212.jpg');
        background-position-x: 0;
    }

    .cooperation-box ul {
        gap: 20px;
    }

    .cooperation-box.border ul>li {
        width: calc(33.33% - 15.3px);
    }

    .service-box .activity-box {
        gap: 15px;
    }

    .cooperation-box.border.disabled ul>li>a {
        font-size: 1rem;
    }

    .cooperation-box.border.disabled ul>li {
        width: calc(25% - 16px);
    }

    .policy-open .txt-area>ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
        text-align: left;
    }

    .policy-open .txt-area>ul em {
        display: inline-block;
        padding-right: 10px;
    }

    .curriculum-intro .contents-tit {
        font-size: 54px;
        margin-bottom: 40px;
    }

    .curriculum-info .label-tit-wrap .label-tit {
        font-size: 54px;
    }

    .curriculum-info .label-tit-wrap .dept-label>span {
        font-size: 1rem;
    }

    .manual-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .manual-list>li+li {
        padding-top: 0;
    }

    .circle-target-box {
        position: relative;
        width: 100%;
        height: 800px;
    }

    .circle-target-box .circle-target {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .circle-list li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 240px;
        height: 240px;
        position: absolute;
        left: 0;
        border-radius: 50%;
        border: 1px solid #f5f6fa;
    }

    .circle-list li:first-of-type {
        bottom: 100px;
        left: 38%;
        transform: translateX(-50%);
    }

    .circle-list li:nth-of-type(2) {
        top: 206px;
        left: 34%;
        transform: translateX(-50%);
    }

    .circle-list li:nth-of-type(3) {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .circle-list li:nth-of-type(4) {
        top: 206px;
        left: 66%;
        transform: translateX(-50%);
    }

    .circle-list li:nth-of-type(5) {
        bottom: 100px;
        left: 62%;
        transform: translateX(-50%);
    }

    .circle-list .text-area {
        margin-top: 0;
    }

    .circle-list .text-area br {
        display: block;
    }

    .circle-list .text-area>p {
        padding: 0;
    }

    .cooper-military-box {
        position: relative;
    }

    .cooper-military-tit {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cooper-military-list {
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .cooper-military-list::before {
        content: '';
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 1px;
        background: #e5ebef;
        z-index: -1;
    }

    .cooper-military-list > li {
        width: 370px;
    }

    .cooper-military-list > li + li {
        margin-top: 0;
    }

    .img_inner_txt4.ver2024 {
        background-image: url("/type/common/img/kor/ver2024/intro/bg-cooper-military-m.png");
    }

    .cooper-tree-box .tree-tit {
        font-size: 26px;
        max-width: 360px;
    }

    .cooper-tree-box .tree-list {
        position: relative;
        padding-top: 100px;
        justify-content: center;
    }

    .cooper-tree-box .tree-list::before {
        content: '';
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 0;
        border: 1px dashed #ccc;
        max-width: 880px;
    }

    .cooper-tree-box .tree-list > li {
        min-width: 440px;
    }

    .tree-inner-tit {
        font-size: 22px;
        max-width: 320px;
        margin: 0 auto;
    }

    .cooper-tree-box .tree-inner-list {
        max-width: 320px;
        margin: 0 auto;
    }

    .cooper-tree-box .tree-inner-list > em {
        font-size: 20px;
    }

    .cooper-tree-box .tree-list> li.center-line::after {
        height: 90px;
        top: -96px;
    }

    .cooper-tree-box .arrow-box .arrow::after {
        width: 380%;
    }

    .cooper-tree-box .arrow-box > div.right > span {
        left: -100%;
    }

    .cooper-tree-box .arrow-box > div.left > span {
        right: -85%;
    }

    .cooper-tree-box .tree-list > li:nth-of-type(3) .tree-inner-list {
        min-height: 235px;
    }

    .recommend_list.ver2024>ul>li:first-child>p {
        margin-top: 0;
    }

    .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap {
        background: url(/type/common/img/ipsi/ver2024/bg-type.png) no-repeat center / 100% 100%;
    }

    .recommend_list.ver2024>ul>li.first {
        background-position: center 83px;
    }

    .recommend_list.ver2024>ul>li.second {
        background-position: center 90px;
    }

    .recommend_list.ver2024>ul>li.third {
        background-position: center 90px;
    }

    .recommend_list.ver2024>ul>li.fourth {
        background-position: center 90px;
    }

    .top-ex-box .txt {
        font-size: 24px;
    }

    .top-ex-box .ex-ico {
        width: 96px;
        padding-bottom: 40px;
    }

    .intro-vision > li {
        display: flex;
        gap: 30px;
    }

    .intro-vision .round-tit {
        width: 200px;
        height: 75px;
        border-radius: 75px;
        font-size: 19px;
    }

    .intro-vision .round-cont {
        width: 80%;
        margin: 0;
        height: 75px;
        border-radius: 75px;
        font-size: 24px;
    }

    .square-list {
        width: 80%;
        margin: 0;
        gap: 20px;
    }

    .square-list > li {
        width: calc(25% - 17px);
    }

    .square-list .tit {
        height: 90px;
        font-size: 19px;
    }

    .square-list .cont {
        font-size: 16px;
        padding: 30px 20px;
    }

    .course-list-box {
        display: flex;
        align-items: flex-start;
        gap: 30px;
    }

    .top-point-tit {
        min-width: 200px;
        font-size: 19px;
    }

    .course-top > p {
        font-size: 24px;
    }

    .course-top > p::after {
        margin: 0 15px;
        top: 2px;
    }

    .course-top > span {
        font-size: 19px;
    }

    .course-item + .course-item, .course-list-box + .course-list-box {
        margin-top: 50px;
    }

    .course-item .inner-box {
        display: flex;
        gap: 40px;
    }

    .course-item .inner-txt {
        font-size: 16px;
        padding: 0 0 50px 0;
    }

    .course-item .inner-list {
        font-size: 16px;
        position: absolute;
        bottom: 20px;
    }

    .course-item .img-area {
        max-width: 260px;
        min-width: 240px;
    }

    .course-item .btnC_arrLineR_white {
        right: 20px;
        bottom: 20px;
    }

    .course-item .inner-box {
        padding: 20px;
    }
}