@charset "utf-8";
/* sub-top bg s */
@media screen and (min-width: 1200px){
    .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 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;}

@media screen and (min-width: 768px){
    .sub-wrap {padding-top: 220px; padding-bottom: 120px;}
    .sub-title {font-size: 40px;}
    .sub-nav {top: 80px;}
    .sub-section.wide .inner {max-width: 1400px;}
    .sub-section.wide .inner {max-width: 1400px;}

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

@media screen and (min-width: 1200px){
    .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; padding-top: 80px;}
    .sub-nav {top: 0; height: 60px;}
    .sub-title {font-size: 40px; 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 {background: var(--white); top: 60px; border: 1px solid #dbdee1; border-top: none;}
    .breadcrumbs-wrap .breadcrumbs>ul>li>a {color: var(--black);}
    .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);}
}

@media screen and (min-width: 1200px){
    .sub-top>h2 {padding-top: 40px;}
}

/* 공통 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;}
@media screen and (min-width: 768px){
    .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;}
}

@media screen and (min-width: 1024px){
    .sub-section + .sub-section {padding-top: 70px;}
    .sub-section + .sub-section.intro {padding-top: 100px;}
}

/* gray-box, line-box s */
.gray-box.p20 {padding: 20px;}
.line-box.p20 {padding: 20px;}
@media screen and (min-width: 768px) {
    .gray-box>ul>li {font-size: 18px;}
}
@media screen and (min-width: 1024px) {
    .gray-box>ul>li {font-size: 1rem;}
}
/* 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%;}

@media screen and (min-width: 768px){
    .greeting-wrap .signature {display: flex; justify-content: flex-end; align-items: center;}
}
/* 인사말 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);}

@media screen and (min-width: 768px){
    .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;}
}

@media screen and (min-width: 1024px){
    .greeting-wrap .greeting-tit {font-size: 40px;}
    .greeting-wrap .greeting-tit:before {width: 150px;}
    .greeting-wrap.type2 .signature>p {font-size: 24px;}
}
/* 법인소개 - 법인인사말 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;}
@media screen and (min-width: 768px){
    .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);}
}
/* 학교법인 - 기부금모금 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;}

@media screen and (min-width: 768px){
    .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;}
}

@media screen and (min-width: 1200px){
    .quote-box {padding: 0 80px;}
    .quote-box:before {left: 60px;}
    .quote-box:after {right: 32px;}
}

@media screen and (min-width: 1400px){
    .quote-box:before {left: 60px;}
}

/* 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;}

@media screen and (min-width: 768px){
    .circle-list {display: flex; gap: 10px; padding-top: 30px;}
    .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;}

}

@media screen and (min-width: 1200px){
    .circle-list .ico-area {width: 160px;}
    .circle-list .text-area {margin-top: 30px;}
    .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;}
}
/* 교육이념 e */

/* SDU 대학특성화 s */
.sub-section.goal {padding: 0; margin-top: 50px;}
.bg-box.goal {background-image: url("/_user/university/img/sub/bg-goal.png"); /*min-height: 200px;*/ 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;}

@media screen and (min-width: 768px){
    .sub-section.goal {margin-top: 75px;}
    /*.bg-box.goal {min-height: 420px;}*/
    .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;}
}

@media screen and (min-width: 850px){
    .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;}
}

