@charset "utf-8";

/**************************************************
*
*   영문 sub.css
*
***************************************************/


/* 총장 인사말 */
.sub-pres-intro {display: flex; align-items: flex-start; column-gap: 90px; background: url("/resources/user/eng/img/icon/icon_emblem.png") no-repeat top left 22%; background-size: 423px;}
html[data-mode="dark"] .sub-pres-intro {background-image: url("/resources/user/eng/img/icon/icon_emblem_dark.png");}
.sub-pres-intro .autogrpah-box {margin-top: 40px;}
.sub-pres-intro .img-box {width: 35%;}
.sub-pres-intro .img-box .txt-01 {color: var(--contents--text-color888); font-size: 18px; margin-bottom: 15px;}
.sub-pres-intro .img-box .txt-02 {font-size: 20px; font-weight: 600; display: flex; align-items: flex-end; gap: 15px;}
.sub-pres-intro .img-box figure {position: relative;}
.sub-pres-intro .img-box figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 80%, #fff);}
html[data-mode="dark"] .sub-pres-intro .img-box figure::before {background: linear-gradient(to bottom, transparent 80%, var(--bg--bg-primary));}
.sub-pres-intro .img-dark {display: none;}
html[data-mode="dark"] .sub-pres-intro .img-light {display: none;}
html[data-mode="dark"] .sub-pres-intro .img-dark {display: block;}
.sub-pres-intro .txt-box {width: 65%;}
.sub-pres-intro .txt-box h2 {color: var(--contents--accent-color); font-weight: 600; font-size: 38px; font-family: 'NanumMyeongjo', sans-serif; line-height: 1.3; position: relative;}
.sub-pres-intro .txt-box h2::before,
.sub-pres-intro .txt-box .end-quote {font-size: 63px; font-weight: 800;}
.sub-pres-intro .txt-box h2::before {content: "“"; position: absolute; top: -17px; left: -31px;}
.sub-pres-intro .txt-box .end-quote {display: inline-block; vertical-align: text-top; transform: translateY(-11px);}
.sub-pres-intro .txt-box p {font-size: 18px; font-weight: 500; line-height: 1.5;}
.sub-pres-intro .txt-box .line-01 {margin-bottom: 8px;}
.sub-pres-intro .txt-box .line-02 {margin-bottom: 50px;}

@media screen and (max-width: 1080px) {
    .sub-pres-intro {column-gap: 50px; background-size: 300px;}
    .sub-pres-intro .autogrpah-box {margin-top: 25px;}
    .sub-pres-intro .img-box .txt-01 {font-size: 16px; margin-bottom: 10px;}
    .sub-pres-intro .img-box .txt-02 {font-size: 18px;}
    .sub-pres-intro .img-box .txt-02 img {height: 36px;}
    .sub-pres-intro .txt-box h2 {font-size: 28px; font-weight: 800;}
    .sub-pres-intro .txt-box h2::before,
    .sub-pres-intro .txt-box .end-quote {font-size: 50px;}
    .sub-pres-intro .txt-box h2::before {left: -26px;}
    .sub-pres-intro .txt-box p {font-size: 16px;}
    .sub-pres-intro .txt-box .line-01 {margin-bottom: 5px;}
    .sub-pres-intro .txt-box .line-02 {margin-bottom: 35px;}
}

