@charset "UTF-8";

body {position: relative;}

.wrap {width: 100%; max-width: 1700px; margin: 0 auto; padding: 0 20px;}

@media(max-width: 768px) {
    .wrap {padding: 0 15px;}
}


/* ----- 스킵메뉴 ----- */
.skipMenu {position: absolute; top:0; left:0; z-index: 1001; width:100%;}
.skipMenu a {display: block; overflow-x: hidden; overflow-y: hidden; position: relative; width: 100%; height: 0; text-align: center; pointer-events: none;}
.skipMenu a:focus {height: auto; padding: 6px 0; background:#000; color:#fff; font-size: 16px; outline: none !important; pointer-events: auto;}

@media(max-width: 768px) {
    .skipMenu a:focus {padding: 4px 0; font-size: 15px;}
}


/* ----- 헤더 ----- */
header * {color: #fff;}
header {width: 100%; background-color: transparent; position: absolute; top: 0; z-index: 1000;}
header .wrap {max-width: 1700px;}

header.gnb-open {background-color: #fff;}
header.gnb-open * {color: #202020;}
header.gnb-open .header-top {border-bottom: 1px solid #ccc;}
header.gnb-open .header-top .cityhall {border-color: #ccc;}
header.gnb-open .header-top .jnu {border-color: #ccc;}
header.gnb-open .header-top .header-etc > ul > li:first-child:before {background-color: #ccc;}
header.gnb-open .header-bottom {border-bottom: 1px solid #ccc;}

header.gnb-open .header-top .logo a img.logo-w {opacity: 0; position: absolute; pointer-events: none;}
header.gnb-open .header-top .logo a img.logo-c {opacity: 1; position: static; pointer-events: unset;}

header.gnb-open .header-top .header-etc .admin a::before { background: url('../images/common/admin-b.svg') no-repeat center/contain;}
header.gnb-open .header-top .header-etc .login a::before { background: url('../images/common/login-b.svg') no-repeat center/contain;}
header.gnb-open .header-top .header-etc .logout a::before { background: url('../images/common/logout-b.svg') no-repeat center/contain;}
header.gnb-open .header-top .header-etc li .lang-btn::before { background: url('../images/common/lang-b.svg') no-repeat center/contain;}
header.gnb-open .header-top .sitemap { background: url('../images/common/sitemap.svg') no-repeat center/28px;}

/* header-top */
.header-top {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.header-top .wrap {height: 100px; display: flex; align-items: center; justify-content: space-between;}

.header-top .cityhall {padding: 7px 15px; font-family: 'Paperlogy Medium'; font-size: 17px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 100px; transition: 0.2s ease-in-out;}
.header-top .cityhall::before {content: ''; width: 17px; height: 17px; display: inline-block; margin-right: 8px; background: url('../images/common/cityhall.svg')no-repeat center center/contain; position: relative; top: -1px;}

/* 전남대 RISE 버튼 추가 */
.header-top .a_link {height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.header-top .jnu {padding: 7px 15px; font-family: 'Paperlogy Medium'; font-size: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 100px; transition: 0.2s ease-in-out;}
.header-top .jnu::before {content: ''; width: 17px; height: 17px; display: inline-block; margin-right: 8px; background: url('../images/common/jnu_symbol.png')no-repeat center center/contain; position: relative; top: -1px;}

.header-top .logo {position: absolute; z-index: 1100; left: 50%; transform: translateX(-50%);}
.header-top .logo a {display: flex; align-items: center; justify-content: center;}
.header-top .logo a img {width: 100%; height: 100%; max-width: 250px; object-fit: contain; transition: 0.2s ease-in-out;}
.header-top .logo a img.logo-c {opacity: 0; position: absolute; pointer-events: none;}

.header-top .header-etc {display: flex; gap: 20px;}

.header-top .header-etc > ul {display: flex; align-items: center; justify-content: center; gap: 40px;}
.header-top .header-etc > ul > li {position: relative;}
.header-top .header-etc > ul > li:first-child:before {content: ''; width: 1px; height: 14px; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: -20.5px; transition: background-color 0.2s ease-in-out;}
.header-top .header-etc > ul > li > a ,.header-top .header-etc > ul > li > button {font-family: 'Paperlogy SemiBold'; font-size: 17px; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease-in-out;}
.header-top .header-etc > ul > li > a::before,.header-top .header-etc > ul > li > button::before {content: ''; width: 18px; height: 18px; display: inline-block; margin-right: 5px; transition: background 0.2s ease-in-out;}
.header-top .header-etc .admin a::before {background: url('../images/common/admin-w.svg')no-repeat center center/contain;}
.header-top .header-etc .login a::before {background: url('../images/common/login-w.svg')no-repeat center center/contain;}
.header-top .header-etc .logout a::before {background: url('../images/common/logout-w.svg')no-repeat center center/contain;}
.header-top .header-etc li .lang-btn::before {background: url('../images/common/lang-w.svg')no-repeat center center/contain;}

.header-top .header-etc li .lang-btn {position: relative;}
.header-top .header-etc li .lang-btn i {font-size: 12px; margin-left: 10px; position: relative; top: -1px; transition: 0.2s ease-in-out;}
.header-top .header-etc li .lang-btn i::before {font-weight: bold !important;}
.header-top .header-etc .lang-btn.is-open i{transform: rotate(180deg);}

.header-top .header-etc .lang-list * {color: #444;}
.header-top .header-etc .lang-list {display: none; width: 100%; max-width: 100px; border-radius: 6px; background-color: #fff; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); border: 1px solid #ccc; z-index: 10;}
.header-top .header-etc .lang-list li a {padding: 8px; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #ccc;}
.header-top .header-etc .lang-list li:last-child a {border-bottom: 0;}
.header-top .header-etc .lang-list li a::before {content: ''; width: 17px; height: 12px; display: inline-block; margin-right: 6px;}
.header-top .header-etc .lang-list li a.kor::before {background: url('../images/common/lang-kor.svg')no-repeat center center/contain;}
.header-top .header-etc .lang-list li a.eng::before {background: url('../images/common/lang-eng.svg')no-repeat center center/contain;}
.header-top .header-etc .lang-list li a.chn::before {background: url('../images/common/lang-chn.svg')no-repeat center center/contain;}
.header-top .header-etc .lang-list li a.vnm::before {background: url('../images/common/lang-vnm.svg')no-repeat center center/contain;}

.header-top .sitemap {width: 35px; height: 30px; display: flex; align-items: center; justify-content: center; background: url('../images/common/sitemap-w.svg')no-repeat center center/28px; text-indent: -9999px; transition: 0.3s ease-in-out; position: relative; z-index: 1100;}
.header-top .sitemap.is-open {background: url('../images/common/sitemap-close.svg')no-repeat center center/28px;}
.header-top .sitemap.is-open:hover {transform: rotate(180deg);}


/* header-bottom */
.header-bottom {border-bottom: 1px solid #fff;}
.header-bottom .wrap {height: 70px;}
.header-bottom .wrap .gnb-list {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.header-bottom .wrap .gnb-list > li {width: 10%; height: 100%;}
.header-bottom .wrap .gnb-list > li > a {width: 100%; height: 100%; padding: 0 5px; font-family: 'Paperlogy ExtraBold'; font-size: 19px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; transition: 0.2s ease-in-out;}
.header-bottom .wrap .gnb-list > li > a > span.notranslate {font-family: 'Paperlogy ExtraBold';}
.header-bottom .wrap .gnb-list > li:hover > a {color: #6198FF;}
.header-bottom .wrap .gnb-list > li > a::before {content: ''; width: 0; height: 4px; background-color: #6198FF; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: 0.2s ease-in-out;}
.header-bottom .wrap .gnb-list > li:hover > a::before {width: 100%;}
.header-bottom .wrap .gnb-list > li:focus-within > a {color: #6198FF;}
.header-bottom .wrap .gnb-list > li:focus-within > a::before {width: 100%;}

/* depth02 */
.header-bottom .gnb-bg {opacity: 0; visibility: hidden; transform: translateY(0); height: 0; width: 100%; position: absolute; top: 172px; left: 0; background-color: #fff; z-index: -1; transition: 0.2s ease-in-out; border-bottom: 1px solid #ccc;}
.header-bottom .depth {opacity: 0; visibility: hidden; transform: translateY(0); height: 0; border-right: 1px solid #ccc; position: relative; top: 1px; transition: 0.2s ease-in-out;}
/* .header-bottom .depth::before {content: ''; width: 1px; height: calc(100% - 40px); background-color: #ccc; position: absolute; top: 50%; transform: translateY(-50%); right: 0;} */
.header-bottom .gnb-list > li:last-child .depth {border-right: 0;}
.header-bottom .depth li {display: flex; align-items: center; justify-content: center; text-align: center;}
.header-bottom .depth li a {padding: 12px 10px; color: #101010; font-family: 'Paperlogy Medium'; font-size: 18px; word-break: keep-all; display: inline-block; width: 100%; height: 100%; transition: 0.15s ease-in-out; position: relative;}
.header-bottom .depth li a:hover {color: #6198FF;}
.header-bottom .depth li a[target="_blank"]::after {content: '\F1C5'; font-family: 'bootstrap-icons'; font-size: 15px; color: inherit; font-weight: bold !important; margin-left: 5px; display: inline-block;}

.gnb-list:hover ~ .gnb-bg, .gnb-list:focus-within ~ .gnb-bg {opacity: 1; height: 500px; visibility: visible;}
.gnb-list:hover .depth, .gnb-list:focus-within .depth {opacity: 1; height: 500px; visibility: visible;}

@media (max-width: 1400px) {
    .header-bottom .wrap .gnb-list > li > a {font-size: 17px;}

    .header-bottom .depth li a {font-size: 17px;}
}
@media (max-width: 1200px) {
    .header-top .logo {position: static; transform: translate(0);}

    .header-top {border-color: #fff;} 
    .header-top .wrap {height: 80px;}

    .header-top .logo a img {max-width: 200px;}
    .header-top .cityhall {display: none;}
    .header-top .a_link,
    .header-top .jnu {display: none;}
    
    .header-top .header-etc > ul > li.login {display: none;}
    .header-top .header-etc > ul > li.logout {display: none;}
    .header-top .header-etc > ul > li.admin {display: none;}

    .header-bottom {display: none;}
}
@media (max-width: 768px) {
    .header-top .wrap {height: 60px;}


    .header-top .header-etc {gap: 10px;}
    .header-top .header-etc li .lang-btn i {margin-left: 7px;}
}
@media (max-width: 500px) {
    .lang-btn {text-indent: -9999px;}
    .header-top .header-etc > ul > li > a::before, .header-top .header-etc > ul > li > button::before {width: 24px; height: 24px;}
    .header-top .header-etc li .lang-btn i {display: none;}

    .header-top .header-etc .lang-list {width: 100px;}
}


/* ----- 사이트 맵 ----- */
html.sitemap-lock, body.sitemap-lock{overflow: hidden;}

#sitemap{opacity: 0; visibility: hidden; width: 100%; height: 100vh; min-height: 800px; padding: 80px 0; position: fixed; z-index: 1000; background-color: rgba(255,255,255,0.7); backdrop-filter: blur(25px); visibility: hidden; pointer-events: none; clip-path: inset(0 0 100% 0); transform: translateY(-10px); transition: 0.3s ease-in-out;}
#sitemap.is-open{opacity: 1; visibility: visible; pointer-events: auto; clip-path: inset(0 0 0 0); transform: translateY(0); transition: 0.2s ease-in-out;}

#sitemap.is-open ~ .header-top .logo a img.logo-w {opacity: 0; pointer-events: none;}
#sitemap.is-open ~ .header-top .logo a img.logo-c {opacity: 1; pointer-events: auto;}

#sitemap .wrap{opacity: 0; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(12px) scale(.98); transition: 0.3s ease-in-out;}
#sitemap.is-open .wrap{opacity: 1; transform: translateY(0) scale(1); transition-delay: .2s;}
#sitemap .wrap .depth01 {display: flex; flex-wrap: wrap; gap: 40px 20px;}
#sitemap .wrap .depth01 > li {width: calc(50% - 10px);}
#sitemap .wrap .depth01 > li > a {font-family: 'Paperlogy Bold'; font-size: 28px; color: #101010; transition: 0.2s ease-in-out; word-break: keep-all;}

#sitemap .wrap .depth02 {width: fit-content; display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px;}
#sitemap .wrap .depth02 > li {position: relative; padding-right: 20px;}
#sitemap .wrap .depth02 > li::before {content: ''; width: 1px; height: 10px; background-color: #666; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#sitemap .wrap .depth02 > li:last-child::before {display: none;}

#sitemap .wrap .depth02 > li > a {color: #222; font-size: 18px; position: relative; word-break: keep-all;}
#sitemap .wrap .depth02 > li > a::before {content: ''; width: 0; height: 1px; background-color: #222; position: absolute; bottom: 0; left: 0; transition: 0.2s ease-in-out;}
#sitemap .wrap .depth02 > li > a:hover::before {width: 100%;}

#sitemap .wrap .depth02 > li > a[target="_blank"]::after {content: '\F1C5'; font-family: 'bootstrap-icons'; font-size: 16px; display: inline-block; margin-left: 5px;}

@media (max-width: 1400px) {
    #sitemap .wrap .depth01 {gap: 30px 20px;}
    #sitemap .wrap .depth01 > li > a {font-size: 24px;}
    #sitemap .wrap .depth02 > li > a {font-size: 17px;}
    #sitemap .wrap .depth02 {gap: 15px;}
    #sitemap .wrap .depth02 > li {padding-right: 15px;}
}
@media (max-width: 1200px) {
  #sitemap{
    display: none !important;
  }
}


/* ----- 모바일 메뉴 (햄버거 메뉴) ----- */
/* html.gnb-lock, body.gnb-lock {overflow: hidden;} */
.gnb-dim {display: none; position: fixed; inset: 0; background: rgba(0,0,0,.6); opacity: 0; visibility: hidden; pointer-events: none; transition: 0.2s ease-in-out; z-index: 1090;}
.gnb-dim.is-open {opacity: 1; visibility: visible; pointer-events: auto; transition: 0.2s ease-in-out;}

#gnb-mo {display: none; transform: translateX(100%); transition: 0.2s ease-in-out; will-change: transform; width: 100%; max-width: 500px; height: 100%; background-color: #f5f5f5; position: fixed; top:0; right: 0; z-index: 1100; overflow: auto; overflow-x: hidden;}
#gnb-mo.is-open {transform: translateX(0);}
#gnb-mo .gnb-mo-header {background-color: #fff;}
#gnb-mo .gnb-mo-header .mo-top {height: 70px; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between;}
#gnb-mo .gnb-mo-header .mo-logo {width: 100%; height: 100%;}
#gnb-mo .gnb-mo-header .mo-logo a {display: flex; align-items: center; justify-content: flex-start; height: 100%;}
#gnb-mo .gnb-mo-header .mo-logo a img {max-width: 200px;}
#gnb-mo .gnb-mo-header .mo-top .mo-btn-wrap {display: flex; gap: 12px; align-items: center; justify-content: center;}
#gnb-mo .gnb-mo-header .mo-top .mo-btn-wrap .admin-btn i {font-size: 16px; color: #434343; background-color: #f5f5f5; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
#gnb-mo .gnb-mo-header .mo-top .mo-btn-wrap .close-btn {width: 26px; height: 26px; background: url('../images/common/sitemap-close.svg')no-repeat center center/contain; transition: 0.3s ease-in-out;}
#gnb-mo .gnb-mo-header .mo-top .mo-btn-wrap .close-btn:hover {transform: rotate(180deg);}

#gnb-mo .gnb-mo-header .mo-bottom {height: 60px; background-color: #003b83; padding: 10px 20px;}
#gnb-mo .gnb-mo-header .mo-bottom ul {height: 100%; display: flex; align-items: center; justify-content: center; gap: 10px;}
#gnb-mo .gnb-mo-header .mo-bottom ul li {width: 100%; padding: 6px 10px; background-color: #fff; border-radius: 100px;}
#gnb-mo .gnb-mo-header .mo-bottom ul li a {font-family: 'Paperlogy Medium'; font-size: 17px; display: flex; align-items: center; justify-content: center;}
#gnb-mo .gnb-mo-header .mo-bottom ul li a::before {content: ''; width: 15px; height: 15px; background-color: #fc0; margin-right: 5px; position: relative; top: -1px;}
#gnb-mo .gnb-mo-header .mo-bottom ul li a.cityhall::before {background: url('../images/common/cityhall.svg')no-repeat center center/contain;}
#gnb-mo .gnb-mo-header .mo-bottom ul li a.login::before {background: url('../images/common/login-b.svg')no-repeat center center/contain;}
#gnb-mo .gnb-mo-header .mo-bottom ul li a.logout::before {background: url('../images/common/logout-b.svg')no-repeat center center/contain;}

#gnb-mo .gnb-mo-main {height: calc(100% - 130px); display: flex; position: relative;}
#gnb-mo .mo-depth01 {background-color: #fff; width: 200px; padding: 10px 0;}
#gnb-mo .mo-depth01 .mo-tab {background-color: #fff; display: flex; align-items: center; justify-content: flex-start; padding: 14px 20px; position: relative; transition: 0.2s ease-in-out; font-family: 'Paperlogy SemiBold'; font-size: 17px; word-break: keep-all;}
#gnb-mo .mo-depth01 .mo-tab::before {content: '\F285'; font-weight: bold !important; font-family: 'bootstrap-icons'; font-size: 14px; position: absolute; top: 16px; right: 20px; display: none;}
#gnb-mo .mo-depth01 .mo-tab:hover {color: #003b83;}
#gnb-mo .mo-depth01 .mo-tab.is-active {color: #003b83;}
#gnb-mo .mo-depth01 .mo-tab.is-active::before {display: block;}

#gnb-mo .mo-depth02 {width: calc(100% - 200px); height: 100%; min-height: fit-content; background-color: #f5f5f5; position: absolute; top: 0; right: 0;}

#gnb-mo .mo-depth02 {display: none; padding: 10px;}
#gnb-mo .mo-depth02 a {font-size: 17px; display: block; align-items: center; padding: 10px; word-break: keep-all; color: #555;}
#gnb-mo .mo-depth02 a::after {content: '\F1C5'; font-family: 'bootstrap-icons'; font-weight: bold !important; font-size: 14px; margin-left: 7px; display: none;}
#gnb-mo .mo-depth02 a:hover {font-family: 'Paperlogy Medium';}
#gnb-mo .mo-depth02 a.active {color: #003b83; font-family: 'Paperlogy Medium';}
#gnb-mo .mo-depth02 a[target="_blank"]::after {display: inline-block;}

#gnb-mo .mo-depth01 > li.is-open > .mo-depth02 {display: block;}

@media (max-width: 1200px) {
    .gnb-dim{display:block;}

    #gnb-mo{display:block; transform: translateX(100%);}
    #gnb-mo.is-open{transform: translateX(0);}
}
@media (max-width: 500px) {
    #gnb-mo {max-width: 100%;}

    #gnb-mo .gnb-mo-header .mo-top {padding: 10px 15px;}
    #gnb-mo .gnb-mo-header .mo-bottom {padding: 10px 15px;}

    #gnb-mo .mo-depth01 {width: 180px;}
    #gnb-mo .mo-depth01 .mo-tab {padding: 14px 15px;}
    #gnb-mo .mo-depth01 .mo-tab::before {right: 15px;}

    #gnb-mo .mo-depth02 {width: calc(100% - 180px);}
}


/* ----- 푸터 ----- */
footer {position: relative; z-index: 120;}
/* footer-top 배너 */
.footer-top {background-color: #fff; border-top: 1px solid #e2e2e2;}
.footer-top .banner {display: flex; padding: 30px 0;}

.banner-control {display: flex; align-items: center; gap: 20px; width: 200px; flex: 1;}
.banner-control span {font-family: 'Paperlogy SemiBold'; font-size: 23px;}

.banner-control .banner-btn-wrap {display: flex; align-items: center; justify-content: center; gap: 8px;}
.banner-control .banner-btn {position: relative; display: flex; align-items: center; justify-content: center;}
.banner-control .banner-btn::before {content: ''; font-family: 'bootstrap-icons'; font-size: 16px; font-weight: bold; }
.banner-control .banner-prev::before {content: '\F284';}
.banner-control .banner-toggle::before {font-size: 20px;}
.banner-control .pause::before {content: '\F4C4';}
.banner-control .play::before {content: '\F4F4'; position: relative; left: 1px;}
.banner-control .banner-next::before {content: '\F285';}

.banner-swiper {width: calc(100% - 200px);}
.banner-swiper .swiper-slide {display: flex; align-items: center; justify-content: center;}
.banner-swiper .swiper-slide a {width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;}
.banner-swiper .swiper-slide a img {width: 100%; height: 100%; max-width: 160px; max-height: 45px; object-fit: contain;}

/* footer-bottom */
.footer-bottom {background-color: #031038; padding: 40px 0;}

.footer-link {width: 100%; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; margin-bottom: 40px;}
.footer-link > li {width: calc(33.333% - 26.666px); position: relative;}
.footer-link > li > a {width: 100%; height: 100%; height: 65px; border-radius: 15px; padding: 0 20px; background-color: #14224C; font-family: 'Paperlogy SemiBold'; font-size: 18px; color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: space-between; transition: 0.2s ease-in-out;}
.footer-link > li > a:hover {color: #fff;}
.footer-link > li.is-open > a {border-radius: 0 0 15px 15px; color: #fff;}
.footer-link > li > a i {display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background-color: #041432; border-radius: 50%; color: rgba(255, 255, 255, 0.8); font-size: 15px; transition: 0.2s ease-in-out;}
.footer-link > li > a i::before {font-weight: bold !important;}
.footer-link > li.is-open > a i {transform: rotate(180deg);}

.footer-link li > ul {width: 100%; padding: 10px; border-radius: 15px 15px 0 0; position: absolute; bottom: 65px; z-index: 10; background-color: #353e5a; display: none; max-height: 350px; overflow: auto;}
.footer-link li > ul li {}
.footer-link li > ul li a {padding: 8px 15px; display: block; font-size: 17px; color: rgba(255, 255, 255, 0.7); transition: color 0.2s ease-in-out;}
.footer-link li > ul li a:hover {color: #fff;}

.footer-quick {display: flex; gap: 10px 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-bottom: 30px; margin-bottom: 30px; flex-wrap: wrap;}
.footer-quick li {position: relative;}
.footer-quick li::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; opacity: 0.4; position: absolute; top: 50%; transform: translateY(-50%); right: -22.5px;}
.footer-quick li:last-child::before {display: none;}
.footer-quick li a {font-family: 'Paperlogy Medium'; color: #fff; font-size: 18px; transition: 0.2s ease-in-out; position: relative;}
.footer-quick li a::before {content: ''; width: 0; height: 1px; background-color: #fff; opacity: 0.6; position: absolute; bottom: -4px; left: 0; transition: width 0.2s ease-in-out;}
.footer-quick li:first-child a {color: #00a8e2;}
.footer-quick li:first-child a::before {background-color: #00a8e2;}
.footer-quick li a:hover::before {width: 100%;}

.footer-bottom .address {margin-bottom: 30px; word-break: keep-all;}
.footer-bottom .address p {font-size: 18px; color: rgba(255, 255, 255, 0.6); line-height: 1.6;}
.footer-bottom .address p a {color: rgba(255, 255, 255, 0.6)}

.footer-bottom .copyright {font-size: 18px; color: rgba(255, 255, 255, 0.4);}

.footer-link li > ul::-webkit-scrollbar {width: 7px;}
.footer-link li > ul::-webkit-scrollbar-track {background: #f0f0f0; border-radius: 100px;}
.footer-link li > ul::-webkit-scrollbar-thumb {background: #9c9c9c; border-radius: 100px;}
.footer-link li > ul::-webkit-scrollbar-thumb:hover {background-color: #929292;}

@media (max-width: 1200px) {
    .footer-top .banner {padding: 15px 0;}
    .banner-control {width: 170px;}
    .banner-control span {font-size: 20px;}
    .banner-control .banner-btn::before {font-size: 14px;}
    .banner-control .banner-toggle::before {font-size: 16px;}
    .banner-swiper {width: calc(100% - 170px);}
    .banner-swiper .swiper-slide a img {max-width: 140px; max-height: 34px;}

    .footer-bottom {padding: 20px 0;}
    .footer-link {gap: 20px; margin-bottom: 20px;}
    .footer-link > li {width: calc(33.333% - 13.333px);}
    .footer-link > li > a {font-size: 17px; height: 56px; border-radius: 10px; padding: 0 15px;}
    .footer-link > li.is-open > a {border-radius: 0 0 10px 10px;}
    .footer-link > li > a i {width: 34px; height: 34px; font-size: 12px;}
    .footer-link li > ul {bottom: 56px; border-radius: 10px 10px 0 0;}
    .footer-link li > ul li a {padding: 6px 10px; font-size: 16px;}

    .footer-quick {gap: 10px 30px; padding-bottom: 20px; margin-bottom: 20px;}
    .footer-quick li a {font-size: 17px;}
    .footer-quick li::before {width: 4px; height: 4px; right: -17px;}

    .footer-bottom .address {margin-bottom: 20px;}
    .footer-bottom .address p {font-size: 17px;}
    .footer-bottom .copyright {font-size: 17px;}
}
@media (max-width: 1024px) {
    .footer-link {gap: 15px; justify-content: flex-start;}
    .footer-link > li {width: calc(50% - 7.5px);}
}
@media (max-width: 768px) {
    .banner-control {gap: 15px; width: 150px;}
    .banner-control .banner-btn-wrap {gap: 5px;}
    
    .banner-swiper {width: calc(100% - 150px);}
    
    .footer-link > li {width: 100%;}
}
@media (max-width: 500px) {
    .footer-top .banner {flex-direction: column; gap: 12px;}
    .banner-control {width: 100%; justify-content: center;}

    .banner-swiper {width: 100%;}
}


/* ----- 플로팅 메뉴 ----- */
.floating {position: fixed; top: 0; right: 0; width: 0; height: 0; right: 20px; pointer-events: none; z-index: 500; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; display: flex; flex-direction: column; align-items: flex-end; gap: 20px;}
.floating.is-show {opacity: 1; visibility: visible;}

.floating ul {display: flex; flex-direction: column; gap: 10px; position: fixed; top: 50%; right: 20px; transform: translateY(-50%); pointer-events: auto;}
.floating ul li a {font-size: 18px; padding: 8px 40px 8px 22px; border-radius: 100px; border: 3px solid transparent; display: flex; align-items: center; justify-content: center; position: relative; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(5px);}
.floating ul li a::after {content: ''; width: 14px; height: 14px; border-radius: 100px; background-color: #fff; border: 4px solid #0b54ae; position: absolute; top: 50%; transform: translateY(-50%); right: 18px;}

.floating ul li.on a {background-color: #003b83; border: 3px solid #c1cdea; color: #fff; font-family: 'Paperlogy SemiBold';}
.floating ul li.on a::after {background-color: #003b83; border-color: #fff;}

.floating .go-top {width: 65px; height: 65px; background-color: #2c3131; display: block; border-radius: 50%; box-shadow: 0 10px 10px #6d6d6d30; position: fixed; right: 20px; bottom: 40px; pointer-events: auto;}
.floating .go-top::before {content: ''; width: 20px; height: 20px; background: url('../images/common/go-top.svg')no-repeat center center/contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (max-width: 1200px) {
    .floating ul {display: none;}
}
@media (max-width: 768px) {
    /* .floating {right: 10px;}
    .floating ul li a {font-size: 17px; padding: 6px 30px 6px 15px;}
    .floating ul li a::after {width: 12px; height: 12px; border: 3px solid #0b54ae; right: 14px;} */

    .floating .go-top {width: 50px; height: 50px;}
    .floating .go-top::before {width: 16px; height: 16px;}
}