/* skip */
.skip {position: absolute; top: 0;  left: 0;  width: 100%;}
.skip a {display: block; position: absolute; top: -50px; left: 0; z-index: 1000; width: 100%; background-color: #333333; text-align: center; color: #ffffff;}
.skip a:active, .skip a:focus {top: 0;}

/* header */
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background-color: #ffffff;}
.header.shadow .nav--menu {box-shadow: 0 5px 10px 3px rgba(0, 0, 0, .05);}
.header.hidden .nav--menu {margin-top: -150px; transition: .5s;}
.hd-top {height: 45px;}
.hd-top-wr, .hd-bottom-wr {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.tnb-ul {display: flex; gap: 30px; align-items: center;}
.tnb-li {position: relative;}
.tnb-li:not(:last-child)::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -15.5px; width: 1px; height: 15px;}

.nav--menu .hd-top {background-color: #f8f8f8;}
.nav--menu .tnb-li a {color: #666666;}
.nav--menu .tnb-li:not(:last-child)::after {background-color: #dddddd;}

.header-menu, .gnb-ul {display: flex; gap: min(2.5vw, 30px);}
.header-menu {height: 100%; align-items: center;}
.hd-bottom {height: 95px;}
.header-logo {display: flex; align-items: center; justify-content: center; /*width: clamp(180px, 35vw, 312px);*/}
.header-logo a {display: flex; align-items: center; justify-content: center; width: 100%;}
.gnb-ul {height: 100%;}
.gnb-li {position: relative; display: flex; height: 100%;}
.header-ham-wr {font-size: 0;}
.header-ham {width: 54px; height: 54px; border-radius: 0.6rem; background: #016DD8 url('../images/icon-menu.png') no-repeat center center / 24px;}

.nav--menu {transition: .5s;}
.nav--menu .gnb-li > a {padding: 10px; font-size: 1.25rem; font-weight: 500; color: #0f0f0f;}
.nav--menu .gnb-li {align-items: center;}
.nav--menu .gnb-dep2-ul {display: none; position: absolute; left: 50%; top: calc(100% - 22px); transform: translateX(-50%); padding: 15px 0; width: 150px; height: auto; background-color: #016CD8; border-radius: 1rem;}
.nav--menu .gnb-dep2-li {padding: 5px; height: auto; text-align: center;}
.nav--menu .gnb-dep2-li a {padding: 5px; color: #e1f0fd; font-size: 1.125rem; font-weight: 400;}

/* sitemap */
.scroll-lock {overflow: hidden;}
.sitemap {display: none; position: fixed; top: 0; left: 0; padding-bottom: 5vh; width: 100%; height: 100%; background-color: #DFEDFF; z-index: 500; overflow-y: auto;}
.nav--sitemap .hd-top {background-color: #0667AE;}
.nav--sitemap .tnb-li a {color: #ffffff;}
.nav--sitemap .tnb-li:not(:last-child)::after {background-color: #b8c7d3;}
.nav--sitemap .header-ham {background-image: url('../images/icon-menu_close.png'); background-size: 28px;}
.sitemap-tit {padding-bottom: 10px; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 2rem; font-weight: 700;}
.sitemap-wr .sitemap-tit {padding-bottom: 77px; color: #333333; font-size: 42px; line-height: 1.1667;}
.sitemap-wr {padding-top: clamp(60px, 10vw, 140px);}
.sitemap-wr--mo {display: none;}
.sitemap-wr:first-child {margin-top: -10px;}
.sitemap-wr .gnb-ul--sitemap {display: flex; justify-content: space-between; align-items: stretch; gap: 20px;}
.sitemap-wr .gnb-li {flex: 1; height: auto;}
.sitemap-wr .gnb-li > a::after {content: ''; position: absolute; right: 24px; bottom: 21px; display: inline-block; width: 80px; aspect-ratio: 1 / 1;}
.sitemap-wr .gnb-li:nth-child(1) > a::after {background: url("../images/icon-sitemap01.png") no-repeat center center / contain;}
.sitemap-wr .gnb-li:nth-child(2) > a::after {background: url("../images/icon-sitemap02.png") no-repeat center center / contain;}
.sitemap-wr .gnb-li:nth-child(3) > a::after {background: url("../images/icon-sitemap03.png") no-repeat center center / contain;}
.sitemap-wr .gnb-li:nth-child(4) > a::after {background: url("../images/icon-sitemap04.png") no-repeat center center / contain;}
.sitemap-wr .gnb-li > a {display: flex; flex-direction: column; justify-content: space-between; align-items: start; gap: 90px; position: relative; width: 100%; height: 100%; padding: 40px; border-radius: 1.2rem; background-color: #ffffff; transition: background-color 0.3s;}
.sitemap-wr .gnb-li > a:hover {background-color: #0667AE;}
.sitemap-wr .gnb-li > a .title {color: #333333; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 1.75rem; font-weight: 700; line-height: 1.179; transition: color 0.3s;}
.sitemap-wr .gnb-li > a .color {transition: color 0.3s;}
.sitemap-wr .gnb-li:hover > a .title {color: #ffffff;}
.sitemap-wr .gnb-li:hover > a .color {color: #ffffff;}
.sitemap-wr .gnb-li > a .round-btn {display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 106px; min-height: 35px; padding: 5px; border-radius: 100px; background-color: #ffffff; border: 1px solid #cccccc; color: #333333; font-size: 16px; font-weight: 500; line-height: 1;}
.sitemap-wr .gnb-li > a .round-btn::after {content: ''; display: inline-block; width: 15px; aspect-ratio: 1 / 1; background: url("../images/icon-arrow-right.png") no-repeat center center / contain;}
.sitemap-wr .gnb-dep2-ul {padding-top: 15px;}
.dot-txt {position: relative; padding-left: 10px; font-size: 1.125rem; color: #444444; font-weight: 400;}
.dot-txt::before {content: ''; position: absolute; left: 0; top: 0.55rem; width: 3px; height: 3px; border-radius: 50%; font-size: 1.125rem; background-color: #444444;}
.sitemap-wr .hd-sites-wr {display: flex; gap: 0 5%; padding: clamp(10px, 1.5vw, 25px) clamp(10px, 2.5vw, 42px); border: 1px solid #ffffff; border-radius: 1.2rem;}
.sitemap-wr .hd-sites-ul {flex: 1; display: flex; flex-direction: column;}
.sitemap-wr .hd-sites-li {padding: 5px ;}
.sitemap-wr .hd-sites-li > a {position: relative; padding-left: 15px; font-size: 1.125rem; color: #ffffff; font-weight: 400;}
.sitemap-wr .hd-sites-li > a::before {content: '˙'; position: absolute; left: 0; top: 0.2rem; font-size: 1.125rem;}

/* footer */
.footer {position: relative;}

.footer-top {display: flex; align-items: center; position: relative; height: 70px; background-color: #f5f5f5; border-top: 1px solid #e8e8e8;}
.slick-arrow {display: none !important;}
.footer-slider .slick-track {display: flex; gap: 0 35px;}
.footer-slider {overflow: hidden;}
.footer-slide {position: relative; width: auto;}
.footer-slide:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: -18.5px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #bbbbbb;}
.footer-slide a {font-size: 1.125rem; font-weight: 400; color: #333333;}
.footer-sl-ctr {display: flex; align-items: center; gap: 0 2px; position: absolute; top: 50%; transform: translateY(-50%); right: calc(50% - 728px); background-color: #fafafa;}
.footer-sl-ctr::after {content: ''; position: absolute; top: 0;right: 100%; width: 30px; height: 100%; background: linear-gradient(to right, transparent 1%, #fafafa 100%);}
.footer-sl-btn {display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 0.65rem; border: 1px solid #cccccc; background-color: #ffffff;}
.footer-sl-btn img {width: 8px;}
.footer-sl-btn.footer-sl-pause img {width: 10px;}
.footer-sl-play {display: none;}

.footer-btm {padding: 30px 0 106px;}
.footer-btm-wr {display: flex; justify-content: space-between; align-items: flex-end;}
.footer-info-ul {display: flex; gap: 0 35px; flex-wrap: wrap;}
.footer-info-li {position: relative; color: #666666; font-family: 'Noto Sans KR', sans-serif;}
.footer-info-li:not(:last-child)::after {content: ''; position: absolute; right: -17px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #cecece;}
.footer-copy {margin-top: 10px; color: #999999;}
.footer-link-ul {display: flex; gap: 0 28px; flex-wrap: wrap;}
.footer-link-li {position: relative;}
.footer-link-li:not(:last-child)::after {content: ''; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #ccc;}
.footer-link-li a {color: #2E2E2E; font-weight: 400; text-underline-offset: 2px; font-size: 18px;}
.footer-link-li a:hover {text-decoration: underline;}
.footer-link-li .point-color {color: #016CD8; font-weight: 700;}

.btn-top {display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; right: 30px; bottom: 30px; width: clamp(35px, 10vw, 60px); height: clamp(35px, 10vw, 60px); border-radius: 0.8rem; background-color: #016CD8; color: #ffffff; font-size: 14px; font-weight: 500; z-index: 2; display: none;}
.btn-top img {}
.btn-top.abs {position: absolute; top: 0; transform: translateY(-50%);}

/* common */
.container {margin: 140px 0 0 0;}

.icon-category {display: inline-block; padding: 4px 8px 3px; border-radius: 0.3rem; font-size: 1rem; line-height: 1.375;}
.icon-category.cate1 {background-color: #e1f0fd; color: #298bd3;}
.icon-category.cate2 {background-color: #daf2e1; color: #2d883e;}
.icon-category.cate3 {background-color: #fdf1e1; color: #a67011;}

/* main */
.mainsec--1 {position: relative; padding: 0 min(3vw, 60px);}
.mainsec--1::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: min(7.3vw, 140px); background-color: #DFEDFF;}
.main-visual-slider {position: relative; margin: auto; width: 100%; max-width: 1800px; height: clamp(240px, 40vw, 600px); border-radius: 0 0 4vw 4vw; overflow: hidden;}
.main-visual-slogan {position: absolute; top: 50%; left: 94px; transform: translateY(calc((100% + 60px) / -2)); max-width: 50%; z-index: 10;}
.main-visual-slogan br {display: none;}
.main-visual-slogan-img {}
.main-visual-slogan-img:nth-of-type(1) {display: block; margin-bottom: 20px;}
.main-visual-slogan-img:nth-of-type(2) {display: inline-block;}
.main-visual-slogan-img:nth-of-type(3) {display: inline-block; margin-left: 0.5rem;}
.main-visual-slogan-txt {margin-top: 60px; color: #FFF264; font-size: 28px; line-height: 1.179; font-weight: 300;}
.main-visual-slogan-txt strong {font-weight: 700;}
.main-visual-slogan-txt br {display: none;}
.main-visual-slide {position: relative;}
.main-visual-slide img {width: 100%; height: 100%; object-fit: cover;}
.main-visual-ctr-wr {display: flex; align-items: center; gap: 19px; position: absolute; left: 94px; bottom: 60px; z-index: 10; color: #ffffff;}
.slide-length-wr {display: flex; gap: 20px; margin-right: 5px;}
.slide-length {font-size: 1.25rem; font-weight: 500;}
.main-visual-length {color: #ffffff;}
.slide-length-current {position: relative;}
.slide-length-current::after {content: ''; position: absolute; top: 50%; left: calc(100% + 9px); width: 5px; height: 1px;}
.main-visual-current::after {background-color: #ffffff;}
.main-visual-pagination .swiper-pagination-bullet {position: relative; margin: 0 5px !important; width: 8px; height: 8px; border-radius: 4px; background-color: #a79ea5; opacity: 1; transition: width .3s;}
.main-visual-pagination .swiper-pagination-bullet::after {content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 100%; transform: translateY(-50%); border-radius: 4px; transition: width .2s;}
.main-visual-pagination .swiper-pagination-bullet-active {position: relative;  left: 0; width: 40px; background-color: transparent;}
.main-visual-pagination .swiper-pagination-bullet-active::after {width: 100%; background-color: #ffffff;}
.main-visual-btn-wr {display: flex; align-items: center; gap: 16px;}
.main-visual-arrow-wr {display: flex; align-items: center; gap: 20px; position: relative;}
.main-visual-arrow-wr::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 14px; background-color: rgba(255, 255, 255, .5);}
.main-visual-btn {display: flex; align-items: center; justify-content: center; width: 15px; height: 20px;}
.main-visual-btn img {width: 10px;}
.main-visual-btn.play {display: none;}

.mainsec--2 {padding: 60px 0 90px; background-color: #DFEDFF;}
.mainsec--2__wr {display: flex; align-items: stretch; justify-content: space-between; gap: 20px; position: relative;}
.mainsec--2__wr .sitemap-tit {color: #333333; font-size: 2.625rem; line-height: 1.1667; padding-bottom: 25px;}
.main-news-wr {width: calc(100% - 490px);}
.main-news-box {position: relative; height: calc(100% - 2.625rem * 1.1667 - 25px); border-radius: 20px; overflow: hidden; box-shadow: 0 0 14px rgba(0, 0, 0, 0.14);}
.main-news-box-top {display: flex; align-items: center; justify-content: space-between; padding: 0 25px 0 30px; height: 55px; background-color: #0667AE;}
.main-news-box-top a {color: #ffffff; font-weight: 400;}
.main-news-cate-wr {display: flex; gap: 0 25px;}
.main-news-cate {position: relative; font-size: 1.125rem; color: #a6cdea;}
.main-news-cate.active {color: #ffffff; font-weight: 700;}
.main-news-cate:not(.tab-newsCateIS)::after {content: ''; position: absolute; top: 50%; right: -13px; transform: translateY(-50%); width: 1px; height: 15px; background-color: #6AA4CE;}
.main-news-more span {display: inline-block; position: relative; margin-left: 9px; width: 12px; height: 12px; transition: .3s;}
.main-news-more span::after, .main-news-more span::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff;}
.main-news-more span::after {width: 100%; height: 2px;}
.main-news-more span::before {width: 2px; height: 100%;}
.main-news-box-ul {display: none; position: absolute; bottom: 0; left: 0; padding: 30px 18px; width: 100%; height: calc(100% - 55px); background-color: #ffffff;}
.main-news-box-ul.active {display: flex;}
.main-news-box-li {flex: 1;}
.main-news-box-li:not(:last-child) {border-right: 1px solid #dddddd;}
.main-news-box-li a {display: flex; flex-direction: column; gap: 15px 0; justify-content: space-between; padding: 0 20px; height: 100%;}
.main-news-box-li:hover .main-news-sbj {text-decoration: underline;}
/* .main-news-box-li a:focus {background-color: #eeeeee;} */
.main-news-sbj {display: block; margin-top: 23px; margin-bottom: 46px; color: #000000; font-size: 1.125rem; font-style: normal; text-underline-offset: 2px; font-weight: 500; white-space: normal; overflow: hidden; line-height: 1.389; height: calc(2em * 1.389); text-align: left; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-news-date {display: block; color: #666666;}

.main-logo-ul {display: flex; align-items: flex-start; justify-content: space-between; padding: 35px 40px 0;}
.main-logo-link {display: flex; align-items: center; justify-content: center; margin: auto; width: 100px; height: 100px; border-radius: 1.2rem; transition: .2s;}
.main-logo-txt {padding-top: 10px; text-align: center; font-size: 1.25rem; font-weight: 400; color: #333333;}
.main-logo-li.cnpo .main-logo-link {background-color: #0b3080;}
.main-logo-li.cnpo img {width: 60%;}
.main-logo-li.cnpc .main-logo-link {background-color: #8b1501;}
.main-logo-li.cnpc img {width: 55%;}
.main-logo-li.nonsan .main-logo-link {background-color: #285db4;}
.main-logo-li.nonsan img {width: 77%;}
.main-logo-li.gyeryong .main-logo-link {background-color: #30b349;}
.main-logo-li.gyeryong img {width: 58%;}
.main-logo-li.geumsan .main-logo-link {background-color: #f9b134;}
.main-logo-li.geumsan img {width: 50%;}

.main-banner-wr {width: 470px;}
.main-banner-tit-wr {display: flex; align-items: center; justify-content: space-between;}
.main-banner-current {color: #333333;}
.main-banner-current::after {background-color: #ababab;}
.main-banner-total {color: #a2a9b8;}
.main-banner-slider {overflow: hidden; border-radius: 1rem; box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);}
.main-banner-slider .swiper-wrapper {}
.main-banner-slide {width: 470px; height: 420px; overflow: hidden;}
.main-banner-slide a {display: block; position: relative; width: 100%; height: 100%; border-radius: 1rem;}
.main-banner-slide a::after {content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 1rem; border: 3px solid #0f0f0f; opacity: 0;}
.main-banner-slide a:focus::after {opacity: 1;}
.main-banner-slide img {width: 100%; height: 100%; object-fit: cover;}
.main-banner-ctr-wr {display: flex; align-items: center; gap: 0 17px;}
.main-banner-btn img {width: 10px;}
.main-banner-btn.play {display: none;}
.main-banner-btn-wr {display: flex; align-items: center; gap: 0 10px;}
.main-banner-btn {display: flex; align-items: center; justify-content: center; width: 15px; height: 20px;}

.main-banner-box {display: block; width: 470px; max-width: 100%; height: 373px;}
.main-banner-link {position: relative; display: block; width: 100%; height: 100%; padding: 53px 45px; border-radius: 30px; background: url("../images/governor-img2.png") no-repeat center center / cover; box-shadow: 0 0 14px rgba(0, 0, 0, 0.14); transition: box-shadow 0.3s;}
.main-banner-link:hover {box-shadow: 0 0 14px 5px rgba(157, 181, 213, 0.5);}
.main-banner-link .t1 {position: relative; z-index: 1; color: #333333; font-size: 28px; font-weight: 500; line-height: 1.19; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif;}
.main-banner-link .t2 {position: relative; z-index: 1; margin: 15px 0 50px; color: #333333; font-size: 42px; font-weight: 700; line-height: 1.16667; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif;}
.main-banner-link .round-btn {position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 104px; min-height: 38px; padding: 5px; border-radius: 100px; background-color: #016CD8; border: none; color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1; font-family: 'Noto Sans KR', sans-serif;}
.main-banner-link .round-btn::after {content: ''; display: inline-block; width: 19px; aspect-ratio: 1 / 1; background: url("../images/icon-plus_white.png") no-repeat center center / contain; transition: transform 0.3s;}
.main-banner-link:hover .round-btn::after {transform: rotate(90deg);}
.main-banner-img {position: absolute; z-index: 0; bottom: 0; right: 30px; display: inline-block; max-height: 90%;}

.mainsec--3 {padding: clamp(40px, 3vw, 55px) 0 clamp(80px, 6.3vw, 120px);}
.main-info-wr {display: flex; gap: 0 20px;}
.main-info-box {display: flex; justify-content: space-between; align-items: flex-start; gap: 0 10%; flex: 1; padding: 35px 40px; border-radius: 1rem;}
.main-info-img-wr {position: relative; padding: 5px; width: 140px; height: 140px; border-radius: 50%; overflow: hidden;}
.main-info-box .main-info-img-wr img {position: absolute;}
.main-info-ul {padding-top: 15px;}
.main-info-tit {font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 1.875rem;}
.main-info-tel {display: inline-block; padding: 2px 10px 0; border-radius: 0.3rem; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 1.375rem; color: #ffffff;}
.main-info-box:nth-child(1) {background-color: #e1f0fd;}
.main-info-box:nth-child(1) .main-info-img-wr {background-color: #f3f9ff;}
.main-info-box:nth-child(1) .main-info-img-wr img {bottom: 0; left: 15%; width: 88%;}
.main-info-box:nth-child(1) .main-info-tit {color: #2e81bd;}
.main-info-box:nth-child(1) .main-info-tel {background-color: #2e81bd;}
.main-info-box:nth-child(2) {background-color: #f0fbdb;}
.main-info-box:nth-child(2) .main-info-img-wr {background-color: #f3fdf1;}
.main-info-box:nth-child(2) .main-info-img-wr img {bottom: 0; left: 0; width: 95%;}
.main-info-box:nth-child(2) .main-info-tit {color: #4d7a42;}
.main-info-box:nth-child(2) .main-info-tel {background-color: #4d7a42;}
.main-info-box:nth-child(3) {background-color: #fff1d5;}
.main-info-box:nth-child(3) .main-info-img-wr {background-color: #fffaef;}
.main-info-box:nth-child(3) .main-info-img-wr img {top: 8%; left: 10%; width: 85%;}
.main-info-box:nth-child(3) .main-info-tit {color: #9e6c31;}
.main-info-box:nth-child(3) .main-info-tel {background-color: #9e6c31;}

/* sub-visual */
.sub-visual-wr {position: relative; padding: 0 min(3vw, 60px); z-index: 50;}
.sub-visual-img {position: relative; margin: auto; width: min(100%, 1800px); height: clamp(100px, 20vw, 350px); border-radius: 0 0 4rem 4rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub-visual-img.sub-visual-01 {background-image: url("../images/sub-visual-01.png");}
/* .sub-visual-img.sub-visual-01::before {content: ''; position: absolute; right: calc((100vw - 1456px) / 2); bottom: 35px; display: inline-block; width: 292px; aspect-ratio: 292 / 285; background: url("../images/governor-img1.png") no-repeat top center / cover;}
.sub-visual-img.sub-visual-01::after {content: '박수현'; position: absolute; right: calc((100vw - 1456px) / 2 + 292px); bottom: 70px; display: inline-block; margin-right: 20px; color: #000000; font-size: 22px; font-weight: 500; line-height: 1; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif;} */
.sub-visual-img.sub-visual-02 {background-image: url("../images/sub-visual-02.png");}
.sub-visual-img.sub-visual-03 {background-image: url("../images/sub-visual-03.png");}
.sub-visual-img.sub-visual-04 {background-image: url("../images/sub-visual-04.png");}
/* .sub-visual-img::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3);}
.sub-visual-img img {width: 100%; height: 100%; object-fit: cover;} */
.sub-visual-txt {position: absolute; top: calc(50% - 35px); left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 3.4375rem; font-weight: 700; color: #ffffff; font-family: "Paperlogy", 'Montserrat', 'Noto Sans KR', sans-serif; text-shadow: 0 0 4px rgba(0, 0, 0, 0.25); text-align: center;}
.sub-location {display: flex; align-items: center; justify-content: space-between; position: relative; transform: translateY(-50%); padding: 0 35px; height: 70px; border-radius: 1.2rem; background-color: #0667AE;}
.sub-location-ul {display: flex; align-items: center; gap: 0 55px; margin-left: 15px;}
.sub-location-li {position: relative;}
.sub-location-li::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -27.5px; width: 1px; height: 20px; background-color: rgba(255, 255, 255, .5);}
.sub-location-li:last-child::after {display: none;}
.sub-location-li--menu {min-width: 95px;}
.sub-location-li > a, .sub-location-li > button {color: #ffffff; font-weight: 400;}
.sub-location-li--home > a {font-weight: 500;}
.sub-location-li--home > a img {margin: 0 13px -3px 0; width: 18px;}
.sub-loca-selbtn {width: 195px; text-align: left; background: url('../images/icon-down.png') no-repeat center right 0 / 13px;}
.sub-loca-selbtn.on {background-image: url('../images/icon-top.png');}
.sub-loca-li-inner {display: flex; flex-direction: column; justify-content: flex-start; position: absolute; left: -40px; top: calc(100% + 15px); padding: 0 20px; width: calc(100% + 80px); /*width: max(100%, 200px);*/ min-width: 137.5px; height: 0; transition: height .4s ease; overflow: hidden;}
.sub-loca-li-inner.on {height: 300px;}
.sub-loca-dep2-ul {padding: 10px 22px; width: auto; height: auto; border-radius: 5px; background-color: #fafafa; transition: height .3s; box-shadow: 0 2px 15px 1px rgba(0, 0, 0, .1); display: none;}
.sub-loca-li-inner.on .sub-loca-dep2-ul {display: block;}
.sub-loca-dep2-li {padding: 2px 0;}
.sub-loca-dep2-li a {display: block; padding: 2px 0; color: #333333; font-weight: 400; white-space: nowrap;}
.sub-loca-btn {width: 25px; height: 40px;}
.sub-loca-btn img {height: 22px;}

/* 레이어팝업 */
.layer-pop-wr {display: none;}
.layer-pop-wr.on {display: block;}
.layer-pop {display: flex; flex-direction: column; position: absolute;  z-index: 1000;}
.layer-pop-img {width: 100%; height: 100%; background-color: #333333;}
.layer-pop-img a {display: block; width: 100%; height: 100%;}
.layer-pop-img img {width: 100%; height: 100%; object-fit: cover;}
.layer-pop-bottom {display: flex; align-items: center; justify-content: space-between; padding: 5px clamp(5px, 2vw, 10px); background-color: #333333; }
.layer-pop-bottom a {color: #ffffff;}

/* sub common */
/* .subsec {overflow: hidden;} */
.sub-title-wr {display: flex; align-items: center; justify-content: space-between; padding-bottom: clamp(15px, 3vw, 35px); }
.sub-title-wr .card-btn {font-size: 1.125rem; width: 230px;}
.sub-title {font-size: 3rem; font-weight: 700; color: #0f0f0f;}
.sub.content {padding-top: clamp(30px, 4.5vw, 85px); padding-bottom: clamp(60px, 6.3vw, 120px); font-family: 'Noto Sans KR'; overflow: hidden;}

/* layouts */
/* > basic */
/* .basic-wr {font-family: 'Noto Sans KR';} */
.basic-li {display: flex; gap: 20px;}
.basic-li > * {padding: 25px 0 70px;}
.basic-li:last-child > * {padding: 25px 0 0;}
.basic-left {width: 24%; border-top: 1px solid #333333;}
.basic-right {width: calc(76% - 20px); border-top: 1px solid #dddddd;}
.basic-tit {font-size: 1.875rem; font-weight: 700; color: #10446b;}
.basic-txt-wr {display: flex; flex-direction: column; gap: min(5vw, 20px) 0;}
.basic-dot-wr {display: flex; flex-direction: column; gap: 2px;}
.basic-dot-tit {margin-bottom: 3px; font-size: 1.25rem; font-weight: 500; color: #016CD8;}
.basic-dot {font-size: 1.125rem; font-weight: 400; color: #333333; text-indent: -1.1rem; margin-left: 1.1rem;}
.basic-dot::before {content: ''; display: inline-block; margin: 0 12px 4px 0; width: 6px; height: 6px; border-radius: 50%; background-color: #016CD8;}
.basic-dot-sub {font-size: 1.125rem; font-weight: 300; color: #666666; margin-left: 1rem;}
.basic-video-wr {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.basic-video-wr iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.basic-txt-info {display: inline-block; margin: 0 0 3px 7px; padding: 1px 6px 1px 5px; background-color: #666666; color: #ffffff; border-radius: 0.3rem; text-indent: 0; vertical-align: middle; font-size: 14px; font-weight: 300;}
.basic-box {margin-bottom: min(5vw, 50px); padding: clamp(15px, 5vw, 30px) clamp(15px, 5vw, 40px); border-radius: 1rem; border: 1px solid #dddddd;}
.basic-box-tit {font-size: 1.75rem; font-weight: 700; color: #10446b;}
.basic-box .card-btn {min-width: 290px;}
.basic-box-txt-wr {padding: min(1.5vw, 10px) 0 min(2.5vw, 25px);}
.basic-box-txt {font-size: 1.125rem; font-weight: 400; color: #333333;}

/* > table */
.basic-txt {font-size: 1.125rem; font-weight: 400; color: #333333;}
.basic-table-wr {margin-top: 15px;}
.basic-table {width: 100%;}
.basic-table th {padding: clamp(5px, 1vw, 15px); text-align: center; background-color: #10446b; font-size: 1.125rem; font-weight: 400; color: #ffffff; word-break: break-all;}
.basic-table td {padding: clamp(3px, 1vw, 20px) clamp(3px, 2.2vw, 40px); text-align: center; font-size: 1.125rem; font-weight: 400; color: #333333; border-bottom: 1px solid #dddddd; word-break: break-all;}
.basic-table th:not(:last-child), .basic-table td:not(:last-child), .basic-table .border-r {border-right: 1px solid #dddddd;}
.basic-table td.left {text-align: left;}
.basic-table td.left p {text-indent: -0.5rem; margin-left: 0.5rem;}

/* > search, paging */
.list-top-wr {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px;}
.list-total {font-size: 1.125rem; font-weight: 400; color: #000000; line-height: 1;}
.list-total > span {font-weight: 700; color: #016CD8;}
.list-sch-wr {display: flex; gap: 2px 15px;}
.sch-select {width: 150px;}
.list-sch-input-wr {position: relative;}
.sch-input {padding-right: 50px; width: 315px;}
.sch-submit {position: absolute; top: 50%; right: 5px; transform: translateY(-50%); width: 40px; height: 40px; background: url('../images/icon-search.svg') no-repeat center / 24px;}
.list-paging-wr {margin-top: 20px;}
.list-paging-ul {display: flex; gap: 4px; justify-content: center; flex-wrap: wrap;}
.list-paging {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 0.5rem; background-color: #f2f2f2; font-size: 1.125rem; font-weight: 500; line-height: 1; color: #000000; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;}
.list-paging.active {background-color: #0667AE; color: #ffffff;}
.list-paging > img {height: 20px;}

.paginationSet {margin-top: 20px;}
.pagination {display: flex; gap: 2px; justify-content: center;}
.pagination li {width: 40px; height: 40px; border-radius: 0.5rem; /*background-color: #f2f2f2; font-weight: 400; color: #999;*/}
.pagination li a, .pagination li:not(.i) > span {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 0.5rem; background-color: #f2f2f2; font-size: 1.125rem; font-weight: 500; line-height: 1; color: #000000; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;}
.pagination li.active > span {background-color: #0667AE; color: #fff;}
.pagination li em {font-style: normal;}
.pagination li a:hover {background-color: #0667AE; color: #fff;}
.pagination li.i {/*height: 40px;*/ line-height: 40px; font-size: 0;}
.pagination li.first {margin-right: 2px; background: #f2f2f2 url('../images/icon-page_start.png') no-repeat center center / auto 20px;}
.pagination li.prev {margin-right: 5px; background: #f2f2f2 url('../images/icon-page_prev.png') no-repeat center center / auto 20px;}
.pagination li.next {margin-left: 5px; background: #f2f2f2 url('../images/icon-page_next.png') no-repeat center center / auto 20px;}
.pagination li.end {margin-left: 2px; background: #f2f2f2 url('../images/icon-page_end.png') no-repeat center center / auto 20px;}

/* > card */
.card-ul {display: flex; flex-wrap: wrap; gap: 20px;}
.card-li {display: flex; flex-direction: column; justify-content: space-between; padding: 26px 28px; width: calc(100% / 4 - 60px / 4); border: 1px solid #dddddd; border-radius: 0.5rem; transition: .2s;}
.card-cnt {margin-bottom: 20px;}
.card-tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125rem; font-weight: 500; color: #0f0f0f; word-break: break-all; font-size: 1.125rem; font-weight: 400; color: #333333;}
.card-txt {padding-top: 10px; font-weight: 400; color: #666666;}
.card-btn {display: inline-block; padding: 0 50px 0 20px; height: 55px; line-height: 55px; border-radius: 0.5rem; transition: .2s; font-weight: 400; color: #999999;}
.card-btn > span {font-weight: 400; color: #999999; transition: .2s;}
.card-link {background: #f0f0f0 url('../images/icon-arrow_link.png') no-repeat center right 20px / 7px;}
.card-download {background: #f0f0f0 url('../images/icon-download.svg') no-repeat center right 20px / 16px;}
.card-li.on {background-color: #10446b;}
.card-li.on .card-tit, .card-li.on .card-txt {color: #ffffff;}
.card-li.on .card-link {background-color: #ffffff; background-image: url('../images/icon-arrow_link_hover.png');}
.card-li.on .card-download {background-color: #ffffff; background-image: url('../images/icon-download_hover.svg');}
.card-li.on .card-btn > span {color: #10446b;}

/* > list */
.board-btn-link-wrap {margin-bottom: 43px; text-align: right;}
.board-write-btn {display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-width: 226px; min-height: 55px; padding: 5px 20px; border-radius: 10px; background-color: #f0f0f0; border: none; color: #999999; font-size: 1.125rem; font-weight: 400; line-height: 1; text-align: center; transition: background-color 0.3s; border: 2px solid #016CD8; color: #016CD8; background-color: #fff;}
.board-write-btn:hover {background-color: #016CD8; color: #fff;}
.board-write-btn::after {content: ''; display: inline-block; width: 20px; aspect-ratio: 1 / 1; background: url("../images/icon-arrow-write.png") no-repeat center center / contain;}
.board-write-btn:hover::after { background: url("../images/icon-arrow-write-w.png") no-repeat center center / contain;}
.list-category-wr {position: relative; margin-bottom: clamp(20px, 5vw, 55px); margin-top: clamp(-25px, -2vw, -5px);}
.list-category-ul {display: flex; gap: 3px; flex-wrap: wrap;}
.list-category-ul .slick-track {display: flex; gap: 3px;}
.list-category-ul .slick-list {margin-right: 102px;}
.list-category-li a {display: flex; align-items: center; justify-content: center; padding: 0 20px; min-width: 140px; height: 50px; border-radius: 1rem; background-color: #f0f0f0; font-size: 1.125rem; font-weight: 400; color: #999999; transition: .2s;}
.list-category-li.active a {background-color: #10446b; color: #ffffff;}
.list-cate-sl-ctr {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; gap: 2px; z-index: 10;}
.list-cate-sl-ctr::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 100%; width: 50px; height: 110%; background: linear-gradient(to right, transparent 1%, #fff 100%);}
.list-cate-sl-btn {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 0.5rem; border: 1px solid #dddddd; background-color: #ffffff;}
.list-cate-sl-btn img {width: 10px;}
.list-mo {display: none;}
.list-table {width: 100%; border-top: 2px solid #0667AE; table-layout: fixed;}
.list-table th {padding: clamp(10px, 1.5vw, 16px); background-color: #f9f9f9; font-size: 1.125rem; font-weight: 400; color: #0f0f0f;}
.list-table th:not(:last-child) {border-right: 1px solid #dddddd;}
.list-table td {padding: clamp(15px, 1vw, 15px) clamp(10px, 2vw, 32px); border-top: 1px solid #dddddd; font-weight: 400; color: #333333;}
.list-table tr:last-child td {border-bottom: 1px solid #888888;}
.list-table td:not(:last-child) {border-right: 1px solid #dddddd;}
.list-table .th-order {width: 7%;}
.list-table .th-auther {width: 10%;}
.list-table .th-date {width: 12%;}
.list-table .th-hit {width: 10.5%;}
.list-table td:not(:nth-child(2)) {text-align: center;}
/* .list-subject {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
/* .list-subject-wr {display: flex; align-items: center; gap: 12px;} */
.list-subject {font-size: 1.125rem; transition: .2s; vertical-align: middle; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.icon-cate {display: inline-block; padding: 2px 12px 3px; border-radius: 0.35rem; font-size: 1rem; min-width: 80px; text-align: center; vertical-align: middle; font-weight: 400;}
.icon-cate.cate1 {background-color: #e1f0fd; color: #016CD8;}
.icon-cate.cate2 {background-color: #daf2e1; color: #2d883e;}
.icon-cate.cate3 {background-color: #fdf1e1; color: #a67011;}
.icon-cate.etc {background-color: #f1f1f1; color: #666666;}
.list-lock {display: inline-block; margin-left: min(1.2vw, 8px); width: 15px; height: 20px; vertical-align: middle;}
.list-lock img {width: 100%; height: 100%;}
.list-subject-wr .icon-cate {margin-right: min(1.2vw, 10px);}

.no-content-wr {display: flex; align-items: center; justify-content: center; width: 100%; height: min(20vw, 200px); background-color: #fafafa; border-radius: 1rem;}

/* > view */
.view-box {border-top: 2px solid #0667AE; border-bottom: 1px solid #888888;}
.view-info {display: flex; align-items: center; justify-content: space-between; gap: 0 5%; padding: clamp(10px, 1.5625vw, 20px) clamp(15px, 1.5625vw, 30px); background-color: #f9f9f9;}
.view-subject-wr{display: flex; align-items: center; gap: 15px;}
.view-subject {font-size: 1.375rem; font-weight: 500; color: #333333;}
.view-date {font-size: 1.125rem; font-weight: 400; color: #666666;}
.view-file-wr {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.view-file-ul {padding: clamp(5px, 1vw, 14px) 0;}
.view-file-li {padding: 3px clamp(15px, 1.5625vw, 30px);}

.view-file-down-li {padding: 0 clamp(15px, 1.5625vw, 30px); font-size: 16px;}
.view-file-down-li ~ .view-file-down-li {margin-top: 5px;}
.view-file-down-title {display: inline-block; margin-right: 10px; color: #0f0f0f; font-size: 1.125rem; line-height: 1.3889; text-underline-offset: 2px;}
.view-file-down-title:hover {text-decoration: underline;}
.view-file-down-btn {display: inline-flex; align-items: center; justify-content: center; min-width: 60px; min-height: 24px; margin-left: 4px; border-radius: 5px; background-color: #333333; border: none; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1; transition: background-color 0.3s;}
.view-file-down-btn:hover {background-color: #000000;}

.view-file-li a {display: inline-block; padding: 2px 28px; background:  url('../images/icon-download.svg') no-repeat center left / 16px; font-weight: 400; color: #666666;}
.view-content {padding: clamp(20px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px) clamp(40px, 3vw, 55px); font-size: 1.125rem; font-weight: 400; color: #333333; word-break: break-all;}
.view-btn-wr {margin-top: 20px;}
.view-btn-ul {display: flex; justify-content: space-between; align-items: center;}
.view-btn-li a {display: flex; align-items: center; justify-content: center; gap: 20px; padding: 0 min(3vw, 10px); width: 130px; height: 50px; border-radius: 10px; background-color: #f0f0f0; font-size: 1.125rem; font-weight: 400; color: #999999; transition: .2s; border: 2px solid #f0f0f0;}
.view-btn-li a img {width: 10px; margin-bottom: -2px;}
.view-btn-li--list a {width: 140px; background-color: #016CD8; color: #ffffff; border-color: #016CD8; transition: background .2s;}
.view-btn-li--no {color: #888888;}

.view-table-ul {display: flex; flex-wrap: wrap; gap: 5px clamp(30px, 5%, 60px); padding: clamp(10px, 1.5625vw, 20px) clamp(15px, 1.5625vw, 30px); border-bottom: 1px solid #cccccc;}
.view-table-li {display: flex; gap: 0 20px; }
.view-table-li-l {position: relative; font-weight: 400; color: #666666;}
.view-table-li-r {font-weight: 400; color: #0f0f0f;}
.view-table-li-l::after {content: ''; position: absolute; top: calc(50% + 1px); right: -10px; transform: translateY(-50%); width: 1px; height: 12px; background-color: #cccccc;}
.view-box.question {border-bottom: 0;}
.view-box.answer {margin-top: clamp(20px, 2.7vw, 50px);}
.icon-cate.answer {background-color: #dddddd; color: #333333;}

/* > write */
.write-ul {display: flex; flex-wrap: wrap; margin-bottom: 20px; border-top: 2px solid #10446b; border-bottom: 1px solid #10446b;}
.write-li {display: flex; border-bottom: 1px solid #dddddd;}
.write-li--r {border-left: 1px solid #dddddd;}
.write-li--half {width: 50%;}
.write-li--full {width: 100%;}
.write-li--half:nth-last-child(-n+2) {border-bottom: 0;}
.write-li--full:last-child {border-bottom: 0;}
.write-left {display: flex; align-items: flex-start; padding: 20px 25px; width: 225px; background-color: #f9f9f9; border-right: 1px solid #dddddd; font-size: 1.125rem; font-weight: 400; color: #333333;}
.write-right {display: flex; align-items: center; padding: 10px; width: calc(100% - 225px);}
.input-wr {display: flex;}
.write-right > .nambu-input {width: 100%;}

.input-icon {display: flex; align-items: center; justify-content: center; width: 26px;}
.input-wr--hp .nambu-input {width: calc(38% - 26px); max-width: 200px;}
.input-wr--hp .nambu-input.nambu-select {width: 24%;}
.input-wr--mail .nambu-input {width: calc(50% - 13px); max-width: 248px;}

.center-btn-wr {display: flex; align-items: center; justify-content: center; gap: 5px;}
.write-wr .card-btn {font-size: 1.125rem; width: 225px; max-width: calc(50% - 2.5px); text-align: left;}


/* > accordion */
.accordion-ul {display: flex; flex-direction: column; gap: 6px;}
.accordion-li {border: 1px solid #dddddd; border-radius: 1rem; transition: .2s;}
.accordion-q {display: block; position: relative; padding: clamp(15px, 3vw, 20px) clamp(40px, 6vw, 60px) clamp(15px, 3vw, 20px) clamp(15px, 3.2vw, 23px); transition: .2s; border-radius: 0.7rem;}
.accordion-q::after, .accordion-q::before {content: ''; position: absolute; top: 50%; right: 35px; transform: translate(50%, -50%); background-color: #aaaaaa; transition: .2s;}
.accordion-q::after {width: 20px; height: 2px;}
.accordion-q::before {width: 2px; height: 20px;}
.accordion-a {display: none; padding: clamp(10px, 2.5vw, 22px) clamp(15px, 3vw, 27px);  border-radius: 0 0 0.7rem 0.7rem; font-size: 1.125rem; font-weight: 400; color: #333333;}
.accordion-subject-wr {display: flex; align-items: center; gap: 12px;}
.accordion-subject {font-size: 1.125rem; font-weight: 400; color: #333333;}
.accordion-li.on {border: 0;}
.accordion-li.on .accordion-q {background-color: #10446b; border-bottom: 0; border-radius: 1rem 1rem 0 0;}
.accordion-li.on .accordion-a {border: 1px solid #dddddd; border-top: 0;}
.accordion-li.on .accordion-q .accordion-subject {color: #ffffff;}
.accordion-li.on .accordion-q::after, .accordion-li.on .accordion-q::before {background-color: #ffffff;}
.accordion-li.on .accordion-q::before {transform: translate(50%, -50%) rotate(90deg);}
.accordion-li.on .icon-cate {background-color: #fff !important; color: #10446b !important;}

/* 인사말 */
.greeting-wr {display: flex; gap: min(1.5vw, 40px); padding-top: min(3.125vw, 60px);}
.greeting-img {align-self: start; position: relative; width: 624px; aspect-ratio: 624 / 606; border-radius: 1rem; overflow: hidden;}
.greeting-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

.greeting-tit {position: relative; top: -60px; padding: 96px 0 80px; font-size: 1.875rem; font-weight: 500; color: #0667AE; line-height: 1.38;}
.greeting-tit strong {font-size: 1.5em;}
.greeting-tit em {font-size: 1.1em; font-style: normal;}
.greeting-tit::after {content: ''; position: absolute; left: -50vw; top: 50%; transform: translateY(-50%); width: 200vw; height: 100%; background-color: #f7fafe; z-index: -1;}
.greeting-cnt {flex: 1;}
.greeting-txt-wr {position: relative; margin-top: -15px;}
.greeting-txt {font-size: 1.125rem; font-weight: 400; color: #333333; line-height: 1.6;}
.greeting-txt strong {font-size: 25px; font-weight: 700;}
.greeting-txt:not(:last-child) {padding-bottom: min(3.5vw, 30px);}
.greeting-txt--last {padding-top: min(4vw, 40px); position: relative; font-size: 1.125rem;}
.greeting-txt--last b {font-weight: 400; vertical-align: middle;}
.greeting-txt--last img {display: inline-block; height: 2.4063rem; margin-left: 1.25rem; vertical-align: middle;}

.greeting-wr {justify-content: space-between;}
.greeting-img {width: 381px; aspect-ratio: 381 / 508; border-radius: 0; border: 1px solid #ddd; margin-left: 65px;}
.greeting-cnt {width: calc(100% - 570px);}


/* 조직도 */
.org-chart-box {padding: min(3.7vw, 70px) min(2.7vw, 50px) min(4.7vw, 90px); border: 1px solid #dddddd; border-radius: 1rem;}
.org-chart-wr {display: flex; flex-direction: column; gap: 90px; position: relative; margin: auto; width: 100%; max-width: 965px;}
.org-chart-wr::after {content: ''; position: absolute; top: 109px; left: 50%; transform: translateX(-50%); width: min(calc(225px * 2 + 15.2vw + 2px), calc(225px * 2 + 145px * 2) + 2px); height: 1px; background-color: #dddddd;}
.org-chart-top {position: relative; display: flex; align-items: center; justify-content: center;}
.org-chart-top::after {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 1px; height: 49px; background-color: #dddddd;}
.org-chart-body {display: flex; justify-content: center; gap: min(7.6vw, 145px);}
.org-chart-ul {display: flex; flex-direction: column; gap: 5px;}
.org-chart-ul--2 {position: relative; margin-top: 12px;}
.org-chart-ul--2::after {content: ''; position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); width: 1px; height: calc(100% + 67px); background-color: #dddddd;}
.org-chart-square {display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; width: 225px; height: 60px; border-radius: 0.7rem; text-align: center; font-size: 1.125rem; font-weight: 400; line-height: 1.3;}
.org-chart-top .org-chart-square {background-color: #10446b; color: #ffffff; font-size: 1.25rem;}
.org-chart-li--1 > .org-chart-square {background-color: #016CD8; color: #ffffff;}
.org-chart-li--2 > .org-chart-square {background-color: #f2f2f2; color: #333333;}
.org-link-wr {padding-top: 50px;}
.org-link-wr .main-info-tit {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 1.5rem; word-break: break-all;}
.org-link-wr .main-info-box {padding: 0;}
.org-link-wr .main-info-img-wr {width: 100px; height: 100px;}
.org-info-link {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; padding: 14px min(3.125vw, 60px);}
.org-info-link-txt {padding-top: 8px; font-weight: 400; color: #333333;}
.org-info-link::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 1rem; border: 2px solid; opacity: 0; transition: .2s; z-index: 2;}
.org-link-wr .main-info-box:nth-child(1) .org-info-link::after {border-color: #2e81bd;}
.org-link-wr .main-info-box:nth-child(2) .org-info-link::after {border-color: #4d7a42;}
.org-link-wr .main-info-box:nth-child(3) .org-info-link::after {border-color: #9e6c31;}

/* 오시는 길 */
.location-info-wr {display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.location-info-ul {display: flex; flex-wrap: wrap; gap: 2px 50px;}
.location-info-li {position: relative; font-size: 1.125rem;}
.location-info-li:nth-child(1) {width: 100%;}
.location-info-li:nth-child(2)::after {content: ''; position: absolute; top: 50%; right: -24.5px; transform: translateY(-50%); width: 1px; height: 16px; background-color: #a9a9a9;}
.location-info-l {font-weight: 500; color: #016CD8;}
.location-info-r {font-weight: 400; color: #333333;}
/* .location-link {width: 225px; height: 60px;} */
.location-map-wr {width: 100%; margin-top: 17px; height: clamp(200px, 40vw, 500px); border-radius: 1.5rem; overflow: hidden; border: 1px solid #dddddd;}
.location-map-wr .root_daum_roughmap_landing {width: 100%; height: 100%;}
.location-map-wr .root_daum_roughmap .wrap_map {height: 100%;}
.location-map-wr .root_daum_roughmap .wrap_controllers {display: none;}
.location-map-wr .root_daum_roughmap .map_border {display: none;}

/* 준비중 */
.preparing-page {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 100px 0; text-align: center;}
.preparing-page img {display: block; max-width: 7vw; min-width: 60px;}
.preparing-page .t1 {margin-top: 1em; margin-bottom: 0.25em; color: #0f0f0f; font-size: clamp(1.9rem, 3.5vw, 2.5rem); line-height: 1.35; font-weight: 400;}
.preparing-page .t1 strong {font-weight: 700;}
.preparing-page .t2 {color: #0f0f0f; font-size: clamp(1.2rem, 2.5vw, 1.875rem); line-height: 1.3667; font-weight: 300;}

/* 위원회 소개 */
.subsec-title {position: relative; padding-left: 0.8em; color: #000000; font-size: 1.75rem; font-weight: 600; line-height: 1.357;}
.subsec-title::before {content: ''; position: absolute; left: 0; top: calc(1em * 1.357 / 2); transform: translateY(-50%); display: inline-block; box-sizing: border-box; width: 12px; aspect-ratio: 1 / 1; border-radius: 20px; border: 3px solid #0667AE;}

.subsec ~ .subsec {margin-top: 100px;}
.organization-chart-wrap {border: 1px solid #dddddd; border-radius: 1rem;}
.organization-chart {padding: 55px clamp(30px, 6vw, 90px);}
.organization-chart .row {display: flex; position: relative;}
.organization-chart .row1 {justify-content: center; margin-bottom: 35px;}
.organization-chart .row2 {justify-content: center; width: 50%;}
.organization-chart .row3 {justify-content: center; margin-top: 35px; margin-bottom: 10px;}
.organization-chart .row4 {justify-content: center; margin-bottom: 35px;}
.organization-chart .row5 {justify-content: center; width: 50%;}
.organization-chart .row6 {gap: 8px; margin-top: 35px;}

.organization-chart .circle {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 138px; padding: 10px; aspect-ratio: 1 / 1; border-radius: 100px; background-color: #124081; color: #ffffff; font-size: 1.375rem; font-weight: 600; line-height: 1; letter-spacing: 20%; text-align: center;}
.organization-chart .box {display: flex; align-items: center; justify-content: center; width: 210px; min-height: 60px; padding: 10px; border-radius: 5px; background-color: #eeeeee; color: #000000; font-size: 1.125rem; font-weight: 500; line-height: 1; text-align: center;}
.organization-chart .box.color1 {background-color: #D3EBFF;}
.organization-chart .box.color2 {background-color: #397ABB; color: #ffffff;}
.organization-chart .box.color3 {background-color: #6196CC; color: #ffffff;}

.organization-chart .row1 .box {}
.organization-chart .row2 .box {}
.organization-chart .row3 .box {}
.organization-chart .row4 .box {}
.organization-chart .row5 .box {}
.organization-chart .row6 .box {flex: 1; position: relative; width: auto; min-height: 56px; margin-top: 32px; font-size: 1rem; word-wrap: break-word; word-break: break-all;}

.organization-chart .box::before, .organization-chart .row::before, .organization-chart .box::after, .organization-chart .row::after {position: absolute; z-index: -1; display: inline-block; width: 1px; height: 1px; background-color: #CCCCCC;}

.organization-chart .row1::before, .organization-chart .row3::before, .organization-chart .row4::before {content: ''; left: 50%; top: 100%; height: 130px;}

.organization-chart .row2 .box::before, .organization-chart .row5 .box::before {content: ''; left: 50%; top: 50%; width: 50%;}
.organization-chart .row2 .box::after, .organization-chart .row5 .box::after {content: ''; left: 100%; bottom: 0; height: 100%;}

.organization-chart .row6::after {content: ''; left: 50%; bottom: 100%; height: 35px;}
.organization-chart .row6::before {content: ''; left: calc(50% + 1px); bottom: 100%; transform: translateX(-50%); width: calc(100% - (100% - 8px * 7) / 8 + 1px);}
.organization-chart .row6 .box::before {content: ''; left: 50%; bottom: 100%; height: 32px;}


.organization-table {margin-top: 1.8125rem;}
.organization-ul {border-top: 2px solid #0667AE; border-bottom: 1px solid #888888;}
.organization-li {display: grid; grid-template-columns: clamp(150px, 15vw, 280px) clamp(120px, 10vw, 218px) 1fr; min-height: 80px; border-bottom: 1px solid #dddddd;}
.organization-li:last-child {border-bottom: none;}
.organization-item {display: flex; align-items: center; justify-content: center; padding: 5px 20px; font-size: 1.125rem;}
.organization-item.name {background-color: #F9F9F9; color: #0F0F0F; font-weight: 600;}
.organization-item.position {color: #0667AE; font-weight: 500;}
.organization-item.department {position: relative; justify-content: start; padding-left: 40px; padding-right: 40px;}
.organization-item.department::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 1px; height: 30px; background-color: #dddddd;}
.organization-item > .text {}
.organization-item.name > .text {display: inline-block; width: 4em; min-width: max-content; text-align: justify; text-align-last: justify;}
.organization-item strong {font-weight: 500; color: #0f0f0f;}
.organization-item i {font-style: normal; font-weight: 400; color: #666666;}

/* SNS 공유하기 팝업 */
.sub-pageBtnGrp > li {position: relative;}
.share-pop {display: none; position: absolute; top: calc(100% + 10px); right: 0; width: 260px; height: auto; border: 1px solid #dddddd; border-radius: 10px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); z-index: 100; overflow: hidden;}
.share-pop-top {display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background-color: #f5f5f5;}
.share-pop-title {width: calc(100% - 25px); font-weight: 600; color: #0f0f0f;}
.share-box {padding: 15px; background-color: #ffffff;}
.share-ul {display: flex; align-items: center; justify-content: start; gap: 5px; flex-wrap: wrap;}
.share-li {}
.share-input-wr {display: flex; align-items: center; justify-content: space-between;}
.share-input-wr .txt-input {padding: 0 5px; width: calc(100% - 75px); height: 35px; margin-right: 5px; border: 1px solid #dddddd; font-size: 15px;}
.share-btn {width: 70px; height: 35px; background-color: #333333; border: 0; border-radius: 5px; color: #ffffff; font-size: 15px;}
.share-close {position: relative; width: 25px; height: 25px; background-color: transparent; border: 0;}
.share-close::after, .share-close::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background-color: #666666;}
.share-close::after {width: 15px; height: 2px;}
.share-close::before {width: 2px; height: 15px;}

.sns-icon {display: inline-block !important; width: 50px; height: 50px; border-radius: 7.5px; transition: .2s;}
.sns-icon:hover {box-shadow: 0 0 5px 1px rgba(0, 0, 0 , .2);}
.sns-icon.naverblog {background: #00d47a url("../images/icon-sns_naverblog.png") no-repeat center / 30%;}
.sns-icon.facebook {background: #1877f2 url("../images/icon-sns_facebook.png") no-repeat center / 20%;}
.sns-icon.x {background: #666666 url("../images/icon-sns_x.png") no-repeat center / 35%;}

/* 당선인에게 바란다 제출 완료 */
.complete-page {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 76px; padding: 60px 1rem 70px; text-align: center; border: 1px solid #dddddd; border-radius: 1rem;}
.complete-page .t1 {margin-top: 1.75rem; margin-bottom: 2.75rem; color: #016CD8; font-size: clamp(1.3rem, 2.8vw, 1.875rem); line-height: 1.3667; font-weight: 600; text-align: center;}
.complete-page .t2 {color: #3a3a3a; font-size: clamp(1.1rem, 2.35vw, 26px); font-weight: 500; text-align: center; line-height: 1.346;}
.view-btn-ul.justify-center {justify-content: center; text-align: center;}
.view-btn-ul.justify-center .view-btn-li a {margin: auto;}

/* hover */
@media screen and (min-width:1366px){
  .nav--menu .gnb-li:hover > a {color: #016CD8;}
  .nav--menu .gnb-dep2-li a:hover {color: #ffffff; font-weight: 500;}
  .sitemap-wr .gnb-dep2-li > a:hover, .sitemap-wr .hd-sites-li > a:hover {text-decoration: underline;}

  .main-news-more:hover span {transform: rotate(90deg);}
  .main-logo-link:hover {box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
  .main-info-li a:hover {text-decoration: underline;}
  .sub-loca-dep2-li a:hover {font-weight: 500;}

  .org-info-link:hover::after {opacity: 1;}

  .nambu-btn:hover {background-color: #eaeaea;}

  .list-paging:not(.active):hover {background-color: #eaeaea;}
  .list-category-li:not(.active) a:hover {background-color: #eaeaea;}
  .list-table a:hover .list-subject {color: #016CD8;}
  .view-file-li a:hover {text-decoration: underline;}
  .view-btn-li:not(.view-btn-li--list) a:hover {background-color: #eaeaea;}
  .view-btn-li--list a:hover {background-color: #ffffff; color: #016CD8; font-weight: 500;}
  .card-link:hover {background-color: #10446b; background-image: url('../images/icon-arrow_link_white.png'); color: #ffffff;}
  .card-download:hover {background-color: #10446b; background-image: url('../images/icon-download_white.svg'); color: #ffffff;}
  .card-btn:hover > span {color: #ffffff;}

  .accordion-q:hover .accordion-subject {color: #016CD8;}
}

/* 2026-05-14 만족도 조사 추가 { */
.sub-foot {margin-top: 90px;}
.satisfaction {border: 1px solid #eee; border-radius: 10px; overflow: hidden;}
.satisfaction-head {background-color: #f5f5f5; padding: 20px 40px;}
.satisfaction-info {display: flex; align-items: center; gap: 40px;}
.satisfaction-info-item {display: flex; align-items: center; gap: 5px; font-size: 17px; color: #000000; position: relative;}
.satisfaction-info-item::before {content: ''; width: 1px; height: 13px; background-color: #ccc; position: absolute; top: 50%; right: -20px; transform: translateY(-50%);}
.satisfaction-info-item:last-child::before {display: none;}
.satisfaction-info-item .t {display: flex; align-items: center; font-weight: 500; gap: 4px;}
.satisfaction-info-item i {font-weight: normal; font-size: 20px;}
.satisfaction-info-item .a {font-weight: 400; color: #666666;}
.satisfaction-caution {padding-top: 13px;}
.satisfaction-caution p {font-weight: 400; font-size: 15px; color: #666666;}
.satisfaction-body {padding: 20px 40px; background-color: #FFFFFF;}
.question {}
.question-item {}
.question-item ~ .question-item {margin-top: 20px;}
.question-ask {font-weight: 400; font-size: 18px; color: #333333;}
.question-ask .pen-text {display: inline-block; position: relative;}
.question-ask .pen-text::before {content: ''; width: 105%; height: 20px; border-radius: 10px; background-color: #F0F6FB; position: absolute; bottom: -5px; left: -5px; z-index: -1;}
.question-ans {padding-top: 13px; display: flex; align-items: center; gap: 40px;}
.question-ans .question-input {display: flex; align-items: center; gap: 5px;}
.question-ans .question-input .i-input {border: 1px solid #D9D9D9; border-radius: 3px; height: 40px; min-width: 180px; width:430px; padding: 0 15px; font-weight: 400; font-size: 16px; color: #000000;}
.question-ans .question-input button[type="submit"] {height: 40px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; background-color: #FFFFFF; border: 1px solid #000000; border-radius: 3px; padding: 0 20px; width: 100px;}

.radio-wrap {display: flex; align-items: center; gap: 10px 20px; flex-wrap: wrap;}
.radio-wrap.center {justify-content: center;}
.radio-item {}
.radio-item input[type=radio] {appearance: none; margin: 0;}
.radio-item input[type=radio] + label {position: relative; font-weight: 400; font-size: 17px; padding-left: 30px; cursor: pointer;}
.radio-item input[type=radio] + label::before {content: ''; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #D9D9D9; position: absolute; top: 1px; left: 0; background-color: #ffffff;}
.radio-item input[type=radio] + label::after {content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 6px; left: 5px; background-color: #016CD8; opacity: 0;}
.radio-item input[type=radio]:checked + label::before {border-color: #016CD8;}
.radio-item input[type=radio]:checked + label::after {opacity: 1;}

.radio-item input[type=radio]:focus + label::before {outline: 3px dotted #ff0000;}

/* 수정 작업 */
.main-news-box-ul {position: static;}				   
									 

@media screen and (max-width:1024px) {
  .satisfaction-head {padding: 20px;}
  .satisfaction-body {padding: 20px;}
  .satisfaction-info-item {font-size: 15px;}
  .satisfaction-info-item i {font-size: 18px;}
  .satisfaction-caution p {line-height: 1.2;}
  .question-ask {font-size: 16px;}
  .question-ans {gap: 10px; flex-direction: column; align-items: flex-start; padding-top: 20px;}
  .question-ans .question-input {width: 100%;}
  .question-ans .question-input .i-input {width: calc(100% - 100px - 5px); font-size: 15px; padding: 0 10px;}

  .radio-wrap {gap: 10px;}
  .radio-item input[type=radio] + label {font-size: 15px; padding-left: 24px;}
  .radio-item input[type=radio] + label::before {width: 18px; height: 18px;}
  .radio-item input[type=radio] + label::after {width: 12px; height: 12px; top: 5px; left: 4px;}
}
@media screen and (max-width:768px) {
  .sub-foot {margin-top: 60px;}
  .satisfaction-info {flex-direction: column; gap: 5px; align-items: flex-start;}
  .satisfaction-info-item {line-height: 1;}
  .satisfaction-info-item::before {display: none;}
  .satisfaction-caution p {font-size: 14px;}
  .question-ask {font-size: 15px;}
  .question-ans .question-input .i-input {font-size: 14px; height: 36px;}
  .question-ans .question-input button[type="submit"] {font-size: 14px; padding: 0 10px; height: 36px;}
  .layer-pop.on {margin-top : 0px; margin-bottom:100px;}
}
@media screen and (max-width:425px) {
  .sub-foot {margin-top: 40px;}
  .satisfaction-info-item {font-size: 14px;}
  .satisfaction-info-item i {font-size: 16px;}
  .satisfaction-caution p {font-size: 14px;}
  .question-ask {font-size: 14px;}
  .question-ask .pen-text::before {height: 14px;}
  .question-ans {padding-top: 14px;}
  .question-ans .question-input .i-input {font-size: 13px; padding: 0 8px; height: 32px; width: calc(100% - 75px);}
  .question-ans .question-input button[type="submit"] {width: 70px; font-size: 13px; padding: 0 8px; height: 32px;}

  .radio-item input[type=radio] + label {font-size: 13px; padding-left: 20px;}
  .radio-item input[type=radio] + label::before {width: 15px; height: 15px;}
  .radio-item input[type=radio] + label::after {width: 9px; height: 9px;}
  
  .layer-pop.on {margin-top : 165px; margin-bottom:100px;}
}
/* } 2026-05-14 만족도 조사 추가 */

/* Print */
@media print {
  body {page-break-after: always;}
  .header, .footer, .sub-location-wr {display:none !important;}
  /* .sub-tit-wr {margin-top: 0 !important;} */
  .sub-visual-wr {padding: 0 !important;}
  .container {margin-top: 0;}
  .sub-visual-txt {top: 50%;}
  .sub-visual-img {display: none;}
  .sub-visual-txt {position: static; transform: unset; color: #000000; text-shadow: unset; font-size: 24pt;}
  .sub-foot {display: none;}

  @page:first {margin: 1.3cm}
  @page {margin:1.3cm 1.3cm; size: a4;}

  * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }

  .greeting-wr {display: block;}
  .greeting-img {width: 30%;}
  .greeting-txt br {display: none;}

  .greeting-tit {font-size: 8pt; padding-bottom: 30pt;}
  .greeting-tit strong {font-size: 12pt;}
  .greeting-txt strong {font-size: 12pt;}
  .greeting-txt {font-size: 8pt;}
  .greeting-txt--last b {font-size: 8pt;}

  .organization-chart-wrap {border: none;}
  .organization-chart {padding: 0;}
  .organization-chart .circle {width: 100px;}

  .organization-chart .circle {font-size: 14pt;}
  .organization-chart .box {font-size: 12pt; min-height: 40px;}
  .organization-chart .row6 .box {font-size: 11pt; min-height: 40px;}

  .subsec ~ .subsec {margin-top: 30pt;}
  .subsec-title {font-size: 16pt;}
  .organization-table {margin-top: 6pt;}
  .organization-li {min-height: 40px;}
  .organization-item {font-size: 10pt;}

  .board-btn-link-wrap {display: none;}
  .list-top-wr {display: none;}

  .list-table th {padding: 5pt 10pt; font-size: 8pt;}
  .list-table td {padding: 5pt 5pt; font-size: 8pt;}
  .list-subject {font-size: 8pt;}
  .list-paging-wr {display: none;}

  .view-subject {font-size: 10pt;}
  .view-date {font-size: 8pt;}
  .view-file-down-title {font-size: 8pt;}
  .view-file-down-btn{display: none;}
  .view-content {font-size: 8pt;}
  .view-btn-wr {display: none;}

 


}

.view-file-list {}
.view-file-list li {width: 100%; padding: 5px 0;}
.view-file-list li > * {vertical-align: middle; display: inline-block;}
/* .view-file-list span {margin-right: 5px;} */
.view-file-list .btn-file {display: inline-block; margin: 3px; padding: 0 5px; width: 99px; height: 25px; line-height: 25px; text-align: center; border: 1px solid; border-radius: 3px; /*font-size: 14px*/ font-size: 13px; font-weight: 400; color: #666666; background-color: #ffffff; vertical-align: middle; transition: .2s;}
.view-file-list .btn-file img {margin: 0 5px 3.5px 0; vertical-align: middle;}
.view-file-list .btn-file-down {border-color: #0667ae; color: #0667ae;}
.view-file-list .btn-file-down img {width: 14%;}
.view-file-list .btn-file-down:hover {background-color: #fcf4f4;}
.view-file-list .btn-file-preview {border-color: #029E55; color: #029E55;}
.view-file-list .btn-file-preview img {width: 15.5%;}
.view-file-list .btn-file-preview:hover {background-color: #ebf3ef;}
.view-file-list .btn-file-hear {border-color: #081696; color: #081696;}
.view-file-list .btn-file-hear img {width: 12%;}
.view-file-list .btn-file-hear:hover {background-color: #f2f3fa;}
.view-file-sj {padding-right: 5px;}
.view-file-btnwr {margin: 0 -3px; font-size: 0;}

/* 첨부파일 내용 추가 (대표/서비스사이트 공통) */
.view-file-list .filelist_add {margin-bottom: 4px;}
.view-file-list a {display: inline; padding: 4px 5px 4px; margin-right: 1px; border-radius: 5px; background: #333; color: #fff; font-size: 14px;}
.view-file-list a:first-child {margin-left: 5px;}
.view-file-list a:last-child {margin-right: 0;}
.view-file-list .filelist_delete {display: inline; padding: 4px 5px 4px; margin-right: 3px; border-radius: 5px; background: #d41421; border: none; color: #fff; font-size: 14px;}
.btn.mainBtn.sizeS.line.filelist_add { background-color: #fff; color: #016cd8; min-width: 100px; margin-bottom: 4px; display: inline-block; padding: 0 10px; height: 50px; border-radius: 5px; border: 1.5px solid transparent; border-color: #016cd8;}