@media screen and (min-width: 1024px){
    .sub-section.goal {margin-top: 100px;}
}
/* 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%; bottom: 20px; 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;}

@media screen and (min-width: 360px){
    .sdu2025 .slide-control {bottom: 30px;}
}

@media screen and (min-width: 600px){
    .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; height: 65px; 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);}
}

@media screen and (min-width: 768px){
    .sdu2025 {margin-top: 20px;}
    .sdu2025 .slide-control .slide-btn {height: 87px;}
}
/* 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;}

@media screen and (min-width: 800px){
    .vision-box {border: 2px solid var(--vision-box-bg);}
    .vision-box .tit-box {flex-direction: row; 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;}
}

@media screen and (min-width: 1200px){
    .vision-box {display: flex;}
    .vision-box .tit-box {width: 220px; flex-direction: column;}
    .vision-box .tit-box .tit br {display: block;}
    .vision-box .txt-box-wrap {margin: 15px;}
}
/* 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;}

@media screen and (min-width: 400px){
    .why-banner .banner-tit {font-size: 1.8em;}
}
@media screen and (min-width: 768px){
    .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;}
}
@media screen and (min-width: 1024px){
    .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%;}
}
@media screen and (min-width: 1200px){
    .why-banner {width: 100%; 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;}
}
/* 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;}

@media screen and (min-width: 768px){
    .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; font-weight: 500; 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;}
}
/* 연혁 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;}
@media screen and (min-width: 768px){
    .organ-top .organ-box {max-width: 215px;}
    .organ-btm .chart-tit {padding: 10px 20px;}
}
@media screen and (min-width: 1024px){
    .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);}

}
/* 조직도 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;}
@media screen and (min-width: 768px){
    .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;}
}
@media screen and (min-width: 850px){
    .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;}
}
/* 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);}
@media screen and (min-width: 1024px) {
    .line-box-wrap.info .line-box {height: 340px; box-sizing: border-box;}
    .contact-box.col2 li {width: auto;}
}
/* 정보공개 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;}
@media screen and (min-width: 768px) {
    .cooperation-box.border.text ul li {width: calc(50% - 17px);}
}
@media screen and (min-width: 1024px) {
    .cooperation-box.col-3.border.text ul li {width: calc(33.33% - 22px)}
}
/* 대외 인증수상 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")}
@media screen and (min-width: 450px) {
    .list-tbl.listen>li {flex-wrap: nowrap;}
}
/* 광고자료실 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;}

@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1200px) {
    .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;}
}
/* 학군협약 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;}

@media screen and (min-width: 768px) {
    .img-list {grid-template-columns: repeat(4, 1fr); gap: 15px;}
    .img-list .txt-box {font-size: 16px;}
}
@media screen and (min-width: 1024px) {
    .img-list {grid-template-columns: repeat(6, 1fr);}
    .img-list .txt-box {font-size: 0.89rem;}
}
/* 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;}
@media screen and (min-width: 450px) {
    .tree-box .step1 {font-size: 15px;}
}
@media screen and (min-width: 768px) {
    .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%;}
}
@media screen and (min-width: 1024px) {
    .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;}
}
/* 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;}
@media screen and (min-width: 450px) {
    .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;}
}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 850px) {
    .bg-box.partner {padding: 70px;}
    .step-wrap {padding-top: 0;}
}
@media screen and (min-width: 1024px) {
    .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;}
}
/* 제휴협력 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;}
@media screen and (min-width: 768px) {
    .sub-section.recruit .ex-list.type4 .ico-area {width: 100px; height: 100px;}
    .sub-section.recruit .ex-list.type4 .ico-area>img {height: 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);}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .curri-link a:after {top: -3px;}
    .curri-list>li:before {top: 13px;}
}
@media screen and (min-width: 1200px) {
    .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;}
}
/* 학과별 교육과정 인트로페이지 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);}
@media screen and (min-width: 768px) {
    .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);}
}
/* 융합과정 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;}
@media screen and (min-width: 768px) {
    .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);}
}
/* 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;}
@media screen and (min-width: 450px) {
    .edu-diagram-box.type2 {flex-direction: row; justify-content: center; gap: 0;}
    .edu-diagram-box.type2 .main-area.skyblue {margin-left: -35px;}
}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .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;}
}
@media screen and (min-width: 1200px) {
    .edu-diagram-box {flex-direction: row; gap: 50px; }
    .edu-diagram-box .sub-area:before {top: 50%; left: -25px;}
}
/* 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");}
@media screen and (min-width: 450px) {
    .ico-navi {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width: 768px) {
    .ico-navi {grid-template-columns: repeat(6, 1fr);}
}
/* 장학 - 장학종류 및 혜택 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");}
@media screen and (min-width: 850px) {
    .step-wrap .step-box .keynote-tit {font-size: 20px;}
    .step-wrap .step-box .right {font-size: 18px;}
}
@media screen and (min-width: 1024px) {
    .step-wrap {gap: 0 20px;}
    .step-wrap .step-box .keynote-tit {font-size: 1.1rem;}
    .step-wrap .step-box .right {font-size: 1rem;}
}
/* 수업 e */
/* 학적 s */
@media screen and (min-width: 1024px) {
    .process-list .ico-area.large>img {width: 90px;}
}
/* 학적 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;}

@media screen and (min-width: 450px) {
    .target-box.classtype {flex-direction: row}
    .target-box.classtype>li {width: calc(33.33% - 20px);}
}
@media screen and (min-width: 1024px) {
    .target-box.classtype .target-sub-txt {font-size: 1rem;}
}
/* 수업유형 소개 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;}
@media screen and (min-width: 768px) {
    .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;}

}
@media screen and (min-width: 850px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .sub-section.certificate .list-tbl>li {padding: 20px; gap: 20px; align-items: center;}
    .text-list.group .list-tit {font-size: 1.1rem;}
}
/* 품질인증 및 수상 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;}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .diagram .web {display: block;}
    .diagram .mob {display: none;}
}
/* 증명서발급 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%;}
@media screen and (min-width: 768px) {
    .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;}

}
@media screen and (min-width: 1024px) {
    .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;}
}
/* 학생증신청 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;}
@media screen and (min-width: 850px) {
    .sub-section.class .text-list.group>li {flex-direction: row-reverse}
    .sub-section.class .text-list.group .img-area {margin-bottom: 0;}
}
/* 이용안내 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;}
@media screen and (min-width: 768px) {
    .bg-box.digital-library .title {padding-top: 45px;}
}
/* 학습지원 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);}
@media screen and (min-width: 450px){
    .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;}
}
@media screen and (min-width: 768px){
    .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;}
}
@media screen and (min-width: 1024px){
    .bg-box.smart-campus02 {background-position-x: 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;}
    .smart-con .con-box p {text-align: left; font-size: 24px; padding-bottom: 10px;}

    .line-box.step {gap: 60px; justify-content: center; padding: 50px;}
}
@media screen and (min-width: 1200px){
    .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);}
}
/* 스마트 캠퍼스 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;}
@media screen and (min-width: 768px){
    .icon.license05 {width: 90px; height: 90px; background-size: 90px;}
}
/* 수업장애원격지원센터 e */
/* 심리상담센터 s */
.bg-box.counsel {background-image: url("/_user/university/img/sub/bg-counsel.png");}
@media screen and (min-width: 768px){
    .bg-box.counsel .title {padding-top: 30px;}
    .bg-box.counsel .link-btn-wrap {padding-top: 20px;}}
