@charset "utf-8";

/**************************************************
*
*   main.css
*
***************************************************/
/* @import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@600&display=swap');

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 메인 공통 제목 */
#main .main-com-title-01 {}
#main .main-com-title-01 .eng {font-size: 16px; color: var(--contents--accent-color); font-weight: 600; margin-bottom: 10px;}
html[data-mode="dark"] #main .main-com-title-01 .eng {color: #A6165F;}
#main .main-com-title-01 .kor {font-size: 30px; font-weight: 600; font-family: 'NotoSerifKR', sans-serif; word-break: break-all;}

/* 메인 공통 박스 */
#main .main-com-box-01 {--mcb-01-lb-w: 300px; --mcb-01-rb-w: 960px; --mcb-01-lrb-gap-tb: 40px; --mcb-01-lrb-gap-lr: 40px; --mcb-01-box-pd-tb: 60px; row-gap: var(--mcb-01-lrb-gap-tb); column-gap: var(--mcb-01-lrb-gap-lr); padding: var(--mcb-01-box-pd-tb) 0; display: flex; justify-content: space-between;}
#main .main-com-box-01 > .lb {flex-shrink: 0; width: var(--mcb-01-lb-w);}
#main .main-com-box-01 > .rb {width: var(--mcb-01-rb-w);}
#main .main-com-box-02 {padding: 60px 0;}
#main .main-com-box-02 .main-com-title-01 {text-align: center;}

#main-section-01 {height: 730px; max-height: 85svh; background-color: transparent; position: relative;}
#main-section-01 video {width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9);}
#main-section-01 .ctrl-box {position: absolute; bottom: 205px; right: 170px; font-size: 20px; color: #000;}
#main-section-01 .ctrl-box button {display: none; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; justify-content: center; align-items: center;}
#main-section-01 .ctrl-box button:where(:hover,:focus) {filter: brightness(0.8);}
#main-section-01 .ctrl-box button.active {display: flex;}
#main-section-01 .slider {width: 100%; height: 100svh; position: relative; z-index: -1;}
#main-section-01 .slider :where(img,video) {width: 100%; height: 100%; object-fit: cover;}
#main-section-01 .srch-box {width: 80%; max-width: 440px; color: #fff; position: absolute; top: 40%; left: 50%; transform: translateX(-50%); z-index: 1;}
#main-section-01 .srch-box .logo {margin: 0px auto 40px;}
#main-section-01 .srch-box .input-box {width: 100%; border: 3px solid #fff; border-radius: 30px; overflow: hidden;}
#main-section-01 .srch-box .input-box > .inner {display: flex; min-height: 55px;}
#main-section-01 .srch-box .input-box .tit {flex-shrink: 0; width: 120px; font-size: 18px; display: flex; align-items: center; justify-content: center; position: relative; word-break: break-all; padding: 10px 20px; line-height: 1; text-align: center;}
#main-section-01 .srch-box .input-box .tit::after {content: ""; width: 1px; height: 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #fff;}
#main-section-01 .srch-box .input-box input {width: 100%; padding: 0 20px; background-color: transparent; border: none; color: #fff;}
#main-section-01 .srch-box .input-box input:where(:hover,:focus){outline: 2px dotted white; outline-offset: -6px;}
#main-section-01 .srch-box .input-box input::placeholder {color: #fff;}
#main-section-01 .srch-box .input-box .btn-srch {width: 60px; flex-shrink: 0; background-color: transparent; display: flex; justify-content: center; align-items: center;}
#main-section-01 .srch-box .input-box .btn-srch:where(:hover,:focus) {background-color: #004386;outline: 2px dotted white; outline-offset: -6px;}
#main-section-01 .srch-box .autocomplete-box {display: none; font-size: 15px; color: #fff;}
#main-section-01 .srch-box .autocomplete-box .srched-word {background-color: #A6165F;}
#main-section-01 .srch-box .autocomplete-box ul {width: 92%; margin: 0 auto; border-top: 1px solid #888; padding: 15px;}
#main-section-01 .srch-box .autocomplete-box li:not(:last-of-type) {margin-bottom: 5px;}
#main-section-01 .srch-box .autocomplete-box a {transition: none;}
#main-section-01 .srch-box .autocomplete-box a.active,
#main-section-01 .srch-box .autocomplete-box a:hover {text-decoration: underline; text-underline-position: under;}
#main-section-01 .srch-box.active .input-box {-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.5);}
#main-section-01 .srch-box.active .autocomplete-box {display: block;}
#main-section-01 .btn-vid-control {width: 30px; height: 30px; border-radius: 50%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px;}
#main-section-01 .btn-vid-control:where(:hover,:focus-visible) {background-color: #d4d5d6;}
#main-section-01 .btn-vid-control .icon-play {display: none;}

#main-section-02 {padding-left: var(--com-sidebar-width); background-image: url('/resources/user/web/img/icon/icon_emblem.png'); background-repeat: no-repeat; background-position: top 50px right 50px; background-color: var(--bg--bg-primary); position: relative; z-index: 0;}
html[data-mode="dark"] #main-section-02 {background-image: url('/resources/user/web/img/icon/icon_emblem_dark.png');}
#main-section-02 > .section-inner {position: relative;}
#main-section-02 .marquee-wrap {position: relative; overflow: hidden;}
#main-section-02 .marquee {width: 100%; height: 2000px; color: #eeeeee80; font-size: 100px; font-weight: 800; position: absolute; left: 20px; top: 20px; z-index: -1;}
html[data-mode="dark"] #main-section-02 .marquee {color: #eeeeee20;}
#main-section-02 .marquee .swiper-slide {writing-mode: vertical-lr;}
#main-section-02 .marquee .swiper-wrapper {transition-timing-function: linear;}

