@charset "utf-8";

/**************************************************
*
*   sub.css
*
***************************************************/
/* 통합검색 헤더 */
#gb-srch-hd {background-color: var(--bg--bg-primary);}
#gb-srch-hd #hd {width: 100%;}
#gb-srch-hd #hd .hd-bot {display: none;}
#gb-srch-hd #hd .etc-box .srch-box {display: none;}
#gb-srch-hd .hd-srch-wrap > .com-inner-1300 {padding: 40px 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 30px;}
#gb-srch-hd .hd-srch-wrap .logo {flex-shrink: 0; margin-top: 12px;}
#gb-srch-hd .hd-srch-wrap .logo img {height: 45px;}
#gb-srch-hd .hd-srch-wrap .logo .img-dark {display: none;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .logo .img-dark {display: block;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .logo .img-light {display: none;}
#gb-srch-hd .hd-srch-wrap .center-box {min-width: 0; display: flex; align-items: flex-start; gap: 12px;}
#gb-srch-hd .hd-srch-wrap .srch-box {--fake-w: 580px; --fake-h: 65px; --fake-border-width: 4px; width: var(--fake-w);position: relative;}
#gb-srch-hd .hd-srch-wrap .srch-box .fake-box {display: none; width: var(--fake-w); height: calc(var(--fake-h) + 2 * var(--fake-border-width));}
#gb-srch-hd .hd-srch-wrap .input-box {position: relative; border: var(--fake-border-width) solid #004386; overflow: hidden; border-radius: 50px;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box {border-color: #cdcdcd;}
#gb-srch-hd .hd-srch-wrap .input-box .btn-srch {height: var(--fake-h); position: absolute; right: 20px; top: 0; transition: 1.2s;}
#gb-srch-hd .hd-srch-wrap .input-box .btn-srch:where(:hover,:focus) {transform: rotateY(360deg);}
#gb-srch-hd .hd-srch-wrap .input-box .btn-srch .img-dark {display: none;}
#gb-srch-hd .hd-srch-wrap .input-box.active {width: 100%; position: absolute; top: 0; left: 0; z-index: 10; border-radius: 35px;}
#gb-srch-hd .hd-srch-wrap .input-box.active .autocomplete-box {display: block;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box {display: none; background-color: var(--bg--bg-primary);}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .no-word {width: 95%; margin: 0 auto; min-height: 100px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #004386;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .no-word {border-color: #0073e9;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list {width: 95%; margin: 0 auto; border-top: 1px solid #004386; padding: 15px 25px;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list {border-color: #cdcdcd;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list li:not(:last-of-type) {margin-bottom: 5px;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a {transition: none;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list li a:not(.active,:hover,:focus) { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a.active,
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a:where(:hover,:focus) {color: #004386; font-weight: 600;}
#gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a .srched-word {background: #A6165F;color: #fff;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a.active,
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box .list a:where(:hover,:focus) {color: #0073e9;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .btn-srch .img-light {display: none;}
html[data-mode="dark"] #gb-srch-hd .hd-srch-wrap .input-box .btn-srch .img-dark {display: block;}
#gb-srch-hd .hd-srch-wrap .input-box input {width: 100%; height: var(--fake-h); padding-left: 40px; padding-right: 70px; font-size: 17px; border: none; background-color: var(--bg--bg-primary); outline: none;}
#gb-srch-hd .top-searched {--pdl-gap: 45px; display: flex; padding-left: var(--pdl-gap); gap: var(--pdl-gap); margin-top: 15px;}
#gb-srch-hd .top-searched dt {flex-shrink: 0; font-weight: 600; word-break: break-all;}
#gb-srch-hd .top-searched .list {display: flex; flex-wrap: wrap; gap: 5px 20px;}
#gb-srch-hd .top-searched .list a {transition: none;}
#gb-srch-hd .top-searched .list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under; color: #007fff;}
#gb-srch-hd .hd-srch-wrap .etc-list .btn-detail-options {display: none;}
#gb-srch-hd .re-srch-chk-box {flex-shrink: 0; margin-top: 23px; gap: 8px; display: flex; align-items: center;}
#gb-srch-hd .re-srch-chk-box input {min-width: 18px; height: 18px; font-size: 17px;}
#gb-srch-hd .btn-detail-options {flex-shrink: 0; min-width: 110px; height: 48px; border: 1px solid var(--border--table-td); display: flex; justify-content: space-between; align-items: center; padding: 0 11px; margin-top: 10px; gap: 10px;}
#gb-srch-hd .btn-detail-options img {transition: 0.3s;}
html[data-mode="dark"] #gb-srch-hd .btn-detail-options img {filter: brightness(0) invert(1);}
#gb-srch-hd .btn-detail-options:where(.active,:hover,:focus) {background-color: #f9f9f9;}
html[data-mode="dark"] #gb-srch-hd .btn-detail-options:where(.active,:hover,:focus) {background-color: #000;}
#gb-srch-hd .btn-detail-options.active img {transform: rotate(180deg);}
#gb-srch-hd .srch-options {--pd-t: 7px; display: none; background-color: #f9f9f9; border-top: 1px solid #66666680;}
html[data-mode="dark"] #gb-srch-hd .srch-options {background-color: var(--bg--bg-content_01);}
#gb-srch-hd .srch-options .txt {flex-shrink: 0; font-weight: 600; padding-top: var(--pd-t);}
#gb-srch-hd .srch-options > .com-inner-1300 {display: flex; gap: 67px; padding: 20px 0 25px;}
#gb-srch-hd .srch-options .type-list {--pd-lr: 28px;}
#gb-srch-hd .srch-options .type-list > div {display: flex; align-items: flex-start;}
#gb-srch-hd .srch-options .type-list > div:not(:last-of-type) {margin-bottom: 5px;}
#gb-srch-hd .srch-options .type-list dt {flex-shrink: 0; padding-right: var(--pd-lr); font-weight: 600; padding-top: var(--pd-t); position: relative;min-width:200px;}
#gb-srch-hd .srch-options .type-list dt::after {content: ""; width: 1px; height: 60%; position: absolute; top: 9px; right: 0; background-color: #ddd;}
#gb-srch-hd .srch-options .type-list dd {padding-left: var(--pd-lr);}
#gb-srch-hd .option-list {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px;}
#gb-srch-hd .option-list > li {min-width: 90px; height: 32px; display: flex; align-items: center;}
#gb-srch-hd .option-list .need-typing {display: flex; align-items: center; gap: 10px;}
#gb-srch-hd .option-list .need-typing .input-txt-box {height: 100%; display: flex; align-items: center; gap: 3px;}
#gb-srch-hd .option-list .need-typing .input-txt-box input {width: 120px; height: 100%; padding: 0 10px; font-size: 15px;}
#gb-srch-hd .option-list .need-typing .input-txt-box input::placeholder {color: #888;}
#gb-srch-hd .tab-list {background-color: #004386; color: #fff; word-break: break-all;}
html[data-mode="dark"] #gb-srch-hd .tab-list {background-color: #333;}
#gb-srch-hd .tab-list > .com-inner-1300 {}
#gb-srch-hd .tab-list .list {min-height: 51px; display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); text-align: center;}
#gb-srch-hd .tab-list a {height: 100%; display: flex; justify-content: center; align-items: center; padding: 5px 10px; font-size: 17px;}
#gb-srch-hd .tab-list a.active {color: #004386; background-color: #fff; font-weight: 600;}
html[data-mode="dark"] #gb-srch-hd .tab-list a.active {color: #ddd; background-color: #121214;}
#gb-srch-hd .tab-list a:where(:hover,:focus) {background-color: #013060;}
html[data-mode="dark"] #gb-srch-hd .tab-list a:where(:hover,:focus) {background-color: #222;}

@media screen and (max-width: 1300px) {
    #gb-srch-hd #hd .etc-box {padding-right: 0;}
    #gb-srch-hd .srch-options .type-list dt {min-width: 150px;}
}

@media screen and (max-width: 1080px) {
  	#gb-srch-hd .hd-srch-wrap > .com-inner-1300 {flex-wrap: wrap; padding: 15px 0 20px; gap: 25px;}
    #gb-srch-hd .hd-srch-wrap .center-box {width: 100%; flex-wrap: wrap; gap: 15px;}
    #gb-srch-hd .hd-srch-wrap .srch-box {--fake-w: 100%; --fake-h: 55px; --fake-border-width: 3px; width: var(--fake-w);}
    #gb-srch-hd .hd-srch-wrap .logo {width: 100%; margin-top: 0;}
  	#gb-srch-hd .hd-srch-wrap .logo img {height: 40px; margin: 0 auto;}
    #gb-srch-hd .top-searched {--pdl-gap: 12px; width: calc(100% - 40px); justify-content: center; padding-left: 0; margin: 12px auto 0; font-size: 15px; flex-wrap: wrap;}
    #gb-srch-hd .top-searched dt {width: 100%; text-align: center;}
    #gb-srch-hd .top-searched .list {justify-content: center;}
    #gb-srch-hd .hd-srch-wrap .input-box {}
    #gb-srch-hd .hd-srch-wrap .input-box input {height: var(--fake-h); font-size: 15px; padding-left: 30px; padding-right: 60px;}
    #gb-srch-hd .hd-srch-wrap .input-box .btn-srch img {width: 22px;}
    #gb-srch-hd .hd-srch-wrap .input-box .autocomplete-box {font-size: 14px;}
  	#gb-srch-hd .hd-srch-wrap .input-box.active {border-radius: 30px;}
    #gb-srch-hd .re-srch-chk-box {flex-shrink: unset; margin-top: 0; gap: 6px;}
    #gb-srch-hd .re-srch-chk-box input {min-width: 16px; height: 16px;}
    #gb-srch-hd .btn-detail-options {display: none;}
    #gb-srch-hd .hd-srch-wrap .etc-list {width: 100%; display: flex; justify-content: center; font-size: 15px; gap: 15px; flex-wrap: wrap;}
    #gb-srch-hd .hd-srch-wrap .etc-list .btn-detail-options {min-width: 100px; height: 40px; padding: 0 7px; display: flex; margin-top: 0;}
    #gb-srch-hd .srch-options {font-size: 15px;}
    #gb-srch-hd .srch-options > .com-inner-1300 {padding: 10px 0 15px; gap: 25px;}
    #gb-srch-hd .srch-options .type-list {--pd-lr: 16px;}
    #gb-srch-hd .srch-options .type-list dt {min-width: 100px;}
    #gb-srch-hd .option-list {font-size: 14px; gap: 3px 10px;}
    #gb-srch-hd .option-list > li {min-width: 80px; height: 30px;}
    #gb-srch-hd .option-list .com-radio-01 .circle {width: 16px; height: 16px;}
    #gb-srch-hd .option-list .need-typing .input-txt-box input {width: 90px; padding: 0 7px; font-size: 13px;}
    #gb-srch-hd .tab-list a {font-size: 15px; padding: 10px;}
    #gb-srch-hd .tab-list .list {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

@media screen and (max-width: 768px) {
    #gb-srch-hd .srch-options > .com-inner-1300 {flex-wrap: wrap; gap: 10px; padding: 15px 0;}
    #gb-srch-hd .srch-options .txt {width: 100%; text-align: center; padding-top: 0;}
  	#gb-srch-hd .hd-srch-wrap .logo img {height: 35px;}
}

@media screen and (max-width: 480px) {
    #gb-srch-hd .top-searched {--pdl-gap: 10px; font-size: 13px;}
    #gb-srch-hd .top-searched .list {gap: 5px 10px;}
  	#gb-srch-hd .hd-srch-wrap > .com-inner-1300 {padding: 12px 0 20px;}
    #gb-srch-hd .hd-srch-wrap .etc-list {font-size: 13px;}
    #gb-srch-hd .hd-srch-wrap .etc-list .btn-detail-options {min-width: 90px; height: 32px; padding: 0 9px;}
    #gb-srch-hd .hd-srch-wrap .input-box input {padding-left: 20px;}
  	#gb-srch-hd .hd-srch-wrap .logo img {height: 30px;}
    #gb-srch-hd .srch-options {--pd-t:5px; font-size: 14px;}
    #gb-srch-hd .srch-options > .com-inner-1300 {gap: 20px;}
    #gb-srch-hd .srch-options .type-list dt {width: 100%; padding: 0; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid var(--border--table-td);}
    #gb-srch-hd .srch-options .type-list dt::after {display: none;}
    #gb-srch-hd .srch-options .type-list dd {padding: 0;}
    #gb-srch-hd .srch-options .type-list > div {flex-wrap: wrap;}
    #gb-srch-hd .srch-options .type-list > div:not(:last-of-type) {margin-bottom: 20px;}
    #gb-srch-hd .option-list {font-size: 13px;}
    #gb-srch-hd .option-list .com-radio-01 label {gap: 5px;}
    #gb-srch-hd .option-list .com-radio-01 .circle {width: 14px; height: 14px;}
    #gb-srch-hd .option-list > li {min-width: unset; height: 26px;}
    #gb-srch-hd .tab-list a {font-size: 13px;}


}

/* 통합검색 내용 */
#gb-srch-content {background-color: var(--bg--bg-primary);}
#gb-srch-inner > .com-inner-1300 {display: flex; padding: 47px 0 133px; gap: 50px;}
#gb-srch-inner > .com-inner-1300 > .lb {width: 100%;}
#gb-srch-inner > .com-inner-1300 > .rb {flex-shrink: 0; width: 250px; word-break: break-all;}
#gb-srch-inner h1 {font-size: 30px; font-weight: 600; margin-bottom: 15px;}
#gb-srch-inner .result-smry {font-size: 20px; border-bottom: 2px solid #004386; padding-bottom: 18px;}
html[data-mode="dark"] #gb-srch-inner .result-smry {border-bottom-color: #88888850;}
#gb-srch-inner .result-smry .typed-txt {font-weight: 800; color: #E90000;}
html[data-mode="dark"] #gb-srch-inner .result-smry .typed-txt {color: var(--contents--primary);}
#gb-srch-inner .result-smry .cnt {font-weight: 600;}
#gb-srch-inner .srch-result-box {--pd-lr: 20px; padding: 50px 0 20px; border-bottom: 1px solid var(--border--content-box);}
#gb-srch-inner .srch-type {font-size: 20px; font-weight: 600; position: relative; padding-left: var(--pd-lr);}
#gb-srch-inner .srch-type::before {content: ""; width: 5px; height: 5px; position: absolute; top: 9px; left: 0; border-radius: 50%; background-color: #A61660;}
html[data-mode="dark"] #gb-srch-inner .srch-type::before {background-color: #484546;}
#gb-srch-inner .btn-srch-more {width: 75px; margin-top: 20px; margin-left: auto; padding: 5px 10px; font-size: 12px; font-weight: 600; color: #666; border: 1px solid var(--border--table-td); display: flex; justify-content: space-between; align-items: center; margin-right: var(--pd-lr);}
html[data-mode="dark"] #gb-srch-inner .btn-srch-more {color: #eee;}
#gb-srch-inner .btn-srch-more:where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] #gb-srch-inner .btn-srch-more:where(:hover,:focus) {background-color: #000;}
#gb-srch-inner .btn-srch-more i {font-weight: 800; font-size: 10px;}
#gb-srch-inner .srch-ctt {margin-top: 30px; padding: 0 var(--pd-lr);}
#gb-srch-inner .srch-ctt .srch-matched-txt {color: #E90000; font-weight: 800;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .srch-matched-txt {color: var(--contents--primary);}
#gb-srch-inner .srch-ctt .btn-shortcut {padding: 8px 12px; font-size: 13px; color: #fff; background-color: #8B90A4;}

#gb-srch-inner .srch-ctt .list-01 {}
#gb-srch-inner .srch-ctt .list-01 a {width: fit-content; display: flex; align-items: center; flex-wrap: wrap; gap: 5px 15px;}
#gb-srch-inner .srch-ctt .list-01 a:where(:hover,:focus) .btn-shortcut {filter: brightness(0.8);}
#gb-srch-inner .srch-ctt .list-01 a:where(:hover,:focus) .linked-txt {color: #0081ff;}
#gb-srch-inner .srch-ctt .list-01 a:where(:hover,:focus) .url {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-ctt .list-01 a:where(:hover,:focus) .breadcrumb {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-ctt .list-01 .btn-shortcut {transition: 0.3s; margin-right: 10px;}
#gb-srch-inner .srch-ctt .list-01 .linked-txt {transition: 0.3s; color: #004386; text-decoration: underline; text-underline-position: under; font-weight: 600;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .list-01 .linked-txt {color: var(--contents--primary);}
#gb-srch-inner .srch-ctt .list-01 .breadcrumb {font-weight: 500;}
#gb-srch-inner .srch-ctt .list-01 > li:not(:last-of-type) {margin-bottom: 8px;}
#gb-srch-inner .srch-ctt .list-01.mg-diff-01 > li:not(:last-of-type) {margin-bottom: 20px;}

#gb-srch-inner .srch-ctt .com-tbl-wrap .com-with-shape-01 {padding: 0 10px;}

#gb-srch-inner .srch-ctt .list-02 > li:not(:last-of-type) {margin-bottom: 40px;}
#gb-srch-inner .srch-ctt .list-02.mg-diff-01 > li:not(:last-of-type) {margin-bottom: 30px;}
#gb-srch-inner .srch-ctt .list-02.mg-diff-02 > li:not(:last-of-type) {margin-bottom: 20px;}
#gb-srch-inner .srch-ctt .list-02 a {width: fit-content; display: flex; gap: 30px; align-items: center;}
#gb-srch-inner .srch-ctt .list-02 a:where(:hover,:focus) :is(.linked-txt, .ctt-parts) {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-ctt .list-02 a:where(:hover,:focus) .img-box img {transform: scale(1.1);}
#gb-srch-inner .srch-ctt .list-02 a:where(:hover,:focus) .txt-description {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-ctt .list-02 .img-box {aspect-ratio: 1 / 1; flex-shrink: 0; width: 150px; overflow: hidden;}
#gb-srch-inner .srch-ctt .list-02 .img-box img {width: 100%; height: 100%; transition: 0.3s;}
#gb-srch-inner .srch-ctt .list-02 .txt-box {display: flex; flex-direction: column; gap: 10px;}
#gb-srch-inner .srch-ctt .list-02 .title-box {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 5px 15px;}
#gb-srch-inner .srch-ctt .list-02 .date {font-size: 15px; color: #666;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .list-02 .date {color: var(--contents--primary);}
#gb-srch-inner .srch-ctt .list-02 .txt-description {font-weight: 500;}
#gb-srch-inner .srch-ctt .list-02 .ctt-parts {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;}
#gb-srch-inner .srch-ctt .list-02 .breadcrumb {color: #A90505; font-size: 15px; margin-top: 5px;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .list-02 .breadcrumb {color: #bbb;}
#gb-srch-inner .srch-ctt .list-02 .event-date {font-size: 15px; color: #666; font-weight: 300;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .list-02 .event-date {color: var(--contents--primary);}
#gb-srch-inner .srch-ctt .list-02 .linked-txt {transition: 0.3s; color: #004386; font-weight: 600;}
html[data-mode="dark"] #gb-srch-inner .srch-ctt .list-02 .linked-txt {color: var(--contents--primary);}

#gb-srch-inner .srch-ctt .gallery-list-01 {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 26px 13px;}
#gb-srch-inner .srch-ctt .gallery-list-01 a {display: block; border: 1px solid var(--border--table-td);}
#gb-srch-inner .srch-ctt .gallery-list-01 a:where(:hover,:focus) .title {text-decoration: underline;}
#gb-srch-inner .srch-ctt .gallery-list-01 a:where(:hover,:focus) .img-box img {transform: scale(1.1);}
#gb-srch-inner .srch-ctt .gallery-list-01 .img-box {aspect-ratio: 235 / 135; width: 100%; overflow: hidden; border-bottom: 1px solid var(--border--table-td);}
#gb-srch-inner .srch-ctt .gallery-list-01 .img-box img {width: 100%; height: 100%; transition: 0.5s;object-fit: cover;}
#gb-srch-inner .srch-ctt .gallery-list-01 .txt-box {padding: 10px;}
#gb-srch-inner .srch-ctt .gallery-list-01 .title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; margin-bottom: 7px;}
#gb-srch-inner .srch-ctt .gallery-list-01 .date {color: #666; font-size: 15px;}

#gb-srch-inner .srch-ctt .com-with-shape-01 {font-weight: 400;}

#gb-srch-inner .srch-related-box {}
#gb-srch-inner .srch-related-box:not(:last-of-type) {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--border--table-td);}
#gb-srch-inner .srch-related-box h2 {font-size: 15px; font-weight: 800; margin-bottom: 13px;}
#gb-srch-inner .srch-related-box .tab-list {color: #555; display: grid; border-top: 1px solid var(--border--table-td); border-left: 1px solid var(--border--table-td);}
html[data-mode="dark"] #gb-srch-inner .srch-related-box .tab-list {color: #eee;}
#gb-srch-inner .srch-related-box .tab-list.col-2 {grid-template-columns: repeat(2, minmax(0,1fr));}
#gb-srch-inner .srch-related-box .tab-list.col-4 {grid-template-columns: repeat(4, minmax(0,1fr));}
#gb-srch-inner .srch-related-box .tab-list > li {border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td);}
#gb-srch-inner .srch-related-box .tab {height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px; padding: 10px; text-align: center; font-weight: 600;}
#gb-srch-inner .srch-related-box .tab:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] #gb-srch-inner .srch-related-box .tab:not(.active):where(:hover,:focus) {background-color: #000;}
#gb-srch-inner .srch-related-box .tab.active {color: #fff; background-color: #A61660;}
html[data-mode="dark"] #gb-srch-inner .srch-related-box .tab.active {background-color: #484546;}
#gb-srch-inner .srch-related-box .fake-height-box {pointer-events: none;}
#gb-srch-inner .srch-related-box .link-list-01 {display: none; border: 1px solid var(--border--table-td); font-size: 13px; color: #666;}
html[data-mode="dark"] #gb-srch-inner .srch-related-box .link-list-01 {color: #eee;}
#gb-srch-inner .srch-related-box .link-list-01 ul {padding: 15px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 20px;}
#gb-srch-inner .srch-related-box .link-list-01 a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-related-box .link-list-02 li {display: flex; align-items: center; gap: 10px;}
#gb-srch-inner .srch-related-box .link-list-02 li:not(:last-of-type) {margin-bottom: 8px;}
#gb-srch-inner .srch-related-box .link-list-02 .num {flex-shrink: 0; font-size: 12px; font-weight: 800; margin-right: 5px;}
#gb-srch-inner .srch-related-box .link-list-02 .title {font-size: 15px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#gb-srch-inner .srch-related-box .link-list-02 .title:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#gb-srch-inner .srch-related-box .link-list-02 .upDown {flex-shrink: 0; display: flex; align-items: center; gap: 11px; margin-left: auto; font-size: 13px;}
#gb-srch-inner .srch-related-box .topic-box .tab-list {position: relative;}
#gb-srch-inner .srch-related-box .topic-box .link-list-01 {width: calc(100% + 1px); position: absolute; top: 100%; left: -1px; border-top: none;}
#gb-srch-inner .srch-related-box .topic-box .tab.active + .link-list-01 {display: block;}
#gb-srch-inner .srch-related-box .top-searched-box .tab-list {position: relative;}
#gb-srch-inner .srch-related-box .top-searched-box .link-list-02 {display: none; width: 100%; position: absolute; left: 0; top: 100%; padding-top: 20px; padding-right: 10px;}
#gb-srch-inner .srch-related-box .top-searched-box .tab.active + .link-list-02 {display: block;}
#gb-srch-inner .srch-related-box .my-srch .link-list-02 li {align-items: flex-start;}
#gb-srch-inner .srch-related-box .my-srch .link-list-02 .num {padding-top: 1px;}

@media screen and (max-width: 1080px) {
    #gb-srch-inner > .com-inner-1300 {padding-bottom: 70px;}
    #gb-srch-inner > .com-inner-1300 > .rb {display: none;}
    #gb-srch-inner h1 {font-size: 25px;}
    #gb-srch-inner .result-smry {font-size: 18px;}
    #gb-srch-inner .srch-type {font-size: 18px;}
    #gb-srch-inner .srch-type::before {width: 4px; height: 4px; top: 8px;}
    #gb-srch-inner .srch-result-box {--pd-lr: 15px; padding: 25px 0 15px;}
    #gb-srch-inner .btn-srch-more {margin-top: 15px;}
    #gb-srch-inner .srch-ctt {margin-top: 20px;}
    #gb-srch-inner .srch-ctt .btn-shortcut {padding: 7px 10px; font-size: 12px;}
    #gb-srch-inner .srch-ctt .list-01 {font-size: 14px;}
    #gb-srch-inner .srch-ctt .list-01.mg-diff-01 > li:not(:last-of-type) {margin-bottom: 15px;}
    #gb-srch-inner .srch-ctt .list-02.mg-diff-02 > li:not(:last-of-type) {margin-bottom: 15px;}
    #gb-srch-inner .srch-ctt .list-01 a {gap: 5px 10px;}
    #gb-srch-inner .srch-ctt .list-01 .btn-shortcut {margin-right: 5px;}
    #gb-srch-inner .srch-ctt .list-02 {font-size: 14px;}
    #gb-srch-inner .srch-ctt .list-02 > li:not(:last-of-type) {margin-bottom: 20px;}
    #gb-srch-inner .srch-ctt .list-02.mg-diff-01 > li:not(:last-of-type) {margin-bottom: 20px;}
    #gb-srch-inner .srch-ctt .list-02 a {gap: 20px;}
    #gb-srch-inner .srch-ctt .list-02 .txt-box {gap: 5px;}
    #gb-srch-inner .srch-ctt .list-02 .img-box {width: 130px;}
    #gb-srch-inner .srch-ctt .list-02 .title-box {gap: 5px 10px;}
    #gb-srch-inner .srch-ctt .list-02 .event-date {font-size: 13px;}
    #gb-srch-inner .srch-ctt .list-02 .breadcrumb {font-size: 13px; margin-top: 3px;}
    #gb-srch-inner .srch-ctt .list-02 .date {font-size: 13px;}
    #gb-srch-inner .srch-ctt .gallery-list-01 {gap: 10px;}
    #gb-srch-inner .srch-ctt .gallery-list-01 .txt-box {padding: 8px 5px;}
    #gb-srch-inner .srch-ctt .gallery-list-01 .title {font-size: 14px; margin-bottom: 4px;}
    #gb-srch-inner .srch-ctt .gallery-list-01 .date {font-size: 13px;}

}

@media screen and (max-width: 768px) {
    #gb-srch-inner .srch-ctt .gallery-list-01 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    #gb-srch-inner .srch-ctt .list-02 a {flex-wrap: wrap; gap: 12px;}
    #gb-srch-inner .srch-ctt .list-02 .img-box {aspect-ratio: 16 / 9; width: 100%;}
    #gb-srch-inner .srch-ctt .list-02 .img-box img {object-fit: cover;}
}

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

}

/* 대학 */
.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: 400; line-height: 1.6;}
html[data-mode="dark"] .sub-university .ctt {color: #aaa;}

@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;}
}

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

}