@media screen and (max-width: 768px) {
    .sub-pres-intro {flex-wrap: wrap; background-size: 220px;}
    .sub-pres-intro .img-box {width: 100%; display: flex; align-items: flex-end; gap: 20px; margin-bottom: 40px;}
    .sub-pres-intro .img-box .figure {width: 40%;}
    .sub-pres-intro .autogrpah-box {width: 60%; margin-top: 0; padding-bottom: 10px;}
    .sub-pres-intro .img-box .txt-01 {font-size: 14px;}
    .sub-pres-intro .img-box .txt-02 {font-size: 16px; gap: 10px;}
    .sub-pres-intro .img-box .txt-02 img {height: 30px;}
    .sub-pres-intro .txt-box {width: 100%;}
    .sub-pres-intro .txt-box :where(h2, p) {padding-left: 18px;}
    .sub-pres-intro .txt-box h2 {font-size: 20px;}
    .sub-pres-intro .txt-box h2::before,
    .sub-pres-intro .txt-box .end-quote {font-size: 40px;}
    .sub-pres-intro .txt-box h2::before {left: -2px; top: -15px;}
    .sub-pres-intro .txt-box p {font-size: 15px;}
    .sub-pres-intro .txt-box .line-02 {margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .sub-pres-intro {background-position: top center;}
    .sub-pres-intro .img-box {display: block;}
    .sub-pres-intro .img-box .figure {width: 200px; margin: 0 auto 15px;}
    .sub-pres-intro .autogrpah-box {width: 100%; text-align: center;}
    .sub-pres-intro .img-box .txt-02 {justify-content: center;}
}

/* 총장 인사말 */
.sub-pres-intro {display: flex; align-items: flex-start; column-gap: 90px; }
.sub-pres-intro .autogrpah-box {margin-top: 40px;}
.sub-pres-intro .img-box {width: 35%;order:2}
.sub-pres-intro .img-box .txt-01 {color: var(--contents--text-color888); font-size: 18px; margin-bottom: 15px;}
.sub-pres-intro .img-box .txt-02 {font-size: 20px; font-weight: 600; display: flex; align-items: flex-end; gap: 15px; word-break: break-all;}
html[data-mode="dark"] .sub-pres-intro .img-box .txt-02 img {filter: var(--icon-white-dark-mode);}
.sub-pres-intro .img-box figure {position: relative;}
.sub-pres-intro .img-box figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 80%, #fff);}
html[data-mode="dark"] .sub-pres-intro .img-box figure::before {background: linear-gradient(to bottom, transparent 80%, var(--bg--bg-primary));}
.sub-pres-intro .txt-box {width: 60%;}
.sub-pres-intro .txt-box h2 {color: var(--contents--accent-color); font-weight: 600; font-size: 38px; font-family: 'NanumMyeongjo', sans-serif; line-height: 1.3; position: relative;}
.sub-pres-intro .txt-box h2::before,
.sub-pres-intro .txt-box .end-quote {font-size: 63px; font-weight: 800;}
.sub-pres-intro .txt-box h2::before {content: "“"; position: absolute; top: -17px; left: -31px;}
.sub-pres-intro .txt-box .end-quote {display: inline-block; vertical-align: text-top; transform: translateY(-11px);}
.sub-pres-intro .txt-box p {font-size: 18px; font-weight: 500; line-height: 1.5;}
.sub-pres-intro .txt-box .line-01 {margin-bottom: 8px;}
.sub-pres-intro .txt-box .line-02 {margin-bottom: 50px;}

@media screen and (max-width: 1080px) {
    .sub-pres-intro {column-gap: 50px; background-size: 300px;}
    .sub-pres-intro .autogrpah-box {margin-top: 25px;}
    .sub-pres-intro .img-box .txt-01 {font-size: 16px; margin-bottom: 10px;}
    .sub-pres-intro .img-box .txt-02 {font-size: 18px;}
    .sub-pres-intro .img-box .txt-02 img {height: 36px;}
    .sub-pres-intro .txt-box h2 {font-size: 28px; font-weight: 800;}
    .sub-pres-intro .txt-box h2::before,
    .sub-pres-intro .txt-box .end-quote {font-size: 50px;}
    .sub-pres-intro .txt-box h2::before {left: -26px;}
    .sub-pres-intro .txt-box p {font-size: 16px;}
    .sub-pres-intro .txt-box .line-01 {margin-bottom: 5px;}
    .sub-pres-intro .txt-box .line-02 {margin-bottom: 35px;}
}

@media screen and (max-width: 768px) {
    .sub-pres-intro {flex-wrap: wrap; background-size: 220px;}
    .sub-pres-intro .img-box {width: 100%; display: flex; align-items: flex-end; gap: 20px; margin-bottom: 40px;order:0}
    .sub-pres-intro .img-box figure {width: 40%;}
    .sub-pres-intro .autogrpah-box {width: 60%; margin-top: 0; padding-bottom: 10px;}
    .sub-pres-intro .img-box .txt-01 {font-size: 14px;}
    .sub-pres-intro .img-box .txt-02 {font-size: 16px;}
    .sub-pres-intro .img-box .txt-02 img {height: 30px;}
    .sub-pres-intro .txt-box {width: 100%;}
    .sub-pres-intro .txt-box :where(h2, p) {padding-left: 18px;}
    .sub-pres-intro .txt-box h2 {font-size: 20px;}
    .sub-pres-intro .txt-box h2::before,
    .sub-pres-intro .txt-box .end-quote {font-size: 40px;}
    .sub-pres-intro .txt-box h2::before {left: -2px; top: -15px;}
    .sub-pres-intro .txt-box p {font-size: 15px;}
    .sub-pres-intro .txt-box .line-02 {margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .sub-pres-intro {background-position: top center;}
    .sub-pres-intro .img-box {display: block;}
    .sub-pres-intro .img-box figure {width: 200px; margin: 0 auto 15px;}
    .sub-pres-intro .autogrpah-box {width: 100%; text-align: center; margin-top: 20px;}
    .sub-pres-intro .img-box .txt-02 {justify-content: center; padding: 0 20px;}
}


/* 총장 약력 */
.sub-pres-profile {background: url("/resources/user/eng/img/icon/icon_emblem.png") no-repeat bottom 10% center; background-size: 421px;}
html[data-mode="dark"] .sub-pres-profile {background-image: url("/resources/user/eng/img/icon/icon_emblem_dark.png");}
.sub-pres-profile .hd-box {font-size: 20px; font-weight: 500; display: flex; align-items: center; flex-wrap: wrap; row-gap: 5px; column-gap: 20px; margin-bottom: 20px;}
.sub-pres-profile .hd-box .name .kor {font-size: 25px; font-weight: 800;}
.sub-pres-profile .hd-box .tenure {color: var(--contents--text-color888);}
.sub-pres-profile .ctt-box {display: flex; align-items: flex-start; column-gap: 45px; border-top: 1px solid var(--border--contentHeader); border-bottom: 1px solid var(--border--contentHeader); padding: 55px;}
.sub-pres-profile .ctt-box .img-box {width: 27%;}
.sub-pres-profile .ctt-box .img-box img {border-radius: 10px;}
.sub-pres-profile .history-box {width: 73%;}
.sub-pres-profile .history-box > div {display: flex; align-items: flex-start; column-gap: 20px;}
.sub-pres-profile .history-box > div:not(:last-of-type) {border-bottom: 1px solid var(--border--content-box); padding-bottom: 55px; margin-bottom: 55px;}
.sub-pres-profile .history-box .com-title-02 {width: 17%; margin: 0;}
.sub-pres-profile .history-box .list {width: 83%;}
.sub-pres-profile .history-box .list > div {display: flex; align-items: flex-start; column-gap: 20px;}
.sub-pres-profile .history-box .list > div:not(:last-of-type) {margin-bottom: 12px;}
.sub-pres-profile .history-box .list .date {width: 30%; font-size: 15px; font-weight: 600; color: var(--contents--historyYear);font-family: sans-serif;}
.sub-pres-profile .history-box .list .ctt {width: 70%; font-size: 17px; font-weight: 500;}

@media screen and (max-width: 1080px) {
    .sub-pres-profile .hd-box {font-size: 17px; column-gap: 15px; margin-bottom: 15px;}
    .sub-pres-profile .hd-box .name .kor {font-size: 22px;}
    html[data-mode="dark"] .sub-pres-profile .com-title-02 .title::before {width: 6px; height: 6px; top: 8px;}
    .sub-pres-profile .ctt-box {padding: 30px; column-gap: 30px;}
    .sub-pres-profile .history-box .list :is(.date,.ctt) {font-size: 15px;}
    .sub-pres-profile .history-box > div:not(:last-of-type) {padding-bottom: 30px; margin-bottom: 30px;}
}

@media screen and (max-width: 768px) {
    .sub-pres-profile .hd-box {font-size: 15px; margin-bottom: 10px;}
    .sub-pres-profile .hd-box .name .kor {font-size: 18px;}
    html[data-mode="dark"] .sub-pres-profile .com-title-02 .title::before {width: 5px; height: 5px; top: 7px;}
    .sub-pres-profile .ctt-box {flex-wrap: wrap-reverse; padding: 20px;}
    .sub-pres-profile .ctt-box .img-box {width: 100%; margin-bottom: 40px;}
    .sub-pres-profile .ctt-box .img-box img {height: 200px; margin: 0 auto;}
    .sub-pres-profile .history-box {width: 100%;}
    .sub-pres-profile .history-box > div {flex-wrap: wrap;}
    .sub-pres-profile .history-box .com-title-02 {width: 100%; margin-bottom: 15px;}
    .sub-pres-profile .history-box .list {width: 100%;}
    .sub-pres-profile .history-box .list :is(.date,.ctt) {font-size: 14px;}
    .sub-pres-profile .history-box .list .date {flex-shrink: 0; width: 140px;}
    .sub-pres-profile .history-box .list .ctt {width: 100%;}
}


/* 역대총장 */
.sub-president-history {}
.sub-president-history .list {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 25px; text-align: center;}
.sub-president-history .list li {background-color: var(--bg--sub_content-box02); border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 40px 20px; gap: 8px;}
.sub-president-history .list .txt-box {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.sub-president-history .num {width: 73px; font-size: 15px; font-weight: 600; border-bottom: 1px solid var(--btn--btn-color02); color: var(--contents--accent-color); padding-bottom: 3px;}
.sub-president-history .name {font-size: 18px; font-weight: 800;}
.sub-president-history .date {color: var(--contents--text-color888); font-size: 14px;}

@media screen and (max-width: 1080px) {
    .sub-president-history .list {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px;}
    .sub-president-history .list li {padding: 30px 10px;}
    .sub-president-history .list .txt-box {gap: 4px;}
    .sub-president-history .num {font-size: 14px;}
    .sub-president-history .name {font-size: 16px;}
    .sub-president-history .date {font-size: 13px;}
}

@media screen and (max-width: 768px) {
    .sub-president-history .list {grid-template-columns: repeat(3,minmax(0,1fr));}
}

@media screen and (max-width: 480px) {
    .sub-president-history .list {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;}
    .sub-president-history .list li {padding: 20px 10px;}
    .sub-president-history .date {letter-spacing: -1px;}
}



/* VISION 2030 */
.sub-vision2030 {}
.sub-vision2030 dl > div {display: flex; align-items: flex-start; gap: 30px;}
.sub-vision2030 dl > div:not(:last-of-type) {margin-bottom: 46px;}
.sub-vision2030 dl > div:first-of-type {margin-bottom: 0;}
.sub-vision2030 dl > div:first-of-type dd {border-top: 3px solid #A6165F;}
.sub-vision2030 dt {flex: 1 0 170px; border-top: 1px dotted #888; color: #888; padding: 6px 5px; font-size: 18px; font-weight: 500; text-align: center;}
.sub-vision2030 dd {flex: 1 1 100%; padding: 0 min(110px,8%);}
.sub-vision2030 .vision {text-align: center; font-weight: 500; padding: 40px 0 20px;}
.sub-vision2030 .vision .txt-01 {color: #A6165F; font-size: 22px; margin-bottom: 5px;}
.sub-vision2030 .vision .txt-02 {color: #222; font-size: 37px; margin-bottom: 23px;}
html[data-mode="dark"] .sub-vision2030 .vision .txt-02 {color: var(--contents--primary);}
.sub-vision2030 .vision .txt-02 .tit {font-size: 40px; font-weight: 800;}
.sub-vision2030 .vision img {margin: 0 auto;}
html[data-mode="dark"] .sub-vision2030 .vision img {filter: brightness(0.7);}
.sub-vision2030 .target {font-size: 23px; color: #fff; text-align: center; display: flex; justify-content: center; gap: min(45px,5%); font-weight: 500;}
.sub-vision2030 .target > div {aspect-ratio: 1 / 1; width: 100%; max-width: 264px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; padding: 15px 20px;}
.sub-vision2030 .target > div:nth-of-type(1) {background: url('/resources/user/eng/img/sub/bg_vision_2030_01.png') no-repeat; background-size: cover;}
.sub-vision2030 .target > div:nth-of-type(2) {background: url('/resources/user/eng/img/sub/bg_vision_2030_02.png') no-repeat; background-size: cover;}
.sub-vision2030 .target > div:nth-of-type(3) {background: url('/resources/user/eng/img/sub/bg_vision_2030_03.png') no-repeat; background-size: cover;}
.sub-vision2030 .strategy {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #ddd; border-radius: 10px; padding: 37px 50px; gap: 20px; font-size: 18px; font-weight: 500;}
html[data-mode="dark"] .sub-vision2030 .strategy {border-color: #888;}
.sub-vision2030 .strategy li {position: relative; padding-left: 13px;}
.sub-vision2030 .strategy li::before {content: ""; width: 4px; height: 4px; background-color: var(--contents--primary); position: absolute; top: 8px; left: 0; border-radius: 50%;}
.sub-vision2030 .values {display: flex; color: #fff; font-size: 23px; font-weight: 500; gap: 15px; text-align: center;}
.sub-vision2030 .values li {width: 100%; min-height: 90px; display: flex; justify-content: center; align-items: center; background: url('/resources/user/eng/img/sub/bg_vision_2030_04.png') no-repeat right bottom/cover; padding: 12px 15px; border-radius: 10px;}
.sub-vision2030 .competency {display: flex; gap: 10px; font-size: 18px; text-align: center;}
.sub-vision2030 .competency li {width: 100%; min-height: 55px; display: flex; justify-content: center; align-items: center; padding: 10px; color: #fff; background-color: #727C9F; border-radius: 5px;}

@media screen and (max-width: 1300px) {
    .sub-vision2030 .target img {height: 60px;}
}

@media screen and (max-width: 1080px) {
    .sub-vision2030 dt {font-size: 16px; flex-basis: 140px;}
    .sub-vision2030 dd {padding: 0 30px;}
    .sub-vision2030 dl > div {gap: 20px;}
    .sub-vision2030 .vision {padding-top: 25px;}
    .sub-vision2030 .vision .txt-01 {font-size: 20px;}
    .sub-vision2030 .vision .txt-02 {font-size: 30px;}
    .sub-vision2030 .vision .txt-02 .tit {font-size: 33px;}
    .sub-vision2030 .target {font-size: 20px; gap: 5px 15px; flex-wrap: wrap;}
    .sub-vision2030 .target > div {gap: 12px; width: 220px;}
    .sub-vision2030 .target img {height: 55px;}
    .sub-vision2030 .strategy {font-size: 16px; padding: 25px 30px; gap: 15px;}
    .sub-vision2030 .values {font-size: 20px; gap: 10px;}
    .sub-vision2030 .competency {font-size: 16px; gap: 7px;}
}

@media screen and (max-width: 768px) {
    .sub-vision2030 dl > div {flex-wrap: wrap; gap: 15px;}
    .sub-vision2030 dd {padding: 0;}
    .sub-vision2030 dt {border: 1px solid #888; padding: 10px; font-size: 14px;}
    html[data-mode="dark"] .sub-vision2030 dt {color: var(--contents--primary); background-color: #333; border: 1px solid #666;}
    .sub-vision2030 .vision .txt-01 {font-size: 18px;}
    .sub-vision2030 .vision .txt-02 {font-size: 20px;}
    .sub-vision2030 .vision .txt-02 .tit {font-size: 24px;}
    .sub-vision2030 .vision img {height: 40px;}
    .sub-vision2030 .target {font-size: 16px;}
    .sub-vision2030 .target > div {width: 180px;}
    .sub-vision2030 .target img {height: 48px;}
    .sub-vision2030 .strategy {font-size: 14px; padding: 20px 25px;}
    .sub-vision2030 .values {font-size: 16px;}
    .sub-vision2030 .values li {min-height: 60px;}
    .sub-vision2030 .competency {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); font-size: 14px;}
    .sub-vision2030 .competency li {min-height: 45px;}
}

@media screen and (max-width: 480px) {
    .sub-vision2030 .strategy {grid-template-columns: repeat(2,minmax(0,1fr));}
}



/* 글로컬대학30 VISION */
.sub-vision {}
.sub-vision .com-with-shape-01 {font-size: 17px; color: #333;}
html[data-mode="dark"] .sub-vision .com-with-shape-01 {color: #eee;}
.sub-vision .com-with-shape-01 > li {word-break: break-all;}
.sub-vision .com-with-shape-01.circle > li::before {width: 4px; height: 4px;}
html[data-mode="dark"] .sub-vision .com-with-shape-01.circle > li::before {background-color: #eee;}
.sub-vision .big-box {display: flex; gap: 30px;}
.sub-vision .title-box {flex-shrink: 0; width: 170px; text-align: center; padding: 10px; color: #888; font-size: 18px; border-top: 1px dashed var(--border--content-box); font-weight: 500;}
.sub-vision .ctt-box {width: 100%;}
.sub-vision :where(.vision-box,.objective-box,.strategy-box) {padding: 40px 35px;}
.sub-vision :where(.objective-box .list dt, .vision-box .list li) {padding: 12px 10px;}
.sub-vision :where(.vision-box .list, .objective-box .list dt, .strategy-box .list dt, .sub-vision .platform-box .list) {font-size: 21px;}
.sub-vision :where(.vision-box, .objective-box, .strategy-box) .list {gap: 20px;}
.sub-vision :where(.vision-box .list li, .objective-box .list dt, .sub-vision .platform-box .list dt) {border-radius: 8px;}
.sub-vision :where(.objective-box, .strategy-box, .platform-box) .list > div {display: flex; flex-direction: column;}
.sub-vision :where(.objective-box, .strategy-box, .platform-box) .list dd {height: 100%;}
.sub-vision .platform-box .v-line {color: #ddd; font-weight: 300; padding: 0 8px;}
.sub-vision .vision-box {background-color: #F6EEF2; border-top: 3px solid #A6165F; text-align: center;}
html[data-mode="dark"] .sub-vision .vision-box {background-color: #E8C5D633;}
.sub-vision .vision-box .txt-01 {font-size: 27px; color: var(--contents--third);}
.sub-vision .vision-box .txt-01 b {font-size: 30px;}
.sub-vision .vision-box .list {display: flex; color: #fff; margin-top: 30px;}
.sub-vision .vision-box .list li {width: 100%; display: flex; justify-content: center; align-items: center; background-color: #A61660;}
html[data-mode="dark"] .sub-vision .vision-box .list li {background-color: #3b092b;}
.sub-vision .arrow-box-01 {margin: 20px 0;}
.sub-vision .arrow-box-01 .title-box {border-top: none;}
.sub-vision .arrow-box-01 .ctt-box img {margin: 0 auto;}
html[data-mode="dark"] .sub-vision .arrow-box-01 .ctt-box img {filter: brightness(1.5);}
html[data-mode="dark"] .sub-vision :where(.objective-box,.strategy-box) {background-color: #D3D3D319;}

.sub-vision :where(.objective-box,.strategy-box) .list dd {padding: 20px 25px;}
.sub-vision .objective-box {background-color: #F9F9F9; padding-bottom: 0;}
.sub-vision .objective-box .list {display: flex; gap: 20px;}
.sub-vision .objective-box .list > div {width: 100%;}
.sub-vision .objective-box .list dt {color: #fff; background-color: #555; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0;display:flex;align-items: center;}

.sub-vision .objective-box .list dd {background-color: #fff; border: 1px solid #ddd;}
html[data-mode="dark"] .sub-vision .objective-box .list dd {background-color: #1F1F20; border-color: #83838347;}
.sub-vision .strategy-box {background-color: #f9f9f9;}
.sub-vision .strategy-box .list {display: flex; gap: 20px;}
.sub-vision .strategy-box .list > div {width: 100%; border: 5px solid #eee; background-color: #fff; position: relative;}

html[data-mode="dark"] .sub-vision .strategy-box .list > div {border-color: #9292922B; background-color: #1F1F20;}
.sub-vision .strategy-box .list > div::before {content: ""; height: 40px; border-left: 1px dashed #aaa; position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%);}
.sub-vision .strategy-box .list dt {text-align: center; color: #111; font-weight: 600; padding: 20px 10px; border-bottom: 1px solid #eee;    display: flex;align-items: center;justify-content: center;}
html[data-mode="dark"] .sub-vision .strategy-box .list dt {color: #F9F9FD; border-bottom-color: #9292922B;}
.sub-vision .platform-box {border-top: 3px solid #264072; background-color: #F0F3F8; padding: 17px 35px;}
html[data-mode="dark"] .sub-vision .platform-box {background-color: #D3D9E833;}
.sub-vision .platform-box .txt-01 {font-size: 25px; color: #264072; font-weight: 800; text-align: center; margin-bottom: 20px;}
html[data-mode="dark"] .sub-vision .platform-box .txt-01 {color: #fff;}
.sub-vision .platform-box .list {display: flex; gap: 10px;}
.sub-vision .platform-box .list > div {width: 100%;}
.sub-vision .platform-box .list dt {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 15px 10px; background-color: #264072; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #fff;}
.sub-vision .platform-box .list dd {background-color: #fff; font-size: 17px; text-align: center; color: #000; font-weight: 600; padding: 20px;}
html[data-mode="dark"] .sub-vision .platform-box .list dd {background-color: #1F1F20; color: #F9F9FD;}
.sub-vision .platform-box .list dd li {padding: 5px 0;}
.sub-vision .platform-box .list dd li:first-of-type {border-bottom: 1px solid #ddd;}
html[data-mode="dark"] .sub-vision .platform-box .list dd li:first-of-type {border-color: #83838347;}
.sub-vision .platform-box .circle {flex-shrink: 0; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; color: #264072; background-color: #fff; display: flex; justify-content: center; align-items: center; font-weight: 800;}

@media screen and (max-width: 1080px) {
    .sub-vision .big-box {flex-wrap: wrap; gap: 15px;}
    .sub-vision .title-box {width: 100%; border: 1px dashed #888; font-size: 16px;}
    .sub-vision .title-box br {display: none;}
    .sub-vision .com-with-shape-01 {font-size: 15px;}
    .sub-vision :where(.vision-box .list, .objective-box .list dt, .strategy-box .list dt, .sub-vision .platform-box .list) {font-size: 17px;}
    .sub-vision :where(.vision-box, .objective-box, .strategy-box) .list {gap: 10px;}
    .sub-vision :where(.vision-box,.objective-box,.strategy-box) {padding: 25px 20px;}
    .sub-vision :where(.objective-box,.strategy-box) .list dd {padding: 12px 18px;}
    .sub-vision .vision-box .txt-01 {font-size: 20px;}
    .sub-vision .vision-box .txt-01 b {font-size: 23px;}
    .sub-vision .vision-box .list {margin-top: 20px;}
    .sub-vision .arrow-box-01 .title-box {display: none;}
    .sub-vision .objective-box {padding-bottom: 25px; margin-bottom: 30px;}
    .sub-vision .strategy-box .list dt {padding: 12px 10px;}
    .sub-vision .platform-box {padding: 17px 20px;}
    .sub-vision .platform-box .txt-01 {font-size: 20px;}
    .sub-vision .platform-box .circle {width: 25px; height: 25px;}
    .sub-vision .platform-box .list dt {gap: 7px; padding: 12px 10px;}
    .sub-vision .platform-box .list dd {font-size: 15px; padding: 10px;}
    .sub-vision .platform-box .list dd li {padding: 3px 0;}

}

@media screen and (max-width: 768px) {
    .sub-vision :where(.vision-box .list, .objective-box .list dt, .strategy-box .list dt, .sub-vision .platform-box .list) {font-size: 15px;}
    .sub-vision :where(.vision-box, .objective-box, .strategy-box) .list {gap: 7px;}
    .sub-vision :where(.vision-box,.objective-box,.strategy-box) {padding: 20px 15px;}
    .sub-vision .vision-box .list {flex-wrap: wrap; margin-top: 15px;}
    .sub-vision .vision-box .txt-01 {font-size: 16px;}
    .sub-vision .vision-box .txt-01 b {font-size: 19px;}
    .sub-vision .objective-box .list {flex-wrap: wrap;}
    .sub-vision .arrow-box-01 .ctt-box img {height: 40px;}
    .sub-vision .strategy-box .list {flex-wrap: wrap;}
    .sub-vision .strategy-box .list > div::before {display: none;}
    .sub-vision .platform-box .list {flex-wrap: wrap; gap: 15px;}
    .sub-vision .platform-box .txt-01 {font-size: 18px; margin-bottom: 15px;}
    .sub-vision .platform-box .list dt {padding: 10px;}
}


/* 조직도 */
.sub-org-wrap {--line-color: #aaa;}
html[data-mode="dark"] .sub-org-wrap {--line-color: #555;}
.sub-org-wrap .box-01 {width: 170px; height: 170px; position: relative; border: 1px solid #A61660; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%; z-index: 1; font-size: 18px; font-weight: 500; margin: 0 auto;}
.sub-org-wrap .box-01::after {content: ""; width: 90%; height: 90%; border-radius: 50%; background-color: #A61660; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.sub-org-wrap .box-01::before {content: ""; width: 1px; height: 150px; background-color: var(--line-color); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.sub-org-wrap .box-02 {width: 50%; display: flex; align-items: center; position: relative; left: 50%; margin-top: 15px;}
.sub-org-wrap .box-02 .line {max-width: 150px; width: 100%; height: 1px; background-color: var(--line-color);}
.sub-org-wrap .box-02 .box {flex-shrink: 0; width: 210px; min-height: 60px; color: #fff; background-color: #004386; display: flex; justify-content: center; align-items: center; font-size: 18px; border-radius: 5px; text-align: center; padding: 5px; font-weight: 500;}
.sub-org-wrap .list-01 {display: flex; justify-content: center; align-items: center; margin-top: 47px; position: relative; z-index: 1;}
.sub-org-wrap .list-01 .box {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #871854; border-radius: 5px; text-align: center;}
.sub-org-wrap .list-01 > li:not(.line) {width: 100%; max-width: 210px; height: 60px; color: #fff; font-size: 18px; position: relative;}
.sub-org-wrap .list-01 > li.line {width: 100%; max-width: 70px; height: 1px; background-color: var(--line-color);}
.sub-org-wrap .list-02 {width: 100%; position: absolute; top: 100%; left: 65px; text-align: center; display: flex; flex-direction: column; gap: 10px; margin-top: 20px; background-color: var(--bg--bg-primary);}
.sub-org-wrap .list-02 dt {background-color: #A6166010; border: 1px solid #9E2D68; display: block; color: var(--contents--accent-color); font-weight: 600; padding: 8px 10px; font-size: 17px; border-radius: 5px 5px 0 0;}
.sub-org-wrap .list-02 dd {color: #333;border: 1px solid #ddd;border-bottom: none;border-top: navajowhite;padding: 8px 10px;font-size: 16px;font-weight: 500; border-radius: 0 0 5px 5px;}
html[data-mode="dark"] .sub-org-wrap .list-02 dd {background-color: #1F1F20; color: #eee; border-color: #83838347;}
.sub-org-wrap .list-02 dd:last-child {border-bottom: 1px solid #ddd;}
.sub-org-wrap .list-03 > li:not(:last-of-type) {margin-bottom: 12px;}
.sub-org-wrap .list-04 {--h-top: 40px; display: flex; justify-content: center; gap: 3%; margin-top: 356px; position: relative; z-index: 10;}
.sub-org-wrap .list-04::before {content: ""; width: 77.4%; height: 1px; background-color: var(--line-color); position: absolute; top: calc(var(--h-top) * -1); left: 50%; transform: translateX(-50%);}
.sub-org-wrap .list-04 > div {width: 100%;}
.sub-org-wrap .list-04 dt {height: 60px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #6B5B5E; position: relative; border-radius: 5px 5px 0 0; font-size: 18px; font-weight: 500;}
html[data-mode="dark"] .sub-org-wrap .list-04 dt {background-color: #493639;}
.sub-org-wrap .list-04 dt:not(.no-tree)::before {content: ""; width: 1px; height: var(--h-top); background-color: var(--line-color); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.sub-org-wrap .list-04 dd.no-tree,
.sub-org-wrap .list-04 dt.no-tree {border-radius:inherit;}
.sub-org-wrap .list-04 dd {border: 1px solid #ddd; border-top: none; padding: 20px 25px; border-radius: 0 0 5px 5px;}
html[data-mode="dark"] .sub-org-wrap .list-04 dd {border-color: #393939;}
html[data-mode="dark"] .sub-org-wrap .list-04 dd {background-color: #1f1f20;}
.sub-org-wrap .list-04 .com-with-shape-01 {font-size: 16px; font-weight: 400;}
html[data-mode="dark"] .sub-org-wrap .list-04 .com-with-shape-01 {color: #eee;}
.sub-org-wrap .list-04 a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.sub-org-wrap .list-05 {font-weight: 600;}
.sub-org-wrap .list-05 .com-with-shape-01 {margin-top: 5px;}
.sub-org-wrap .list-05 > li:not(:last-of-type) {margin-bottom: 22px;}
.sub-org-wrap .facility-list {margin-top: 20px; border-top: none !important;}
.sub-org-wrap .facility-list .hd-box {font-size: 18px; color: #fff; background-color: #6B5B5E; text-align: center; padding: 19px 10px; margin-bottom: 7px; border-radius: 5px; font-weight: 500;}
html[data-mode="dark"] .sub-org-wrap .facility-list .hd-box {background-color: #493639CE;}
.sub-org-wrap .facility-list table {border-top: none;}
html[data-mode="dark"] .sub-org-wrap .facility-list table {background-color: #1f1f20;}
.sub-org-wrap .facility-list :where(th,td) {border: 1px solid #ddd;}
html[data-mode="dark"] .sub-org-wrap .facility-list :where(th,td) {border-color: #393939;}
.sub-org-wrap .facility-list th {font-size: 16px; text-align: center;}
html[data-mode="dark"] .sub-org-wrap .facility-list th {background-color: #6B5B5E0C;}
.sub-org-wrap .facility-list td {font-size: 15px;}
.sub-org-wrap .facility-list .list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 40px; padding: 5px 10px;}
.sub-org-wrap .facility-list .list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.sub-org-wrap .facility-cnt-box {margin-top: 100px;}
.sub-org-wrap .facility-cnt-box th {text-align: center;}


@media screen and (max-width: 1080px) {
    .sub-org-wrap .box-01 {font-size: 16px; width: 140px; height: 140px;}
    .sub-org-wrap .box-01::before {height: 150px;}
    .sub-org-wrap .box-02 .box {font-size: 16px;}
    .sub-org-wrap .box-02 .box {width: 170px; min-height: 50px;}
    .sub-org-wrap .list-01 {margin-top: 33px;}
    .sub-org-wrap .list-01 > li:not(.line) {max-width: 170px; height: 50px; font-size: 16px;}
    .sub-org-wrap .list-02 {margin-top: 15px; gap: 8px; left: 50px;}
    .sub-org-wrap .list-02 dt {font-size: 15px;}
    .sub-org-wrap .list-02 dd {font-size: 14px;}
    .sub-org-wrap .list-03 > li:not(:last-of-type) {margin-bottom: 8px;}
    .sub-org-wrap .list-04 {gap: 2%; margin-top: 330px;}
    .sub-org-wrap .list-04::before {width: 76.5%;}
    .sub-org-wrap .list-04 .com-with-shape-01 {font-size: 15px;}
    .sub-org-wrap .list-04 dt {font-size: 16px; height: 45px;}
    .sub-org-wrap .list-04 dd {padding: 15px 20px;}
    .sub-org-wrap .list-05 {font-size: 15px;}
    .sub-org-wrap .facility-list .hd-box {font-size: 16px; padding: 15px 10px;}
    .sub-org-wrap .facility-list .list {padding: 5px; gap: 9px 25px;}
    .sub-org-wrap .facility-list th {font-size: 15px;}
    .sub-org-wrap .facility-list td {font-size: 14px;}
    .sub-org-wrap .facility-cnt-box {margin-top: 40px;}
}

@media screen and (max-width: 768px) {
    .sub-org-wrap .box-01 {width: 100%; height: auto; padding: 12px 10px; border-radius: unset; font-size: 14px;}
    .sub-org-wrap .box-01::after {width: 100%; height: 100%; border-radius: unset;}
    .sub-org-wrap .box-02 {width: 100%; position: relative; left: unset; z-index: 1; margin-top: 10px;}
    .sub-org-wrap .box-02 .line {display: none;}
    .sub-org-wrap .box-02 .box {width: 100%; min-height: unset; padding: 10px; font-size: 14px;}
    .sub-org-wrap .list-01 {flex-wrap: wrap; margin-top: 10px; gap: 10px;}
    .sub-org-wrap .list-01 .box {padding: 10px;}
    .sub-org-wrap .list-01 > li.line {display: none;}
    .sub-org-wrap .list-01 > li:not(.line) {max-width: unset; font-size: 14px; height: auto;}
    .sub-org-wrap .list-02 {position: static; width: 200px; margin-left: auto;}
    .sub-org-wrap .list-02 dt {font-size: 14px;}
    .sub-org-wrap .list-02 dd {font-size: 13px;}
    .sub-org-wrap .list-04 {margin-top: 20px; flex-wrap: wrap; gap: 15px;}
    .sub-org-wrap .list-04::before {display: none;}
    .sub-org-wrap .list-04 dt {height: auto; padding: 10px; font-size: 14px;}
    .sub-org-wrap .list-04 dt::before {display: none;}
    .sub-org-wrap .list-04 .com-with-shape-01.circle > li {margin-bottom: 0;}
    .sub-org-wrap .list-05 {font-size: 14px;}
    .sub-org-wrap .list-05 .com-with-shape-01 {display: block;}
    .sub-org-wrap .list-05 > li:not(:last-of-type) {margin-bottom: 10px;}
    .sub-org-wrap :where(.list-05, .list-04 .com-with-shape-01) {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 15px;}

    .sub-org-wrap .facility-list .hd-box {font-size: 14px; padding: 15px 10px;}
    .sub-org-wrap .facility-list th {font-size: 14px;}
    .sub-org-wrap .facility-list td {border-top: none; border-bottom: none;}
    .sub-org-wrap .facility-list .list {grid-template-columns: repeat(2, minmax(0,1fr));}
    .sub-org-wrap .facility-list tr:not(:last-of-type) {border: none;}
    html[data-mode="dark"] .sub-org-wrap .facility-cnt-box.com-tbl-wrap.type-06 th {background-color: #1f1f20;}

}

@media screen and (max-width: 480px) {
    .sub-org-wrap .box-01::before {height: 150px;}
    .sub-org-wrap .list-02 {width: 100%; margin-left: 0;}
}



/* 연혁 */
.sub-history {}
.sub-history .history-box {display: none; align-items: flex-start; gap: 127px;}
.sub-history .history-box.active {display: flex;}
.sub-history .img-box {flex-shrink: 0; display: flex; color: #F9F8F7; text-align: center;}
.sub-history .img-box p {font-size: 128px; font-weight: 800; writing-mode: vertical-lr; line-height: 0.8;}
.sub-history .txt-box {width: 100%;}
.sub-history .txt-box h2 {color: #A6165F; font-size: 32px; font-weight: 800; margin-bottom: 35px;}
.sub-history .history-list {font-size: 15px;}
.sub-history .history-list dt {flex-shrink: 0; width: 75px; font-size: 20px; color: #000; font-weight: 600; line-height: 1;}
.sub-history .history-list dd {position: relative;}
.sub-history .history-list dd::before {content: ""; width: 5px; height: 5px; background-color: #871854; border-radius: 50%; position: absolute; left: 0; top: 2px; transform: translateX(-50%); z-index: 1;}
.sub-history .history-list dd::after {content: ""; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: 0; top: 2px; transform: translateX(-50%);}
.sub-history .history-list > div {display: flex; align-items: flex-start;}
.sub-history .history-list > div:last-of-type .list {padding-bottom: 0;}
.sub-history .history-list .list {font-size: 15px; padding-left: 35px; padding-bottom: 30px;}
.sub-history .history-list .list > li {display: flex; align-items: flex-start;}
.sub-history .history-list .list > li:not(:last-of-type) {margin-bottom: 10px;}
.sub-history .history-list .date {flex-shrink: 0; width: 125px; color: #333; font-weight: 600;}
.sub-history .history-list .event {color: #555;}

@media screen and (max-width: 1080px) {
    .sub-history .histooy-box {gap: 60px;}
    .sub-history .txt-box h2 {font-size: 26px; margin-bottom: 23px;}
    .sub-history .history-list dt {font-size: 18px; width: 65px;}
    .sub-history .history-list .list {font-size: 14px; padding-left: 25px;}
    .sub-history .history-list .date {width: 100px;}
    .sub-history .img-box img {height: 400px;}
    .sub-history .img-box p {font-size: 85px;}

}

@media screen and (max-width: 768px) {
    .sub-history .history-box {flex-wrap: wrap;}
    .sub-history .txt-box h2 {font-size: 22px; margin-bottom: 20px;}
    .sub-history .img-box {display: none;}
    .sub-history .history-list {font-size: 14px;}
    .sub-history .history-list dt {width: 57px; font-size: 17px;}
    .sub-history .history-list .list {padding-left: 20px; padding-bottom: 25px;}
    .sub-history .history-list .date {width: 95px;}
}

@media screen and (max-width: 480px) {
    .sub-history .history-list > div {flex-wrap: wrap;}
    .sub-history .history-list > div:not(:last-of-type) {margin-bottom: 40px;}
    .sub-history .history-list dt {width: 100%; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #A6165F;}
    .sub-history .history-list .list {padding-left: 15px; padding-bottom: 0;}
}


/* 조직도 */
.sub-org-wrap {--line-color: #aaa;}
.sub-org-wrap .box-01 {width: 170px; height: 170px; position: relative; border: 1px solid #A61660; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%; background-color: #fff; z-index: 1; font-size: 24px; font-weight: 600; margin: 0 auto;}
.sub-org-wrap .box-01::after {content: ""; width: 90%; height: 90%; border-radius: 50%; background-color: #A61660; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.sub-org-wrap .box-01::before {content: ""; width: 1px; height: 463px; background-color: var(--line-color); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.sub-org-wrap .box-02 {width: 50%; display: flex; align-items: center; position: relative; left: 50%; margin-top: 15px;}
.sub-org-wrap .box-02 .line {max-width: 150px; width: 100%; height: 1px; background-color: var(--line-color);}
.sub-org-wrap .box-02 .box {flex-shrink: 0; width: 410px; height: 60px; color: #fff; background-color: #004386; display: flex; justify-content: center; align-items: center; font-size: 18px;}
.sub-org-wrap .list-01 {display: flex; justify-content: center; align-items: center; margin-top: 47px; position: relative; z-index: 1;}
.sub-org-wrap .list-01 .box {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #871854;}
.sub-org-wrap .list-01 > li:not(.line) {width: 100%; max-width: 300px; height: 60px; color: #fff; font-size: 18px; position: relative;}
.sub-org-wrap .list-01 > li.line {width: 100%; max-width: 70px; height: 1px; background-color: var(--line-color);}
.sub-org-wrap .list-02 {width: 100%; position: absolute; top: 100%; left: 0; text-align: center; display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
.sub-org-wrap .list-02 dt {background-color: #A6166010; border: 1px solid #9E2D68; display: block; color: #A61660; font-weight: 600; padding: 10px; font-size: 15px;}
.sub-org-wrap .list-02 dd {color: #333;border: 1px solid #ddd;border-bottom: none;border-top: navajowhite;padding: 10px;font-size: 14px;font-weight: 500;}
.sub-org-wrap .list-02 dd:last-child {border-bottom: 1px solid #ddd;}
.sub-org-wrap .list-03 > li:not(:last-of-type) {margin-bottom: 12px;}
.sub-org-wrap .list-04 {--h-top: 40px; display: flex; justify-content: center; gap: 3%; margin-top: 320px; position: relative;}
.sub-org-wrap .list-04::before {content: ""; width: 77.4%; height: 1px; background-color: var(--line-color); position: absolute; top: calc(var(--h-top) * -1); left: 50%; transform: translateX(-50%);}
.sub-org-wrap .list-04 > div {width: 100%;}
.sub-org-wrap .list-04 dt {height: 60px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #666; position: relative;}
.sub-org-wrap .list-04 dt(:not(.no-tree))::before {content: ""; width: 1px; height: var(--h-top); background-color: var(--line-color); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.sub-org-wrap .list-04 dd {border: 1px solid #ddd; border-top: none; padding: 20px 25px;}
.sub-org-wrap .list-04 .com-with-shape-01 {font-size: 15px; font-weight: 400;}
.sub-org-wrap .list-04 a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.sub-org-wrap .list-05 {font-weight: 600;}
.sub-org-wrap .list-05 .com-with-shape-01 {margin-top: 5px;}
.sub-org-wrap .list-05 > li:not(:last-of-type) {margin-bottom: 22px;}
.sub-org-wrap .facility-list {margin-top: 20px;}
.sub-org-wrap .facility-list .hd-box {font-size: 18px; color: #fff; background-color: #666; text-align: center; padding: 19px 10px; margin-bottom: 7px;}
.sub-org-wrap .facility-list table {border-top: none;}
.sub-org-wrap .facility-list :where(th,td) {border: 1px solid #ddd;}
.sub-org-wrap .facility-list th {font-size: 16px; text-align: center;}
.sub-org-wrap .facility-list td {font-size: 15px;}
.sub-org-wrap .facility-list .list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 40px; padding: 5px 10px;}
.sub-org-wrap .facility-list .list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.sub-org-wrap .facility-cnt-box {margin-top: 100px;}
.sub-org-wrap .facility-cnt-box th {text-align: center;}

@media screen and (max-width: 1080px) {
    .sub-org-wrap .box-01 {font-size: 20px; width: 140px; height: 140px;}
    .sub-org-wrap .box-01::before {height: 400px;}
    .sub-org-wrap .box-02 .box {font-size: 16px;}
    .sub-org-wrap .box-02 .box {width:370px; height: 50px;}
    .sub-org-wrap .list-01 {margin-top: 33px;}
    .sub-org-wrap .list-01 > li:not(.line) {max-width:260px; height: 50px; font-size: 16px;}
    .sub-org-wrap .list-02 {margin-top: 15px; gap: 8px;}
    .sub-org-wrap .list-02 dt {font-size: 14px;}
    .sub-org-wrap .list-02 dd {font-size: 13px;}
    .sub-org-wrap .list-03 > li:not(:last-of-type) {margin-bottom: 8px;}
    .sub-org-wrap .list-04 {gap: 2%; margin-top: 290px;}
    .sub-org-wrap .list-04::before {width: 76.5%;}
    .sub-org-wrap .list-04 .com-with-shape-01 {font-size: 14px;}
    .sub-org-wrap .list-04 dt {font-size: 15px; height: 45px;}
    .sub-org-wrap .list-04 dd {padding: 15px 20px;}
    .sub-org-wrap .list-05 {font-size: 15px;}
    .sub-org-wrap .facility-list .hd-box {font-size: 16px; padding: 15px 10px;}
    .sub-org-wrap .facility-list .list {padding: 5px; gap: 9px 25px;}
    .sub-org-wrap .facility-list th {font-size: 15px;}
    .sub-org-wrap .facility-list td {font-size: 14px;}
    .sub-org-wrap .facility-cnt-box {margin-top: 40px;}
}

@media screen and (max-width: 768px) {
    .sub-org-wrap .box-01 {width: 100%; height: auto; padding: 12px 10px; border-radius: unset; font-size: 16px;}
    .sub-org-wrap .box-01::after {width: 100%; height: 100%; border-radius: unset;}
    .sub-org-wrap .box-02 {width: 100%; position: relative; left: unset; z-index: 1; margin-top: 10px;}
    .sub-org-wrap .box-02 .line {display: none;}
    .sub-org-wrap .box-02 .box {width: 100%; height: auto; padding: 10px; font-size: 14px;}
    .sub-org-wrap .list-01 {flex-wrap: wrap; margin-top: 10px; gap: 10px;}
    .sub-org-wrap .list-01 .box {padding: 10px;}
    .sub-org-wrap .list-01 > li.line {display: none;}
    .sub-org-wrap .list-01 > li:not(.line) {max-width: unset; font-size: 14px; height: auto;}
    .sub-org-wrap .list-02 {position: static; background-color: #fff;}
    .sub-org-wrap .list-04 {margin-top: 20px; flex-wrap: wrap; gap: 15px;}
    .sub-org-wrap .list-04::before {display: none;}
    .sub-org-wrap .list-04 dt {height: auto; padding: 10px;}
    .sub-org-wrap .list-04 dt::before {display: none;}
    .sub-org-wrap .list-04 .com-with-shape-01.circle > li {margin-bottom: 0;}
    .sub-org-wrap .list-05 {font-size: 14px;}
    .sub-org-wrap .list-05 .com-with-shape-01 {display: block;}
    .sub-org-wrap .list-05 > li:not(:last-of-type) {margin-bottom: 10px;}
    .sub-org-wrap :where(.list-05, .list-04 .com-with-shape-01) {display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 15px;}

    .sub-org-wrap .facility-list .hd-box {font-size: 15px; padding: 15px 10px;}
    .sub-org-wrap .facility-list th {font-size: 14px;}
    .sub-org-wrap .facility-list td {border-top: none; border-bottom: none;}
    .sub-org-wrap .facility-list .list {grid-template-columns: repeat(2, minmax(0,1fr));}
    .sub-org-wrap .facility-list tr:not(:last-of-type) {border: none;}

}

@media screen and (max-width: 480px) {
    .sub-org-wrap :where(.list-05, .list-04 .com-with-shape-01) {display:block;}
    .sub-org-wrap .facility-list .list {display:block;}
    .sub-org-wrap .facility-list .list li {margin-top:10px; margin-left:15px; text-align:left; line-height:1.4em; padding-left:-3px; list-style:disc;}
    .sub-org-wrap .facility-list .list li::marker {width:3px; height:3px; background-color:#000; }

    .sub-org-wrap .facility-list .list li:first-child {margin-top:0;}
    .sub-org-wrap .facility-list .list li a {text-align:left;}

}



/* 전북대학교 UI */
.sub-ui {}
html[data-mode="dark"] .sub-ui .com-alarm-02 {border-color: #444; background-color: #222;}
.sub-ui .img-dark {display: none;}
html[data-mode="dark"] .sub-ui .img-dark {display: block;}
html[data-mode="dark"] .sub-ui .img-light {display: none;}
.sub-ui .ui-tab-ctt-box {display: none;}
.sub-ui .ui-tab-ctt-box.active {display: block;}
.sub-ui :where(.box-01,.box-02,.box-03) .img-box {border: 1px solid var(--border--content-box); background-color: var(--bg--sub_content-box01); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
.sub-ui :where(.box-01,.box-02) .img-box {padding: 40px;}
.sub-ui .box-01 {display: flex; align-items: center; column-gap: 40px; row-gap: 20px;}
.sub-ui .box-01 .img-box {width: 50%;}
.sub-ui .box-01 .txt-box {width: 50%;}
.sub-ui .box-01 .com-with-shape-01 > li:not(:last-of-type) {margin-bottom: 15px;}
.sub-ui .box-02 .img-box {margin-bottom: 10px; border: 1px solid var(--border--content-box);}
.sub-ui .box-02 .txt-box {padding: 10px;}
.sub-ui .box-03 {display: flex; gap: 30px;}
.sub-ui .box-03 > div {width: 50%;}
.sub-ui .box-03 .img-box {padding: 33px 26px;}
.sub-ui .box-04 {display: grid; grid-template-columns: repeat(2,minmax(0,auto)); gap: 10px;}
.sub-ui .box-04 .img-box {border: 1px solid var(--border--content-box); padding: 20px;}
.sub-ui .box-04 .img-box img {margin: 0 auto;}


.sub-ui .traditional-box .box-03 .img-box {padding: 0;}


@media screen and (max-width: 1080px) {
    .sub-ui :where(.box-01,.box-02) .img-box {padding: 20px;}
    .sub-ui .box-01 {flex-wrap: wrap;}
    .sub-ui .box-01 .img-box {width: 100%;}
    .sub-ui .box-01 .txt-box {width: 100%;}

    .sub-ui .traditional-box .symbolmark .img-box img {height: 250px;}
    .sub-ui .anniv-70-box .symbolmark .img-box img {height: 180px;}
    .sub-ui .modern-box .symbolmark .img-box img {height: 170px;}
}

@media screen and (max-width: 768px) {
    .sub-ui .box-03 {flex-wrap: wrap;}
    .sub-ui .box-03 > div {width: 100%;}
    .sub-ui .box-04 {grid-template-columns: repeat(1, minmax(0,1fr));}

    .sub-ui .traditional-box .symbolmark .img-box img {height: 200px;}
    .sub-ui .anniv-70-box .symbolmark .img-box img {height: 150px;}
    .sub-ui .anniv-70-box .logotype .img-box:nth-of-type(1) img {width: 250px;}
    .sub-ui .anniv-70-box .logotype .img-box:nth-of-type(2) img {width: 120px;}
    .sub-ui .anniv-70-box .logotype .img-box:nth-of-type(3) img {height: 300px;}
    .sub-ui .anniv-70-box .logotype .img-box:nth-of-type(4) img {height: 350px;}
    .sub-ui .modern-box .symbolmark .img-box img {height: 150px;}
}

@media screen and (max-width: 480px) {
    .sub-ui .traditional-box .symbolmark .img-box img {height: 150px;}
}



/* 상징 */
.sub-symbol {}
.sub-symbol .big-box {display: flex; margin-bottom: 68px; gap: 100px;}
.sub-symbol .big-box .title-box {flex-shrink: 0; width: 105px;}
.sub-symbol .big-box .ctt-box {width: 100%;}
.sub-symbol .big-box .ctt-box iframe {width: 100%;}
.sub-symbol .symbol-box {display: flex;}
.sub-symbol .symbol-box .img-box {width: 45%;}
.sub-symbol .symbol-box .img-box img {width: 100%; height: 100%; object-fit: cover;}
.sub-symbol .symbol-box .txt-box {width: 55%; padding: 50px 40px; background-color: #5A564F; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; gap: 20px;}
.sub-symbol .symbol-box .txt-01 {width: fit-content; font-size: 16px; border-bottom: 1px solid #d9d9d9; padding-bottom: 3px;}
.sub-symbol .symbol-box .txt-02 {font-size: 15px;}
.sub-symbol .symbol-box .meaning {margin-bottom: 5px;}
.sub-symbol .symbol-box .meaning > div {display: flex; align-items: center; gap: 5px 17px; flex-wrap: wrap;}
.sub-symbol .symbol-box .meaning > div:not(:last-of-type) {margin-bottom: 6px;}
.sub-symbol .symbol-box .meaning dt {flex-shrink: 0; font-size: 24px; color: #FFC328; font-weight: 600;}
.sub-symbol .symbol-box .meaning dd {font-size: 18px;}
.sub-symbol .hanja-box {border: 1px solid var(--border--content-box); padding: 27px 20px; background-color: var(--bg--sub_content-box01);}
.sub-symbol .hanja-box img {margin: 0 auto;}
.sub-symbol .univ-song {border: 1px solid var(--border--content-box); padding: 34px 39px; background-color: var(--bg--sub_content-box01);}
.sub-symbol .univ-song .img-box {width:100%;}
.sub-symbol .univ-song .img-box img {margin: 0 auto; text-align: center;}
.sub-symbol .univ-song .txt-box {width: 50%; display: flex; flex-direction: column; justify-content: flex-end; gap: 37px; padding: 0 40px;}
.sub-symbol .univ-song .writer {display: flex; align-items: center; font-size: 15px; color: var(--contents--text-color555);}
.sub-symbol .univ-song .writer p {position: relative; font-weight: 500;}
.sub-symbol .univ-song .writer p:not(:last-of-type) {padding-right: 15px; margin-right: 15px;}
.sub-symbol .univ-song .writer p:not(:last-of-type)::after {content: ""; width: 1px; height: 70%; background-color: #aaa; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sub-symbol .univ-song .lyric {}
.sub-symbol .univ-song .lyric > div:not(:last-of-type) {margin-bottom: 29px;}
.sub-symbol .univ-song .lyric dt {font-size: 20px; color: var(--contents--accent-color); font-weight: 800; margin-bottom: 13px;}
.sub-symbol .univ-song .lyric dd {font-size: 15px; font-weight: 500;}
.sub-symbol .univ-song .song_btn {display:flex; align-items:center; justify-content:center; margin-top:30px;}
.sub-symbol .univ-song .song_btn .btn-song-play {width: fit-content; min-width:200px; margin-left:10px; color: #fff; background-color: #004386; font-size: 15px; padding: 10px 13px; display: flex; justify-content: center; align-items: center; gap: 10px;}
.sub-symbol .univ-song .song_btn .btn-song-play:where(:hover,:focus) {filter: brightness(0.8);}
.sub-symbol .univ-song .song_btn .btn-song-play:first-child {margin-left:0;}
.sub-symbol .cheering-song {}
.sub-symbol .cheering-song .intro {font-size: 20px; border: 4px solid var(--border--content-box); text-align: center; padding: 25px 20px; font-weight: 600; margin-bottom: 20px;}
.sub-symbol .cheering-song audio {width: 100%;}
.sub-symbol .cheering-song .btn-download {width: 25px; height: 25px; color: var(--contents--dominant-color); border: 1px solid #aaa; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-size: 18px; margin: 0 auto; background-color: var(--bg--bg-primary);}
.sub-symbol .cheering-song .btn-download:where(:hover,:focus) {filter: brightness(0.9);}
.sub-symbol .cheering-song .popup-lyric {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background-color: rgba(0, 0, 0, 0.8); padding: 40px; z-index: 3000;}
.sub-symbol .cheering-song .popup-lyric img {width: 100%; height: 100%; object-fit: contain; margin: 0 auto;}
.sub-symbol .cheering-song .popup-lyric .btn-cls {position: absolute; top: 20px; right: 20px; color: #fff; font-size: 30px;}
.sub-symbol .cheering-song .com-tbl-wrap.type-04 col:not(:last-of-type) {border: none;}
.sub-symbol .cheering-song .btn-see-lyric {font-weight: 600;}
.sub-symbol .cheering-song .btn-see-lyric:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}

@media screen and (max-width: 1080px) {
    .sub-symbol .big-box {flex-wrap: wrap; gap: 0;}
    .sub-symbol .symbol-box .txt-box {gap: 15px; padding: 30px 25px;}
    .sub-symbol .symbol-box .txt-01 {font-size: 15px;}
    .sub-symbol .symbol-box .txt-02 {font-size: 14px;}
    .sub-symbol .symbol-box .meaning dt {font-size: 22px;}
    .sub-symbol .symbol-box .meaning dd {font-size: 16px;}
    .sub-symbol .univ-song {padding: 25px 20px;}
    .sub-symbol .univ-song .writer {font-size: 14px;}
    .sub-symbol .univ-song .writer p:not(:last-of-type) {padding-right: 10px; margin-right: 10px;}
    .sub-symbol .univ-song .lyric dt {font-size: 18px; margin-bottom: 10px;}
    .sub-symbol .univ-song .lyric dd {font-size: 14px;}
    .sub-symbol .univ-song .txt-box {gap: 27px; padding: 0 27px;}
    .sub-symbol .univ-song .btn-song-play {font-size: 14px; gap: 7px;}
    .sub-symbol .univ-song .btn-song-play img {width: 15px;}
    .sub-symbol .univ-song .lyric > div:not(:last-of-type) {margin-bottom: 19px;}
    .sub-symbol .cheering-song .intro {padding: 15px 10px; font-size: 18px;}

    .title-box .com-title-02 {margin:80px 0; margin-bottom:30px;}

    .sub-symbol .big-box .ctt-box iframe {height:600px;}
}

@media screen and (max-width: 768px) {
    .sub-symbol .symbol-box {flex-wrap: wrap;}
    .sub-symbol .symbol-box .img-box {width: 100%; height: 210px;}
    .sub-symbol .symbol-box .img-box img {object-position: top;}
    .sub-symbol .symbol-box .txt-box {width: 100%; gap: 12px; padding: 20px;}
    .sub-symbol .symbol-box .txt-01 {font-size: 14px;}
    .sub-symbol .symbol-box .txt-02 {font-size: 13px;}
    .sub-symbol .symbol-box .meaning > div {gap: 5px 11px;}
    .sub-symbol .symbol-box .meaning dt {font-size: 20px;}
    .sub-symbol .symbol-box .meaning dd {font-size: 15px;}
    .sub-symbol .univ-song {flex-wrap: wrap; gap: 40px;}
    .sub-symbol .univ-song .img-box {width: 100%;}
    .sub-symbol .univ-song .img-box img {margin: 0 auto;}
    .sub-symbol .univ-song .txt-box {width: 100%; padding: 0;}
    .sub-symbol .cheering-song .intro {font-size: 16px; padding: 12px 10px;}

    .sub-symbol .univ-song .song_btn {display:block;}
    .sub-symbol .univ-song .song_btn .btn-song-play {min-width:auto; width:100%; margin-left:0; margin-top:10px;}
    .sub-symbol .univ-song .song_btn .btn-song-play:first-child {margin-top:0;}

    .sub-symbol .big-box .ctt-box iframe {height:450px;}
}

@media screen and (max-width: 480px) {
    .sub-symbol .big-box .ctt-box iframe {height:250px;}
}


/* 멀티미디어 */
.sub-symbol .mult-box {display:block; margin-bottom: 68px;}
.sub-symbol .mult-box .title-box {width:100%;}
.sub-symbol .mult-box .title-box .com-title-02 {text-align:left; margin-bottom:40px;}
.sub-symbol .mult-box .title-box .com-title-02 .title {margin-top:0;}

.sub-symbol .mult-box .ctt-box {width: 100%;}
.sub-symbol .mult-box .ctt-box img {width: 100%; background:#000;}


@media screen and (max-width: 1080px) {
    .sub-symbol .mult-box .title-box .com-title-02 {margin:40px 0; margin-bottom:20px;}
}

@media screen and (max-width: 768px) {
    .sub-symbol .mult-box .title-box .com-title-02 .title {font-size:18px;}
}


/* 캠퍼스 소개 */
.com-tab-list-02.mg80 {margin-top:80px;}

.sub-roadmap {}
.sub-roadmap .campus-ctt-box {display: none;}
.sub-roadmap .campus-ctt-box.active {display: block;}
.sub-roadmap .map-box {border: 1px solid var(--border--content-box);}
.sub-roadmap .map-box .map-link {display: block;}
.sub-roadmap .map-box .map-link img {width: 100%;}
.sub-roadmap .map-box .info-box {background-color: var(--bg--sub_content-box02); padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; row-gap: 15px; column-gap: 40px;}
.sub-roadmap .map-box .info-box dl > div {display: flex; row-gap: 5px; column-gap: 30px;}
.sub-roadmap .map-box .info-box dl > div:not(:last-of-type) {margin-bottom: 12px;}
.sub-roadmap .map-box .info-box dt {flex-shrink: 0; min-width: 100px; font-weight: 600; position: relative; padding-left: 14px;}
.sub-roadmap .map-box .info-box dt::before {content: ""; width: 4px; height: 4px; background-color: var(--contents--accent-color); border-radius: 50%; position: absolute; top: 8px; left: 0;}
.sub-roadmap .map-box .map a {display: block; height: 562px;}
.sub-roadmap .map-box .map img {width: 100%; height: 100%; object-fit: cover;}

.sub-roadmap .com-btn-kakaomap {flex-shrink: 0;}
.sub-roadmap .tbl-info-top {margin-bottom: 10px;}
.sub-roadmap .time-table {display: grid; grid-template-columns: repeat(2, 50px); row-gap: 7px; justify-content: center;}
.sub-roadmap .way-ctt-box {display: none;}
.sub-roadmap .way-ctt-box.active {display: block;}
.sub-roadmap .root_daum_roughmap {width:100% !important;}

.campus-ctt-box .com-title-02 {margin:150px 0; margin-bottom:30px;}
.campus-ctt-box .com-title-02 .title {text-align:left;}
.campus-ctt-box .com-tab-list-01 {margin-top:70px;}

@media screen and (max-width: 1080px) {
    .sub-roadmap .map-box .map a {height: 400px;}
    .sub-roadmap .map-box .info-box {padding: 17px;}
    .sub-roadmap .map-box .info-box dl {font-size: 14px;}
    .sub-roadmap .map-box .info-box dl > div {column-gap: 5px;}
    .sub-roadmap .map-box .info-box dl > div:not(:last-of-type) {margin-bottom: 7px;}
    .sub-roadmap .map-box .info-box dt {padding-left: 11px;}
    .sub-roadmap .map-box .info-box dt::before {top: 6px;}
    .sub-roadmap .time-table {grid-template-columns: repeat(2, 40px);}
}

@media screen and (max-width: 768px) {
    .sub-roadmap .map-box .map a {height: 300px;}
    .sub-roadmap .map-box .info-box {flex-wrap: wrap;}
    .sub-roadmap .com-btn-kakaomap {width: 100%; margin: 0 auto;}
}

@media screen and (max-width: 480px) {
    .sub-roadmap .map-box .map a {height: 200px;}
    .sub-roadmap .com-tab-list-01 {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); text-align: center;}
    .sub-roadmap .com-tab-list-01 a {height: 100%; display: flex; justify-content: center; align-items: center;}

}


/* 캠퍼스 지도 */
.sub-campus-map {}
.sub-campus-map .com-btn-box-06 {margin-top: 40px;}

@media screen and (max-width: 1080px) {
    .sub-campus-map .com-btn-box-06 {margin-top: 30px;}

}

@media screen and (max-width: 768px) {
    .sub-campus-map .com-btn-box-06 {flex-wrap: wrap;}
    .sub-campus-map .com-btn-box-06 button {width: 100%;}
}


/* contact us */
.cous_table_pc {display:block;}
.cous_table_mobile {display:none;}

.conus_table {border-top:2px solid #A61660;}
.conus_table tr {border:1px solid #ddd;}
.conus_table tr td {padding:15px 30px; font-size:16px; color:#000; font-weight:500; line-height:1.6em;}
.conus_table tr td input {width:100%; height:50px;}
.conus_table tr td:nth-child(2n+1) {background:#FBFBFB;}

.conus_txt {text-align:right; margin-top:40px;}
.conus_txt .txt_chbox {}
.conus_txt .txt_chbox li {font-weight:500; font-size:16px; margin-top:27px; color:#000;}
.conus_txt .txt_chbox li:first-child {margin-top:0;}
.conus_txt .txt_chbox li label {display:flex;  align-items:center; justify-content:flex-end;}
.conus_txt .txt_chbox li span {margin-right:10px;}

.conus_txt .conus_btn {margin-top:40px; font-size:18px; padding:20px; width:170px; background:#fff; color:#A61660; border:2px solid #A61660; font-weight:700;}


@media screen and (max-width: 1080px) {
    .conus_table tr td {font-size:14px; padding:15px 20px;}
    .conus_txt .txt_chbox li {font-size:14px;}
    .conus_txt .conus_btn {font-size:16px;}

    .conus_txt .txt_chbox li span {display:flex; flex-wrap:wrap; justify-content:flex-end;}
}


@media screen and (max-width: 768px) {
    .cous_table_pc {display:none;}
    .cous_table_mobile {display:block;}

    .conus_table .ct_li {border:1px solid #ddd; border-top:none;}
    .conus_table .ct_li div {padding:15px 30px; font-size:14px; color:#000; font-weight:500; line-height:1.6em; text-align:center;}
    .conus_table .ct_li div:first-child {background:#FBFBFB;}
    .conus_table .ct_li input {width:100%; height:50px;}

    .conus_txt .conus_btn {padding:16px; width:100%;}

}


/* 대학 */
.sub-university {min-height: 300px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--border--content-box); background: url("/resources/user/eng/img/sub/icon_emblem_sub.svg") no-repeat center right/290px; gap: 30px; margin-bottom: 50px; padding: 10px 0;}
html[data-mode="dark"] .sub-university {background-image: url("/resources/user/eng/img/icon/icon_emblem_dark.png");}
.sub-university :where(.title,.ctt) {width: 70%;}
.sub-university .title {font-size: 30px; font-weight: 800;}
.sub-university .ctt {font-size: 17px; font-weight: 500; line-height: 1.6;}

@media screen and (max-width: 1080px) {
    .sub-university {min-height: 230px; background-size: 200px; gap: 20px;}
    .sub-university :where(.title,.ctt) {width: 75%;}
    .sub-university .title {font-size: 24px;}
    .sub-university .ctt {font-size: 15px;}
}

@media screen and (max-width: 768px) {
    .sub-university {min-height: 180px; gap: 15px; background-size: 160px;}
    .sub-university :where(.title,.ctt) {width: 100%;}
    .sub-university .title {font-size: 20px;}
    .sub-university .ctt {font-size: 14px;}
}


/* 대학원 */
.sub-grad-school {margin-bottom: 45px;}
.sub-grad-school .com-tab-list-03 {margin-bottom: 15px;}
.sub-grad-school .com-btn-shortcut-01 {margin-left: auto;}



/* 교환학생 */
.txt_sdg01 {color:#555 !important; font-weight:500 !important; margin-left:10px;}
.txt_sdg01::before {background:#555 !important; width:6px !important; height:1px !important; border-radius:0 !important; top:10px !important; left:-15px !important;}

.txt_sdg02 {color:#888; font-size:15px; font-weight:500; margin-left:20px; margin-top:6px !important;}
.txt_sdg02::before {background:url(/resources/user/eng/img/icon/icon_check.png) no-repeat !important; width:12px !important; height:9px !important; top:12px !important;}


@media screen and (max-width: 1080px) {
    .txt_sdg01 {margin-left:8px;}
    .txt_sdg01::before {width:5px !important; left:-12px !important;}

    .txt_sdg02 {font-size:14px; margin-left:12px; margin-top:4px !important;}
    .txt_sdg02::before {top:13px !important; left:-18px !important;}
}

@media screen and (max-width: 768px) {
    .txt_sdg02 {font-size:13px;}
}



/* 한국분위기 */
.con_fekor {line-height:1.8em;}
.con_fekor span::before {top:15px;}

.con_imgtxt {}
.con_imgtxt .ci_ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(20%, auto)); gap:15px;}
.con_imgtxt .ci_ul .ci_li {width:100%;}
.con_imgtxt .ci_ul .ci_li div:nth-child(2) {margin:10px 0; width:100%;}
.con_imgtxt .ci_ul .ci_li div:nth-child(2) img {width:100%;}
.con_imgtxt .ci_ul .ci_li .txt_dg05 {min-height:270px; display:flex; align-items:center; line-height:1.4em;}

.txt_col01 {background:#2B5E65;}
.txt_col02 {background:#4C7E85;}
.txt_col03 {background:#57696B;}
.txt_col04 {background:#677F83;}


@media screen and (max-width: 1400px) {
    .con_imgtxt .ci_ul .ci_li .txt_dg05 {min-height:320px;}
}

@media screen and (max-width: 1240px) {
    .con_imgtxt .ci_ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(35%, auto));}
}

@media screen and (max-width: 1080px) {
    .con_fekor {line-height:1.6em;}
    .con_imgtxt .ci_ul .ci_li .txt_dg05 {min-height:190px;}
}

@media screen and (max-width: 768px) {
    .con_imgtxt .ci_ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(50%, auto));}
    .con_imgtxt .ci_ul .ci_li .txt_dg05 {min-height:auto;}
}


/* Degree Programs */
.sub-degree {margin-top:80px;}
.sub-degree .degree-ctt-box {display: none;}
.sub-degree .degree-ctt-box.active {display: block;}
.degree-ctt-box .com-btn-download-01 {font-size:16px;}


@media screen and (max-width: 768px) {
    .degree-ctt-box .com-btn-download-01 {font-size:14px; width:100%;}
}


/* Immigration & Scholarships */
.sub-immigration {margin-top:80px;}
.sub-immigration .immigration-ctt-box {display: none;}
.sub-immigration .immigration-ctt-box.active {display: block;}

.imsc_table {}
.imsc_table tbody tr {}
.imsc_table tbody tr td {text-align:left; font-size:16px; font-weight:500; color:#000 !important;}
.imsc_table tbody tr td:first-child {text-align:center;}
.imsc_table tbody tr td button {min-width:170px; padding:10px 0; height:auto; line-height:1.9em;}

.imsc_table tbody tr.dg01 td:first-child {text-align:left;}

.imsc_table tbody tr td.dg02 {display:flex; flex-direction:column;}
.imsc_table tbody tr td.dg02 span {margin-top:8px; padding-left:30px;}
.imsc_table tbody tr td.dg02 span:first-child {margin-top:0;}
.imsc_table tbody tr td.dg02 span::before {display:block; content: ""; position:relative; background:#000; width:3px; height:3px; border-radius:50%; top:10.5px; left:-20px;}

.imsc_table tbody tr td .dg03 {display:flex; flex-direction:column; justify-content:center; line-height:1.9em;}
.imsc_table tbody tr td .dg03 button {margin:auto; text-align:center; margin-top:5px;}

.imsc_table tbody tr td span.col01 {color:#A61660;}
.imsc_table tbody tr td span.col01.fw01 {font-weight:700;}
.imsc_table tbody tr td span.link a {text-decoration:underline;}
.imsc_table tbody tr td span.link a:hover {font-weight:600;}

.imsc_table .dg02 {border-right:none !important;}

.imsc_table.dg01 tbody tr.dg02 td:first-child, .imsc_table.dg01 tbody tr.dg02 td:nth-child(2) {text-align:center;}
.imsc_table.dg01 tbody tr.dg02 td:first-child, .imsc_table.dg01 tbody tr.dg03 td:first-child, .imsc_table.dg03 tbody tr.dg02 td:first-child {background:#FAFAFA;}

.imsc_table.dg02 tr td {text-align:center;}

.txt_sdg03::before {display:none;}
.txt_sdg03 i {margin-right:5px;}

.cp_img {display:flex; align-items:flex-start;}
.cp_img .cpi_li {width:315px; margin-top:-60px; margin-right:95px;}
.cp_img .cpi_li:last-child {margin-right:0; margin-top:-9px;}
.cp_img .cpi_li::before {display:block; content: ""; position:relative; background:url(/resources/user/eng/img/sub/sub_arrow01.png) no-repeat; width:47px; height:51px; left:340px; top:160px;}
.cp_img .cpi_li:last-child::before {display:none;}
.cp_img .cpi_li div {font-size:16px; text-align:center; padding:20px 15px; display:flex; align-items:center; justify-content:center;}
.cp_img .cpi_li .tit {font-weight:600; color:#fff; background:#1C5691; min-height:97px;}
.cp_img .cpi_li .txt {font-weight:500; border:1px solid #1C5691; background:#fff; min-height:150px;}


@media screen and (max-width: 1240px) {
    .cp_img .cpi_li {width:280px;}
    .cp_img .cpi_li::before {left:305px;}
}

@media screen and (max-width: 1080px) {
    .imsc_table tbody tr td {font-size:15px;}
    .imsc_table tbody tr td button {min-width:150px; padding:8px 0; line-height:1.6em;}

    .imsc_table tbody tr td .dg03 {line-height:1.6em;}

    .cp_img {display:grid; grid-template-columns: repeat(auto-fill, minmax(45%, auto)); gap:40px 60px;}
    .cp_img .cpi_li {width:360px; margin-right:0;}
    .cp_img .cpi_li::before {left:380px;}
    .cp_img .cpi_li div {font-size:15px;}
}

@media screen and (max-width: 890px) {
    .cp_img .cpi_li {width:320px;}
    .cp_img .cpi_li::before {left:320px;}
}

@media screen and (max-width: 768px) {
    .imsc_table tbody tr td {font-size:14px;}
    .imsc_table tbody tr td button {min-width:120px; line-height:1.2em;}

    .imsc_table tbody tr td .dg03 {line-height:1.2em;}

    .sub-immigration .com-btn-download-01 {width:100%;}

    .cp_img {grid-template-columns: repeat(auto-fill, minmax(50%, auto)); gap:70px;}
    .cp_img .cpi_li {width:100%;}
    .cp_img .cpi_li:last-child {margin-top:auto;}
    .cp_img .cpi_li::before {left:auto; width:100%; background:url(/resources/user/eng/img/sub/sub_arrow02.png) no-repeat; top:180px; background-position:center;}
    .cp_img .cpi_li div {font-size:14px; padding:10px;}
    .cp_img .cpi_li .tit {min-height:50px;}
    .cp_img .cpi_li .txt {min-height:70px;}
}

@media screen and (max-width: 480px) {
    .cp_img .cpi_li::before {top:257px;}
    .cp_img .cpi_li .tit {min-height:90px;}
    .cp_img .cpi_li .txt {min-height:110px;}
}


/* Support Facilities */
.support {display:flex; flex-direction:column;}
.support .sf_con {display:flex; justify-content:center; align-items:flex-start; margin-bottom:30px; padding:30px 40px; border:1px solid #ddd;}
.support .sf_con:last-child {margin-bottom:0;}
.support .sf_con .sf_img {margin-right:60px;}
.support .sf_con .sf_img img {width:100%; min-width:386px;}

.support .sf_con .sf_txt {width:100%;}
.support .sf_con .sf_txt .com-title-02.dg01 {margin:0;}
.support .sf_con .sf_txt .txt_dg01 {margin:10px 0; padding-top:10px;}
.support .sf_con .sf_txt .txt_dg01 span {margin-top:10px;}
.support .sf_con .sf_txt .txt_dg01 span:first-child {margin-top:0;}


@media screen and (max-width: 1080px) {
    .support .sf_con .sf_img {margin-right:40px;}
    .support .sf_con .sf_img img {min-width:346px;}
}

@media screen and (max-width: 768px) {
    .support .sf_con {display:block; margin-bottom:20px; padding:30px;}

    .support .sf_con .sf_img {margin-right:0;}
    .support .sf_con .sf_img img {min-width:auto;}

    .support .sf_con .sf_txt {margin-top:30px;}
    .support .sf_con .sf_txt .com-title-02.dg01 {text-align:left;}

}



/* 준비중 */
.preparing {margin:0 auto; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd; width:800px; padding:100px;}

.preparing .ping_icon {}
.preparing .ping_icon img {width:100%;}

.preparing .ping_txt {margin:30px 0 40px; padding-bottom:40px; border-bottom:1px solid #D9D9D9;}
.preparing .ping_txt h2 {font-size:33px; font-weight:800; text-transform:uppercase;}
.preparing .ping_txt p {font-size:15px; font-weight:500; margin-top:15px;}

.preparing .ping_logo {}
.preparing .ping_logo img {width:100%;}


@media screen and (max-width: 1080px) {
    .preparing {width:100%; padding:80px;}
}

@media screen and (max-width: 768px) {
    .preparing {padding:60px;}

    .preparing .ping_icon {width:15%;}
    .preparing .ping_icon img {width:100%;}

    .preparing .ping_txt {margin:25px 0 35px; padding-bottom:35px;}
    .preparing .ping_txt h2 {font-size:24px;}
    .preparing .ping_txt p {font-size:14px; margin-top:12px;}

    .preparing .ping_logo {width:40%;}
    .preparing .ping_logo img {width:100%;}
}

@media screen and (max-width: 480px) {
    .preparing {padding:40px;}

    .preparing .ping_icon {width:20%;}
    .preparing .ping_logo {width:50%;}
}








@media screen and (max-width: 1560px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1240px) {
}

@media screen and (max-width: 1080px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}


/* 로그인, 포털 로그인 */
#login-wrap {width: 100%; min-height: 100dvh; background: url("/resources/user/eng/img/sub/login_bg.jpg") no-repeat center/cover;}
#login-wrap #hd {width: 100%;}
#login-wrap > .no-hd-box {padding: 40px 20px; display: flex; flex-direction: column; align-items: center;}
#login-wrap > .no-hd-box > .inner {width: 100%; max-width: 650px; margin: auto 0;}
#login-wrap > .no-hd-box h1 {font-size: 40px; font-weight: 800; text-align: center; margin-bottom: 35px;}
#login-wrap > .no-hd-box .logo {display: block; width: fit-content; margin: 0 auto 30px;}
#login-wrap > .no-hd-box .logo img {height: 60px;}
#login-wrap > .no-hd-box .login-box > :where(.tb,.bb) {border-radius: 5px;}
#login-wrap > .no-hd-box .login-box > .tb {background-color: var(--bg--bg-primary); padding: 40px 55px; margin-bottom: 15px;}
#login-wrap > .no-hd-box input:where([type="text"],[type="password"]) {width: 100%; height: 55px; background-color: #f9f9f9; border-radius: 3px; padding: 10px 20px; font-size: 15px; margin-bottom: 10px;}
html[data-mode="dark"] #login-wrap > .no-hd-box input:where([type="text"],[type="password"]) {background-color: var(--bg--textarea);}
#login-wrap > .no-hd-box input:where([type="text"],[type="password"])::placeholder {font-weight: 500;}
#login-wrap > .no-hd-box .util-box {display: flex; float: right;  flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 15px; gap: 5px 20px; margin: 10px 0 25px;}
#login-wrap > .no-hd-box .link-find-idpw {text-decoration: underline; text-underline-position: under; color: #004386; font-weight: 500; transition: none;}
#login-wrap > .no-hd-box .link-find-idpw:where(:hover,:focus) {font-weight: 800;}
html[data-mode="dark"] #login-wrap > .no-hd-box .link-find-idpw {color: var(--contents--primary);}
#login-wrap > .no-hd-box .com-checkbox-01 .square {width: 20px; height: 20px; border-color: #888; border-radius: 3px;}
#login-wrap > .no-hd-box .btn-login {width: 100%; padding: 10px 0; color: #fff; font-size: 20px; background-color: #004386; border-radius: 3px;}
#login-wrap > .no-hd-box .btn-login:where(:hover,:focus) {filter: brightness(0.8);}
#login-wrap > .no-hd-box .etc-box {padding: 13px 8px 0; border-top: 1px solid #d9d9d9; margin-top: 25px; display: flex; flex-direction: column; row-gap: 15px;}
html[data-mode="dark"] #login-wrap > .no-hd-box .etc-box {border-color: var(--border--table-td);}
#login-wrap > .no-hd-box .etc-box .txt-list {font-size: 14px; font-weight: 500;}
#login-wrap > .no-hd-box .etc-box .txt-list > li::before {top: 9px;}
#login-wrap > .no-hd-box .etc-box.type-02 {padding-left: 0; padding-right: 0;}
#login-wrap > .no-hd-box .etc-box.type-02 .txt-list > li {padding: 0; margin-bottom: 0;}
#login-wrap > .no-hd-box .etc-box.type-02 .txt-list > li::before {display: none;}
#login-wrap > .no-hd-box .login-box > .bb {background-color: #222222cc; backdrop-filter: blur(5px); color: #fff; padding: 20px 25px;}
#login-wrap > .no-hd-box .login-box > .bb b {font-weight: 600;}
#login-wrap > .no-hd-box .login-box > .bb .txt-list {font-weight: 300; font-size: 14px;}
#login-wrap > .no-hd-box .login-box > .bb .txt-list > li {line-height: 2;}
#login-wrap > .no-hd-box .login-box > .bb .txt-list > li::before {background-color: #fff; top: 13px;}
#login-wrap > .no-hd-box .bg-colored {position: relative; font-weight: 500; padding: 5px;}
#login-wrap > .no-hd-box .bg-colored.link:where(:hover,:focus) {filter: brightness(0.8);}
#login-wrap > .no-hd-box .bg-colored.color-01 {background-color: #A61660;}
#login-wrap > .no-hd-box .bg-colored.color-02 {background-color: #0067cd;}

@media screen and (max-width: 1080px) {
    #login-wrap > .no-hd-box h1 {font-size: 30px;}
    #login-wrap > .no-hd-box .logo img {height: 50px;}
    #login-wrap > .no-hd-box .login-box > .tb {padding: 35px 40px; margin-bottom: 10px;}
    #login-wrap > .no-hd-box input:where([type="text"],[type="password"]) {height: 45px; padding: 10px 15px; font-size: 14px; margin-bottom: 5px;}
    #login-wrap > .no-hd-box .util-box {font-size: 13px; margin-bottom: 20px;}
    #login-wrap > .no-hd-box .com-checkbox-01 .square {width: 17px; height: 17px;}
    #login-wrap > .no-hd-box .btn-login {font-size: 16px;}
    #login-wrap > .no-hd-box .etc-box {padding: 10px 7px 0; margin-top: 15px;}
    #login-wrap > .no-hd-box .etc-box .txt-list {font-size: 13px;}
    #login-wrap > .no-hd-box .login-box > .bb {padding: 15px 20px;}
    #login-wrap > .no-hd-box .login-box > .bb .txt-list {font-size: 13px;}
    #login-wrap > .no-hd-box .login-box > .bb .txt-list > li::before {top: 11px;}
}

@media screen and (max-width: 480px) {
    #login-wrap > .no-hd-box h1 {font-size: 23px; margin-bottom: 20px;}
    #login-wrap > .no-hd-box .logo img {height: 40px;}
    #login-wrap > .no-hd-box .login-box > .tb {padding: 20px;}
    #login-wrap > .no-hd-box input:where([type="text"],[type="password"]) {height: 40px; padding: 8px 12px; font-size: 13px;}
    #login-wrap > .no-hd-box .util-box {font-size: 12px; margin: 5px 0 20px;}
    #login-wrap > .no-hd-box .com-checkbox-01 .square {width: 15px; height: 15px;}
    #login-wrap > .no-hd-box .com-checkbox-01 label {gap: 6px;}
    #login-wrap > .no-hd-box .btn-login {font-size: 14px;}
    #login-wrap > .no-hd-box > .no-hd-box .etc-box .txt-list {font-size: 12px;}
    #login-wrap > .no-hd-box > .no-hd-box .etc-box .txt-list > li::before {top: 7px;}
    #login-wrap > .no-hd-box .login-box > .bb {padding: 12px 15px;}
    #login-wrap > .no-hd-box .login-box > .bb .txt-list {font-size: 12px;}
    #login-wrap > .no-hd-box .login-box > .bb .txt-list > li::before {top: 10px;}
    #login-wrap > .no-hd-box .com-btn-box-01 {flex-wrap: nowrap; }
    #login-wrap > .no-hd-box .com-btn-box-01 li {width: 100%;}
    #login-wrap > .no-hd-box .com-btn-box-01 .com-btn-03 {font-size: 13px; width: 100%; min-width: unset;}
}




/* 사이트맵 */
.sub-sitemap {}
.sub-sitemap > div:not(:last-of-type) {margin-bottom: 20px;}
.sub-sitemap .dep-list-01 {display: flex; gap: 40px;}
.sub-sitemap .dep-01 {flex-shrink: 0; width: 180px; border-top: 3px solid var(--contents--accent-color); font-size: 21px; font-weight: 600; padding-top: 20px;}
.sub-sitemap .dep-list-02 {width: 100%; padding: 30px 35px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #888; gap: 40px;}
.sub-sitemap :is(.dep-02,.dep-list-03)  {padding: 10px;}
.sub-sitemap .dep-02 {font-size: 17px; font-weight: 600; padding-top: 0; border-bottom: 1px solid #ddd; display: block;}
.sub-sitemap .dep-02:where(:hover,:focus) {color: #A6165F;}
html[data-mode="dark"] .sub-sitemap .dep-02:where(:hover,:focus) {color: #dc3488;}
.sub-sitemap .dep-list-03 > li {position: relative; padding-left: 14px;}
.sub-sitemap .dep-list-03 > li:not(:last-of-type) {margin-bottom: 5px;}
.sub-sitemap .dep-list-03 > li::before {content: ""; width: 3px; height: 3px; background-color: var(--contents--primary); border-radius: 50%; position: absolute; top: 8px; left: 0;}
.sub-sitemap .dep-03 {font-size: 14px; color: #333; transition: none; font-weight: 500;}
html[data-mode="dark"] .sub-sitemap .dep-03 {color: #fff;}
.sub-sitemap .dep-03 i {font-size: 12px;}
.sub-sitemap .dep-03:where(:hover,:focus) {color: #A6165F; text-decoration: underline; text-underline-position: under;}
html[data-mode="dark"] .sub-sitemap .dep-03:where(:hover,:focus) {color: #dc3488; text-decoration: underline; text-underline-position: under;}

@media screen and (max-width: 1080px) {
    .sub-sitemap .dep-01 {width: 150px; font-size: 19px; padding-top: 12px;}
    .sub-sitemap .dep-02 {font-size: 16px;}
    .sub-sitemap :is(.dep-02,.dep-list-03) {padding: 7px 10px;}
    .sub-sitemap .dep-list-01 {gap: 30px;}
    .sub-sitemap .dep-list-02 {padding: 20px; gap: 25px; grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media screen and (max-width: 768px) {
    .sub-sitemap .dep-list-01 {flex-wrap: wrap; gap: 0;}
    .sub-sitemap :is(.dep-02,.dep-list-03) {padding: 7px;}
    .sub-sitemap .dep-01 {width: 100%; text-align: center; padding: 12px 10px; font-size: 17px; border: none; color: #fff; background-color: #A6165F;}
    html[data-mode="dark"] .sub-sitemap .dep-01 {background-color: #333;}
    .sub-sitemap .dep-02 {font-size: 15px;}
    .sub-sitemap .dep-03 {font-size: 13px;}
    .sub-sitemap .dep-list-02 {grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 15px 10px; gap: 20px; border: none;}
    .sub-sitemap .dep-list-03 > li {padding-left: 11px;}
    .sub-sitemap .dep-list-03 > li::before {top: 9px;}

}



/* application */
.sub-application {}
.sub-application .step-list {display: flex; flex-direction: column; gap: 40px; margin-bottom: 40px; margin-top: 40px;}
.sub-application .step-list > li {display: flex;gap: 20px; }
.sub-application .step-list > li > span {padding: 20px; min-height: 95px; border-radius: 10px; }
.sub-application .step-list > li .left {width: 25%; background: #F6EEF2; border: 1px solid #A61660; position:relative; text-align: center;}
.sub-application .step-list > li .left strong{display: block;width:100%; margin-bottom: 10px;}
.sub-application .step-list > li .left::after {content: ''; background: url(/resources/user/eng/img/sub/arrow_icon.svg) no-repeat; width: 40px; height: 40px; display: block; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);}
.sub-application .step-list > li:last-child .left::after {display:none;}
.sub-application .step-list > li .right {width: 75%; background:#ebebeb;}

.sub-application .step-list .red {color: #d82114;}
#sub-content span.blue {color: #004286;}
.sub-application .top-down-btn {background: #0070c0; color: #fff; font-size: 16px; padding: 12px 15px;  border-radius: 5px;}
.sub-application .top-down-btn::after {content: ''; background: url(/resources/user/eng/img/icon/xlsx_btn_icon.svg) no-repeat; width: 14px; height: 17px; display: inline-block; vertical-align: middle; margin-left: 10px;}


@media screen and (max-width: 768px) {
    .sub-application .step-list {gap: 0;}
    .sub-application .step-list > li{flex-direction: column; width: 100%; gap: 10px; font-size: 15px;}
    .sub-application .step-list > li span {min-height: none; ;}
    .sub-application .step-list > li .left{width: 100%;}
    .sub-application .step-list > li .right{width: 100%;}
    .sub-application .step-list > li .left::after {display: none;}
    .sub-application .step-list > li {position:relative;}
    .sub-application .step-list > li::after {content: '';
        background: url(/resources/user/eng/img/sub/arrow_icon.svg) no-repeat; width: 40px; height: 40px; display: block; margin: 0 auto 10px; }
    .sub-application .step-list > li:last-child::after {display:none;}
}


@media screen and (max-width: 480px) {
    .sub-application .step-list > li::after {width: 24px; height: 24px; background-size: cover; bottom: -24px;}
    .sub-application .top-down-btn {font-size: 13px; padding: 10px; display: block;margin-top: 5px; margin-left: auto;}
}



/* 새로운컨텐츠 */
#sub-content {word-break: keep-all;}
/* #sub-content .com-tbl-wrap.type-04 td, #sub-content .com-tbl-wrap.type-04 th {word-break: keep-all;} */
#sub-content .info-box-new {background: #F6EEF2; padding: 20px; border-radius: 10px; margin-bottom: 40px; font-size: 16px; line-height: 28px;font-weight: 600;}
#sub-content p.txt-top {font-size: 16px; font-weight: 600;margin-bottom: 10px;}
#sub-content .txt-new {font-size: 16px; padding-left: 12px; font-weight: 600;}
#sub-content .sm-txt {font-size: 16px; color: #555; padding-left: 12px; margin-top: 8px; display: block;font-weight: 600;}
/* .scholarships .com-with-shape-01 li {font-weight: 400;}
.scholarships .com-with-shape-01 li > ul li::before {content: '- ';} */
.com-box-01 .sub-txt {font-size: 17px; font-weight: 600; padding-left: 30px;}
.sub-campus-tour .img-box {margin-bottom: 50px;}
.com-tbl-wrap .com-with-shape-01.circle > li {font-weight: 400;}

#sub-content .top-list {font-weight: 600; margin-bottom: 20px;}
#sub-content .top-list li {position: relative;padding-left: 14px;}
#sub-content .top-list li::before {content: "※"; position: absolute; top: 0px;  left: -2px;}


#sub-content .com-link-01 {color: #0070c0;}

@media screen and (max-width: 1080px) {
    #sub-content .info-box-new {font-size: 14px;}
    #sp-content p {font-size: 14px;}
    #sub-content .sm-txt {font-size: 14px;}
    .com-box-01 .sub-txt {font-size: 15px; padding-left: 25px; margin-top: 5px;}
}



/* Research Highlights 연구성과 */
.rschHlghts {position:relative;}
.rschHlghts .rh-top {display: flex; justify-content: space-between; align-items: self-start;}
.rschHlghts .rh-top .img-box {width: 45%; aspect-ratio: 1/1; flex-shrink: 0; margin-top:64px;}
.rschHlghts .rh-top .img-box img {width: 100%; height: 100%; object-fit: cover;}
.rschHlghts .rh-top .txt-box {width: 55%; min-height: 597px; padding: 125px 50px;}
.rschHlghts .rh-top .txt-box::before{content: '';background:#F4F4F4; display: block; width: 925px; min-height: 597px; position:absolute; top: 0; right: 0px; z-index: -1;}
.rschHlghts .rh-top .txt-box .tit {font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.rschHlghts .rh-top .txt-box .name {font-size: 20px; font-weight: bold; color: #555;}
.rschHlghts .rh-top .txt-box .txt {font-size: 18px; color: #555; margin: 30px 0;}
.rschHlghts .rh-top .txt-box .more-btn {font-size: 16px; font-weight: bold; color: #004286; border: 1px solid #004286; padding: 12px 20px ;}
.rschHlghts .rh-top .txt-box .more-btn::after {content: ''; background: url(/resources/user/eng/img/icon/rsch_arrw_icon.svg) no-repeat; width: 13px; height: 13px; display: inline-block; margin-left: 10px;}

.rschHlghts .rh-con {margin-top: 100px;}
.rschHlghts .rh-con .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; width: 100%;}
.rschHlghts .rh-con .list li {position: relative;}
.rschHlghts .rh-con .list li a {display: block; border: 1px solid #ddd; padding: 30px;}
.rschHlghts .rh-con .list li .board-list-btn-wrap {position:absolute;bottom: 5px;right: 5px;display: flex;gap: 5px;}
.rschHlghts .rh-con .list li .board-list-btn-wrap a {display: block;border: 1px solid;color: #a6165f;padding: 5px;}
.rschHlghts .rh-con .list li .img-box {width: 100%; aspect-ratio: 1/1;}
.rschHlghts .rh-con .list li .img-box img {width: 100%; height: 100%; object-fit: cover;}
.rschHlghts .rh-con .list li .txt-box {}
.rschHlghts .rh-con .list li .txt-box .tit {font-size: 22px; font-weight: bold; margin: 20px 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.rschHlghts .rh-con .list li .txt-box .name {font-size: 16px; margin-bottom: 10px;color: #555;display: flex;justify-content: space-between;}
.rschHlghts .rh-con .list li .txt-box .txt {font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; border-top:1px solid #ddd; padding-top: 20px;}

@media screen and (max-width: 1400px) {
    .rschHlghts .rh-top .txt-box {padding: 100px 50px;}
}

@media screen and (max-width: 1200px) {
    .rschHlghts .rh-con .list {gap: 20px;}
    .rschHlghts .rh-con .list li a {padding: 20px;}
    .rschHlghts .rh-con .list li .txt-box .tit {font-size: 18px;}
    .rschHlghts .rh-con .list li .txt-box .txt {font-size: 16px;}
}

@media screen and (max-width: 1080px) {

    .rschHlghts .rh-top {flex-direction: column;}
    .rschHlghts .rh-top .txt-box {background:#F4F4F4; width: 100%; min-height: auto; padding: 65px 30px 40px 30px; margin-top: -40px; z-index: -1}
    .rschHlghts .rh-top .txt-box::before {display: none;}
    .rschHlghts .rh-top .img-box{width: 95%; margin-top: 0; margin-left: auto;}
    .rschHlghts .rh-top .txt-box .tit{font-size: 20px; margin-bottom: 15px;}
    .rschHlghts .rh-top .txt-box .name {font-size: 17px;}
    .rschHlghts .rh-top .txt-box .txt {font-size: 16px; margin: 20px 0;}
    .rschHlghts .rh-top .txt-box .more-btn {font-size: 15px;}

    .rschHlghts .rh-con {margin-top: 80px;}
    .rschHlghts .rh-con .com-brd-hd-01{margin-bottom: 40px;}
    .rschHlghts .rh-con .list {grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width: 768px) {
    .rschHlghts .rh-top .txt-box {padding: 60px 20px 30px 20px;}
    .rschHlghts .rh-con {margin-top: 50px;}
    .rschHlghts .rh-con .com-brd-hd-01{margin-bottom: 30px;}
    .rschHlghts .rh-con .list {grid-template-columns: repeat(1,1fr);}

}




/* 단과대학 */
.academicsProgram .utils {display: flex; gap: 50px;justify-content: end;}
.academicsProgram .utils li {display: flex; align-items: center; gap: 10px;}
.academicsProgram .utils li::before {content: ''; background:url(/resources/user/eng/img/sub/homepage_icon_new.svg) no-repeat;width: 20px; height: 20px; display: block;}
.academicsProgram .utils li:nth-child(2):before {background:url(/resources/user/eng/img/sub/curriculum_icon_new.svg) no-repeat;}
.academicsProgram .utils li:nth-child(3):before {background:url(/resources/user/eng/img/sub/email_icon_new.svg) no-repeat; width: 24px;}

.academicsProgram .sub-university {margin-bottom: 80px;}

.academicsProgram .com-title-02.type-02 {border-bottom: 0; margin-bottom: 0;}
.academicsProgram .pro-con-wrap {display: flex; align-items: center; gap: 20px; margin-bottom: 20px;}
.academicsProgram .pro-img-box {width: 380px; height: 156px;}
.academicsProgram .pro-img-box img {max-width: none; width: 100%; height: 100%; object-fit: cover;}
.academicsProgram .pro-txt-box {}
.academicsProgram .pro-txt-box a {margin-bottom: 10px;}
.academicsProgram .pro-txt-box ul {display: flex; flex-direction: column; gap: 6px;}
.academicsProgram .pro-txt-box ul li {}
.academicsProgram .pro-txt-box ul li span {}
.academicsProgram .pro-txt-box ul li .tt {font-weight: bold; width: fit-content;}
.academicsProgram .pro-txt-box ul li .tt::before {content: ''; width: 3px; height: 3px; display: inline-block; vertical-align: middle; background: #000; margin-right: 8px; border-radius: 100%;}
.academicsProgram .com-btn-shortcut-01 {border-color: #1b2e7f; color: #1b2e7f;}

.academicsProgram .pro-list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0 40px; }
.academicsProgram .pro-list > li {width: 46%; display: flex; justify-content: space-between;  padding:5px 0; border-bottom: 1px dotted #ccc;}
.academicsProgram .pro-list > li .tt{}
.academicsProgram .pro-list > li .btns{display: flex; align-items: center; gap: 15px; margin-left: 30px;}
.academicsProgram .pro-list > li .btns li.hidden {visibility: hidden;}
.academicsProgram .pro-list > li .btns li a{display: block;}
.academicsProgram .pro-list > li .btns li a::before {content: ''; background:url(/resources/user/eng/img/sub/homepage_icon_new.svg) center no-repeat;width: 20px; height: 24px; display: block;}
.academicsProgram .pro-list > li .btns li:nth-child(2) a:before {background:url(/resources/user/eng/img/sub/curriculum_icon_new.svg) center no-repeat;}
.academicsProgram .pro-list > li .btns li:nth-child(3) a:before {background:url(/resources/user/eng/img/sub/email_icon_new.svg) center no-repeat; width: 24px;}

@media screen and (max-width: 1080px) {
    .academicsProgram .pro-list > li {padding: 10px 15px; width: 100%;}
    .academicsProgram .pro-list > li .tt {font-size: 14px;}
    .academicsProgram .pro-list > li:nth-child(2) {border-top: none;}
}

@media screen and (max-width: 768px) {
.academicsProgram .pro-con-wrap {flex-direction: column; gap: 10px; border-bottom: 2px solid #1b2e7f; padding-bottom: 20px;}
.academicsProgram .pro-img-box {max-width: none; width: 100%;}
.academicsProgram .pro-txt-box {width: 100%;}
}

@media screen and (max-width: 480px) {
    .academicsProgram .pro-list > li .btns {gap: 12px; margin-left: 20px;}
    .academicsProgram .pro-list > li .btns li a::before {width: 16px; height: 18px; background-size: cover;}
    .academicsProgram .pro-list > li .btns li:nth-child(3) a:before {width: 18px;background-size: cover;}
}

/*커리큘럼 팝업*/
#curriculum-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

#curriculum-popup.active {
    display: flex;
}

#curriculum-popup .popup-inner {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 1600px;
    max-width: 90%;
    background: #fff;
    padding: 20px;
}

#curriculum-popup .popup-inner .com-title-02.type-02 {
    display: flex;
    justify-content: space-between;
}

#curriculum-popup .popup-inner .com-tbl-wrap.type-04 {
    height: 500px;
    overflow-y: auto;
}


/* Foods & Cafeterias  식당 및 식단 안내 */
.foodWrap {}
.foodWrap .list {border-top: 3px solid #000;}
.foodWrap .list > li {display: flex; gap: 40px; align-items: center; border-bottom: 1px solid #ddd; padding: 30px;}
.foodWrap .list > li .slide-box {width: 504px; height: 323px;}
.foodWrap .list > li .slide-box .food-slide {position:relative;}
.foodWrap .list > li .slide-box .food-slide .control-box{}
.foodWrap .list > li .slide-box .food-slide .control-box button {position: absolute; top: 50%; z-index: 50;}
.foodWrap .list > li .slide-box .food-slide .control-box .btn-prev {left: 0;}
.foodWrap .list > li .slide-box .food-slide .control-box .btn-next {right: 0;}
.foodWrap .list > li .slide-box .food-slide .swiper-pagination {width: fit-content; color: #fff; font-size: 16px; position: absolute; bottom: 20px; right: 20px; left: auto;}
.foodWrap .list > li .con-box {width: calc(100% - 504px - 40px);}
.foodWrap .list > li .con-box .tit {font-size: 25px; font-weight: bold;}
.foodWrap .list > li .con-box .tit::after {content: ''; background: #000; width: 54px; height: 2px; display: block; margin: 30px 0;}
.foodWrap .list > li .con-box .info {display: flex; flex-direction: column; gap: 30px;}
.foodWrap .list > li .con-box .info li {font-size: 18px;}
.foodWrap .list > li .con-box .info li span {display: block;}
.foodWrap .list > li .con-box .info li .tt {font-weight: bold; color: #004286; margin-bottom: 10px;}
.foodWrap .list > li .con-box .info2 {flex-direction: row; gap:30px 80px; flex-wrap: wrap;}
.foodWrap .list > li .con-box .info2 li:last-child{width: 100%;}

.foodWrap .list > li .con-box .tel {font-size: 18px; padding: 14px 15px; border: 1px solid #000; max-width: 220px; text-align: center; margin-top: 30px;}
.foodWrap .list > li .con-box .tel::before{content: ''; background: url(/resources/user/eng/img/sub/icon_food_tel.svg) no-repeat; width: 23px; height: 10px; display:inline-block; vertical-align: middle; margin-right: 10px; text-align: right;}

@media screen and (max-width: 1200px) {
    .foodWrap .list > li {flex-direction: column; }
    .foodWrap .list > li .slide-box {width: 100%; height: auto;}
    .foodWrap .list > li .slide-box img {width: 100%; height: 100%; object-fit: cover;}
    .foodWrap .list > li .con-box {width: 100%;}
}


@media screen and (max-width: 768px) {
    .foodWrap .list > li {padding: 20px 0; gap: 20px;}
    .foodWrap .list > li .con-box .tit {font-size: 18px;}
    .foodWrap .list > li .con-box .info {gap: 20px;}
    .foodWrap .list > li .con-box .info li {font-size: 16px;}
    .foodWrap .list > li .con-box .tit::after {margin: 20px 0;}
    .foodWrap .list > li .con-box .tel {font-size: 16px;}
    .foodWrap .list > li .con-box .info2 {gap: 20px 50px;}

}

/**************************************************
    margin-bottom
***************************************************/
.mb-20 {margin-bottom: 20px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}

/* 비자 */

.table-title {text-align: center;font-size: 24px;font-weight: bold; margin:20px}
.meta-txt {font-size:16px;color:#888}
.com-box-01 .is-sub-txt {margin-top:10px;font-size: 17px;font-weight:400;display: inline-block; width:100%; color:#555}

/* Life Support Program (나라 / 동아리 박스*/
.es-country-box {padding:20px}
.es-country-box > ul {list-style: none; display: flex;flex-wrap: wrap; gap:20px; justify-content: center;}
.es-country-box .bs-country-card {border: 1px solid #ccc;border-radius: 10px; overflow:hidden; width:100%; text-align: center; display: flex; flex-direction: column;  flex: 1 1 calc(25% - 15px); max-width: calc(25% - 15px);min-width: 200px}
.es-country-box .bs-country-card .is-head {background-color: #004286; color:#fff; padding:15px 0; font-size: 20px; font-weight: bold}
.es-country-box .bs-country-card .is-body {padding:20px; display: flex; flex-direction: column; align-items: center; flex-grow: 1;}
.es-country-box .bs-country-card .is-body .flag-circle {border-radius: 50%;width:130px; height: 130px; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f7f7f7}
.es-country-box .bs-country-card .is-body .flag-circle img {padding:30px; object-fit: cover;}

@media (max-width:1080px) {
    .es-country-box .bs-country-card {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
}

@media (max-width: 768px) {
    .es-country-box .bs-country-card {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
}

@media (max-width: 480px) {
    .es-country-box .bs-country-card {flex: 1 1 100%; max-width: 100%;}
}



/* health Insurance 보험 */
.insuranceWrap .info-box-new .tit {font-size: 24px; margin-bottom: 10px;}
.insuranceWrap .info-box-new span.meta-txt {display: block; margin-top: 10px;}
.insuranceWrap .num-box {display: flex; border: 1px solid #ddd; margin-top: 10px;}
.insuranceWrap .num-box li {width: 100%; text-align: center; border-right: 1px solid #ddd; padding: 30px 20px;}
.insuranceWrap .num-box li:last-child {border: none;}
.insuranceWrap .num-box li span {display: block;}
.insuranceWrap .num-box li .num {width: 26px; line-height: 26px; border-radius: 100%; background: #004286; color: #fff; text-align: center; margin: 0 auto 10px;}
.insuranceWrap .link-btn {font-size: 16px; font-weight: bold; color: #004286; border: 1px solid #004286; padding: 12px 20px; display: block; width: fit-content; margin-top: 5px;}
.insuranceWrap .link-btn::after {content: ''; background: url(/resources/user/eng/img/icon/rsch_arrw_icon.svg) no-repeat; width: 13px; height: 13px; display: inline-block; margin-left: 10px;}
@media (max-width: 768px) {
    .insuranceWrap .num-box {flex-wrap: wrap;}
    .insuranceWrap .num-box li {border-right: none; border-bottom: 1px solid #ddd;}
    .insuranceWrap .link-btn {font-size: 14px;}
    .com-box-01 .is-sub-txt {font-size: 14px;}

}

.es-club-box {padding:20px}
.es-club-box > ul {list-style: none; display: flex;flex-wrap: wrap; gap:20px; justify-content: center;}
.es-club-box .bs-club-card {border: 1px solid #ccc;border-radius: 10px; overflow:hidden; width:100%; text-align: center; display: flex; flex-direction: column;  flex: 1 1 calc(33.333% - 14px); max-width: calc(33.333% - 14px);min-width: 200px}
.es-club-box .bs-club-card .is-head {background-color: #004286; color:#fff; padding:15px 0; font-size: 20px; font-weight: bold}
.es-club-box .bs-club-card .is-body {padding:20px; display: flex; flex-direction: column; align-items: center; flex-grow: 1;}
.es-club-box .bs-club-card .is-body .flag-circle {border-radius: 50%;width:130px; height: 130px; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f7f7f7}
.es-club-box .bs-club-card .is-body .flag-circle img {padding:30px; object-fit: cover;}

@media (max-width:1080px) {
    .es-club-box .bs-club-card {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
}

@media (max-width: 768px) {
    .es-club-box .bs-club-card {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
}

@media (max-width: 480px) {
    .es-club-box .bs-club-card {flex: 1 1 100%; max-width: 100%;}
}




/* 학교 전경 gallery */
.galleryWrap {width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px;}
.galleryWrap .list {border: 1px solid #ddd; }
.galleryWrap .list .img-box {width: 100%; aspect-ratio: 350 / 200; overflow: hidden; border: 1px solid #ddd;}
.galleryWrap .list .img-box img {width: 100%; height: 100%; transition: all .3s;}
.galleryWrap .list .title-box {text-align: center; padding: 20px; text-align: left;}
.galleryWrap .list .title-box p {font-size: 17px; color: #222; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all .3s;}
.galleryWrap .list .title-box span {font-size: 15px; color: #888; font-weight: 300;}
.galleryWrap.newsletter .list .img-box {aspect-ratio: 267 / 267;} /* 뉴스레터 게시판 */



@media screen and (max-width: 768px){
    .galleryWrap {grid-template-columns: repeat(2, minmax(0,1fr));}

}

@media screen and (max-width: 480px){
    .galleryWrap {grid-template-columns: repeat(1, minmax(0,1fr));}
    .galleryWrap .list .title-box {margin-top: 10px;}
    .galleryWrap .list .title-box p {font-size: 15px;}
    .galleryWrap .list .title-box span {font-size: 14px;}
}


/* Stats & Report 연구 통계 */
.statsReport {}
.statsReport .top-tit-box {background: #F2F6FB; padding: 40px 20px; text-align: center; margin-bottom: 70px;}
.statsReport .top-tit-box .tit {font-size: 28px; font-weight: bold; color: #213D75; margin-bottom: 20px;}
.statsReport .top-tit-box .txt {font-size: 20px;}
.statsReport .top-txt-box {text-align: center; font-size: 20px;}
.statsReport .top-txt-box .tit::after {content: ''; width: 140px; height: 1px; background: #878787; display: block; margin: 30px auto;}
.statsReport .btm-list-box {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 70px;}
.statsReport .btm-list-box .item {font-size: 18px; padding: 40px 0; border-bottom: 1px solid #ddd; display: flex; gap: 20px; align-items: center;}
.statsReport .btm-list-box .item li {font-size: 18px; font-weight: 400;}
/* .statsReport .btm-list-box .item::before {content: ''; background: url(/resources/user/eng/img/sub/statsReport_list_icon_01.png) no-repeat; width: 75px; height: 75px; display: block;} */
.statsReport .btm-list-box .item .ic {width: 75px;}
.statsReport .btm-list-box .item .con {width: calc(100% - 75px - 20px);}
.statsReport .btm-list-box .item .tit {width: fit-content; font-size: 20px; color: #214397; padding: 0 3px ;box-shadow: inset 0 -12px 0 #DFE9F5; font-weight: bold; margin-bottom: 15px;}


@media screen and (max-width: 1200px){

    .statsReport .top-tit-box .tit{font-size: 22px;}
    .statsReport .top-tit-box .txt {font-size: 18px;}
    .statsReport .top-txt-box {font-size: 17px;}
    .statsReport .btm-list-box .item .tit {font-size: 17px;}
    .statsReport .btm-list-box .item .txt {font-size: 15px;}
    .statsReport .btm-list-box .item li  {font-size: 15px;}
}


@media screen and (max-width: 480px){
    .statsReport .btm-list-box .item{padding: 20px 0;flex-direction: column; align-items: flex-start;}
    .statsReport .btm-list-box .item .con {width: 100%;}
    .statsReport .btm-list-box .item .tit {box-shadow: none;}
}

/* 연구지원 - G-RIP */
.col-duty {text-align: left}
.es-grip-area ul {position:relative}
.es-grip-area .bs-head {position: relative; width:100%;margin:0 auto; text-align: center}
.es-grip-area .bs-head li {color:#a71560; font-size:24px; font-weight: 700;background-color: #fbe1ee;padding: 10px 60px;border-radius: 50px;display: inline-block;}
.es-grip-area .bs-head:after {position: absolute;top: 50%;transform: translateY(-50%);content: '';height: 1px;background-color: #ddd;z-index: -1;left: 17%;right: 17%;}
.es-grip-area .bs-step {display: flex;justify-content: space-between;margin: 15px 0;}
.es-grip-area .bs-step:after {position: absolute;left: 0;top: 0;bottom: 0;margin: auto;content: '';display: block;width: 100%;height: 5px;background: #0070c0;opacity: 0.2;z-index: -1;}
.es-grip-area .bs-step li {position:relative;width:120px;height:120px;display:grid;place-items: center;text-align: center;background-color: #f5f6fa;border-radius: 100%;}
.es-grip-area .bs-step li:nth-child(2)::before,
.es-grip-area .bs-step li:nth-child(7)::before {position: absolute;top: -38px;left: 50%;content: '';height: 40px;width: 1px;background: #ddd;}
.es-grip-area .bs-step li:after {position: absolute;bottom: -30px;left: 30%;content: '';height: 30px;width: 15px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.es-grip-area .bs-step li:nth-child(1)::after,
.es-grip-area .bs-step li:nth-child(8)::after {content: none}
.es-grip-area .bs-step li:nth-child(3):after, .es-grip-area .bs-step li:nth-child(5):after, .es-grip-area .bs-step li:nth-child(7):after {left:50%;border-left: 0;border-right: 1px solid #ddd;}
.es-grip-area .bs-step li:first-child {background: #284576;color: #fff;font-weight: 700;}
.es-grip-area .bs-step li:last-child {background: #0070c0;color: #fff;font-weight: 700;}
.es-grip-area .bs-desc {position: relative; margin-top: 20px;width: 100%;display: block;}
.es-grip-area .bs-desc li {position: absolute; color:#1b2e7f; text-align: center}
.es-grip-area .bs-desc li:first-child {left:19%}
.es-grip-area .bs-desc li:nth-child(2) {right:45%}
.es-grip-area .bs-desc li:last-child {right:18%}

@media (max-width: 1080px) {
    .es-grip-area {overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .es-grip-area > ul,
    .es-grip-area .bs-head,
    .es-grip-area .bs-step,
    .es-grip-area .bs-desc {min-width: 1080px;}
    .es-grip-area .bs-head:after {left: 18.2%;right: 18.2%}
}


/* Undergraduate Programs 학부 교육과정 안내 */
.curri-gd .top-box {background: #F3F3F3; padding: 30px; margin-bottom: 40px;}
.is-nor-txt {font-weight: 300; font-size:16px}
.top-box .sub-txt {font-size: 18px; color:#222; line-height: 1.6;}
.curri-gd .xlsx_btn {display: block; background: #008026; width: fit-content; padding: 10px 20px; border-radius: 5px; color: #fff; display: flex; gap: 8px;}
.curri-gd .col-b {color: blue;}
.curri-gd .col-g {color: green;}
.curri-gd .col-r {color: red;}
.curri-gd .col-y {background: rgb(255, 215, 105);}
.curri-gd .left-tbl {color: #000;}
.curri-gd .left-tbl td{text-align: left;}
.curri-gd .left-tbl td.tbl-ct{text-align: center;}

@media (max-width: 1080px) {
    .com-box-02 .is-nor-txt {font-size: 14px;}
    .com-box-01 .is-sub-txt {font-size: 14px;}
}

@media (max-width: 768px) {
.curri-gd .top-box {padding: 10px;}
.curri-gd .scroll-tbl {overflow-x: auto;}
.curri-gd .scroll-tbl table {min-width: 850px;}
}



/* Reasearch Units 연구소 현황 */
.rschUnits .link-ic {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.rschUnits .link-ic li {font-weight: 500; width:50%; padding-right: 20px;}
.rschUnits .link-ic li a {display: inline-block; padding-left: 8px;}
.rschUnits .link-ic li a img {width: 28px;}

@media (max-width: 1080px) {
    .rschUnits .link-ic li {width: 100%; padding-right:0}
    .rschUnits .link-ic li a {padding-left: 5px;}
    .rschUnits .link-ic li a img {width: 22px;}
}



/*  */
.locationWrap .top-box {background: #F2F6FB; padding: 60px 0; color: #213D75; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 60px;}
.locationWrap .lc-list {display: flex; flex-direction: column; gap: 50px; margin-top: 50px;}
.locationWrap .lc-list .item {border: 1px solid #ddd; border-radius: 20px; padding: 50px 30px;}
.locationWrap .lc-list .item .tit-box {padding-bottom: 25px; border-bottom: 1px dashed #adadad;}
.locationWrap .lc-list .item .tit-box .tit {font-size: 20px; color: #214397; font-weight: bold; box-shadow: inset 0 -12px 0 #dcecff; width: fit-content; margin-bottom: 10px;}
.locationWrap .lc-list .item .tit-box .txt {}
.locationWrap .btm-txt {margin-top: 20px; padding-left: 30px;}
.locationWrap .lc-list .item .con-box {padding-top: 25px;} 

.locationWrap .img-list {display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); margin-top: 50px;}
.locationWrap .img-list li {}
.locationWrap .img-list li p {text-align: center;margin-top: 5px;font-weight: 600;color: #004286;}
.locationWrap span.refer{font-size: 14px; text-align: right; display: block; color: #555; margin-top: 8px;}


@media (max-width: 1080px) {
    .locationWrap .top-box {font-size: 22px !important; margin-bottom: 50px;}
    .locationWrap .lc-list {margin-top: 20px; gap: 24px;}
    .locationWrap .lc-list .item {padding: 25px 20px;}
    .locationWrap .lc-list .item .tit-box .tit {font-size: 17px;}
    .locationWrap .lc-list .item .tit-box .txt {font-size: 15px;}
    .locationWrap .btm-txt {font-size: 15px;}
    .locationWrap span.refer{font-size: 13px;}
}

@media (max-width: 768px) {
    .locationWrap .img-list {gap: 10px; grid-template-columns: repeat(1,1fr); margin-top: 30px;}
}

/* Korean Language Education Center */
.KLECWrap .top-img img {width: 100%;height: auto;object-fit: cover;}

@media (max-width: 768px) {s
    .KLECWrap .top-img img {height: 450px;object-fit: cover;}
}

/* 유틸버튼 */
#gb-util-box {position: fixed; right: 20px; bottom: 20px; color: #fff; font-size: 15px; z-index: 50; font-weight: 600;display:none;}
#gb-util-box button {width: 80px; height: 80px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 3px; opacity: 0.7;}
#gb-util-box button:not(:last-of-type) {margin-bottom: 7px;}
#gb-util-box button:where(:hover,:focus) {outline: 1px dotted white; outline-offset: -6px;opacity: 1;}
#gb-util-box .btn-chatbot-open {background-color: var(--main03);}
html[data-mode="dark"] #gb-util-box .btn-chatbot-open {border: 2px solid #0073E9; background-color: #0073E970;}
html[data-mode="dark"] #gb-util-box .btn-chatbot-open:where(:hover,:focus) {background-color: #0073E9;}
#gb-util-box .btn-top-scroll {background-color: #A6165F; gap: 5px;}
html[data-mode="dark"] #gb-util-box .btn-top-scroll {border: 2px solid #A6165F; background-color: #A6165F70;}
html[data-mode="dark"] #gb-util-box .btn-top-scroll:where(:hover,:focus) {background-color: #A6165F;}
#gb-util-box .btn-popup-open {background-color: #222;}
html[data-mode="dark"] #gb-util-box .btn-popup-open {background-color: #111; border: 2px solid #555;}
html[data-mode="dark"] #gb-util-box .btn-popup-open:where(:hover,:focus) {background-color: #000;}

@media screen and (max-width: 1080px) {
    #gb-util-box {font-size: 13px;}
    #gb-util-box button {width: 65px; height: 65px;}
    #gb-util-box button:not(:last-of-type) {margin-bottom: 4px;}
    #gb-util-box .btn-chatbot-open {gap: 3px;}
    #gb-util-box .btn-top-scroll img {width: 20px;}
}

@media screen and (max-width: 480px) {
    #gb-util-box {font-size: 12px; right: 15px; bottom: 15px;}
    #gb-util-box button {width: 58px; height: 58px;}
}

/* the feeling korea */
.feelingWrap .img-list {display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); margin-top: 50px;}

@media (max-width: 768px) {
    .feelingWrap .img-list {gap: 10px; grid-template-columns: repeat(1,1fr); margin-top: 30px;}
}