#main-jbnu-qs {width: 100%; border-bottom: 1px solid #ddd;}
#main-jbnu-qs .main-com-box-01 > .rb {display: flex;}
#main-jbnu-qs .list {text-align: center; font-size: 15px; font-weight: 600; word-break: break-all;}
#main-jbnu-qs .list ul {gap: 20px;}
#main-jbnu-qs .list .img-box {margin: 0 auto;}
#main-jbnu-qs .list img {height: 35px;}
#main-jbnu-qs .list a {display: flex; flex-direction: column; align-items: center; gap: 12px;}
#main-jbnu-qs .list a:where(:hover,:focus) {transform: translateY(-10px);}
#main-jbnu-qs .list-01 {width: 22%; padding-right: 20px; margin-right: 15px; border-right: 1px solid var(--border--table-td); color: var(--contents--accent-color);}
#main-jbnu-qs .list-01 ul {display: flex; align-items: flex-start; justify-content: space-between;}
#main-jbnu-qs .list-02 {width: 78%; color: var(--contents--text-color555);}
#main-jbnu-qs .list-02 ul {display: grid; grid-template-columns: repeat(9, minmax(0, 1fr));}
#main-jbnu-qs .img-dark {display: none;}
html[data-mode="dark"] #main-jbnu-qs .list a {gap: 24px;}
html[data-mode="dark"] #main-jbnu-qs .list-01 {color: #A6165F;}
html[data-mode="dark"] #main-jbnu-qs {border-bottom-color: #555;}
html[data-mode="dark"] #main-jbnu-qs .img-light {display: none;}
html[data-mode="dark"] #main-jbnu-qs .img-dark {display: block;}
html[data-mode="dark"] #main-jbnu-qs .list .img-box {position: relative;}
html[data-mode="dark"] #main-jbnu-qs .list .img-box::after {content: ""; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: -1;}
html[data-mode="dark"] #main-jbnu-qs .list-01 .img-box::after {background-color: #A61660;}
html[data-mode="dark"] #main-jbnu-qs .list-02 .img-box::after {background-color: #ffffff20;}

#main-jbnu-calendar {}
#main-jbnu-calendar .com-btn-more-01 {width: 140px; height: 50px; margin-top: 35px;}
#main-jbnu-calendar .main-com-box-01 > .rb {display: flex; border: 1px solid var(--border--table-td); text-align: center; position: relative;}
#main-jbnu-calendar .main-com-box-01 > .rb::before {content: ""; width: calc(100% + 2px); height: 2px; background-color: #A6165F; position: absolute; top: -0.5px; left: -1px; z-index: 0;}html[data-mode="dark"] #main-jbnu-calendar .main-com-box-01 > .rb::before {background-color: #818088;}

html[data-mode="dark"] #main-jbnu-calendar .main-com-box-01 > .rb::before {background-color: #818088;}
#main-jbnu-calendar .main-com-box-01 > .rb .com-btn-more-01 {display: none;}
#main-jbnu-calendar .com-calendar-01 {flex-shrink: 0; width: 330px; background-color: var(--bg--bg-content_01); border-right: 1px solid var(--border--table-td); display: flex; flex-direction: column; justify-content: center; align-items: center;}
html[data-mode="dark"] #main-jbnu-calendar .com-calendar-01 {background-color: #202020;}
#main-jbnu-calendar .com-calendar-01.main .date {margin-bottom: 0;}
#main-jbnu-calendar .com-calendar-01.main .calendar_date {display: flex; justify-content: center; align-items: center; gap: 17px; margin-bottom: 20px;}
#main-jbnu-calendar .com-calendar-01.main .calendar_date button {width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #ddd; background-color: #fff;}
html[data-mode="dark"] #main-jbnu-calendar .com-calendar-01.main .calendar_date button {background-color: transparent; border-color: #666;}
#main-jbnu-calendar .com-calendar-01.main .calendar_date button:where(:hover,:focus) {background-color: #f1f1f1;}
html[data-mode="dark"] #main-jbnu-calendar .com-calendar-01.main .calendar_date button:where(:hover,:focus) {background-color: #111;}
#main-jbnu-calendar .com-calendar-01.main .calendar_date button img {height: 10px;}

#main-jbnu-calendar .event-list {width: 100%; height: 280px; overflow: auto; text-align: left;}
#main-jbnu-calendar .event-list > div {display: flex; align-items: flex-start; padding: 6px 0; border-bottom: 1px dashed var(--border--table-td);}
#main-jbnu-calendar .event-list dt {flex-shrink: 0; width: 150px; font-weight: 800; padding: 12px 0px; position: relative; margin-left:8px;}
#main-jbnu-calendar .event-list dt span {display: block; padding: 3px 15px 3px 20px; position: relative; z-index: 0;}
#main-jbnu-calendar .event-list dt span::before {border-radius: 5px; content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}

#main-jbnu-calendar .event-list .multi span { border-radius: 5px;}
#main-jbnu-calendar .event-list dt.multi::before { border-radius: 5px;}
#main-jbnu-calendar .event-list .beforeColor1::before {background-color: rgba(53, 118, 151, 0.4);;}
#main-jbnu-calendar .event-list .beforeColor2::before {background-color: rgba(175, 97, 95, 0.4);}
#main-jbnu-calendar .event-list .beforeColor3::before {background-color: rgba(127, 127, 167, 0.4);}
#main-jbnu-calendar .event-list .beforeColor4::before {background-color: rgba(111, 155, 121, 0.4);}
#main-jbnu-calendar .event-list .beforeColor5::before {background-color: rgba(238, 212, 140, 0.4);}

#main-jbnu-calendar .event-list dd {padding: 15px; padding-right: 20px;}
#main-jbnu-calendar .event-list .beforeColor1 span::before {background-color: rgba(53, 118, 151, 0.8); width: 8px;}
#main-jbnu-calendar .event-list .beforeColor2 span::before {background-color: rgba(175, 97, 95, 0.8); width: 8px;}
#main-jbnu-calendar .event-list .beforeColor3 span::before {background-color: rgba(127, 127, 167, 0.8); width: 8px;}
#main-jbnu-calendar .event-list .beforeColor4 span::before {background-color: rgba(111, 155, 121, 0.8); width: 8px;}
#main-jbnu-calendar .event-list .beforeColor5 span::before {background-color: rgba(238, 212, 140, 0.8); width: 8px;}
#main-jbnu-calendar .event-list .multi.beforeColor1 span {background-color: rgba(53, 118, 151, 0.4);}
#main-jbnu-calendar .event-list .multi.beforeColor2 span {background-color: rgba(175, 97, 95, 0.4);}
#main-jbnu-calendar .event-list .multi.beforeColor3 span {background-color: rgba(127, 127, 167, 0.4);}
#main-jbnu-calendar .event-list .multi.beforeColor4 span {background-color: rgba(111, 155, 121, 0.4);}
#main-jbnu-calendar .event-list .multi.beforeColor5 span {background-color: rgba(238, 212, 140, 0.4);}