/* 대학원 */
.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;}

/* 통학버스 */
.sub-shuttle-bus {}
.sub-shuttle-bus .tt-pd-box {padding-top: 15px; padding-bottom: 15px; border-top: 1px solid var(--border--content-box);}
.sub-shuttle-bus .ug-tab-ctt-box {display: none;}
.sub-shuttle-bus .ug-tab-ctt-box.active {display: block;}

/* 증명서발급 */
.sub-certification {}
.sub-certification .cert-tab-ctt-box {display: none;}
.sub-certification .cert-tab-ctt-box.active {display: block; line-height: 1.4;}
.sub-certification .cert-tab-ctt-box td {padding: 12px 20px; text-align: left; font-weight: 500;}
.sub-certification .cert-tab-ctt-box .com-with-shape-01 {font-weight: 500;}

@media screen and (max-width: 1080px) {
    .sub-certification .cert-tab-ctt-box td {padding: 10px 15px;}

}

/* 위탁및제3자제공목적외이용 */
.sub-consignment {}
.sub-consignment .intro-box {margin-bottom: 60px;}
.sub-consignment .intro-box .procedure-txt {text-align: center; background-color: #f9f9f9; border: 1px solid #bbb; font-size: 24px; font-weight: 600; padding: 15px 10px; color: #000; margin-bottom: 20px;}
.sub-consignment .intro-box .list {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 5px 10px; font-size: 18px;}
.sub-consignment .intro-box .list li:not(.arrow) {width: 100px; height: 100px; background-color: #004386; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 10px; text-align: center; word-break: keep-all; line-height: 1.3;}
.sub-consignment .intro-box .list .arrow {color: #004386; font-size: 20px;}
.sub-consignment .intro-box .list .arrow i {font-weight: 800;}

@media screen and (max-width: 1080px) {
    .sub-consignment .intro-box .procedure-txt {font-size: 20px; padding: 12px 10px;}
    .sub-consignment .intro-box .list {font-size: 16px;}
    .sub-consignment .intro-box .list li:not(.arrow) {width: 90px; height: 90px;}
    .sub-consignment .intro-box .list .arrow {font-size: 18px;}

}

@media screen and (max-width: 768px) {
    .sub-consignment .intro-box .procedure-txt {font-size: 16px; padding: 10px; margin-bottom: 15px;}
    .sub-consignment .intro-box .list {font-size: 14px; gap: 3px; flex-wrap: wrap;}
    .sub-consignment .intro-box .list li {width: 100%;}
    .sub-consignment .intro-box .list li:not(.arrow) {width: 100%; height: auto; padding: 10px 5px; border-radius: unset;}
    .sub-consignment .intro-box .list .arrow {font-size: 16px; width: fit-content; transform: rotate(90deg);}

}

/* 국민신문고 */
.sub-govtOnlineComplain {}
.sub-govtOnlineComplain .footnote {margin-top: 12px; font-size: 14px; font-weight: 400;}

@media screen and (max-width: 1080px) {
    .sub-govtOnlineComplain .footnote {font-size: 13px;}
}

/* 조직도 */
.sub-org-wrap {--line-color: #757575;}
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-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;}
}

/* 대학헌장 */
.sub-charter {}
.sub-charter .intro-box {background: url("/resources/user/web/img/sub/sub_charter.jpg") no-repeat top left; padding-top: 108px; margin-bottom: 57px;}
.sub-charter .intro-box .txt-box {width: 90%; max-width: 755px; margin-left: auto; padding: 50px; background-color: var(--bg--sub_content-box02);}
.sub-charter .intro-box .txt-box p {}
.sub-charter .intro-box .txt-box p:not(:first-of-type) {margin-top: 20px;}
.sub-charter .intro-box .txt-01 {font-size: 19px; font-weight: 600; line-height: 1.3;}
.sub-charter .intro-box .txt-02 {color: var(--contents--text-color555); font-size: 16px; line-height: 1.5;}

@media screen and (max-width: 1080px) {
    .sub-charter .intro-box {background-size: auto 250px; padding-top: 200px;}
    .sub-charter .intro-box .txt-01 {font-size: 17px;}
  	.sub-charter .intro-box .txt-02 {font-size: 15px;}
    .sub-charter .intro-box .txt-box {padding: 30px;}
    .sub-charter .intro-box .txt-box p:not(:first-of-type) {margin-top: 15px;}
}

@media screen and (max-width: 768px) {
    .sub-charter .intro-box {background-size: auto 200px;}
    .sub-charter .intro-box .txt-box {max-width: unset; width: 100%; padding: 20px;}
    .sub-charter .intro-box .txt-box p:not(:first-of-type) {margin-top: 12px;}
    .sub-charter .intro-box .txt-01 {font-size: 15px;}
  	.sub-charter .intro-box .txt-02 {font-size: 14px;}
}


/* 상징 */
.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: 16px;}
.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 {display: flex; border: 1px solid var(--border--content-box); padding: 34px 39px; background-color: var(--bg--sub_content-box01);}
.sub-symbol .univ-song .img-box {width: 50%;}
.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: 16px; font-weight: 500;}
.sub-symbol .univ-song .btn-song-play {width: fit-content; 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 .btn-song-play:where(:hover,:focus) {filter: brightness(0.8);}
.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: 15px;}
    .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 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: 15px;}
    .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;}
}

