@charset "utf-8";

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


/* 총장 인사말 */
.sub-pres-intro {display: flex; align-items: flex-start; column-gap: 90px; background: url("/resources/user/web/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/web/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-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::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;}
    
}


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

@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 .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: 70px; 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/web/img/icon/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/web/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/web/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/web/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/web/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%;}
}


/* 로그인, 포털 로그인 */
#login-wrap {width: 100%; min-height: 100dvh; background: url("/resources/user/web/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;}

}






@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) { 
}