#main-jbnu-notice {position: relative;}
#main-jbnu-notice .main-com-box-01 .main-com-title-01 .kor {min-height: 105px;}
#main-jbnu-notice .main-com-box-01 > .lb {display: flex; flex-direction: column; gap: 30px;}
#main-jbnu-notice .main-com-box-01 > .rb {position: relative; z-index: -1;}
#main-jbnu-notice .main-com-box-01 > .rb .com-btn-more-01 {display: none; position: absolute; top: calc(100% + 25px); left: 50%; transform: translateX(-50%);}
#main-jbnu-notice .fake-frame {display: none; width: 100%; padding-top: var(--mcb-01-box-pd-tb); position: absolute; top: 0; left: 0; pointer-events: none;}
#main-jbnu-notice .fake-inner {display: flex; flex-direction: row-reverse; row-gap: var(--mcb-01-lrb-gap-tb); column-gap: var(--mcb-01-lrb-gap-lr);}
#main-jbnu-notice .fake-lb {flex-shrink: 0; width: var(--mcb-01-lb-w); display: flex; flex-direction: column; justify-content: flex-end;}
#main-jbnu-notice .fake-lb .com-btn-more-01 {pointer-events: auto; width: 140px; height: 50px;}
#main-jbnu-notice .tab-list {display: flex; flex-direction: column; gap: 30px;}
#main-jbnu-notice .btn-tab {color: #888; font-weight: 600; font-size: 20px;}
#main-jbnu-notice .btn-tab.active {color: #A61660; text-decoration: underline;}
#main-jbnu-notice .btn-tab:where(:hover,:focus) {text-decoration: underline;}
#main-jbnu-notice .btn-tab.active + .fake-frame {display: block;}
#main-jbnu-notice .btn-tab.active + .fake-frame .brd-list {pointer-events: auto;}
#main-jbnu-notice .brd-list {width: var(--mcb-01-rb-w); border-top: 2px solid var(--border--board-header); overflow: hidden;}
html[data-mode="dark"] #main-jbnu-notice .brd-list {border-top-color: #818088;}
#main-jbnu-notice .brd-list li {height: calc(100% / 10); border-bottom: 1px solid var(--border--table-td); padding: 0 35px; display: flex; align-items: center; gap: 26px;}
#main-jbnu-notice .brd-list li.on-top {background-color: var(--bg--bg-content_01);}
html[data-mode="dark"] #main-jbnu-notice .brd-list li.on-top {background-color: #202020;}
#main-jbnu-notice .brd-list li.on-top .icon-notice {opacity: 1;}
#main-jbnu-notice .brd-list .icon-notice {flex-shrink: 0; opacity: 0;}
#main-jbnu-notice .brd-list .brd-type {flex-shrink: 0; min-width: 75px; height: 30px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 14px; border-radius: 50px; padding: 0 10px;}
html[data-mode="dark"] #main-jbnu-notice .brd-list .brd-type {background-color: transparent;}
html[data-mode="dark"] #main-jbnu-notice .brd-list .brd-type {background-color: transparent;}
#main-jbnu-notice .brd-list .brd-type.type-01 {background-color: var(--btn--notify_01);}
html[data-mode="dark"] #main-jbnu-notice .brd-list .brd-type.type-01 {border: 1px solid #A6165F; background-color: #A6165F30;}
#main-jbnu-notice .brd-list .brd-type.type-02 {background-color: var(--btn--notify_02);}
html[data-mode="dark"] #main-jbnu-notice .brd-list .brd-type.type-02 {border: 1px solid #3285D9; background-color: #3285D920;}
#main-jbnu-notice .brd-list .brd-type.type-03 {background-color: var(--btn--notify_03);}
html[data-mode="dark"] #main-jbnu-notice .brd-list .brd-type.type-03 {border: 1px solid #777; background-color: #77777730;}
#main-jbnu-notice .brd-list .title-box {min-width: 0; width: 100%; display: flex; align-items: center;}
#main-jbnu-notice .brd-list .title {display: block; font-size: 17px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
#main-jbnu-notice .brd-list .title:where(:hover,:focus) {text-decoration: underline;}
#main-jbnu-notice .brd-list .hire-type {flex-shrink: 0; font-weight: 600; margin-right: 20px;}
#main-jbnu-notice .brd-list .hire-type.type-01 {color: var(--contents--accent-color);}
html[data-mode="dark"] #main-jbnu-notice .brd-list .hire-type.type-01 {color: #818088;}
#main-jbnu-notice .brd-list .hire-type.type-02 {color: var(--contents--dominant-color);}
#main-jbnu-notice .brd-list .icon-new {flex-shrink: 0; margin-left: 10px;}
#main-jbnu-notice .brd-list .date {flex-shrink: 0; color: var(--contents--text-color888);}