@media screen and (max-width: 768px) {
    .sub-symbol .symbol-box {flex-wrap: wrap;}
    .sub-symbol .symbol-box .img-box {width: 100%; height: 300px; padding: 20px 0; border: 1px solid var(--border--content-box); background-color: var(--bg--sub_content-box01);}
    .sub-symbol .symbol-box .img-box img {object-position: top; object-fit: contain;}
    .sub-symbol .symbol-box .txt-box {width: 100%; gap: 12px; padding: 20px;}
    .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;}
}

@media screen and (max-width: 480px) {
    .sub-symbol .symbol-box {flex-wrap: wrap;}
    .sub-symbol .symbol-box .img-box {height: 210px; padding: 0;}
    .sub-symbol .symbol-box .img-box img {object-position: top; object-fit: inherit; background-size: cover;}
}

/* 글로컬대학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;}
.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;}
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-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;}
html[data-mode="dark"] .sub-history .img-box p {color: #222;}
.sub-history .txt-box {width: 100%;}
.sub-history .txt-box h2 {color: var(--contents--accent-color); 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; 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: var(--border--content-box); 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: 16px; 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: var(--contents--historyYear); font-weight: 600;}
.sub-history .history-list .event {color: var(--contents--third);}

@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: 15px; 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;}
    html[data-mode="dark"] .sub-history .history-list dt {border-color: #871854;}
    .sub-history .history-list .list {padding-left: 15px; padding-bottom: 0;}
}

/* 캠퍼스 소개 */
.sub-campus-intro {}
.sub-campus-intro .map-box {padding: 90px 40px; border: 1px solid var(--border--content-box); background-color: var(--bg--sub_content-box02); display: flex; justify-content: center; align-items: center; margin-bottom: 80px;}
.sub-campus-intro .campus-title-box {display: flex; align-items: flex-start; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border--content-box); margin-bottom: 12px;}
.sub-campus-intro .campus-title-box .num {flex-shrink: 0; font-size: 18px; color: #fff; background-color: #A6165F; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.sub-campus-intro .campus-title-box h2 {font-size: 22px; font-weight: 600; display: flex; flex-wrap: wrap; align-items: center; row-gap: 3px; column-gap: 10px; padding-top: 1px;}
.sub-campus-intro .campus-title-box h2 p {font-size: 16px; color: var(--contents--text-color888); font-weight: 400;}
.sub-campus-intro .box-01 {padding: 30px 50px; border: 1px solid var(--border--content-box); margin-top: 40px; background-color: var(--bg--sub_content-box01);}
.sub-campus-intro .box-02 {display: flex; justify-content: space-between; align-items: flex-start; gap: 30px;}
.sub-campus-intro .box-02 .img-box {width: 385px; height: 207px;}
.sub-campus-intro .box-02 .img-box img {width: 100%; height: 100%; object-fit: cover;}
.sub-campus-intro .box-02 .txt-box {width: 755px;}
.sub-campus-intro .box-02 .com-with-shape-01 {padding: 0 10px;}
.sub-campus-intro .box-02 .com-with-shape-01 > li:not(:last-of-type) {margin-bottom: 3px;}
.sub-campus-intro .box-03 .campus-title-box {padding: 15px 10px; margin-bottom: 0;}
.sub-campus-intro .box-03 .campus-title-box:last-of-type {border-bottom: none;}



@media screen and (max-width: 1080px) {
    .sub-campus-intro .map-box {margin-bottom: 40px; padding: 40px;}
    .sub-campus-intro .campus-title-box {padding-bottom: 7px; gap: 8px; margin-bottom: 9px;}
    .sub-campus-intro .campus-title-box .num {width: 25px; height: 25px; font-size: 16px;}
    .sub-campus-intro .campus-title-box h2 {font-size: 20px;}
    .sub-campus-intro .campus-title-box h2 p {font-size: 14px;}
    .sub-campus-intro .box-01 {padding: 25px; margin-top: 25px;}
    .sub-campus-intro .box-02 {gap: 25px;}
    .sub-campus-intro .box-02 .img-box {height: 190px;}
    .sub-campus-intro .box-02 .com-with-shape-01 {padding: 0 7px;}
    .sub-campus-intro .box-03 .campus-title-box {padding: 10px 5px;}
}

@media screen and (max-width: 768px) {
    .sub-campus-intro .map-box {padding: 20px;}
    .sub-campus-intro .campus-title-box {gap: 6px;}
    .sub-campus-intro .campus-title-box h2 {font-size: 18px; padding-top: 0; column-gap: 7px;}
    .sub-campus-intro .campus-title-box h2 p {font-size: 13px;}
    .sub-campus-intro .campus-title-box .num {width: 22px; height: 22px; font-size: 14px;}
    .sub-campus-intro .box-01 {padding: 0;}
    .sub-campus-intro .box-02 {flex-wrap: wrap; gap: 0;}
    .sub-campus-intro .box-02 .img-box {width: 100%;}
    .sub-campus-intro .box-02 .txt-box {padding: 20px;}
    .sub-campus-intro .box-03 .campus-title-box {padding: 15px;}
}

@media screen and (max-width: 480px) {
    .sub-campus-intro .box-02 .img-box {height: 170px;}
    .sub-campus-intro .box-02 .txt-box {padding: 15px;}
}

/* 캠퍼스 지도 */
.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%;}
}