/* 심리상담센터 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);}
@media screen and (min-width: 768px){
    .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;}
}
@media screen and (min-width: 1024px){
    .service-box .activity-box {gap: 15px;}
    .cooperation-box.border.disabled ul>li>a {font-size: 1rem;}
}
@media screen and (min-width: 1200px){
    .cooperation-box.border.disabled ul>li {width: calc(25% - 16px);}
}
/* 장애학생지원센터 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;}
@media screen and (min-width: 768px){
    .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;}
}
@media screen and (min-width: 1200px){
    .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;}
}
/* 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;}
@media screen and (min-width: 768px){
    .email-rejection {padding: 35px 120px;}
}
/* 이메일무단수집거부 e */

.univ-song {width: 0; height: 0; opacity: 0;}
.sample-box .sample-thumbnail:after {display: none;}

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

/* 학과별 교육과정 */
.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;}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .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;}
}

@media screen and (max-width: 767px){
    .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;}
@media screen and (min-width: 768px){
    .manual-list>li>ul>li:before {width: 20px; height: 20px; line-height: 20px; margin-left: 10px;}
}
@media screen and (min-width: 1024px){
    .manual-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
    .manual-list>li+li {padding-top: 0;}
}
/****************** 서브페이지 2024ver 추가 *************************/
.next_list1 ul li .top_img > img {
    width: auto;!important; left: 50% !important; top: 50% !important;
}

/* 대학1. 기부금모금 */
.img_inner_txt1.bg-donate {background-image:url(/type/common/img/kor/ver2024/intro/bg-donate.png);}
@media screen and (max-width: 768px){
    .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);}