#main-jbnu-news {position: relative;}
#main-jbnu-news::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-color: var(--bg--bg-content_01); z-index: -1;}
#main-jbnu-news > .main-com-box-02 {padding-top: 40px;}
#main-jbnu-news .list {margin: 70px 0 60px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0 27px; align-items: flex-start;}
#main-jbnu-news .list li:nth-of-type(even) {margin-top: 63px;}
#main-jbnu-news .list a {display: block; border: 1px solid #6e6e6e47; transition: 0.5s;}
html[data-mode="dark"] #main-jbnu-news .list a {border: 1px solid #555;}
#main-jbnu-news .list a:where(:hover,:focus) {transform: translateY(-20px);}
#main-jbnu-news .list .img-box {aspect-ratio: 305 / 210; overflow: hidden; text-align:center;}
#main-jbnu-news .list .img-box img {height: 100%; object-fit: cover; display:inline;}
#main-jbnu-news .list .txt-box {height: 110px; padding: 0 30px; gap: 10px; display: flex; flex-direction: column; justify-content: center; background-color: var(--bg--main_content-box01);}
#main-jbnu-news .list .title {font-size: 17px; color: var(--contents---primary); font-weight: 800; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#main-jbnu-news .list .date {font-size: 14px; color: var(--contents--text-color888); font-weight: 500;}
#main-jbnu-news .com-btn-more-01 {margin: 0 auto;}

html[data-mode="dark"] #main-jbnu-donation {background: none; background-color: #313131;}
#main-jbnu-donation {background: url('/resources/user/web/img/sub/main_donation_bg.jpg') no-repeat right bottom/cover;}
#main-jbnu-donation .main-com-title-01 {position: relative;}
#main-jbnu-donation .main-com-title-01 .eng {color: #A61660;}
#main-jbnu-donation .main-com-title-01 .kor {color: #000;}
html[data-mode="dark"] #main-jbnu-donation .main-com-title-01 .eng {color: #A6165F;}
html[data-mode="dark"] #main-jbnu-donation .main-com-title-01 .kor {color: #F9F9FD;}
#main-jbnu-donation .ctrl-box {position: absolute; bottom: 0; right: 0; display: flex; gap: 8px;}
html[data-mode="dark"] #main-jbnu-donation .ctrl-box .com-ctrl-btn:where(:hover,:focus) {background-color: #555; border-color: #555;}
#main-jbnu-donation .slider {margin: 50px 0 30px;}
#main-jbnu-donation .slider a {display: block;}
#main-jbnu-donation .slider a:where(:hover,:focus) {outline: none;}
#main-jbnu-donation .slider a:where(:hover,:focus) .img-box img {transform: scale(1.1); outline: none;}
#main-jbnu-donation .slider a:where(:hover,:focus) .txt-box {background-color: #e8e8e8;outline: 3px dotted black;outline-offset: -6px;}
html[data-mode="dark"] #main-jbnu-donation .slider a:where(:hover,:focus) .txt-box {background-color: #3a3a3a;}
#main-jbnu-donation .slider .img-box {aspect-ratio: 405 / 250; overflow: hidden;}
#main-jbnu-donation .slider .img-box img {width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
#main-jbnu-donation .slider .txt-box {height: 100px; padding: 0 20px; gap: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: 0.5s; background-color: var(--bg--main_content-box02);}
html[data-mode="dark"] #main-jbnu-donation .slider .txt-box {background-color: #5f5f5f;}
#main-jbnu-donation .slider .txt-box p {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#main-jbnu-donation .slider .txt-box .title {font-size: 17px; font-weight: 800; color: var(--contents---primary);}
#main-jbnu-donation .slider .txt-box .subTitle {font-size: 15px; font-weight: 500; color: var(--contents--text-color888);}
#main-jbnu-donation .com-btn-more-01 {margin: 0 auto; color: var(--btn--btn-color02); border: 1px solid var(--btn--btn-color02);}
html[data-mode="dark"] #main-jbnu-donation .com-btn-more-01 {border-color: #fff; color: #fff;}
html[data-mode="dark"] #main-jbnu-donation .com-btn-more-01:where(:hover,:focus) {border-color: #892D5B;}

#main-jbnu-sns {background-color: var(--bg--main-section02);}
#main-jbnu-sns .ctt-box {display: flex; justify-content: space-between; gap: 25px;}
#main-jbnu-sns .icon-list {margin: 30px 0 70px; gap: 20px; display: flex; justify-content: center;}
#main-jbnu-sns .icon-list img {width: 48px;}
#main-jbnu-sns .icon-list a {display: block; transition: 0.5s;}
#main-jbnu-sns .icon-list a:where(:hover,:focus) {transform: translateY(-10px);}
#main-jbnu-sns .icon-list a:where(:hover,:focus) {}
#main-jbnu-sns .slider-box {width: 60%; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
#main-jbnu-sns .slider-box .insta-img {width: 100%; height: 100%; transition: 0.5s;}
#main-jbnu-sns .slider-box .insta-icon {position: absolute; top: 10px; left: 10px;}
#main-jbnu-sns .swiper {width: 100%;}
#main-jbnu-sns .swiper-slide a {aspect-ratio: 1 / 1; display: block; position: relative; overflow: hidden;}
#main-jbnu-sns .swiper-slide a:where(:hover,:focus) {outline: 3px dotted black; outline-offset: -6px;}
#main-jbnu-sns .swiper-slide a:where(:hover,:focus) .insta-img {transform: scale(1.1); outline: 3px dotted black; outline-offset: -20px;}
#main-jbnu-sns .com-ctrl-btn {flex-shrink: 0;}
#main-jbnu-sns .com-ctrl-btn:where(:hover,:focus){background-color: #f1f1f1;outline: 2px dotted black; outline-offset: -6px;}
html[data-mode="dark"] #main-jbnu-sns .com-ctrl-btn {background-color: transparent;}
html[data-mode="dark"] #main-jbnu-sns .com-ctrl-btn:where(:hover,:focus) {background-color: #555; border-color: #555;}
#main-jbnu-sns .btn-prev {margin-right: 5px;}
#main-jbnu-sns .swiper-pagination {flex-shrink: 0; width: auto; font-size: 18px; position: static; display: flex; align-items: center; gap: 8px; margin: 0 25px;}
#main-jbnu-sns .swiper-pagination-current {font-size: 26px; font-weight: 800;}
#main-jbnu-sns .swiper-pagination-total {font-weight: 800; color: var(--contents--third);}
#main-jbnu-sns .ctrl-box {display: flex; align-items: center;}
#main-jbnu-sns .progress-bar {width: 100%; height: 1px; background-color: #B6C2D4; position: relative}
#main-jbnu-sns .progress-bar .current {width: 0; height: 5px; background-color: #004386; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
html[data-mode="dark"] #main-jbnu-sns .progress-bar {background-color: #555;}
html[data-mode="dark"] #main-jbnu-sns .progress-bar .current {background-color: #F9F9FD;}
#main-jbnu-sns .vid-box {width: 48%; display: flex; flex-direction: column; background-color: #000;}
#main-jbnu-sns .vid-box iframe {flex-shrink: 0; width: 100%; aspect-ratio: 16 / 9;}
#main-jbnu-sns .vid-box .info {color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; padding: 15px 20px;}