/* 캠퍼스 투어 */
.sub-campus-tour {}
.sub-campus-tour .img-box {margin-bottom: 50px;}
.sub-campus-tour .img-box img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 1080px) {
    .sub-campus-tour .img-box {margin-bottom: 25px;}
}

@media screen and (max-width: 768px) {
    .sub-campus-tour .img-box {height: 170px;}
}

@media screen and (max-width: 480px) {
    .sub-campus-tour .img-box {height: 150px;}
    .sub-campus-tour .com-title-02 {row-gap: 10px;}
    .sub-campus-tour .com-title-02 .com-btn-shortcut-01 {margin-left: 0;}
}


/* 찾아오시는 길 */
.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;}

@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;}

}

/* 전북대학교 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;}
}

/* 로그인, 포털 로그인 */
#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%; position: static;}
#login-wrap #hd .hd-bot {display: none;}
#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) {outline: 2px dotted white; outline-offset: -6px;}
#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: rgba(51, 51, 51, 0.8); 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: rgba(166, 22, 95, 0.5);}
#login-wrap > .no-hd-box .bg-colored.color-02 {background-color: #0067cd;}

@media screen and (max-width: 1300px) {
    #login-wrap #hd .hd-top {height: 56px;}
}

@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: 768px) {
    #login-wrap #hd .hd-top {height: auto;}
}