@media screen and (min-width: 768px){
    .img_inner_txt2.bg-philosophy {background-image:url(/type/common/img/kor/ver2024/intro/bg-philosophy.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;}

@media screen and (min-width: 1024px){
    .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; }
}
/* 대학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);}
@media screen and (min-width: 768px){
    .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);}
}
/* 대학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;}
@media screen and (min-width: 1024px){
    .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;}
}

/* 대학 8. 학군협약 및 입학설명회 신청 */
.img_inner_txt4.ver2024 {background-image: url("/type/common/img/kor/ver2024/intro/bg-cooper-military-m.png")}
.next_list1.ver2024.arrow:before {background-image: url("/type/common/img/kor/ver2024/intro/ico-uner-arrow.png")}
@media screen and (max-width: 1024px){
    .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;}
@media screen and (min-width: 1024px){
    .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;}
}
/* 대학 10. 제휴협력 신청 */
.img_inner_txt3.bg-cooperinfo {background-image:url(/type/common/img/kor/ver2024/intro/bg-cooperinfo-m.png);}
@media screen and (min-width: 768px){
    .img_inner_txt3.bg-cooperinfo {background-image:url(/type/common/img/kor/ver2024//intro/bg-cooperinfo.png);}
}
/* 대학 11. 전임교원정시채용 */
.img_inner_txt1.bg-hire {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire01-m.png);}
@media screen and (min-width: 768px){
    .img_inner_txt1.bg-hire {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire01.png);}
}
/* 대학 12. 비전임교원정시채용 */
.img_inner_txt1.bg-hire2 {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire02-m.png);}
@media screen and (min-width: 768px){
    .img_inner_txt1.bg-hire2 {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire02.png);}
}
/* 대학 13. 비전임교원정시채용(석좌) */
.img_inner_txt3.bg-hire3 {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire03-m.png);}
@media screen and (min-width: 768px){
    .img_inner_txt3.bg-hire3 {background-image:url(/type/common/img/kor/ver2024/intro/bg-hire03.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);}
@media screen and (min-width: 768px){
    .img_inner_txt1.bg-quality {background-image:url(/type/common/img/kor/ver2024/bg-quality.png);}
}

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

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

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

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

/* 대학 32. 창업취업지원센터 */
.support_foundation .img_inner_txt1.bg-founded {background: url(/type/common/img/kor/ver2024/support/bg-founded-m.png) no-repeat;}
@media screen and (min-width: 768px){
    .support_foundation .img_inner_txt1.bg-founded  {background: url(/type/common/img/kor/ver2024/support//bg-founded.png) no-repeat;}
}

/* 대학 33. 심리상담센터 */
.support_counsel .cont_topBanner.bg-counsel {background: url(/type/common/img/kor/ver2024/support/bg-counsel.png) no-repeat;}
@media screen and (min-width: 768px){
    .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;}
@media screen and (min-width: 768px){
    .support_disabled3 .cont_topBanner.bg-part {background: url(/type/common/img/kor/ver2024/support/bg-part.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;}
@media screen and (min-width: 768px){
    .support_smartcampus.smartcampus2 .cont_topBanner.bg-smartinfo {background: url(/type/common/img/kor/ver2024/support/bg-smartinfo.png) no-repeat;}
}
/* 대학 37. 인증서등록안내 */
.smartguide1 .cont_topBanner.bg-certi {background: url(/type/common/img/kor/ver2024/support/bg-certi-m.png) no-repeat;}
@media screen and (min-width: 768px){
    .smartguide1 .cont_topBanner.bg-certi {background: url(/type/common/img/kor/ver2024/support/bg-certi.png) no-repeat;}
}
/* 대학 38. 클라우드 소개 */
.support_clouding .cont_topBanner.bg-cloud {background: url(/type/common/img/kor/ver2024/support/bg-cloud-m.png) no-repeat;}
@media screen and (min-width: 768px){
    .support_clouding .cont_topBanner.bg-cloud {background: url(/type/common/img/kor/ver2024/support/bg-cloud.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; padding: 0; 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%;transform: translateY(10px);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;}

@media screen and (max-device-width: 768px){
    .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap {padding: 40px 20px;}
    .Ipsiinfo_Wrap.ver2024 .ipsi_Sech_Wrap .lv3 br {display: block;}
}

@media screen and (min-width: 1200px){
    .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: #00263d url(/type/common/img/ipsi/ver2024/ico-type01.png) no-repeat;background-position: center 83px;}
    .recommend_list.ver2024>ul>li.second {background: #05548f  url(/type/common/img/ipsi/ver2024/ico-type02.png) no-repeat;background-position: center 90px;}
    .recommend_list.ver2024>ul>li.third {background: #3897d9 url(/type/common/img/ipsi/ver2024/ico-type03.png) no-repeat;background-position: center 90px;}
    .recommend_list.ver2024>ul>li.fourth {background: #5e6e88 url(/type/common/img/ipsi/ver2024/ico-type04.png) no-repeat;background-position: center 90px;}
 }

/* 입학 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;}

@media screen and (min-width: 768px){
    .img_inner_txt1.lecture_bg.bg-introtype   {background: url(/type/common/img/ipsi/ver2024/bg-introtype.png) no-repeat;}
}
/* 입학 11. 전체 */
.departments_main>div  {width: 47%;margin: 0 0 40px 3%;background-color: #eff4fe;padding: 20px 218px 40px 30px;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);}

@media screen and (max-device-width: 768px){
    .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%);}

@media (max-device-width: 860px){
    .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;}
@media screen and (min-width: 768px){
    .img_inner_txt1.cert_bg.bg-certi {background: url(/type/common/img/ipsi/ver2024/bg-certi.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;}
@media screen and (min-width: 768px) {
    .top-ex-box .txt {font-size: 20px; padding-bottom: 35px;}
    .top-ex-box .ex-ico {width: 75px; padding-bottom: 30px; }
}
@media screen and (min-width: 1024px) {
    .top-ex-box .txt {font-size: 24px;}
    .top-ex-box .ex-ico {width: 96px; padding-bottom: 40px;}
}

/* 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;}
@media screen and (min-width: 768px) {
    .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;}
}
@media screen and (min-width: 1024px) {
    .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;}
}

/* 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-list {}
.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;}

@media screen and (min-width: 768px) {
    .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) {
    .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; padding: 20px 20px 90px;}
    .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;}
}
@media screen and (min-width: 1200px) {
    .course-item .inner-box {padding: 20px;}
}

/* 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;}

@media screen and (min-width: 768px) {
    .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) {
    .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; padding: 20px 20px 90px;}
    .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;}
}
@media screen and (min-width: 1200px) {
    .course-item .inner-box {padding: 20px;}
}

/* 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;}

/***************************************************** K-MOOC 신규 페이지 추가 e *****************************************************/