#main-jnbu-links {color: #fff; background-color: var(--bg--main-section02);}
#main-jnbu-links > .inner {padding: 60px 0; border-top: 1px solid #B6C2D4;}
html[data-mode="dark"] #main-jnbu-links > .inner {border-top-color: #555;}
#main-jnbu-links .swiper {width: 100%;}
#main-jnbu-links .swiper a {height: 100%; min-height: 130px; display: flex; flex-direction: column; gap: 12px; justify-content: center; padding: 12px 35px; border-radius: 10px;}
#main-jnbu-links .swiper a:where(:hover,:focus) {filter: brightness(0.8); outline: 2px dotted white; outline-offset: -6px;}
#main-jnbu-links .swiper a[data-index="1"] {background: url('/resources/user/web/img/sub/main_link_bg_01.jpg') no-repeat center right/cover;}
#main-jnbu-links .swiper a[data-index="2"] {background: url('/resources/user/web/img/sub/main_link_bg_02.jpg') no-repeat center right/cover;}
#main-jnbu-links .swiper a[data-index="3"] {background: url('/resources/user/web/img/sub/main_link_bg_03.jpg') no-repeat center right/cover;}
#main-jnbu-links .swiper a[data-index="3"] .subTitle {color: #888;}
#main-jnbu-links .swiper a[data-index="3"] .title {color: #000;}
#main-jnbu-links .swiper a[data-index="3"]:where(:hover,:focus) {filter: brightness(0.8); outline: 2px dotted black; outline-offset: -6px;} 
#main-jnbu-links .swiper-slide {height: auto;}
#main-jnbu-links .subTitle {font-size: 17px;}
#main-jnbu-links .title {font-size: 24px; font-weight: 600;}
#main-jnbu-links .com-ctrl-btn {position: absolute; top: 50%; z-index: 10;}
#main-jnbu-links .com-ctrl-btn:where(:hover,:focus) {background-color: #f1f1f1;outline: 2px dotted black; outline-offset: -6px;}
#main-jnbu-links .btn-prev {left: 0; transform: translate(-50%,-50%);}
#main-jnbu-links .btn-next {right: 0; transform: translate(50%,-50%);}

#main-jbnu-vision {background: url("/resources/user/web/img/sub/main_vision.jpg") no-repeat; background-size: cover; text-align: center; color: #fff;}
#main-jbnu-vision .main-com-title-01 {margin-bottom: 60px;}
#main-jbnu-vision > .inner {width: 100%; max-width: 1460px; margin: 0 auto; padding: 120px 0;}
#main-jbnu-vision :where(.box-01, .item-list) {gap: 35px;}
#main-jbnu-vision .box-01 {display: flex;}
#main-jbnu-vision .box-01:not(:last-of-type) {margin-bottom: 20px;}
#main-jbnu-vision :where(.tag, .empty-box) {flex-shrink: 0; width: 145px; color: #fff; padding: 10px; font-size: 25px; font-weight: 800;}
#main-jbnu-vision .tag {border-top: 1px dashed #fff;}
#main-jbnu-vision .empty-box {}

#main-jbnu-vision .main-com-title-01 .eng {color: #fff;}
#main-jbnu-vision .item-list {display: flex; height: 100%;}
#main-jbnu-vision .item-list > li {width: 100%;}
#main-jbnu-vision .center-box {width: 100%;}

#main-jbnu-vision .v-mission .center-box {padding: 25px 20px; background-color: #A6165FCC; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
#main-jbnu-vision .v-mission .kor {font-size: 35px; font-weight: 800;}
#main-jbnu-vision .v-objective .item-list > li {}
#main-jbnu-vision .v-strategy .txt-list {height: 100%; background-color: #fff; color: #000; padding: 20px 30px; font-size: 18px;}
#main-jbnu-vision .v-strategy .txt-list li {position: relative; text-align: left; padding-left: 12px;}
#main-jbnu-vision .v-strategy .txt-list li::before {content: ""; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 9px; left: 0; background-color: #000;}
#main-jbnu-vision .v-strategy .txt-list li:not(:last-of-type) {margin-bottom: 10px;}
#main-jbnu-vision .v-value .item-list > li {color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 10px; padding: 20px 10px;}
#main-jbnu-vision .v-value .eng {font-size: 14px; font-weight: 800;}
#main-jbnu-vision .v-value .kor {font-size: 22px; word-break: break-all;}
#main-jbnu-vision .v-point .item-list {font-size: 21px;}
#main-jbnu-vision .v-point .item-list > li {display: flex; gap: 10px;}
#main-jbnu-vision .v-point .item-list > li p {width: 100%; padding: 20px 10px; display: flex; justify-content: center; align-items: center; word-break: break-all;}
#main-jbnu-vision .v-value .item-list > li:nth-of-type(1),
#main-jbnu-vision .v-point .item-list > li:nth-of-type(1) p {background-color: #1686BECC;}
#main-jbnu-vision .v-value .item-list > li:nth-of-type(2),
#main-jbnu-vision .v-point .item-list > li:nth-of-type(2) p {background-color: #1C5691CC;}
#main-jbnu-vision .v-value .item-list > li:nth-of-type(3),
#main-jbnu-vision .v-point .item-list > li:nth-of-type(3) p {background-color: #264072CC;}