@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-student-id-card {}
.sub-student-id-card .qrcode-box {float: right; padding: 10px 20px 0 40px;}
html[data-mode="dark"] .sub-student-id-card .qrcode-box {background-color: #ddd; background-clip: content-box;}

@media screen and (max-width: 1080px) {
    .sub-student-id-card .qrcode-box img {width: 150px;}
}

@media screen and (max-width: 768px) {
    .sub-student-id-card .qrcode-box img {width: 120px;}

}

@media screen and (max-width: 480px) {
    .sub-student-id-card .qrcode-box img {width: 90px;}
}

/* 마이페이지 */
#myPage {}
#myPage .profile-box {display: flex; align-items: flex-start; row-gap: 20px; column-gap: 40px;}
#myPage .profile-box > .lb {width: 55%; border: 1px solid var(--border--content-box); border-radius: 8px; overflow: hidden;}
#myPage .profile-box > .rb {width: 45%;}
#myPage .shortcut-box {background-color: var(--bg--bg-content_01); padding: 30px; padding-bottom: 40px;}
#myPage .shortcut-box h2 {font-size: 17px; font-weight: 800; margin-bottom: 30px;}
#myPage .shortcut-box .list {display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; padding: 0 10px;}
#myPage .shortcut-box .list a {display: flex; align-items: flex-start; gap: 25px;}
#myPage .shortcut-box .list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#myPage .shortcut-box .list a:where(:hover,:focus) .img-box {filter: brightness(0.9);}
#myPage .shortcut-box .list h3 {font-size: 17px; font-weight: 600; margin-bottom: 8px;}
#myPage .shortcut-box .list .img-box {flex-shrink: 0; width: 60px; height: 60px; border-radius: 10px; box-shadow: 0 5px 5px #ddd; display: flex; justify-content: center; align-items: center; background-color: #fff; padding: 10px; transition: 0.3s;}
html[data-mode="dark"] #myPage .shortcut-box .list .img-box {background-color: #ffffff1A; box-shadow: none;}
html[data-mode="dark"] #myPage .shortcut-box .list .img-box img {filter: brightness(0) invert(1);}
#myPage .shortcut-box .list .txt-box {padding-top: 10px;}
#myPage .shortcut-box .list .txt-box p {color: #888; font-size: 14px;}
#myPage .shortcut-box .list .txt-box p i {font-size: 16px; vertical-align: bottom;}
#myPage .related-links-01 {display: flex; text-align: center; color: #fff; font-size: 15px; font-weight: 500;}
html[data-mode="dark"] #myPage .related-links-01 {background-color: var(--bg--bg-content_01);}
#myPage .related-links-01 li {width: 100%;}
#myPage .related-links-01 li:not(:last-of-type) {position: relative;}
#myPage .related-links-01 li:not(:last-of-type)::after {content: ""; width: 1px; height: 20px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #888;}
#myPage .related-links-01 a {width: 100%; height: 100%; padding: 15px 10px; display: flex; justify-content: center; align-items: center; background-color: #666;}
html[data-mode="dark"] #myPage .related-links-01 a {background-color: #2c2c2cb7; color: #fff;}
#myPage .related-links-01 a:where(:focus) {outline: 2px dotted white; outline-offset: -6px;}
#myPage .related-links-01 a:where(:hover) {filter: brightness(0.8);}
#myPage .related-links-02 {min-height: 126px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); font-size: 15px; font-weight: 600; padding: 23px 40px; gap: 13px 10px;}
#myPage .related-links-02 li {position: relative; padding-left: 10px;}
#myPage .related-links-02 li::before {content: ""; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 8px; left: 0; background-color: var(--contents--primary);}
#myPage .related-links-02 li.btn-add-site {color: var(--contents--text-color888); font-weight: 500;}
#myPage .related-links-02 li.btn-add-site::before {background-color: var(--contents--text-color888);}
#myPage .related-links-02 a {}
#myPage .related-links-02 a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#myPage .util-box {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 7px 5px; padding-bottom: 15px; border-bottom: 1px solid var(--border--content-box);}
#myPage .util-box .time-box {display: flex; align-items: center; font-size: 15px; gap: 8px; font-weight: 500; margin-right: 10px;}
#myPage .util-box .btn-extend-time {color: var(--contents--accent-color); font-weight: 800;}
#myPage .util-box .btn-extend-time:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#myPage .person-info-box {display: flex; align-items: center; padding: 15px 30px; gap: 35px;}
#myPage .person-info-box .img-box {aspect-ratio: 135 / 170; flex-shrink: 0; width: 135px;}
#myPage .person-info-box .img-box img {width: 100%; height: 100%; object-fit: cover;}
#myPage .person-info-box .name-box {font-size: 18px;}
#myPage .person-info-box .name {font-size: 20px; font-weight: 800;}
#myPage .person-info-box .etc-info-list {--col-gap-pd-l: 20px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: var(--col-gap-pd-l); margin-top: 15px; font-weight: 500;}
#myPage .person-info-box .etc-info-list li:not(:first-of-type) {position: relative; padding-left: var(--col-gap-pd-l);}
#myPage .person-info-box .etc-info-list li:not(:first-of-type)::before {content: ""; width: 1px; height: 15px; background-color: #aaa; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#myPage .person-info-box .major-box {margin-top: 20px; font-weight: 500;}
#myPage .person-info-box .major-box button {margin-top: 5px;}
#myPage .extra-info-box {border: 1px solid var(--border--content-box); border-radius: 5px; padding: 18px 25px 27px;}
#myPage .extra-info-box .tab-box {display: flex; font-size: 15px; border-bottom: 1px solid var(--border--content-box); gap: 3px;}
#myPage .extra-info-box .tab-box li {width: 100%; max-width: 140px;}
#myPage .extra-info-box .tab-box a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; border: 1px solid var(--border--content-box); border-bottom: none; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--bg--bg-primary);}
#myPage .extra-info-box .tab-box a.active {background-color: #004386; color: #fff;}
#myPage .extra-info-box .tab-box a.active:where(:focus) {outline: 2px dotted white; outline-offset: -6px;}
#myPage .extra-info-box .tab-box a.active:where(:hover) {filter: brightness(0.8);}
#myPage .extra-info-box .tab-box a:not(.active):where(:hover,:focus) {filter: brightness(0.9);}
#myPage .extra-info-box .tab-ctt-box {padding: 20px 10px 0;}
#myPage .extra-info-box .library-box {}
#myPage .extra-info-box .library-box li {display: flex; align-items: center; gap: 30px;}
#myPage .extra-info-box .library-box li:not(:last-of-type) {margin-bottom: 13px;}
#myPage .extra-info-box .library-box .type {flex-shrink: 0; max-width: 60%; font-weight: 500;}
#myPage .extra-info-box .library-box .line {width: 100%; min-width: 40px; border-top: 1px dashed var(--border--content-box);}
#myPage .extra-info-box .library-box .num {flex-shrink: 0; font-weight: 800; text-align: right;}
#myPage .extra-info-box .library-box .num:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#myPage .extra-info-box .today-menu-box {display: flex; gap: 25px; padding-top: 3px;}
.restWrap{margin-bottom: 10px;}
#myPage .extra-info-box .today-menu-box .date-box {flex-shrink: 0;}
#myPage .extra-info-box .today-menu-box .date-box select {width: 110px; height: 35px; margin-top: 20px; border-radius: 5px; font-weight: 600; padding-left: 10px; padding-right: 25px;}
#myPage .extra-info-box .today-menu-box .menu-list {height: 80px; width: 100%; overflow: auto;}
#myPage .extra-info-box .today-menu-box .menu-list .hoilday{color: var(--contents--accent-color);padding: 10px;text-align: center;}
#myPage .extra-info-box .today-menu-box .menu-list .list {font-size: 15px; line-height: 1.5; margin-top: 15px;}
#myPage .extra-info-box .today-menu-box .fixed-menu {display: flex; font-weight: 800; gap: 10px;}
#myPage .extra-info-box .today-menu-box .fixed-menu dt {flex-shrink: 0;}
#myPage .layout-ctrl-box {display: none; text-align: center; background-color: var(--bg--bg-content_01); border: 1px dashed #888; padding: 25px 20px; margin-top: 30px;}
#myPage .layout-ctrl-box .btn-box {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 20px; row-gap: 5px; column-gap: 10px;}
#myPage .layout-ctrl-box p {color: var(--contents--third);}
#myPage .brd-grid-list {display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin-top: 20px;}
#myPage .brd-grid-list .grid-box {border: 1px solid var(--border--content-box); border-radius: 5px; box-shadow: 0 0 5px #f1f1f1; padding: 30px 35px; background-color: var(--bg--sub_content-box01); position: relative;}
html[data-mode="dark"] #myPage .brd-grid-list .grid-box {box-shadow: none;}
#myPage .brd-grid-list .hd-box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 7px; column-gap: 20px; margin-bottom: 38px;}
#myPage .brd-grid-list .ctt-box {min-height: 180px;}
#myPage .brd-grid-list h2 {display: flex; align-items: center; gap: 15px; font-size: 18px; font-weight: 800;}
#myPage .brd-grid-list h2 img {flex-shrink: 0; width: 8px;}
#myPage .brd-grid-list .btn-set-srch-word.deactive {display: none;}
#myPage .brd-grid-list .btn-hide {display: none; background-color: var(--bg--bg-content_01); border-color: #aaa; gap: 5px;}
html[data-mode="dark"] #myPage .brd-grid-list .btn-hide {border-color: var(--border--btn-a-a-a);}
#myPage .brd-grid-list .btn-hide.active {display: flex;}
#myPage .brd-grid-list .btn-hide:where(:hover,:focus) {filter: brightness(0.9);}
#myPage .brd-grid-list .btn-hide img {width: 12px;}
#myPage .brd-grid-list .btn-hide .img-white {display: none;}
#myPage .brd-grid-list .btn-hide.checked {color: #fff; background-color: #004386;}
html[data-mode="dark"] #myPage .brd-grid-list .btn-hide.checked {border: none;}
#myPage .brd-grid-list .btn-hide.checked img {filter: brightness(0) invert(1);}
/* #myPage .brd-grid-list .btn-hide.checked .img-gray {display: none;} */
#myPage .brd-grid-list .list-01 {}
#myPage .brd-grid-list .list-01 li {display: flex; align-items: center; gap: 30px;}
#myPage .brd-grid-list .list-01 li:not(:last-of-type) {margin-bottom: 10px;}
#myPage .brd-grid-list .list-01 .title-box {min-width: 0; width: 100%; height: 17px; font-size: 14px; display: flex; align-items: center; gap: 5px;}
#myPage .brd-grid-list .list-01 .title-box a {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;}
#myPage .brd-grid-list .list-01 .title-box a:where(:hover,:focus) {text-decoration: underline;}
#myPage .brd-grid-list .list-01 .date {flex-shrink: 0; font-size: 13px; color: var(--contents--text-color555);}
#myPage .brd-grid-list .list-01 .icon-new {width: 17px;}
#myPage .brd-grid-list .mail-status {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 20px 15px; margin: -11px 0 20px; border-bottom: 1px solid var(--border--content-box); row-gap: 10px; column-gap: 25px;}
#myPage .brd-grid-list .mail-status > div {display: flex; align-items: center; gap: 15px;}
#myPage .brd-grid-list .mail-status dt {}
#myPage .brd-grid-list .mail-status dd {flex-shrink: 0; font-size: 23px; font-weight: 800;}
#myPage .brd-grid-list .mail-status dd a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
#myPage .brd-grid-list .list-02 {font-size: 15px;}
#myPage .brd-grid-list .list-02 > div {display: flex; gap: 37px;}
#myPage .brd-grid-list .list-02 > div:not(:last-of-type) {margin-bottom: 22.5px;}
#myPage .brd-grid-list .list-02 dt {flex-shrink: 0; font-weight: 600;width: 100px;}
#myPage .brd-grid-list .list-02 dd {}
#myPage .brd-grid-list .draggable--over::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #f9f9f9; border: 1px dashed #888; z-index: 1;}
#myPage .brd-grid-list .draggable-mirror {z-index: 10;}
html[data-mode="dark"] #myPage .brd-grid-list .draggable--over::before {background-color: var(--bg--bg-primary); border-color: #333;}
#myPage .fav-srch-word {display: none; width: 100%; height: 100dvh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 500;}
#myPage .fav-srch-word > .inner {width: 95%; max-width: 800px; min-height: 400px; background-color: var(--bg--modal); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#myPage .fav-srch-word .hd-box {display: flex; justify-content: space-between; align-items: center; padding: 25px 40px; border-bottom: 2px solid #666;}
html[data-mode="dark"] #myPage .fav-srch-word .hd-box {border-color: #333333B3;}
#myPage .fav-srch-word .hd-box h2 {font-size: 20px; font-weight: 800;}
#myPage .fav-srch-word .btn-cls {font-size: 32px;}
#myPage .fav-srch-word .ctt-box {padding: 25px 40px;}
#myPage .fav-srch-word .info-txt {display: flex; align-items: flex-start; gap: 13px;}
#myPage .fav-srch-word .info-txt p {line-height: 1.5; font-weight: 500;}
#myPage .fav-srch-word .info-txt img {flex-shrink: 0;}
#myPage .fav-srch-word textarea {height: 115px; margin-top: 23px; padding: 10px;}
#myPage .fav-srch-word .btn-box {display: flex; justify-content: flex-end; align-items: center; margin-top: 10px;}

@media screen and (max-width: 1080px) {
    #myPage .profile-box {flex-wrap: wrap-reverse;}
    #myPage .profile-box > .lb {width: 100%;}
    #myPage .profile-box > .rb {width: 100%;}
    #myPage .brd-grid-list {grid-template-columns: repeat(2, minmax(0,1fr));}
    #myPage .fav-srch-word .btn-box button {font-size: 16px; min-width: 100px;}
    #myPage .related-links-02 {min-height: unset;}
}


@media screen and (max-width: 768px) {
    #myPage .util-box {padding-bottom: 10px;}
    #myPage .util-box .time-box {font-size: 14px; margin-right: 5px;}
    #myPage .util-box .com-btn-04 {font-size: 13px;}
    #myPage .shortcut-box {padding: 20px;}
    #myPage .shortcut-box h2 {font-size: 15px; margin-bottom: 20px;}
    #myPage .shortcut-box .list {gap: 15px 10px; padding: 0 5px 10px; grid-template-columns: repeat(2, minmax(0,1fr));}
    #myPage .shortcut-box .list h3 {font-size: 14px; margin-bottom: 3px;}
    #myPage .shortcut-box .list a {gap: 12px;}
    #myPage .shortcut-box .list .img-box {width: 50px; height: 50px; padding: 12px;}
    #myPage .shortcut-box .list .txt-box p {font-size: 12px;}
    #myPage .shortcut-box .list .txt-box p i {font-size: 15px;}
    #myPage .related-links-01 {font-size: 13px;}
    #myPage .related-links-01 a {padding: 12px 10px;}
    #myPage .related-links-02 {grid-template-columns: repeat(4, minmax(0,1fr)); font-size: 13px; padding: 15px 18px;}
    #myPage .person-info-box {padding: 10px; gap: 25px;}
    #myPage .person-info-box .img-box {width: 110px;}
    #myPage .person-info-box .name-box {font-size: 15px;}
    #myPage .person-info-box .name {font-size: 18px;}
    #myPage .person-info-box .etc-info-list {--col-gap-pd-l: 12px; font-size: 15px; margin-top: 10px;}
    #myPage .person-info-box .major-box {font-size: 15px; margin-top: 15px;}
    #myPage .person-info-box .major-box button {font-size: 13px;}
    #myPage .extra-info-box {padding: 15px;}
    #myPage .extra-info-box .tab-box {font-size: 14px;}
    #myPage .extra-info-box .tab-box li {max-width: 120px;}
    #myPage .extra-info-box .library-box {font-size: 15px;}
    #myPage .extra-info-box .library-box li:not(:last-of-type) {margin-bottom: 12px;}
    #myPage .extra-info-box .today-menu-box {font-size: 15px;}
    #myPage .extra-info-box .today-menu-box .date-box select {width: 100px; margin-top: 15px;}
    #myPage .extra-info-box .today-menu-box .menu-list {height: 75px;}
    #myPage .extra-info-box .today-menu-box .menu-list .list {margin-top: 10px;}
    #myPage .layout-ctrl-box {margin-top: 15px; font-size: 14px; padding: 20px 10px;}
    #myPage .layout-ctrl-box .btn-box {margin-top: 12px; column-gap: 5px;}
    #myPage .brd-grid-list {grid-template-columns: repeat(1, minmax(0, 1fr));}
    #myPage .brd-grid-list .grid-box {padding: 15px 20px 20px;}
    #myPage .brd-grid-list h2 {font-size: 16px; gap: 12px;}
    #myPage .brd-grid-list button {font-size: 13px;}
    #myPage .brd-grid-list .btn-hide img {width: 10px;}
    #myPage .brd-grid-list .hd-box {margin-bottom: 25px;}
    #myPage .brd-grid-list .ctt-box {min-height: unset;}
    #myPage .brd-grid-list .mail-status {font-size: 14px;}
    #myPage .brd-grid-list .mail-status dd {font-size: 18px;}
    #myPage .brd-grid-list .list-02 {font-size: 14px;}
    #myPage .brd-grid-list .list-02 > div:not(:last-of-type) {margin-bottom: 17px;}
    #myPage .fav-srch-word > .inner {min-height: unset;}
    #myPage .fav-srch-word .hd-box {padding: 15px 22px;}
    #myPage .fav-srch-word .hd-box h2 {font-size: 18px;}
    #myPage .fav-srch-word .btn-cls {font-size: 26px;}
    #myPage .fav-srch-word .info-txt {gap: 10px;}
    #myPage .fav-srch-word .info-txt p {font-size: 14px;}
    #myPage .fav-srch-word .info-txt img {width: 20px;}
    #myPage .fav-srch-word .ctt-box {padding: 20px; padding-bottom: 30px;}
    #myPage .fav-srch-word textarea {height: 100px;}
    #myPage .fav-srch-word .btn-box button {min-width: unset; width: 100%; font-size: 14px;}
}


@media screen and (max-width: 480px) {
    #myPage .person-info-box {flex-wrap: wrap; justify-content: center; padding-bottom: 20px;}
    #myPage .person-info-box .img-box {width: 135px;}
    #myPage .person-info-box .txt-box {width: 100%;}
    #myPage .util-box .time-box {width: 100%; justify-content: flex-end;}
    #myPage .util-box .com-btn-04 {font-size: 12px;}
    #myPage .person-info-box {gap: 17px;}
    #myPage .extra-info-box .tab-box li {max-width: unset;}
    #myPage .extra-info-box .today-menu-box {flex-wrap: wrap; gap: 20px;}
    #myPage .extra-info-box .today-menu-box .menu-list {height: auto;}
    #myPage .extra-info-box .today-menu-box .menu-list .list {margin-top: 5px;}
    #myPage .extra-info-box .today-menu-box .date-box {width: 100%;}
    #myPage .extra-info-box .today-menu-box .date-box select {width: 100%; margin-top: 10px;}
    #myPage .shortcut-box h2 {margin-bottom: 15px;}

    #myPage .shortcut-box .list h3 {font-size: 13px;}
    #myPage .shortcut-box .list .img-box {width: 45px; height: 45px;}
    #myPage .shortcut-box .list .txt-box {padding-top: 7px;}
    #myPage .related-links-01 {display: grid; grid-template-columns: repeat(2, minmax(0,1fr));}
    #myPage .related-links-02 {grid-template-columns: repeat(3, minmax(0, 1fr));}
    #myPage .brd-grid-list button {font-size: 12px;}

}


/* 총장 인사말 */
.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/web/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/web/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%;}
}

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

}

/* 규정/지침 */
.ruleTopDiv {display: flex; justify-content: space-between;}

.sub-rule {}

.sub-rule .tree-wrapper {font-size: 17px; padding: 30px; background-color: var(--bg--bg-content_01); color: #000;}
.sub-rule .tree-wrapper .tree {border: 1px solid var(--border--content-box); background-color: var(--bg--bg-primary); padding: 30px 25px; overflow-x: auto;}
html[data-mode="dark"] .sub-rule .tree-wrapper .jstree-default .jstree-clicked {color: #000;}
html[data-mode="dark"] .sub-rule .tree-wrapper .jstree-default .jstree-hovered {color: #000;}
html[data-mode="dark"] .sub-rule .tree-wrapper .tree {color: #fff;}
.sub-rule .tree-wrapper .tree .icon-group-open {background: url('/resources/user/web/img/icon/icon_rule_group_open.png') no-repeat center;}
.sub-rule .tree-wrapper .tree .icon-group-close {background: url('/resources/user/web/img/icon/icon_rule_group_close.png') no-repeat center;}
.sub-rule .tree-wrapper .tree .icon-rule-open {background: url('/resources/user/web/img/icon/icon_rule_rule_open.png') no-repeat center;}
.sub-rule .tree-wrapper .tree .icon-rule-close {background: url('/resources/user/web/img/icon/icon_rule_rule_close.png') no-repeat center;}
.sub-rule .tree-wrapper .tree .icon-file {background: url('/resources/user/web/img/icon/icon_rule_file.png') no-repeat center;}
.sub-rule .tree-wrapper .tree .icon-hwp {content: url('/resources/user/web/img/icon/icon_rule_hwp.png');}
.sub-rule .tree-wrapper .tree .icon-pdf {content: url('/resources/user/web/img/icon/icon_rule_pdf.png');}
.sub-rule .tree-wrapper .tree .icon-history-down {content: url('/resources/user/web/img/icon/icon_arrow_down_02.svg');}
.sub-rule .tree-wrapper .tree .icon-history-up {content: url('/resources/user/web/img/icon/icon_arrow_up_02.svg');}
.sub-rule .tree-wrapper .tree .ruleNodeIcon {display: inline-block; padding: 6px 6px; vertical-align: middle;}
.sub-rule .tree-wrapper .tree .ruleHistory {display: inline-flex; align-items: center; line-height: normal;}
.sub-rule .tree-wrapper .tree .btn-list {display: inline-flex;gap: 5px;font-size: 14px; margin-left: 5px;}
.sub-rule .tree-wrapper .tree .btn-list button {height: 24px; padding: 0 5px; border: 1px solid var(--border--table-td); background-color: #f7f7f7; color: var(--contents--primary)}
html[data-mode="dark"] .sub-rule .tree-wrapper .tree .btn-list button {background-color: var(--bg--bg-primary);}
.sub-rule .tree-wrapper .tree .btn-list button:hover {filter: brightness(0.9)}
html[data-mode="dark"] .sub-rule .tree-wrapper .tree .btn-list button:hover {background-color: #000;}
.sub-rule :where(.ruleAdd_group form, .ruleAdd_rule form, .ruleAdd_file form) {margin-top: 35px; border: 1px solid #bbb;}
html[data-mode="dark"] .sub-rule :where(.ruleAdd_group form, .ruleAdd_rule form, .ruleAdd_file form) {border-color: var(--border--table-td);}
.sub-rule :where(.ruleAdd_group form, .ruleAdd_rule form, .ruleAdd_file form) > .inner {font-size: 15px; display: flex; flex-direction: column; gap: 10px; background-color: #fff; padding: 20px;}
html[data-mode="dark"] .sub-rule :where(.ruleAdd_group form, .ruleAdd_rule form, .ruleAdd_file form) > .inner {background-color: #191919; color: #fff;}
.sub-rule .tree-wrapper .list-01 {word-break: break-all;}
.sub-rule .tree-wrapper .list-01 > div {display: flex; align-items: center; gap: 10px;}
.sub-rule .tree-wrapper .list-01 > div:not(:last-of-type) {margin-bottom: 6px;}
.sub-rule .tree-wrapper .list-01 dt {flex-shrink: 0; font-weight: 600; width: 60px;}
.sub-rule .tree-wrapper .list-01 dd {width: 100%; min-width: 0;}
.sub-rule .tree-wrapper :where(.input-01, .file-box-01) {height: 40px;}
.sub-rule .tree-wrapper .input-01 {width: 100%; padding: 0 10px;}
.sub-rule .tree-wrapper .btn-box-01 {display: flex; align-items: center; gap: 5px;}
.sub-rule .tree-wrapper .btn-box-01 button {width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; text-align: center;}
.sub-rule .tree-wrapper .btn-box-01 button:where(:hover,:focus) {filter: brightness(0.9);}
.sub-rule .tree-wrapper .btn-box-01 .btn-01 {background-color: #004386; color: #fff;}
html[data-mode="dark"] .sub-rule .tree-wrapper .btn-box-01 .btn-01 {}
.sub-rule .tree-wrapper .btn-box-01 .btn-02 {background-color: #fff; border: 1px solid #ddd;}
html[data-mode="dark"] .sub-rule .tree-wrapper .btn-box-01 .btn-02 {background-color: transparent; border-color: #555;}
.sub-rule .tree-wrapper .list-02 {display: flex; flex-wrap: wrap; align-items: center; gap: 15px; padding: 5px 0; justify-content: center;}
.sub-rule .tree-wrapper .com-radio-01 label {gap: 6px;}
.sub-rule .tree-wrapper .title-01 {font-size: 16px; text-align: center; font-weight: 800; padding: 12px 10px; border-bottom: 1px solid #bbb; background-color: #f1f1f1;}
html[data-mode="dark"] .sub-rule .tree-wrapper .title-01 {background-color: var(--bg--bg-primary); color: #fff; border-color: var(--border--table-td);}
.sub-rule .tree-wrapper .file-box-01 {border: 1px solid #ddd;}
html[data-mode="dark"] .sub-rule .tree-wrapper .file-box-01 {border-color: var(--border--content-box);}
.sub-rule .tree-wrapper .file-box-01 label {display: flex; height: 100%;}
.sub-rule .tree-wrapper .file-box-01 label:hover .fake-btn {filter: brightness(0.85);}
.sub-rule .tree-wrapper .file-box-01 input {display: none;}
.sub-rule .tree-wrapper .file-box-01 .fake-btn {flex-shrink: 0; display: flex; justify-content: center; align-items: center; background-color: #333; color: #fff; padding: 0 20px; font-size: 14px; transition: 0.3s;}
html[data-mode="dark"] .sub-rule .tree-wrapper .file-box-01 .fake-btn {background-color: #151515;}
.sub-rule .tree-wrapper .file-box-01 .name {width: 100%; padding: 9px 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff;}
html[data-mode="dark"] .sub-rule .tree-wrapper .file-box-01 .name {background-color: #ffffff1a;}

.rule_box .srch-box {display: flex; height: 45px; gap: 10px; font-weight: 400;}
.rule_box .srch-box select {width: 135px; background-color: var(--bg--bg-primary); border: none; border-bottom: 1px solid var(--border--content-box);}
.rule_box .input-box {position: relative;}
.rule_box .input-box input {width: 260px; height: 100%; border: none; border-bottom: 1px solid #d9d9d9; padding-left: 10px; padding-right: 40px; color: var(--contents--placeholder); background-color: var(--bg--bg-primary); border-color: var(--border--content-box);}
.rule_box .input-box input::placeholder {color: var(--contents--placeholder);}
.rule_box .input-box .btn-srch {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
html[data-mode="dark"] .rule_box .input-box .btn-srch img {filter: brightness(0) invert(1);}

@media screen and (max-width: 1080px) {
    .sub-rule .tree-wrapper {padding: 20px;}
    .sub-rule .tree-wrapper .title-01 {font-size: 15px;}
    .sub-rule .tree-wrapper .tree {padding: 20px; font-size: 14px;}
    .sub-rule :where(.ruleAdd_group form, .ruleAdd_rule form, .ruleAdd_file form) > .inner {font-size: 14px; padding: 15px;}
    .sub-rule .tree-wrapper :where(.input-01, .file-box-01) {height: 35px;}
    .sub-rule .tree-wrapper .btn-box-01 button {height: 35px; font-size: 13px;}
    .sub-rule .tree-wrapper .file-box-01 .fake-btn {font-size: 13px; padding: 0 15px;}
    .sub-rule .tree-wrapper .file-box-01 .name {padding: 8px 10px 0;}
    .sub-rule .tree-wrapper .list-01 dt {width: 55px;}
    .sub-rule .tree-wrapper .list-02 {gap: 12px;}

    .rule_box .srch-box {height: 38px; gap: 7px; font-size: 14px;}
    .rule_box .srch-box select {width: 85px;}
    .rule_box .input-box input {width: 200px;}
    .rule_box .input-box .btn-srch {width: 18px;}
}


@media screen and (max-width: 768px) {
	.ruleTopDiv {display: block;}
    .rule_box {}
    .rule_box .srch-box {width: 100%; margin-bottom: 20px;}
    .rule_box .srch-box select {flex-shrink: 0;}
    .rule_box .input-box {width: 100%;}
    .rule_box .input-box input {width: 100%;}

}



/* World Class 연구소 */
.sub-world-class {}
.sub-world-class .intro-box {background-color: var(--bg--bg-content_01); text-align: center; padding: 50px 20px; margin-bottom: 70px;}
.sub-world-class .intro-box .img-dark {display: none;}
html[data-mode="dark"] .sub-world-class .intro-box .img-dark {display: block;}
html[data-mode="dark"] .sub-world-class .intro-box .img-light {display: none;}
.sub-world-class .intro-box .txt-01 {color: var(--contents--text-color555); font-weight: 500; line-height: 1.6;}
.sub-world-class .intro-box .txt-02 {font-size: 23px; margin-top: 40px; font-weight: 800;}
.sub-world-class .intro-box .img-box {margin-top: 30px; display: flex; justify-content: center; align-items: center; gap: 60px;}
.sub-world-class .intro-box .img-world-class-01 {margin: 40px auto 0;}
.sub-world-class .world-class-list {}
.sub-world-class .world-class-list > div {height: 260px; display: flex; border: 1px solid var(--border--content-box);}
.sub-world-class .world-class-list > div:not(:last-of-type) {margin-bottom: 45px;}
.sub-world-class .world-class-list dt {width: 56%;}
.sub-world-class .world-class-list dt img {width: 100%; height: 100%; object-fit: cover;}
.sub-world-class .world-class-list dd {width: 44%; padding: 30px 60px; display: flex; flex-direction: column; justify-content: center;}
.sub-world-class .world-class-list .list {color: var(--contents--text-color555); font-weight: 400;}
.sub-world-class .world-class-list .list li:not(:last-of-type) {margin-bottom: 12px;}
.sub-world-class .world-class-list .list li::before {background-color: var(--contents--text-color555);}

@media screen and (max-width: 1080px) {
    .sub-world-class .intro-box {padding: 30px 20px; margin-bottom: 40px;}
    .sub-world-class .intro-box .txt-01 {font-size: 15px;}
    .sub-world-class .intro-box .txt-02 {font-size: 20px; margin-top: 25px;}
    .sub-world-class .intro-box .img-world-class-01 {max-height: 220px; margin-top: 25px;}
    .sub-world-class .world-class-list .list {font-size: 15px;}
    .sub-world-class .world-class-list dd {padding: 25px 30px;}
    .sub-world-class .world-class-list > div:not(:last-of-type) {margin-bottom: 30px;}
}

@media screen and (max-width: 768px) {
    .sub-world-class .intro-box {padding: 20px; margin-bottom: 30px;}
    .sub-world-class .intro-box .txt-01 {font-size: 14px;}
    .sub-world-class .intro-box .txt-02 {font-size: 17px; margin-top: 22px;}
    .sub-world-class .world-class-list > div {flex-wrap: wrap; height: auto;}
    .sub-world-class .world-class-list dt {width: 100%;}
    .sub-world-class .world-class-list dd {width: 100%; padding: 20px 25px;}
    .sub-world-class .world-class-list .list {font-size: 14px;}
    .sub-world-class .world-class-list .list li:not(:last-of-type) {margin-bottom: 10px;}
    .sub-world-class .world-class-list dt img {min-height: 200px;}
}

@media screen and (max-width: 480px) {
    .sub-world-class .world-class-list .list {font-size: 13px;}
    .sub-world-class .world-class-list .list li:not(:last-of-type) {margin-bottom: 7px;}
    .sub-world-class .world-class-list .list.circle > li::before {top: 8px;}
    .sub-world-class .world-class-list dt img {min-height: 180px;}
    .sub-world-class .world-class-list dd {padding: 15px 20px;}
}


/* 사이트맵 */
.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;}
html[data-mode="dark"] .sub-sitemap .dep-01 {border-top: 3px solid #818088;}
.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;}
html[data-mode="dark"] .sub-sitemap .dep-list-02 {border-top: 1px solid #88888854;}
.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 var(--border--content-box); 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: #eee; font-weight: 400;}
.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: 480px) {

}



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

.preparing .ping_icon {}
.preparing .ping_icon img {width:100%;}
html[data-mode="dark"] .preparing .ping_icon img {filter: invert(1);}

.preparing .ping_txt {margin:30px 0 40px; padding-bottom:40px; border-bottom:1px solid var(--border--content-box);}
.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%;}
}

/* 연계서비스 사용 동의 */
.sub-service-agree {max-width: 900px; margin: 0 auto;}
.sub-service-agree .agree-box {padding: 40px 50px; border: 1px solid var(--border--table-td);}
.sub-service-agree .agree-box .txt-box {padding-bottom: 45px; border-bottom: 1px solid var(--border--table-td);}
.sub-service-agree .agree-box .txt-box h2 {font-size: 22px; text-align: center; font-weight: 600; margin-bottom: 35px;}
.sub-service-agree .agree-box .txt-box p {line-height: 1.6;}
.sub-service-agree .agree-box .txt-box p:not(:last-of-type) {margin-bottom: 15px;}
.sub-service-agree .agree-box .submit-box {padding-top: 45px;}
.sub-service-agree .agree-box .chk-box {display: flex; align-items: center; font-weight: 600; gap: 25px;}
.sub-service-agree .agree-box .chk-box .input-box {flex-shrink: 0; display: flex; font-weight: 400; gap: 20px;}
.sub-service-agree .agree-box .com-btn-box-06 {margin-top: 40px;}
.sub-service-agree .info-box {padding: 20px 35px; color: #333; border: 1px solid var(--border--table-td); background-color: #f9f9f9; margin-top: 20px;}
html[data-mode="dark"] .sub-service-agree .info-box {background-color: #292929; color: var(--contents--primary);}
.sub-service-agree .info-box .txt-01 {font-weight: 800;}
.sub-service-agree .info-box .txt-02 {color: #A61660; font-weight: 800;}
html[data-mode="dark"] .sub-service-agree .info-box .txt-02 {color: #b73d7b;}

@media screen and (max-width: 1080px) {
    .sub-service-agree .agree-box {padding: 30px;}
    .sub-service-agree .agree-box .txt-box {padding-bottom: 30px;}
    .sub-service-agree .agree-box .txt-box h2 {font-size: 20px; margin-bottom: 30px;}
    .sub-service-agree .agree-box .txt-box p {font-size: 15px;}
    .sub-service-agree .agree-box .txt-box p:not(:last-of-type) {margin-bottom: 10px;}
    .sub-service-agree .agree-box .submit-box {padding-top: 30px;}
    .sub-service-agree .agree-box .chk-box {font-size: 15px;}
    .sub-service-agree .info-box {padding: 15px 25px;}
}

@media screen and (max-width: 768px) {
    .sub-service-agree .agree-box {padding: 25px;}
    .sub-service-agree .agree-box .txt-box {padding-bottom: 25px;}
    .sub-service-agree .agree-box .txt-box h2 {font-size: 18px; margin-bottom: 20px;}
    .sub-service-agree .agree-box .txt-box p {font-size: 14px;}
    .sub-service-agree .agree-box .submit-box {padding-top: 25px;}
    .sub-service-agree .agree-box .chk-box {flex-wrap: wrap; justify-content: center; gap: 15px; font-size: 14px;}
    .sub-service-agree .agree-box .chk-box .input-box {width: 100%; justify-content: center;}
}



/* 식단관리 관리 페이지 */
.com-move-box-02.admin {
    display: flex;
}

.com-post-write.admin .com-tbl-wrap.type-06.cafeteriaWrap {
    margin-bottom: 50px;
}

.com-post-write.admin .com-tbl-wrap.type-06.cafeteriaWrap th {
    text-align: center;
}

.com-post-write.admin .custom-margin-box {margin-top: 40px;}

html[data-mode="dark"] .cafeteriaWrap.com-tbl-wrap.scroll .cafeteriaTable tr {border-top: 1px solid var(--border--table-td);}
html[data-mode="dark"] .cafeteriaWrap.com-tbl-wrap.type-06 .cafeteriaTable th {border-right: none;}
.cafeteriaWrap .cate-input-list {font-size: 15px;}
.cafeteriaWrap .cate-input-list dl > div {display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.cafeteriaWrap .cate-input-list dl > div:not(:last-of-type) {margin-bottom: 5px;}
.cafeteriaWrap .cate-input-list dl input {height: 35px;}
.cafeteriaWrap .cate-input-list dl dt {min-width: 60px; width: 35%; color: #000; font-weight: 600;}
html[data-mode="dark"] .cafeteriaWrap .cate-input-list dl dt {color: #eee;}
.cafeteriaWrap .cate-input-list dl dd {width: 65%;}
.cafeteriaWrap .cate-input-list .btn-box {display: flex; gap: 5px; margin-top: 7px;}
.cafeteriaWrap .cate-input-list .btn-box button {width: 100%; padding: 10px; background-color: #666; color: #fff; display: flex; justify-content: center; align-items: center;}
.cafeteriaWrap .cate-input-list .btn-box button:where(:hover,:focus) {filter: brightness(0.8);}


.com-btn-box-04.justifyUnset {justify-content: space-between!important;}
.com-btn-box-04 .arrow {margin: 10px;}
.com-btn-box-04 .com-btn-Copy {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.com-btn-box-04 .com-btn-Copy select {padding: 5px 20px 5px 12px;}
.com-btn-box-04 .typeCopyBtn {margin-left: 10px;}
.com-btn-box-04 .com-btn-Week {display: flex;  align-items: center; gap: 10px;}
.com-move-box-02.admin .txt-box {text-align: -webkit-center;}

@media screen and (max-width: 1080px) {
    .com-post-write.admin .cafeteriaWrap textarea {height: 170px;}
    .cafeteriaWrap .cate-input-list {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .cafeteriaWrap.com-tbl-wrap.scroll .cafeteriaTable {width: 1000px;}
}

/* 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/web/img/sub/bg_vision_2030_01.png') no-repeat; background-size: cover;}
.sub-vision2030 .target > div:nth-of-type(2) {background: url('/resources/user/web/img/sub/bg_vision_2030_02.png') no-repeat; background-size: cover;}
.sub-vision2030 .target > div:nth-of-type(3) {background: url('/resources/user/web/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/web/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));}
}

/* 01학교소개 - 총장 면담 신청 */
.form-section {display: none;}
td.email_td input {width: 20%}
select.email-domain,
select.email-domain2 {width: 160px; color: #333; font-weight: 300;}
html[data-mode="dark"] select.email-domain,
html[data-mode="dark"] select.email-domain2 {color: #ddd;}
select#applicantType1 {width: 100%; max-width: 440px;}
select#applicantType2 {width: 100%; max-width: 440px;}
select.applyType {width: 100%; max-width: 180px; margin-left: 10px;}
.applicantType input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.applicantType input[type="radio"] + label {color: var(--contents--primary); display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; cursor: pointer;}
.applicantType input[type="radio"] + label {color: var(--contents--primary); display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px;}
.applicantType input[type="radio"] + label::before {content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #aaa; margin-left: 25px;}
.applicantType input[type="radio"]:first-child + label::before {margin-left: 0;}
.applicantType input[type="radio"]:checked + label::before {border: 5px solid #A61660 ;}
.applicantType input[type="radio"]:focus + label::before {outline: 2px solid #A61660; outline-offset: 2px;}
.apply-info-txt {font-size: 14px; color: var(--contents--text-color888); font-weight: 400; margin-left: 10px;}

.policyBox {width: 100%; background: var(--bg--bg-content_01); border: 1px solid var(--border--content-box); padding: 30px 20px; max-height: 200px; overflow: hidden; overflow-y: auto;}
.policyBox p:first-of-type {font-size: 18px; color: var(--contents--primary); font-weight: 500; margin-bottom: 15px;}
.policyBox p:last-of-type {font-size: 16px; color: var(--contents--primary);}
.agreeBox {display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin: 15px 0 80px 0;}
.agreeBox fieldset {border: none; padding: 0; margin: 0; width: 100%; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between;}
.agreeBox fieldset legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.agreeBox input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.agreeBox input[type="radio"] + label {color: var(--contents--primary); display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; cursor: pointer;}
.agreeBox input[type="radio"] + label::before {content: ''; display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #aaa; margin-left: 25px;}
.agreeBox input[type="radio"]:checked + label::before {border: 8px solid #A61660 ;}
.agreeBox input[type="radio"]:focus + label::before {outline: 2px solid #A61660; outline-offset: 2px;}
.agree_btnWrap {margin-left: auto;}

@media screen and (max-width: 768px) {
    .com-tbl-wrap.mob-no-table .form-section {display: none;}
    td.email_td input#email-user,
    td.email_td input#email-user2 {width: 90%; margin-bottom: 5px;}
    td.email_td input#email-domain,
    td.email_td input#email-domain2 {width: 45%;}
    select.email-domain,
    select.email-domain2 {width: 45%;}
    select.applyType {width: 100%; max-width: 400px; margin-left: 10px;}
}


.signup-box {display: none; }
.signup-box.active {display: block;}