/* JBNU 연구자 정보 알약 버튼 */
.btn-researcher-info {position: absolute;top: 145px;left: 200px;display: flex;align-items: center;justify-content: space-between;width: 443px;padding: 8px 30px;background: linear-gradient(135deg, #A6165F 0%, #8B1150 100%);color: #fff;font-size: 16px;border-radius: 35px;
    text-decoration: none;box-shadow: 0 6px 20px rgba(166, 22, 95, 0.35);transition: all 0.3s ease;z-index: 10;}
.btn-researcher-info:hover{background:linear-gradient(135deg,#8B1150 0%,#6D0D3E 100%);box-shadow:0 8px 24px rgba(166,22,95,.45);transform:translateY(-3px);color:#fff;}
.btn-researcher-info i{font-size:18px;margin-left:auto;transition:transform .3s ease;}
.btn-researcher-info:hover i {transform: translateX(6px);}


/* Research Excellence CSS */
#main-section-01 { position: relative; }
.research-excellence-box {position: absolute;top: 195px;left: 200px;width: 443px;height: auto;  max-width: calc(100vw - 40px); min-height:0; max-height: calc(100vh - 200px);background: #ebebeb; overflow: hidden; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);  z-index: 20;}
.research-header {background: #ebebeb; padding: 14px 16px 10px; text-align: center; border-bottom: 1px solid #ccc;}
.research-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;line-height:1;}
.research-title {margin: 0; font-size: 16px; letter-spacing: -0.2px;}
.research-body {height: calc(100% - 56px - 61px);background: #fff;}
.research-swiper {height: 100%;}
.research-swiper .swiper-slide {height: 100%;}
.research-swiper .swiper-slide a {display: block; height: 100%; color: inherit; text-decoration: none;}
.research-img {width: 100%; height: 222px; background: #f5f6f7; overflow: hidden;}
.research-img img {width: 100%; height: 100%; object-fit: cover; object-position: top; display: block;}
.research-content {padding: 14px 16px 12px; background: #ebebeb;}
/* .research-excellence-box {font-family: 'Libre Bodoni', serif;} */
.research-title {margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -0.2px;}
.research-post-title{margin: 0 0 10px;font-size: 20px;font-weight: 700;line-height: 1.3;letter-spacing: -0.2px;color: #111; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.research-desc {margin: 12px 0 0;font-size: 14px;line-height: 1.45;color: #555;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.research-meta {display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666;}
.research-nav {display: flex; justify-content: center; gap: 8px;}
.research-nav .swiper-button-prev,.research-nav .swiper-button-next{position:static!important;top:auto!important;left:auto!important;right:auto!important;margin:0!important;transform:none!important;width:32px;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.18);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#222;padding:0;}
.research-nav .swiper-button-prev i,.research-nav .swiper-button-next i {display: none;}
.research-nav .swiper-button-prev::after,.research-nav .swiper-button-next::after {font-size: 14px;}
.research-nav .swiper-button-prev:hover,.research-nav .swiper-button-next:hover {background: rgba(0, 0, 0, 0.04);}
.research-nav .swiper-button-prev:active,.research-nav .swiper-button-next:active {background: rgba(0, 0, 0, 0.08);}
.research-cta {height: 54px; border-top: 1px solid #eee; display: flex; align-items: center; justify-content: center; padding: 0 12px; background: #ebebeb;}
.research-cta .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:36px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none;color:#7b1f5a;background:rgba(123,31,90,.06);border:1px solid rgba(123,31,90,.22);}



/* JBNU ON AI 이미지맵 */
.jbnu-on-ai-box {
    position: absolute;
    top: 120px;
    left: 200px;
    z-index: 9;
    border-radius: 16px;
    overflow: hidden;
}

.jbnu-on-ai-box img {
    display: block;
    width: 315px;
    height: auto;
}


@media screen and (max-width: 1300px) {
    #main-section-02 {padding-left: 0;}
    #main-section-02 .marquee{display:none;}
}

@media screen and (max-width: 1080px) {
    #main .main-com-box-01 {--mcb-01-lb-w: 100%; --mcb-01-rb-w: 100%; --mcb-01-box-pd-tb: 40px; flex-wrap: wrap;}
    #main .main-com-title-01 {text-align: center;}
    #main .main-com-title-01 .kor {font-size: 26px;}
    #main .main-com-title-01 .eng {font-size: 15px;}
    #main .main-com-box-02 {padding: 40px 0;}

    #main-section-01 .srch-box {}
    #main-section-01 .srch-box .logo {width: 55px;}
    #main-section-01 .srch-box .input-box > .inner {min-height: 48px;}
    #main-section-01 .srch-box .input-box .tit {width: 95px; font-size: 16px;}
    #main-section-01 .srch-box .input-box input {font-size: 14px;}
    #main-section-01 .srch-box .input-box .btn-srch {width: 50px;}
    #main-section-01 .srch-box .input-box .btn-srch img {width: 20px;}
    #main-section-01 .srch-box .autocomplete-box {font-size: 14px;}
    #main-section-01 .srch-box .autocomplete-box ul {padding: 15px 10px;}
    #main-section-01 .ctrl-box {right: 140px;}

    #main-section-02 {background-size: 300px; background-position: top 30px right 30px;}

    #main-jbnu-qs .list {font-size: 14px;}
    #main-jbnu-qs .list ul {gap: 15px;}
    #main-jbnu-qs .list img {height: 30px;}
    #main-jbnu-qs .list-01 {margin-right: 30px;}
    html[data-mode="dark"] #main-jbnu-qs .list .img-box::after {width: 54px; height: 54px;}

    #main-jbnu-calendar .com-btn-more-01 {height: 55px;}
    #main-jbnu-calendar .main-com-box-01 {--mcb-01-lrb-gap-tb: 20px;}
    #main-jbnu-calendar .main-com-box-01 > .lb .com-btn-more-01 {display: none;}
    #main-jbnu-calendar .main-com-box-01 > .rb .com-btn-more-01 {display: flex; margin: 40px auto 0;}
    #main-jbnu-calendar .event-list > div {}
    #main-jbnu-calendar .event-list dt {width: 140px; font-size: 15px; padding: 3px 15px;}
    #main-jbnu-calendar .event-list dd {font-size: 16px; padding: 3px 20px 3px 15px;}
    #main-jbnu-calendar .calendar {width: 300px;}
    #main-jbnu-calendar .calendar .date {margin-bottom: 15px;}
    #main-jbnu-calendar .calendar .days {font-size: 14px; gap: 16px 20px;}
    #main-jbnu-calendar .calendar .days .type {font-size: 15px;}


    #main-jbnu-notice .main-com-box-01 .main-com-title-01 .kor {min-height: unset;}
    #main-jbnu-notice .main-com-box-01 {--mcb-01-lrb-gap-tb: 25px;}
    #main-jbnu-notice .main-com-box-01 > .lb {gap: 0;}
    #main-jbnu-notice .main-com-box-01 > .rb {z-index: 0;}
    #main-jbnu-notice .main-com-box-01 > .rb .com-btn-more-01 {display: flex;}
    #main-jbnu-notice .tab-list {flex-wrap: wrap; flex-direction: row; justify-content: center; margin-top: 30px; gap: 10px 25px; position: relative; z-index: 1;}
    #main-jbnu-notice .fake-frame {padding: 0; top: calc(100% + var(--mcb-01-lrb-gap-tb));}
    #main-jbnu-notice .fake-inner {flex-wrap: wrap;}
    #main-jbnu-notice .fake-lb {align-items: center;}
    #main-jbnu-notice .fake-lb .com-btn-more-01 {height: 55px;}
    #main-jbnu-notice .brd-list {width: 100%;}
    #main-jbnu-notice .brd-list li {height: auto; padding: 6px 20px; gap: 18px;}
    #main-jbnu-notice .brd-list .brd-type {min-width: 70px; font-size: 13px;}
    #main-jbnu-notice .brd-list .icon-new {width: 16px; margin-left: 5px;}
    #main-jbnu-notice .brd-list .icon-notice {width: 18px;}
    #main-jbnu-notice .brd-list .title {font-size: 15px;}
    #main-jbnu-notice .brd-list .date {font-size: 14px;}
    #main-jbnu-notice .btn-tab {font-size: 18px;}
    #main-jbnu-notice .brd-list .hire-type {font-size: 14px; margin-right: 10px;}

    #main-jbnu-news > .main-com-box-02 {padding-top: 25px;}
    #main-jbnu-news .list {gap: 0 15px; margin: 50px 0 40px;}
    #main-jbnu-news .list li:nth-of-type(even) {margin-top: 50px;}
    #main-jbnu-news .list .txt-box {height: 90px; padding: 0 20px;}
    #main-jbnu-news .list .title {font-size: 16px;}
    #main-jbnu-news .list .date {font-size: 13px;}

    #main-jbnu-donation .slider .txt-box {height: 85px; gap: 7px;}
    #main-jbnu-donation .slider .txt-box .title {font-size: 16px;}
    #main-jbnu-donation .slider .txt-box .subTitle {font-size: 14px;}

    #main-jbnu-sns .icon-list {gap: 10px; margin: 20px 0 50px;}
    #main-jbnu-sns .icon-list img {width: 40px;}
    #main-jbnu-sns .vid-box .info {font-size: 14px; padding: 12px 15px;}
    #main-jbnu-sns .swiper-pagination {font-size: 16px; margin: 0 15px; gap: 5px;}
    #main-jbnu-sns .swiper-pagination-current {font-size: 22px;}
    #main-jbnu-sns .ctt-box {gap: 20px;}

    #main-jnbu-links .subTitle {font-size: 15px;}
    #main-jnbu-links .title {font-size: 20px;}
    #main-jnbu-links .swiper a {min-height: 110px; gap: 8px; padding: 12px 25px;}


    #main-jbnu-vision > .inner {padding: 70px 0;}
    #main-jbnu-vision :where(.box-01, .item-list) {gap: 15px;}
    #main-jbnu-vision :where(.tag, .empty-box) {width: 120px; font-size: 20px;}
    #main-jbnu-vision .box-01:not(:last-of-type) {margin-bottom: 15px;}
    #main-jbnu-vision .empty-box {display: none;}
    #main-jbnu-vision .v-mission .kor {font-size: 27px;}
    #main-jbnu-vision .v-mission .eng {font-size: 14px;}
    #main-jbnu-vision .v-strategy .txt-list {font-size: 16px; padding: 18px 20px;}
    #main-jbnu-vision .v-strategy .txt-list li::before {top: 8px;}
    #main-jbnu-vision .v-value .kor {font-size: 18px;}
    #main-jbnu-vision .v-value .eng {font-size: 13px;}
    #main-jbnu-vision .v-value .item-list > li {gap: 5px;}
    #main-jbnu-vision .v-point .item-list {font-size: 17px;}
    #main-jbnu-vision .v-point .item-list > li {gap: 8px;}


}

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

    #main-section-02 {background-position: top 30px center;}

    #main-jbnu-qs .list {width: 100%; display: flex; justify-content: center;}
    #main-jbnu-qs .list-01 {border-right: none; margin-right: 0; padding-right: 0;}
    #main-jbnu-qs .list-01 ul {display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 50px;}
    #main-jbnu-qs .list-02 ul {width: 100%;}
    #main-jbnu-qs .main-com-box-01 > .rb {width: 100%; flex-wrap: wrap; gap: 20px;}
    html[data-mode="dark"] #main-jbnu-qs .list {gap: 35px 40px;}
    html[data-mode="dark"] #main-jbnu-qs .main-com-box-01 > .rb {gap: 35px;}

    #main-jbnu-calendar .main-com-box-01 > .rb > .inner {flex-wrap: wrap;}
    #main-jbnu-calendar .main-com-box-01 > .rb .com-btn-more-01 {margin-top: 30px;}
    #main-jbnu-calendar .calendar {width: 100%; padding: 20px; border-bottom: 1px solid var(--border--table-td);}
    #main-jbnu-calendar .calendar .date {font-size: 18px;}
    #main-jbnu-calendar .calendar .days {width: 100%;}
    #main-jbnu-calendar .event-list {height: auto; max-height: 263px;}
    #main-jbnu-calendar .event-list > div:last-of-type {border-bottom: none;}

    #main-jbnu-notice .brd-list li {flex-wrap: wrap; gap: 8px 10px; padding: 10px 20px;}
    #main-jbnu-notice .brd-list li.on-top .icon-notice {display: block;}
    #main-jbnu-notice .brd-list .icon-notice {display: none;}
    #main-jbnu-notice .brd-list .title-box {order: 1;}


    #main-jbnu-news .list {grid-template-columns: repeat(2, minmax(0,1fr)); margin: 40px 0;}

    #main-jbnu-donation .slider {margin: 20px 0 30px;}
    #main-jbnu-donation .ctrl-box {position: static; justify-content: flex-end; margin-top: 20px;}

    #main-jbnu-sns .ctt-box {flex-wrap: wrap; gap: 35px;}
    #main-jbnu-sns .slider-box {width: 100%;}
    #main-jbnu-sns .vid-box {width: 100%;}

    #main-jbnu-vision > .inner {padding: 50px 0;}
    #main-jbnu-vision .main-com-title-01 {margin-bottom: 50px;}
    #main-jbnu-vision :where(.box-01, .item-list) {gap: 12px;}
    #main-jbnu-vision .box-01 {flex-wrap: wrap;}
    #main-jbnu-vision .box-01:not(:last-of-type) {margin-bottom: 35px;}
    #main-jbnu-vision .tag {width: 100%; border: none; padding: 0; text-align: left;}
    #main-jbnu-vision .v-mission .kor {font-size: 22px;}
    #main-jbnu-vision .v-mission .eng {font-size: 13px;}
    #main-jbnu-vision .v-point .item-list {font-size: 15px;}
    #main-jbnu-vision .v-point .item-list > li {flex-wrap: wrap; gap: 5px;}
    #main-jbnu-vision .v-point .item-list > li p {padding: 15px 10px;}
    #main-jbnu-vision .v-strategy .txt-list {font-size: 14px; padding: 15px;}
    #main-jbnu-vision .v-strategy .txt-list li {padding-left: 9px;}
    #main-jbnu-vision .v-strategy .txt-list li::before {top: 7px;}
    #main-jbnu-vision .v-value .kor {font-size: 16px;}
}

@media screen and (max-width: 480px) {
    #main-section-01 .srch-box {gap: 30px;}
    #main-section-01 .srch-box .logo {width: 50px;}
    #main-section-01 .ctrl-box {right: 120px; bottom: 150px; font-size: 15px;}
    #main-section-01 .ctrl-box button {width: 25px; height: 25px;}
  
  	#main-section-02 .marquee {display: none;}
  
    #main-jbnu-donation {background: none; background-color: #f2ebe0;}

    #main-jbnu-qs .list ul {gap: 20px 10px;}
    #main-jbnu-qs .list-01 ul {width: 100%;}
    #main-jbnu-qs .list-02 ul {display: grid; grid-template-columns: repeat(3, minmax(0,1fr));}
    html[data-mode="dark"] #main-jbnu-qs .list-02 ul {row-gap: 30px;}

    #main-jbnu-calendar .event-list > div {flex-wrap: wrap; gap: 10px; padding: 15px;}

    #main-jbnu-news .list {grid-template-columns: repeat(1, minmax(0,1fr)); gap: 20px;}
    #main-jbnu-news .list li:nth-of-type(even) {margin: 0;}
    #main-jbnu-news .list .txt-box {padding: 0 15px;}
    #main-jbnu-news .list .img-box {aspect-ratio: unset; width: 100%; height: 180px;}

    #main-jbnu-vision .item-list {flex-wrap: wrap;}
    #main-jbnu-vision .v-objective .item-list {justify-content: center; gap: 0;}
    #main-jbnu-vision .v-objective .item-list > li {width: 50%;}
}

#main-jbnu-promo {background: url("/resources/user/web/img/sub/promotion_202410_back.png") no-repeat; background-size: cover; text-align: center; color: #fff;}
#main-jbnu-promo .promo_img {padding: 20px 0px;}
#main-jbnu-promo .promo_img img {margin: 0 auto;}

@media screen and (max-width: 1080px) {
	#main-jbnu-promo .promo_img {width:80%; margin: 0 auto;}
}







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

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

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

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

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

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

}




/* JBNU 연구자 정보 알약 버튼 */
/* 태블릿 */
@media (max-width: 1024px) {
    .btn-researcher-info {
        top: 180px;
        left: 200px;
        width: 380px;
        font-size: 16px;
        padding: 14px 24px;
    }
}

/* 모바일 */
@media (max-width: 768px) {
    .btn-researcher-info {
        top: 178px;
        left: 16px;
        width: calc(100vw - 32px);
        max-width: 380px;
        font-size: 15px;
        padding: 6px 20px;
        border-radius: 30px;
    }

    .btn-researcher-info i {
        font-size: 18px;
    }
}

/* 작은 모바일 */
@media (max-width: 480px) {
    .btn-researcher-info {
        top: 150px;
        left: 16px;
        width: calc(100% - 32px);
        font-size: 14px;
        padding: 6px 18px;
        border-radius: 25px;
    }

    .btn-researcher-info i {
        font-size: 16px;
    }
}

/* Research Excellence CSS */
@media (max-width: 1024px) {
    .research-excellence-box {
        left: 200px;
        top: 235px;
        width: 380px;
        height: auto;
    }
  
      .jbnu-on-ai-box {
        top: 120px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .research-excellence-box {
        left: 16px;
        top: 219px;
        width: calc(100vw - 32px);
        height: auto;
    }
    .research-img { height: 220px; }

    .jbnu-on-ai-box {
        top: 120px;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 480px) {
    .research-excellence-box {
        left: 16px;
        top: 182px;
        width: calc(100vw - 32px);
        height: auto;
    }

    .jbnu-on-ai-box {
        top: 110px;
        left: 50%;
        transform: translateX(-50%);
    }

    .jbnu-on-ai-box img {
        /* max-width: none; */
    }
}