/* === 서브페이지 공통 스타일 { === */
#sub {padding-top: 80px;}
.translate #sub {padding-top: calc(80px + 40px);}

.sub-top {overflow: hidden; position: relative; width: 1800px; max-width: 95%; height: 270px; margin: 0 auto; border-radius: 30px 0 30px 0;}
.sub-top {height: 60px; border-radius: 20px 0 20px 0; margin-top: 20px;}

.sub-visual {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--clr-gray);}
.sub-visual.sub-vs1 {background: url('../img/sub-vs-bg1.png') no-repeat center/cover;}
.sub-visual.sub-vs2 {background: url('../img/sub-vs-bg2.png') no-repeat center/cover;}
.sub-visual.sub-vs3 {background: url('../img/sub-vs-bg3.png') no-repeat center/cover;}
.sub-visual.sub-vs4 {background: url('../img/sub-vs-bg4.png') no-repeat center/cover;}
.sub-visual.sub-vs5 {background: url('../img/sub-vs-bg5.png') no-repeat center/cover;}
.sub-visual.sub-vs6 {background: url('../img/sub-vs-bg6.png') no-repeat center/cover;}
.sub-vs-txtbox {}
.sub-vs-txtbox .t1 {font-size: 40px; font-weight: 800; color: var(--clr-white); line-height: normal;}

.sub-location {position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; padding: 0 60px; background-color: rgba(0, 0, 0, 0.4);}
.sub-loca-list {display: flex; align-items: center;}
.sub-loca-item {position: relative; display: flex; align-items: center; height: 60px;}
.sub-loca-item.home {width: 60px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2);}
.sub-loca-item.home img {width: 20px;}
.sub-loca-item[class*="depth"] {min-width: 390px; border-right: 1px solid rgba(255, 255, 255, 0.2);}
.sub-loca-link {display: block; width: 100%; height: 100%; line-height: 60px;}
.sub-loca-link img {vertical-align: middle; transition: .2s;}
.sub-loca-link:hover img {opacity: 0.8;}
.sub-loca-sel {width: 100%; height: 60px; line-height: 60px;}
.sub-loca-sel + .select2 .select2-selection {height: 60px !important; border: 0 !important; border-radius: 0 !important; background: none !important;}
.sub-loca-sel + .select2 .select2-selection__rendered {padding-left: 20px !important; padding-right: 65px !important; line-height: 60px !important; color: var(--clr-white) !important;}
.sub-loca-sel + .select2 .select2-selection__arrow {top: 0 !important; right: 0 !important; width: 50px !important; height: 60px !important;}
.sub-loca-sel + .select2 .select2-selection__arrow b {display: block; width: 10px !important; height: 6px !important; margin-top: -3px !important; margin-left: -5px !important; border: 0 !important; background: url('../img/arrow-bottom_w.png') no-repeat center/contain; }
.select2-dropdown {overflow: hidden; border-radius: 0 0 10px 10px; background-color: var(--clr-black2) !important; z-index: 10;}
.select2-results__options {max-height: 300px !important;}
.select2-results__option {padding: 10px 20px !important; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; font-weight: 400; color: var(--clr-white) !important;}
.select2-results__option--highlighted {background-color: #566b8c !important;}
.select2-results__option--selected {background-color: var(--clr-main) !important;}

.sub-contents {padding-top: 90px; padding-bottom: 100px;}

.sub-title-wrap {position: relative; z-index: 10; margin-bottom: 50px; text-align: center;}
.sub-title {font-size: 50px; font-weight: 800; color: var(--clr-black2); line-height: normal;}
.sub-subtitle-wrap {position: relative; z-index: 5; margin-bottom: 15px;}
.sub-subtitle-wrap .subtitle{font-size: 25px; font-weight: 700; color: var(--clr-black2); line-height: normal;}

.sub-banner {display: flex; align-items: center; justify-content: center; height: 320px; padding: 30px; border-radius: 20px; overflow: hidden; margin-bottom: 100px;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub-banner-text {font-size: 30px; font-weight: 700; color: var(--clr-white); text-align: center; line-height: 1.35;}

.sub-btn {cursor: pointer; text-align: center; position: relative; display: inline-block; font-weight: 600; min-height: 40px; padding: 5px 25px; color: var(--clr-gray5); border: 1px solid var(--clr-gray5); background-color: var(--clr-white); transition: .3s; border-radius: 4px;}
.sub-btn:hover {color: var(--clr-main); border-color: var(--clr-main);}
.sub-btn.round {border-radius: 999px;}
.sub-btn.download::after {content: ''; display: inline-block; pointer-events: none; margin-bottom: -2px; width: 14px; height: 14px; margin-left: 4px; background: url(../img/icon-down.png) no-repeat center center/14px; transition: .3s;}
.sub-btn.download:hover::after {background-image: url(../img/icon-down_c.png);}

.sub-btn-color {cursor: pointer; text-align: center; position: relative; display: inline-block; font-size: 16px; font-weight: 500; min-width: 93px; min-height: 50px; padding: 12px 25px; border-radius: 4px; background-color: var(--clr-main); color: var(--clr-white); border: 1px solid var(--clr-main); transition: .3s;}
.sub-btn-color:hover {background-color: var(--clr-white); color: var(--clr-main);}

.sub-top-info {border: 1px solid var(--clr-gray); border-radius: 20px; min-height: 160px; padding: 45px; display: flex; align-items: center; gap: 36px;}
.sub-top-info .icon {width: 50px; height: 50px;}
.sub-top-info .desc {font-weight: 400; color: var(--clr-black2); line-height: 150%;}
.sub-top-info .desc span.alert {display: block; padding-left: 14px; position: relative;}
.sub-top-info .desc span.alert::before {content: '※'; position: absolute; left: 0; top: 0;}
/* === } 서브페이지 공통 스타일 === */

/* 준비중 페이지 { */
.preparation-page {border: 1px solid var(--clr-gray); border-radius: 20px; min-height: 430px; padding: 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--clr-black2);}
.preparation-page .icon {width: 85px; height: 90px;}
.preparation-page .title {font-size: 30px; font-weight: 700; margin-top: 32px; margin-bottom: 19px;}
.preparation-page .text {font-size: 18px; font-weight: 400;}
/* } 준비중 페이지 */

/* 로그인 페이지 { */
.login-page {border: 1px solid var(--clr-gray); border-radius: 20px; min-height: 430px; padding: 100px 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--clr-black2);}
.login-page .icon {width: 85px; height: 90px;}
.login-page .title {font-size: 30px; font-weight: 700; margin-top: 32px; margin-bottom: 10px;}
.login-page .text {font-size: 18px; font-weight: 400;}

.login-box {margin-top: 45px; max-width: 100%;}

.login-form {}
.login-form-li {position: relative; max-width: 100%; width: 500px;}
.login-form-li.flex {display: flex; align-items: center; gap: 10px; justify-content: center;}
.login-form-li .input-password {margin-top: 10px; margin-bottom: 20px; padding-right: 55px;}
.login-form-li .show-password {cursor: pointer; display: block; width: 20px; height: 20px; position: absolute; right: 25px; top: 25px; background: url(../img/icon-views.png) no-repeat center center / 18px;}
.login-form-li .show-password.off {background-image: url(../img/icon-views-off.png);}
.login-form-li .input-id, .login-form-li .input-password, .login-form-li .login-submit {width: 100%; height: 50px; line-height: 50px; padding: 0 25px; border-radius: 5px;}
.login-form-li .input-id, .login-form-li .input-password {border: 1px solid var(--clr-gray);}
/* } 로그인 페이지 */

/* 서브페이지 테이블 { */
.sub-table {width: 100%; color: var(--clr-black2);}
.sub-table th, .sub-table td {border: 1px solid var(--clr-gray); border-top-color: var(--clr-black2);}
.sub-table th:first-child, .sub-table td:first-child {border-left: 0;}
.sub-table th:last-child, .sub-table td:last-child {border-right: 0;}
.sub-table-thead, .sub-table .th {background-color: var(--clr-main-light); font-weight: 700; font-size: 18px;}
.sub-table-thead th {padding: 15px 20px;}
.sub-table {text-align: center; font-weight: 400;}
.sub-table td {padding: 12px 20px; font-size: 16px;}
.sub-table td.desc {text-align: left;}
thead.hidden {position: absolute; width: 0; height: 0; overflow: hidden; padding: 0;}
/* 서브페이지 테이블 } */

/* 3depth 탭 메뉴 { */
.sub-tabs {display: flex; margin-bottom: 40px; border-top: 1px solid var(--clr-gray);}
.sub-tabs > a {display: flex; justify-content: center; align-items: center; cursor: pointer; text-align: center; flex: 1; border-bottom: 1px solid var(--clr-gray); border-top: 2px solid transparent; border-left: none; border-right: none; padding: 20px 4px; background-color: var(--clr-white); font-size: 22px; font-weight: 500; color: var(--clr-gray5);}
.sub-tabs > a.active {border-top: 2px solid var(--clr-main); color: var(--clr-main);}
.sub-tabs > a:hover {border-top: 2px solid var(--clr-main); color: var(--clr-main);}
/* 3depth 탭 메뉴 } */

/* 4depth 탭 메뉴 { */
.sub-tabs-4 {display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap;}
.sub-tabs-4 > a {height: 50px; line-height: 40px; min-width: 190px; padding: 5px; font-size: 16px; font-weight: 400; text-align: center; border-radius: 999px; border: 1px solid var(--clr-black2); color: var(--clr-black2);}
.sub-tabs-4 > a.active {background-color: var(--clr-black2); color: var(--clr-white);}
.sub-tabs-4 > a:hover {background-color: var(--clr-black2); color: var(--clr-white);}
/* 4depth 탭 메뉴 } */

/* Contents > 소통· 알림 > 기관홍보자료 */
.mediacenter-content-wrap:not(:last-child) {margin-bottom: 50px;}
.mediacenter-content {width: 100%;}
.mediacenter-content-half-wrap {display: flex; gap: 30px; flex-wrap: wrap;}
.mediacenter-content.half {width: calc(50% - 30px / 2);}

.mediacenter-content .mediacenter-item {border-radius: 20px; padding: 50px; border: 1px solid var(--clr-gray); display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.mediacenter-content .mediacenter-item.full {gap: 170px; height: 540px; flex-wrap: wrap;}
.mediacenter-content .mediacenter-item.half {height: 378px; padding: 30px;}

.mediacenter-content .image {max-width: 215px; flex: 1; border-radius: 10px; overflow: hidden; border: 1px solid var(--clr-gray); font-size: 0;}
.mediacenter-content .image img {width: 100%;}

.mediacenter-content .info {flex: 2;}
.mediacenter-content .info .title {font-size: 22px; font-weight: 600; color: var(--clr-black2);}

.download-btn-wrap.mediacenter-download {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-top: 35px;}
.mediacenter-download .sub-btn {width: 100%; min-width: 140px; min-height: 40px; font-weight: 500; font-size: 14px; display: flex; justify-content: center; align-items: center;}
.mediacenter-download .sub-btn:not(.download)::before {content: ''; display: inline-block; pointer-events: none; margin-bottom: -2px; width: 14px; height: 14px; margin-right: 4px; background: url(../img/icon-views.png) no-repeat center center/14px; transition: .3s;}
.mediacenter-download .sub-btn:hover::before {background-image: url(../img/icon-views_c.png);}

.mediacenter-content .youtube-box {overflow: hidden; position: relative; height: 0; padding-bottom: 47.25%; border-radius: 20px;}
.mediacenter-content .youtube-box iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.mediacenter-content p.youtube-subtitle {margin-top: 24px; font-size: 20px; font-weight: 700; color: var(--clr-black2);}

/* Contents > 주요사업 > 공통 스타일 */
.main-business-intro-wrap {margin-bottom: 50px;}
.main-business-intro-img {font-size: 0; border-radius: 20px; overflow: hidden;}
.main-business-intro {width: 1300px; height: 400px; max-width: 100%; margin: 0 auto; background-color: #F5F5F5; box-shadow: 0 10px 20px rgba(94, 94, 94, 0.1); border-radius: 20px; overflow: hidden; display: flex; justify-content: space-between; align-items: start;}
.main-business-intro .txt-box {flex: 1; padding: 50px; display: flex; flex-direction: column; height: 100%;}
.main-business-intro .txt-box .desc {font-size: 18px; color: var(--clr-black2); }
.main-business-intro .txt-box .desc br {}
.main-business-intro .txt-box .sub-btn-color {margin-top: auto; width: fit-content;}
.main-business-intro .img-box {width: 55.38%; height: 100%;}
.main-business-intro .img-box img {width: 100%; height: 100%; object-fit: cover;}

.main-business-info-wrap {border-top: 1px solid var(--clr-black2);}

.main-business-info-item {display: flex; gap: 35px; padding: 50px 5px; border-bottom: 1px solid var(--clr-gray)}
.main-business-info-item .desc.dot {padding-left: 10px; position: relative;}
.main-business-info-item .desc.dot::before {content: '•'; position: absolute; left: -3px; top: -2px;}
.main-business-info-item .desc span.add {margin-top: 0; display: block;  color: var(--clr-gray4); padding-left: 8px; position: relative;}
.main-business-info-item .desc span.add::before {content: '*'; position: absolute; left: -3px; top: -2px;}

.main-business-info-title {width: 185px; display: flex; align-items: start; height: max-content;}
.main-business-info-title .icon {width: 50px; height: 50px; margin-right: 20px;}
.main-business-info-title .text {font-size: 22px; line-height: 1.35; font-weight: 700; color: var(--clr-black2)}

.main-business-info-content {width: calc(100% - (185px - 30px)); font-size: 18px; font-weight: 400; color: var(--clr-black2); align-self: center;}

.main-business-table {}
.main-business-table thead th:nth-child(1) {width: 188px;}
.main-business-table thead th:nth-child(2) {width: 225px;}
.main-business-table thead th:nth-child(3) {width: auto;}

.link-wrap a.instagram {width: 42px; height: 42px; background-image: url(../img/icon-instagram.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.link-wrap a.facebook {width: 42px; height: 42px; background-image: url(../img/icon-facebook.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.link-wrap a.youtube {width: 42px; height: 42px; background-image: url(../img/icon-youtube.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.link-wrap a.naver-blog {width: 42px; height: 42px; background-image: url(../img/icon-blog.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.link-wrap a.twitter {width: 42px; height: 42px; background-image: url(../img/icon-twitter.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}

.main-business-info-content .link-wrap {display: flex; flex-wrap: wrap; align-items: center; gap: 60px;}
.main-business-info-content .link-wrap > div > *:not(:first-child) {margin-left: 5px;}
.main-business-info-content .link-wrap > * {position: relative;}
.main-business-info-content .link-wrap a {display: inline-block; vertical-align: middle; transition: .3s;}
.main-business-info-content .link-wrap a i {font-size: 0;}
.main-business-info-content .link-wrap > *:not(:last-child)::after {content: ''; position: absolute; margin-left: 30px; left: 100%; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; display: inline-block; background-color:var(--clr-gray);}

.main-business-info-content .link-wrap a.link {padding-right: 25px; position: relative;}
.main-business-info-content .link-wrap a.link::before {content: ''; display: inline-block; position: absolute; right: 0; top: -4px; width: 18px; height: 18px; background-image: url(../img/icon-external-link.png); transition: .3s; background-size: contain;}
.main-business-info-content .link-wrap a.link:hover {color: var(--clr-main); text-decoration: underline;}
.main-business-info-content .link-wrap a.link:hover::before {background-image: url(../img/icon-external-link_c.png);}

.main-business-horizontal-table.sub-table td {padding: 15px 20px;}

/* 주요사업 > 포토 갤러리 영역 */
.sub-contents:has(.main-business-slide-wrap) {padding-bottom: 0;}
.sub-contents:has(.main-business-slide-wrap) .section1 {margin: 40px 0;}
.sp-sec:has(.main-business-slide-wrap) {background-color: var(--clr-main-light); padding: 45px 0;}

.main-business-slide-wrap{max-width: 100%; position: relative;}
.photo-gallery-wrap {position: relative;}

.main-business-slide-wrap .btn-control {display: flex; position: absolute; top: 50%; left: 0; right: 0; height: 60px; align-items: center;}
.main-business-slide-wrap .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:'';}
.main-business-slide-wrap .swiper-button-prev, .main-business-slide-wrap .swiper-button-next {top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 999px; background:rgba(0,0,0,0.5); font-size: 0; margin-top: 0;}
.main-business-slide-wrap .swiper-button-prev {right: calc(100% - 30px); left: unset;}
.main-business-slide-wrap .swiper-button-next {right: unset; left: calc(100% - 30px);}
.main-business-slide-wrap .swiper-button-prev::after {width: 23px; height: 23px; background: url(../img/icon-prev_w.png) no-repeat 4px / 13px;}
.main-business-slide-wrap .swiper-button-next::after {width: 23px; height: 23px; background: url(../img/icon-next_w.png) no-repeat 7px / 13px;}

.main-business-slide-wrap {width: 1480px; max-width: 100%; margin: 0 auto;}

.main-business-slide-wrap .galley-slide {border-radius: 20px; overflow: hidden; height: 0; position: relative; padding-bottom: 18.446%;}
.main-business-slide-wrap .galley-slide .slide-thumbnail {cursor: pointer; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-business-slide-wrap .galley-slide:has(video)::before,
.main-business-slide-wrap .galley-slide:has(.youtube-thumbnail)::before {content: ''; width: 78px; height: 78px; border-radius: 999px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FF0033; z-index: 1; pointer-events: none;}
.main-business-slide-wrap .galley-slide:has(video)::after,
.main-business-slide-wrap .galley-slide:has(.youtube-thumbnail)::after {content: ''; width: 27px; height: 27px; display: block; position: absolute; top: 50%; left: 50.5%; transform: translate(-50%, -50%); z-index: 1; background-image: url(../img/icon-play_w.png); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none;}

.main-business-slide-wrap .page-control {width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 25px;}
.main-business-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal {width: unset; max-width: calc(100% - 6px - 18px);}
.main-business-slide-wrap .swiper-pagination {position: static;}
.main-business-slide-wrap .swiper-pagination-bullet {width: 10px; height: 10px; background-color: var(--clr-gray); opacity: 1;}
.main-business-slide-wrap .swiper-pagination-bullet-active {background-color: var(--clr-main);}
.gallery-autoplay-control-btn {display: block; cursor: pointer; width: 18px; height: 18px; background-image: url(../img/icon-pause.png); background-repeat: no-repeat; background-position: center; background-size: 12px; background-color: transparent; border: none;}
.gallery-autoplay-control-btn.play {background-image: url(../img/icon-play.png);}

.main-business-gallery-modal {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6);}
.main-business-gallery-modal .sub-btn-color {position: absolute; left: 50%; transform: translateX(-50%); margin-top: 20px;}
.main-business-gallery-modal .sub-btn-color:active {background-color: #007688; color: var(--clr-white); border-color: #007688;}
.main-business-gallery-modal .modal-content {margin: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.main-business-gallery-modal .modal-body {max-width: 1024px;}

.main-business-gallery-modal .modal-body .image-container {max-width: 100vw; margin: 0 auto;}
.main-business-gallery-modal .modal-body img {max-height: calc(100svh - 200px); width: auto; height: auto; display: block; margin: 0 auto;}
.main-business-gallery-modal .modal-body .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100vw; width: 1024px; margin: 0 auto;}
.main-business-gallery-modal .modal-body .video-container iframe, .main-business-gallery-modal .modal-body .video-container video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: none;}

/* Contents > 주요사업 > 상호문화교류의 해 */
/* 변경 전 디자인 */
/* .main-business-card-wrap {display: flex; flex-wrap: wrap; gap: 25px;}
.main-business-card-item {padding: 20px; width: 170px; min-height: 170px; height: fit-content; box-shadow: 0 0 20px #a3a3a34d; border-radius: 20px; position: relative;}
.main-business-card-item:not(:last-child)::after {content: ''; position: absolute; width: 20px; height: 20px; background: url(../img/icon-next_s.png) no-repeat center / 7px; left: calc(100% + (25px - 20px) / 2); top: calc(170px / 2); transform: translateY(-50%);}
.main-business-card-item .year {margin-bottom: 15px; padding: 6px; display: block; border-radius: 999px; font-size: 16px; font-weight: 700; color: var(--clr-white); background-color: var(--clr-main); text-align: center;}
.main-business-card-item:nth-child(even) .year {background-color: var(--clr-black2);}
.main-business-card-item .desc {font-size: 16px; line-height: 1.2; margin-top: 5px;}
.main-business-card-item .desc.dot {padding-left: 8px;} */
.main-business-card-wrap {display: flex; flex-wrap: wrap; gap: 25px;}
.main-business-card-item {width: 170px; position: relative;}
.main-business-card-item:not(:last-child)::after {content: ''; position: absolute; z-index: -1; background-color: var(--clr-black2); opacity: 0.5; width: 100%; height: 1px; left: 25px; top: calc(36px / 2); transform: translateY(-50%);}
.main-business-card-item .year {width: 120px; margin-bottom: 8px; padding: 6px 8px 6px 6px; display: block; border-radius: 0 999px 999px 0; font-size: 16px; font-weight: 700; color: var(--clr-white); background-color: var(--clr-main); text-align: center;}
.main-business-card-item:nth-child(even) .year {background-color: var(--clr-black2);}
.main-business-card-item .desc {font-size: 16px; line-height: 1.2; margin-top: 5px;}
.main-business-card-item .desc.dot {padding-left: 8px;}

/* Contents > 주요사업 > 국제교류 컨설팅 */
.main-business-info-content > div:not(:first-child) {margin-top: 40px;}
.main-business-info-content > div.desc > *:not(:first-child, span) {margin-top: 15px;}
.main-business-info-content > *:has(.main-business-box-wrap) + .desc {margin-top: 45px;}

.main-business-box-wrap {display: flex; flex-wrap: wrap; gap: 46px;}
.main-business-box-item {width: 225px; height: fit-content; border: 1px solid var(--clr-gray); border-top-color: var(--clr-black2); position: relative;}
.main-business-box-item:not(:last-child)::after {content: ''; position: absolute; width: 20px; height: 20px; background: url(../img/icon-next_s.png) no-repeat center / 7px; left: calc(100% + (46px - 20px) / 2); top: calc(145px / 2); transform: translateY(-50%);}
.main-business-box-item > * {padding: 15px;}
.main-business-box-item .title {background-color: var(--clr-main-light); border-bottom: 1px solid var(--clr-gray); font-size: 18px; font-weight: 700; color: var(--clr-black2); text-align: center;}
.main-business-box-item div.desc {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 80px; font-size: 16px; text-align: center;}
.main-business-box-item div.desc:has(p.dot) {flex-direction: column;}
.main-business-box-item div.desc span.alert {display: block;  color: #EB5757;}

/* Contents > 주요사업 > 투어링 케이-아츠 */
.main-business-icon-wrap {display: flex; flex-wrap: wrap; gap: 80px;}
.main-business-icon-item {}
.main-business-icon-item .box {padding: 15px; margin: 0 auto; width: 100px; height: 100px; background-color: var(--clr-white); box-shadow: 0 0 20px #a3a3a34d; border-radius: 20px; display: flex; justify-content: center; align-items: center; position: relative;}
.main-business-icon-item:not(:last-child) .box::after {content: ''; position: absolute; width: 20px; height: 20px; background: url(../img/icon-next_s.png) no-repeat center / 7px; left: calc(100% + (80px - 10px) / 2); top: calc(100px / 2); transform: translateY(-50%);}
.main-business-icon-item .box img {}
.main-business-icon-item .detail {margin-top: 20px; text-align: center; word-break: keep-all; width: 110px;}

.main-business-icon-item .box::before {position: absolute; bottom: calc(100% - (34px / 2)); right: calc(100% - (34px / 2)); width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 999px; font-size: 18px; font-weight: 500; background-color: var(--clr-main); color: var(--clr-white);}
.main-business-icon-item:nth-child(1) .box::before {content: '1';}
.main-business-icon-item:nth-child(2) .box::before {content: '2';}
.main-business-icon-item:nth-child(3) .box::before {content: '3';}
.main-business-icon-item:nth-child(4) .box::before {content: '4';}
.main-business-icon-item:nth-child(5) .box::before {content: '5';}
.main-business-icon-item:nth-child(6) .box::before {content: '6';}
.main-business-icon-item:nth-child(7) .box::before {content: '7';}

/* Contents > 주요사업 > 해외 통신원 */
.country-btn-wrap {margin: 40px 0; border-radius: 20px; min-height: 380px; padding: 30px; width: 100%; background-color: var(--clr-main-light);}
.country-btn-wrap ul {gap: 40px 20px; display: flex; flex-wrap: wrap;}
.country-btn-wrap ul li {width: calc((100% / 10) - (20px - 20px / 10));}
.country-btn {height: 30px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: start; color: var(--clr-black2);}
.country-btn span {transition: .3s;}
.country-btn img {}
.country-btn:hover span {color: var(--clr-main);}
.country-btn.active span {color: var(--clr-main);}
.country-btn span {letter-spacing: -1.2px; text-align: left; font-weight: 600; margin-left: 10px; line-height: 135%;}

.correspondent-list {display: flex; flex-wrap: wrap; gap: 30px;}
.correspondent-list-item {height: fit-content; padding: 25px; width: calc((100% / 3) - (30px - 30px / 3)); border-radius: 20px; border: 1px solid var(--clr-gray); display: flex; gap: 25px;}
.correspondent-list-item .img-box {width: 140px; height: 190px; border-radius: 10px; overflow: hidden; position: relative; border: 1px solid var(--clr-gray);}
.correspondent-list-item .img-box img {width: 100%; height: 100%; object-fit: cover;}
.correspondent-list-item .txt-box {width: calc(100% - (140px + 25px)); align-self: center;}
.correspondent-list-item .txt-box .title {font-size: 22px; font-weight: 600;}
.correspondent-list-item .txt-box .title .country::before {content: '['}
.correspondent-list-item .txt-box .title .country::after {content: ']'}
.correspondent-list-item .txt-box .title .name {margin-left: 2px;}
.correspondent-list-item .txt-box .info {margin-top: 10px; max-width: 90%; font-size: 18px; word-break: break-all; font-weight: 400;}
/* .correspondent-list-item .txt-box .info {white-space: normal; overflow: hidden; max-height: 12.9em; display: -webkit-box; -line-clamp: 10; -webkit-line-clamp: 10; -webkit-box-orient: vertical;} */

/* Contents > 열린경영 > 경영공시 안내 */
.sub-banner.banner-disclosure-guide {background-image: url(../img/sub-banner-disclosure-guide.png);}
#disclosure-guide .sub-btn.more {font-size: 14px; display: flex; align-items: center; justify-content: center; width: fit-content; margin: auto; min-height: 36px; gap: 5px; padding: 5px 14px; font-weight: 500;}
#disclosure-guide .sub-btn.more:hover {background-color: var(--clr-main); color: var(--clr-white)}
#disclosure-guide .sub-btn.more::before {content: ''; background: url(../img/icon-views.png) no-repeat center center / contain; display: block; width: 14px; height: 14px; transition: .3s;}
#disclosure-guide .sub-btn.more:hover::before {background-image: url(../img/icon-eye_w2.png);}

.info-disclosure-table-wrap {overflow: auto;}
.info-disclosure-table-wrap .chart-scroll-desc {display: none;}

/* Contents > 열린경영 > 윤리경영 */
.sub-banner.banner-ethical {background-image: url(../img/sub-banner-ethical.png);}

.sub-contents:has(#ethical)::after {content:  ''; background-color: var(--clr-main-light); display: block; position: absolute; width: 100%; height: 24.7923%; bottom: 0; z-index: -1;}

#ethical .info-disclosure-table td {padding: 25px;}
.info-disclosure-table .desc .dash {padding-left: 10px; position: relative;}
.info-disclosure-table .desc .dash::before {content: '-'; position: absolute; top: 0; left: 0;}

#ethical .section3 {margin-top: 100px;}
.sub-ethical-card-wrap {display: flex; gap: 40px; flex-wrap: wrap;}
.sub-ethical-card {flex: 1; padding: 50px; border-radius: 20px; background-color: var(--clr-white); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);}
.ethical-card-inner {height: 100%; min-height: calc(330px - (50px * 2)); display: flex; flex-direction: column; position: relative; gap:10px;}
.ethical-card-inner > .icon {width: 55px; height: 50px; position: absolute; top: 0; right: 0; background: url(../img/icon-ethical1.png) no-repeat center / contain;}
.sub-ethical-card:nth-child(2) .ethical-card-inner > .icon {background-image: url(../img/icon-ethical2.png);}
.sub-ethical-card:nth-child(3) .ethical-card-inner > .icon {background-image: url(../img/icon-ethical3.png);}

.ethical-card-inner p.title {font-size: 30px; font-weight: 700; color: var(--clr-black2); line-height: normal;}
.ethical-card-inner p.desc {font-size: 16px; font-weight: 400; color: var(--clr-black2); line-height: 1.5;}
.ethical-card-inner p.desc span {display: block;}
.ethical-card-inner p.desc .dot {padding-left: 8px; position: relative;}
.ethical-card-inner p.desc .dot::before {content: '•'; position: absolute; left: -3px; top: -1px;}
.ethical-card-inner p.desc .alert {font-size: 14px; color: #EB5757; margin-top: 8px;}

.download-btn-wrap.ethical-download {margin-top: auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.ethical-download .sub-btn {flex: 1; width: 100%; min-width: 190px; font-size: 14px; font-weight: 500; padding: 5px 10px;}
.ethical-download .sub-btn::after {background-size: 12px; margin-left: 2px;}

.sub-ethical-card.ethical-report-card {width: 100%; margin-top: 40px; padding-top: 0; padding-bottom: 0;}
.ethical-report-card .ethical-card-inner {flex-direction: row; min-height: 127px; align-items: center;}
.ethical-report-card p.title {margin-right: auto;}
.report-item-wrap {display: flex; gap: 121px; align-items: center;}
.ethical-report-item {font-size: 0;}

.ethical-report-item:first-child {display: flex;}
.ethical-report-item:first-child img {width: 55px; height: 50px; margin-right: 10px;}
.ethical-report-item .text {color: var(--clr-black2);}
.ethical-report-item .t1 {font-size: 20px; font-weight: 700;}
.ethical-report-item .t2 {font-size: 16px; font-weight: 400;}

/* Contents > 열린경영 > 인권경영 */
.sub-human-right-list {margin-top: 41px;}
.human-right-item {padding: 30px; display: flex; align-items: center; gap: 30px; border-bottom: 1px solid var(--clr-gray); color: var(--clr-black2);}
.human-right-item:first-child {border-top: 1px solid var(--clr-black2);}
.human-right-item:nth-child(odd) {background-color: #F5F5F5;}

.human-right-item .circle {display: block; width: 80px; height: 80px; line-height: 80px; aspect-ratio: 1 / 1; border-radius: 999px; text-align: center; font-size: 20px; font-weight: 700; color: var(--clr-white);}
.human-right-item:nth-child(odd) .circle {background-color: var(--clr-main);}
.human-right-item:nth-child(even) .circle {background-color: var(--clr-main-dark);}
.human-right-item .text {font-size: 18px; font-weight: 400;}
.human-right-item .text strong {font-weight: 600;}

/* Contents > 열린경영 > 윤리·인권경영 > 행동강령 */
.sub-subtitle-wrap .subtitle.icon {padding-left: 22px;}
.sub-subtitle-wrap .subtitle.icon::before {content: ''; display: inline-block; background: url(../img/logo-small-icon.svg) no-repeat center center / contain; width: 13.49px; height: 16px; position: absolute; top: calc(50% - 16px / 2); left: 0;}

#code-of-ethics .sp-sec ~ .sp-sec {margin-top: 40px;}

.document-wrap {font-size: 16px;}
.document-wrap ~ .document-wrap {margin-top: 30px;}
.document-subtitle {color: var(--clr-main); font-size: 22px; font-weight: 600; margin-bottom: 8px;}
.document-wrap .desc {color: var(--clr-black2); font-weight: 400;}
#code-of-ethics .sp-sec.section1 .desc {font-weight: 500;}

.document-wrap ul {}
.document-wrap li {color: var(--clr-black2); margin-left: 1em; position: relative; font-weight: 400;}
.document-wrap ul:has(li ul) > li ~ li {margin-top: 20px;}
.document-wrap .desc ~ ul {margin-top: 20px;}
.document-wrap li li {margin-top: 2px;}

@counter-style korean-alpha {
  system: alphabetic;
  symbols: "가" "나" "다" "라" "마" "바" "사" "아" "자" "차" "카" "타" "파" "하";
}

@counter-style circled-num {
  system: fixed;
  symbols: ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩;
  suffix: " ";
}

.document-wrap .number > li {list-style: number;}
.document-wrap .circle > li {list-style: circled-num;}
.document-wrap .letter > li {list-style: korean-alpha;}

/* Contents > 열린경영 > ESG경영 */
#esg .section2 {margin-top: 45px;}
.esg-framework {}
.esg-framework .row {display: grid; grid-template-columns: 250px 1fr 1fr 1fr; gap: 20px;}
.esg-framework .row ~ .row {margin-top: 20px;}
.esg-framework .col {border-radius: 10px; padding: 30px; display: flex; flex-direction: column; justify-content: center;}
.esg-framework .col.title {text-align: center; font-size: 25px; font-weight: 700; color: var(--clr-white); align-items: center; }
.esg-framework .col.center {grid-column: 2/5; text-align: center; align-items: center;  border: 1px solid var(--clr-gray); font-weight: 600; font-size: 20px; color: var(--clr-black2)}

.esg-framework .col .item-title {font-size: 20px; font-weight: 600; margin-bottom: 12px;}
.esg-framework .col .desc {color: var(--clr-black2); font-size: 18px; font-weight: 400;}
.esg-framework .col .desc ~ .desc {margin-top: 2px;}
.esg-framework .col .desc.dash {position: relative; padding-left: 10px;}
.esg-framework .col .desc.dash::before {content: '-'; position: absolute; top: 0; left: 0;}

.esg-framework .row:nth-child(1) .title {background-color: #2FCAE2;}
.esg-framework .row:nth-child(2) .title {background-color: var(--clr-main);}
.esg-framework .row:nth-child(3) .title {background-color: #0191A7;}
.esg-framework .row:nth-child(4) .title {background-color: var(--clr-main-dark);}
.esg-framework .row:nth-child(5) .title {background-color: #00444E;}

.esg-framework .row:nth-child(2) .col:not(.title) {border: 1px solid var(--clr-main); color: var(--clr-main);}
.esg-framework .row:nth-child(3) .col:not(.title) {border: 1px solid #0191A7; color: #0191A7;}
.esg-framework .row:nth-child(4) .col:not(.title) {border: 1px solid var(--clr-main-dark); color: var(--clr-main-dark);}
.esg-framework .row:nth-child(5) .col:not(.title) {border:  1px solid #00444E; color: #00444E;}

/* Contents > 열린경영 > 정보공개제도 안내 */
.sub-contents:has(#info-disclosure)::after {content: ''; background-color: var(--clr-main-light); display: block; position: absolute; width: 100%; height: 274px; bottom: 0; z-index: -1;}
#info-disclosure .sub-ethical-card {padding: 40px;}
#info-disclosure .ethical-card-inner {min-height: unset; height: auto;}
#info-disclosure .ethical-card-inner > .icon {background-image: url(../img/icon-info-disclosure01.png);}
#info-disclosure .sub-ethical-card:nth-child(2) .ethical-card-inner > .icon {background-image: url(../img/icon-info-disclosure02.png);}
#info-disclosure .ethical-card-inner p.desc .alert {margin-top: 30px;}

/* Contents > 열린경영 > 정보공개청구 및 처리절차 */
.info-disclosure-request-wrap {margin-bottom: 37px;}
.request-process {background-color: var(--clr-main-light); border-radius: 20px; display: flex; align-items: center; justify-content: center; gap: 140px; padding: 50px 25px;}
.process-item {color: var(--clr-white); background-color: var(--clr-main); width: 250px; max-width: 100%; min-height: 70px; padding: 10px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 22px; position: relative; text-align: center;}
.process-item:nth-child(2) {background-color: #0191A7;}
.process-item:nth-child(3) {background-color: var(--clr-main-dark);}
.process-item:nth-child(2)::before {content: ''; display: block; height: 100%; width: 145px; position: absolute; right: 100%; background: url(../img/request-process-arrow1.png) no-repeat center right / contain;}
.process-item:nth-child(3)::before {content: ''; display: block; height: 100%; width: 145px; position: absolute; right: 100%; background: url(../img/request-process-arrow2.png) no-repeat center right / contain;}
.info-disclosure-request-wrap .desc{margin-top: 20px;}
.main-business-info-item .desc.bar::before {content: '-';}
.desc .alert {color: #EB5757; font-size: 14px;}
#info-disclosure-request .download-btn-wrap.ethical-download {width: 250px; margin-top: 25px; max-width: 100%}

/* Contents > 기관소개 > 인사말 */
.sub-banner.banner-greeting {background-image: url(../img/sub-banner-greeting.png);}

.greeting-content {color: var(--clr-black2); display: flex; justify-content: space-between; flex-wrap: wrap;}
.greeting-phrase-wrap {max-width: calc(100% - 1045px);}
.greeting-phrase {font-size: 30px; font-weight: 700; line-height: 1.35; margin-bottom: 40px;}

.greeting-paragraph-wrap {max-width: 1045px;}
.greeting-paragraph {margin-bottom: 35px; font-size: 18px; font-weight: 400; word-break: keep-all;}
.greeting-phrase span, .greeting-paragraph span {display: none;}
.greeting-sender {margin-top: 60px; font-size: 25px; font-weight: 700; line-height: 1.35; display: flex; align-items: center; justify-content: end;}
.greeting-sender img {margin-left: 20px;}

/* Contents > 기관소개 > 설립목적 및 비전 */
#vision .sp-sec {margin-bottom: 50px;}
#vision .sp-sec:last-child {margin-bottom: 0;}

#vision .page-desc-wrap {text-align: center;}
.sub-banner.banner-vision {background-image: url(../img/sub-banner-vision.png); margin-top: 45px;}
.banner-vision .sub-banner-text {}
.banner-vision .sub-banner-text .small {position: relative; padding-top: 12px;}
.banner-vision .sub-banner-text .small::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 1px; background-color: var(--clr-white);}
.banner-vision .sub-banner-text .large {font-size: 40px; font-family:var(--font-sub1); margin-top: 40px;}

.vision-content-wrap {}
.vision-subtitle {margin: 0 auto 40px; width: fit-content; padding: 12px 30px; color: var(--clr-white); background-color:var(--clr-black2); font-size: 22px; font-weight: 700; text-align: center; border-radius: 30px 0; line-height: normal;}
#vision .sp-sec:is(:nth-child(2),:nth-child(6)) .vision-subtitle {background-color: var(--clr-main);}

.vision-phrase {color: var(--clr-black2); text-align: center; font-size: 40px; line-height: 1.35; font-weight: 400; font-family: var(--font-sub1);}
.vision-phrase strong {font-weight: 700;}
.vision-phrase .color {color: var(--clr-main);}

.vision-purpose-wrap {display: flex; justify-content: center; margin-top: 60px;}
.vision-purpose-item {margin-left: -30px;}
.vision-purpose-item:first-child {margin-left: 0;}

.vision-purpose-title {margin-bottom: 90px; border: 30px solid #A7E5EF; width: 300px; height: 300px; aspect-ratio: 1 / 1; border-radius: 999px; position: relative; text-align: center;}
.vision-purpose-item:nth-child(2) .vision-purpose-title {border-color: var(--clr-main);}
.vision-purpose-item:nth-child(3) .vision-purpose-title {border-color: var(--clr-main-dark);}
.vision-purpose-item:nth-child(4) .vision-purpose-title {border-color: #00444E;}
.vision-purpose-title::after {content: ''; position: absolute; top: calc(100% + 30px); width: 1px; height: 90px; background-color: var(--clr-gray);}

.vision-purpose-title span {line-height: 1.35; width: max-content; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; font-weight: 700; font-family: var(--font-sub1); color: var(--clr-black2); max-width: 100%;}
.vision-purpose-item:nth-child(2) .vision-purpose-title::before, .vision-purpose-item:nth-child(3) .vision-purpose-title::before {content: ''; z-index: 1; position: absolute; background-color: var(--clr-white); height: 100px; width: calc(120% + (30px * 2)); top: 50%; left: 50%; transform: translate(-50%, -50%);}

.vision-purpose-desc {position: relative; margin: 0 auto; max-width: calc(300px - 40px); padding-top: 15px; font-size: 18px; font-weight: 400; text-align: center; color: var(--clr-black2);}
.vision-purpose-desc::before {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #A7E5EF; border-radius: 999px;}
.vision-purpose-item:nth-child(2) .vision-purpose-desc::before {background-color: var(--clr-main);}
.vision-purpose-item:nth-child(3) .vision-purpose-desc::before {background-color: var(--clr-main-dark);}
.vision-purpose-item:nth-child(4) .vision-purpose-desc::before {background-color: #00444E;}

.vision-values-wrap {display: flex; justify-content: center;}
.vision-values-item {width: 320px; height: 320px; aspect-ratio: 1 / 1; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 700; font-family: var(--font-sub1); color: var(--clr-white); background-color: var(--clr-main); opacity: 0.9;}
.vision-values-item:nth-child(2) {margin-left: -30px; background-color: var(--clr-main-dark);}
.vision-values-item:nth-child(3) {margin-left: -30px; background-color: #00444E;}

.vision-goals-wrap {display: flex; gap: 40px; align-items: start; justify-content: center;}
.vision-goals-item {border: 1px solid var(--clr-main); width: 320px; min-height: 282px; border-radius: 20px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.vision-goals-item:nth-child(2) {border-color: var(--clr-main-dark);}
.vision-goals-item:nth-child(3) {border-color: #00444E;}

.vision-goals-item .icon {width: 90px; height: 82px;}
.vision-goals-item .desc {font-size: 30px; font-weight: 500; font-family: var(--font-sub1); line-height: 1.35; text-align: center; color: var(--clr-main);}
.vision-goals-item:nth-child(2) .desc {color: var(--clr-main-dark);}
.vision-goals-item:nth-child(3) .desc {color: #00444E;}

.vision-tasks-wrap {display: flex; gap: 40px; align-items: start; justify-content: center;}
.vision-tasks-column {width: 460px;}
.vision-tasks-item {text-align: center; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 110px; padding: 10px; border-radius: 20px; font-size: 30px; font-weight: 500; font-family: var(--font-sub1); line-height: normal; background-color: #ebf4f5b3; border: 1px solid var(--clr-main); color: var(--clr-main);}
.vision-tasks-column:nth-child(2) .vision-tasks-item {background-color:#e6f0f2b3; border-color: var(--clr-main-dark); color: var(--clr-main-dark);}
.vision-tasks-column:nth-child(3) .vision-tasks-item {background-color: #dee7e8b3; border-color: #00444E; color: #00444E;}

/* 2025-12-19 설립목적 및 비전 수정 { */
html[class*="translated"] :where(.vision-purpose-title, .vision-purpose-desc, .page-desc) br {display: none;}
html[class*="translated"] .sub-banner {height: unset; padding-top: 50px; padding-bottom: 50px;}
#vision .section4 {margin-top: 100px; margin-bottom: 90px;}
#vision .section6 {margin-bottom: 40px; margin-top: 100px;}

.vision-content.strategy {display: grid; grid-template-columns: 150px auto; gap: 40px; width: 1230px; max-width: 100%; margin: 0 auto;}
.vision-content.strategy .vision-subtitle {display: flex; align-items: center; justify-content: center; margin-bottom: 0; width: 100%;}
.vision-content .vision-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}

.vision-content.strategy .vision-grid .vision-goals-item {width: unset; min-height: 256px; height: 100%;}
.vision-content.strategy .vision-grid .vision-goals-item .desc {font-size: 22px;}
.vision-content.strategy .vision-grid .vision-tasks-column {width: unset; display: grid; grid-template-rows: repeat(3, 1fr); gap: 20px; height: 100%;}
.vision-content.strategy .vision-grid .vision-tasks-item {font-size: 22px; margin-bottom: 0;}
/* } 2025-12-19 설립목적 및 비전 수정 */

/* Contents > 기관소개 > 연혁 */
.history-wrap {width: 1440px; max-width: 100%; margin: 0 auto; position: relative; --scroll-ratio: 0; display: flex; gap: 100px; padding-top: 20px;}
.history-wrap > div {flex: 1;}
.history-follow-box {position: sticky; top: 200px; height: fit-content;}
.history-content {margin-bottom: 120px; position: relative;}
.history-content:last-child {margin-bottom: 0;}
.history-box {flex: 1;}

.history-follow-box p {font-size: 18px; color: var(--clr-black2);}
.history-follow-box p.large {font-weight: 700; font-size: 30px; margin-bottom: 15px;}
/* .history-follow-box span {display: block; margin-top: 45px; font-size: 120px; font-weight: 700; color: var(--clr-gray); opacity: 0.6; font-family: var(--font-sub1); line-height: normal;} */
.history-follow-box span {display: block; margin-top: 45px; opacity: 0.6; font-size: 0; width: 421px; height: 0; padding-bottom: 17.34%; background: url(../img/logo_g_big.png) no-repeat top left / contain;}

.history-box.text-box .title-year {margin-bottom: 45px; font-family: var(--font-sub1); font-size: 40px; font-weight: 700; color: var(--clr-main); line-height: normal;}
.history-box.text-box .text-item-wrap {margin-bottom: 15px;}
.history-box.text-box .text-item-wrap:last-child {margin-bottom: 0;}

.history-box.text-box .text-item {margin-bottom: 15px; color: var(--clr-black2); display: flex;}
.history-box.text-box .text-item:last-child {margin-bottom: 0;}
.history-box.text-box .text-item .year {font-weight: 600; font-size: 22px; min-width: 90px; margin-right: 70px;}
.history-box.text-box .text-item .desc-wrap {padding-top: 3px;}
.history-box.text-box .text-item p.desc {font-weight: 400;}
.history-box.text-box .text-item p.desc:not(:first-child) {margin-top: 4px;}
.history-box.text-box .text-item p.desc.dot {padding-left: 10px; position: relative;}
.history-box.text-box .text-item p.desc.dot::before {content: '•'; position: absolute; left: -1px; top: -1px;}

/* dots & lines */
.history-wrap::before, .history-wrap::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; z-index: -1;}
.history-wrap::before {background-color: var(--clr-gray); height: 100%;}
.history-wrap::after {background-color: var(--clr-main); height: calc((100%) * var(--scroll-ratio)); transition: height .3s ease-out;}
.history-content::before, .history-content::after {content: ''; position: absolute; border-radius: 999px; left: -50px; transform: translateX(-50%);}
.history-content::before {background-color: #E2F2F4; width: 36px; height: 36px; top: 0;}
.history-content::after {background-color: var(--clr-main); width: 16px; height: 16px; top: calc((36px / 2) - (16px / 2));}

/* Contents > 기관소개 > CI·소개자료 */
.page-desc-wrap p.page-desc {font-size: 18px; font-weight: 400;}
.page-desc-wrap p.page-desc strong{font-weight: 600; color: var(--clr-main)}

.ci-material-content-wrap {}
.ci-material-content {margin-top: 50px;}
.ci-material-content {width: 100%;}
.ci-material-content-half-wrap {display: flex; gap: 30px; flex-wrap: wrap;}
.ci-material-content.half {width: calc(50% - 30px / 2);}

.ci-material-content .image-board {margin-top: 20px; border-radius: 10px; padding: 50px; border: 1px solid var(--clr-gray); display: flex; align-items: center; justify-content: center;}
.ci-material-content .image-board.pattern {background-color: #FFFFFF; opacity: 1; background-image:  linear-gradient(#F3F3F3 2px, transparent 2px), linear-gradient(90deg, #F3F3F3 2px, transparent 2px), linear-gradient(#F3F3F3 1px, transparent 1px), linear-gradient(90deg, #F3F3F3 1px, #FFFFFF 1px); background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;}
.ci-material-content .image-board.full {gap: 170px; height: 540px; flex-wrap: wrap;}
.ci-material-content .image-board.half {flex-direction: column; justify-content: space-evenly; height: 460px; padding: 30px;}

.download-btn-wrap.ci-material-download {display: flex; align-items: flex-start; justify-content: center; gap: 10px; margin-top: 30px;}
.ci-material-download .sub-btn {min-width: 140px; min-height: 50px;}

.ci-material-content-add-desc {margin-top: 60px; font-size: 14px; font-weight: 400; color: #EB5757;}
p.alert {padding-left: 14px; position: relative;}
p.alert::before {content: '※'; position: absolute; left: 1px; top: -1px;}

.ci-material-content .image-board.full.concept-board {height: 495px; gap: 140px;}
.concept-board-img {font-size: 0;}
.concept-board-text {text-align: center; font-weight: 600; font-size: 18px; color: var(--clr-black2); line-height: 1.444; margin-top: 18px;}

/* Contents > 기관소개 > 조직도 */
.chart-scroll-desc {font-size: 14px; color: var(--clr-gray3); text-align: center; display: none; margin-bottom: 10px;}
.organization-chart-wrap {max-width: 100%; overflow-x: auto; padding: 10px 0;}
.organization-chart {width: 1600px;}

.organization-chart .row {position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-top: 50px;}
.organization-chart .row.half {width: 50%;}
.organization-chart .row.half.right {margin-left: auto;}
.organization-chart .row.row1 {align-items: center; gap: 160px;}
.organization-chart .row.row2 {}
.organization-chart .row.row3 {}
.organization-chart .row.row4 {margin-top: 70px; gap: 65px;}

/* box */
.organization-chart .box {position: relative; width: 290px; min-height: 70px; height: fit-content; padding: 5px; border-radius: 999px; color: var(--clr-black2); border: none; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 700; line-height: normal;}
.organization-chart .box.box1 {width: 206px; min-height: 206px; aspect-ratio: 1 / 1; background-color: var(--clr-main); color: var(--clr-white);}
.organization-chart .box.box2 {background-color: #D5EAED;}
.organization-chart .box.box3 {background-color: var(--clr-white); border: 1px solid #6EA6AE;}
.organization-chart .box.box4 {margin: 50px auto 0; border-radius: 10px; background-color: var(--clr-main-dark); color: var(--clr-white);}
.organization-chart .box.box5 {width: 150px; min-height: 60px; border-radius: 10px; background-color: #ECF7F8; color: var(--clr-main-dark); font-size: 20px; font-weight: 600;}
.organization-chart button.box span {pointer-events: none;}
.organization-chart button.box.none {cursor: default;}
.organization-chart button.box:not(.none):hover span {text-decoration: underline;}

/* line */
.organization-chart .box::before {content: ''; position: absolute; width: 2px; height: 2px; background-color: var(--clr-gray3); z-index: -1;}
.organization-chart .row1 .box:first-child::before {width: 239px; left: 100%;}
.organization-chart .row1 .box:last-child::before {width: 239px; right: 100%;}
.organization-chart .row2 .box::before {height: 245px; bottom: 100%;}
.organization-chart .row3 .box::before {width: 256px; left: 100%;}
.organization-chart .row3.right .box::before {left: unset; right: 100%;}
.organization-chart .row4 .box4::before {height: 50px; bottom: 100%;}
.organization-chart .row4 .box4.box-center::before {height: 300px;}
.organization-chart .box.box5::before {height: 25px; bottom: 100%;}
.organization-chart .box.box5.box-center::before {height: 60px;}

.organization-chart .row4::before {content: ''; position: absolute; height: 2px; background-color: var(--clr-gray3); z-index: -1; width: calc(100% - 490px);}
.organization-chart .child::before{content: ''; position: absolute; height: 2px; background-color: var(--clr-gray3); z-index: -1; width: calc(100% - 150px + 2px); bottom: calc(100% + 25px);}

.organization-chart .children-wrap {position: relative;}
.organization-chart .child {position: relative; margin-top: 55px; display: flex; justify-content: center; gap:20px;}

.organizational-structure-wrap {margin-top: 100px;}
.organizational-structure-table-wrap {overflow-x: auto; padding-bottom: 10px;}
.organizational-structure-table thead tr th {width: 16%;}
.organizational-structure-table thead tr th.work {width: auto;}

/* Contents > 기관소개 > 오시는길 */
.location-map-wrapper {border-radius: 4px; overflow: hidden; position: relative; width: 100%;}
.location-map-wrapper > .root_daum_roughmap {width: 100%; padding-bottom: 37.5%;}
.location-map-wrapper > .root_daum_roughmap .wrap_map {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.location-map-wrapper .wrap_controllers, .location-map-wrapper .cont {display: none;}

.address-info .item {display: flex; align-items: center; color: var(--clr-black2); margin-top: 25px; margin-bottom: 20px;}
.address-info .title {display: flex; align-items: center; margin-right: 30px;}
.address-info .title span {margin-left: 5px; font-size: 22px; font-weight: 700;}
.address-info .desc {font-size: 18px; font-weight: 400;}

.directions-info-wrap {margin-top: 40px;}
.directions-info-content {}
.directions-info-table {}
.directions-info-table .th{width: 160px;}
.directions-info-table span {margin-right: 10px; display: inline-block; padding: 2px 15px 0; text-align: center; line-height: 28px; min-height: 28px; min-width: 28px; border-radius: 999px; background-color: #898989; color: var(--clr-white); font-size: 16px; font-weight: 700;}
.directions-info-table span {min-width: fit-content; white-space: nowrap;}

.directions-info-table .table-inner {display: flex; align-items: flex-start; flex-wrap: wrap;}

.directions-info-table .subway {flex-direction: column; gap: 20px;}
.directions-info-table .subway > div {display: flex; align-items: start; width: 100%;}
.directions-info-table .subway p {display: inline-block; padding-top: 4px; max-width: calc(100% - 150px);}
.directions-info-table .subway span.gyeongui-jungang{background-color: #69CCCC;}
.directions-info-table .subway span.line6{background-color: #B55E16; padding: 0; aspect-ratio: 1/1;}
.directions-info-table .subway span.airport-railroad{background-color: #3CA8EA;}

.directions-info-table .bus {flex-direction: row; gap: 30px;}
.directions-info-table .bus p {display: inline-block;}
.directions-info-table .bus span{border-radius: 4px;}
.directions-info-table .bus span.blue{background-color: #1878EE;}
.directions-info-table .bus span.green{background-color: #1C9B5C;}
.directions-info-table .bus span.village{background-color: #79BE4F;}

/* Contents > 행사안내 */

:root {
  --fc-border-color: var(--clr-gray);
  --fc-event-bg-color: transparent;
  --fc-event-border-color: transparent;
  --fc-highlight-color: rgba(234, 234, 234, 0.3);
  --fc-today-bg-color: #F1F9FA;
}

.calendar-top {margin-bottom: 30px; position: relative;}
#calendar-controls {display: flex; justify-content: center; align-items: center; gap: 10px;}
.date-tag-wr {position: absolute; bottom: 0; right: 0;}

#calendar-controls .monthArrow {width: 40px; height: 40px; border-radius: 999px; background-color: var(--clr-white); border: 1px solid var(--clr-gray);}
#calendar-controls .monthArrow.prevMonth {margin-right: 20px; background: url(../img/icon-prev_s.png) no-repeat center;}
#calendar-controls .monthArrow.nextMonth {margin-left: 20px; background: url(../img/icon-next_s.png) no-repeat center;}

#calendar-controls .calendar-select {min-width: 160px; border-radius: 4px; padding: 4px 20px; height: 50px; border: 1px solid var(--clr-gray); color: var(--clr-gray5); background: url(http://127.0.0.1:5502/assets/css/../img/arrow-bottom_g.png) no-repeat center right 20px / 12px var(--clr-white); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-size: 16px; font-weight: 400;}

.calendar-top .date-tag-ul {display: flex; gap: 15px;}
.calendar-top .date-tag::before {content: ''; display: block; width: 10px; height: 10px; border-radius: 999px;}
.calendar-top .date-tag {font-weight: 500; color: var(--clr-gray5); padding: 5px 15px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; border: 1px solid var(--clr-gray); background-color: var(--clr-white); transition: .3s;}
.calendar-top .date-tag:hover {background-color: var(--clr-main-light); color: var(--clr-main); border-color: var(--clr-main);}
.calendar-top .date-tag.on {border-color: var(--clr-main); color: var(--clr-main);}
.calendar-top .date-tag.t1::before {background-color: #2368DD;}
.calendar-top .date-tag.t2::before {background-color: #FF7801;}
.calendar-top .date-tag.t3::before {background-color: #1EA67F;}

.calendar-box .chart-scroll-desc {display: none;}
.fc .fc-toolbar.fc-header-toolbar {display: none;}

.fc .fc-h-event.performance {background-color: #2368DD;}
.fc .fc-h-event.exhibition {background-color: #FF7801;}
.fc .fc-h-event.etc {background-color: #1EA67F;}

.fc .fc-scrollgrid {border-top-color: var(--clr-black2);}
.fc .fc-col-header-cell .fc-scrollgrid-sync-inner {background-color: #F5F5F5;}
.fc .fc-col-header-cell-cushion {padding: 18px 4px; font-size: 18px; font-weight: 600; line-height: 30px;}
.fc .fc-col-header-cell.fc-day-sat a {color: #2368DD;}
.fc .fc-col-header-cell.fc-day-sun a {color: #EB5757;}

.fc .fc-daygrid-day-frame {min-height: 160px; height: 100%; padding: 6px;}
.fc .fc-daygrid-day-top {flex-direction: row; margin-bottom: 12px;}
.fc .fc-daygrid-bg-harness {height: 100%;}

.fc .fc-daygrid-event-harness {margin-bottom: 10px;}
.fc .fc-daygrid-event-harness:last-child {margin-bottom: 0;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom: 0;}
.fc .fc-daygrid-block-event .fc-event-time, .fc .fc-daygrid-block-event .fc-event-title {padding: 1px 6px;}
.fc .fc-daygrid-day-number {color: var(--clr-gray4); font-weight: 500;}
.fc .fc-daygrid-day.fc-day-today {position: relative;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {color: var(--clr-main); position: relative;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::after {content: 'Today'; font-weight: 500; font-size: 16px; color: var(--clr-main); margin-left: 18px;}

.fc-h-event .fc-event-title {font-weight: 500; font-size: 16px; text-overflow: ellipsis;}

/* Contents > 행사안내 > 행사 상세 보기 */
.calendar-view-wrap {border-top: 1px solid var(--clr-black2); padding: 30px 0; display: flex; flex-wrap: wrap; gap: 50px;}

.calendar-image-section {width: 450px; height: fit-content; overflow: hidden; border-radius: 10px; box-shadow: 0 10px 20px rgb(94, 94, 94, 0.1); border: 1px solid var(--clr-gray); font-size: 0;}
.calendar-image-section img {width: 100%; object-fit: cover;}

.calendar-info-section {max-width: calc(100% - 500px); width: 100%;}

.calendar-title-wrap {margin-bottom: 30px;}
.calendar-title-wrap h4 {position: relative; font-size: 24px; font-weight: 700; line-height: 1.35; max-width: calc(100% - 200px);}
.calendar-title-wrap h4::before {display: block; margin-bottom: 15px; font-size: 16px; font-weight: 500; border: 1px solid var(--clr-gray4); color: var(--clr-gray4); border-radius: 999px; width: fit-content; padding: 5px 18px 3px;}
.calendar-title-wrap h4.performance::before {content: '공연'; color: #2368DD; border-color: #2368DD;}
.calendar-title-wrap h4.exhibition::before {content: '전시'; color: #FF7801; border-color: #FF7801;}
.calendar-title-wrap h4.etc::before {content: '기타'; color: #1EA67F; border-color: #1EA67F;}

.calendar-desc-wrap {position: relative;}
.calendar-desc-wrap .sub-btn {position: absolute; bottom: 100%; right: 0; margin-bottom: 20px; min-width: 140px; min-height: 50px; padding: 15px 10px;}
.calendar-desc-wrap .sub-btn::before {content: ''; display: inline-block; pointer-events: none; margin-bottom: -2px; width: 14px; height: 14px; margin-right: 4px; background: url(../img/icon-views.png) no-repeat center center/14px; transition: .3s;}
.calendar-desc-wrap .sub-btn:hover::before {background-image: url(../img/icon-views_c.png);}

.calendar-info-table {width: 100%;}
.calendar-info-table tbody {}
.calendar-info-table tr {border-bottom: 1px solid var(--clr-gray);}
.calendar-info-table td {vertical-align: top; padding: 15px 0; font-size: 18px; font-weight: 500; color: var(--clr-gray4);}
.calendar-info-table tr td:first-child {color: var(--clr-black2); width: 110px;}
html[class*="translated"] .calendar-info-table tr td:last-child {padding-left: 15px;}

.calendar-view-foot {text-align: right; font-size: 0;}
.calendar-view-btn {border: 1px solid var(--clr-main); background-color: var(--clr-main); color: var(--clr-white); display: inline-block; line-height: 50px; text-align: center; width: 93px; height: 50px; line-height: 50px; border-radius: 4px; font-weight: 400; font-size: 16px; text-align: center; transition: .3s;}
.calendar-view-btn:hover {border-color: var(--clr-main); background-color: var(--clr-white); color: var(--clr-main);}

/* 2025-12-17 등록된 데이터 없음 추가 { */
.sub-content:has(.board-list ~ .empty-data) .board-list {display: none;}
.empty-data {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 350px; border-radius: 10px; border: 1px solid var(--clr-gray); width: 100%; gap: 32px; padding: 20px;}
.empty-data-icon {font-size: 0;}
.empty-data-text {font-weight: 700; font-size: 30px; color: var(--clr-black2); line-height: 1.35;}
/* } 2025-12-17 등록된 데이터 없음 추가 */

/* 2025-12-26 개인정보처리방침 { */
#privacy-policy .sub-subtitle-wrap {display: flex; align-items: center; gap: 10px;}
#privacy-policy .sub-subtitle-wrap .list-icon {font-size: 0;}
.sub-subtitle-wrap .subtitle.center {text-align: center; margin: auto; font-size: 30px;}
.panel-box {position: relative; margin: 20px 0 20px 0; padding: 20px; background-color: #fafafa; border: 1px solid var(--clr-gray); border-radius: 5px; word-break: keep-all; color: var(--clr-black2);}

.privacy-policy-item {color: var(--clr-black2); font-size: 16px; font-weight: 400;}
.privacy-policy-item ~ .privacy-policy-item {margin-top: 50px;}
.privacy-policy-item .color {color: var(--clr-main);}
.privacy-policy-item a.color:hover {text-decoration: underline;}
.privacy-policy-item .table-wrap {margin: 20px 0;}
.privacy-policy-item .chart-scroll-desc {display: none;}

/* 라벨 */
.pop-wrap {width: 1024px; max-width: 100%; margin: 0 auto; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative; gap: 20px;}
.pop-box {width: 30%; min-height: 200px; padding: 20px 30px; border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; background-color: var(--clr-white); border: 1px solid var(--clr-gray); position: relative; transition: 0.2s;}
.pop-box:hover {border: 1px solid var(--clr-main); box-shadow: 0 2px 15px rgba(0, 112, 129, 0.2);}
.pop-box .pop-title {font-size: 20px; margin-top: 20px; font-weight: 600; color: var(--clr-black2); text-align: center;}
.pop-box img {max-height: 75px;}

.pop-layer {display: none; position: absolute; border-radius: 10px; background-color: var(--clr-white); border: 1px solid var(--clr-gray); width: 500px; z-index: 10;}
.pop-layer {top: 0; left: 110%;}
.pop-box:is(:nth-child(3), :nth-child(6)) .pop-layer {left: unset; right: 110%;}

.pop-layer .pop-desc-top {width: 100%; padding: 10px 15px; background-color: var(--clr-main); border-radius: 10px 10px 0 0;}
.pop-layer .pop-desc-top p {color: var(--clr-white);}
.pop-layer .pop-desc-bottom {width: 100%; padding: 15px 20px;}
.pop-layer .desc-wrap {display: flex; flex-flow: row wrap; margin-top: 10px;}
.pop-layer .desc-box {width: 100%; border-radius: 10px; border: 1px solid var(--clr-gray); padding: 10px 15px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.pop-layer .desc-box ~ .desc-box {margin-top: 8px;}
.pop-layer .desc-title {width: 30%; font-size: 15px; font-weight: 400; color: var(--clr-main-dark);}
.pop-layer .desc-content {width: 68%; color: #333; font-size: 14px;}

#privacy-policy .alert {color: #EB5757;}
/* 목차 레이아웃 */
.policy-index {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; margin: 20px 0; list-style: none;}
.policy-index li {border: 1px solid #ddd; border-radius: 8px; background: var(--clr-white); transition: box-shadow 0.2s;}
.policy-index li:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.policy-index li a {display: flex; align-items: center; gap: 10px; padding: 12px; text-decoration: none; color: var(--clr-black2);}
.policy-index li .icons {display: flex; flex-wrap: nowrap; gap: 6px; width: auto; flex-shrink: 0;}
.policy-index li .icons img, .policy-index li img.icon {width: 24px; height: 24px; flex-shrink: 0; object-fit: contain;}
.policy-index li .txt {line-height: 1.4;}

html[class*="translated"] .privacy-policy-item .sub-table * {word-break: keep-all;}

.privacy-policy-item ol {margin-top: 10px;}
.privacy-policy-item ol li {padding-left: 20px; text-indent: -15px;}
.privacy-policy-item ol li ~ li {margin-top: 8px;}
.privacy-policy-item ol li ol {margin-top: 8px;}
/* } 2025-12-26 개인정보처리방침 */

/* 2025-12-26 저작권 정책 { */
#copyright-policy .sub-top-info {}
#copyright-policy ol {margin-top: 10px; color: var(--clr-black2)}
#copyright-policy ol li {padding-left: 20px; text-indent: -15px;}
#copyright-policy ol li ~ li {margin-top: 8px;}
#copyright-policy ol li ol {margin-top: 8px;}
#copyright-policy .color {color: var(--clr-main);}
#copyright-policy a.color:hover {text-decoration: underline;}
#copyright-policy .desc span, #copyright-policy .desc a {word-break: break-all;}
#copyright-policy .desc span ~ span {margin-left: 10px; padding-left: 10px; position: relative;}
#copyright-policy .desc span ~ span::before {content: ''; display: inline-block; width: 1px; height: 16px; position: absolute;top: 2px; left: 0; background-color: var(--clr-gray);}
/* } 2025-12-26 저작권 정책 */

/* 2026-01-05 준비중 페이지 { */
.ready-layout {width: 100vw; height: 100vh; background: url('../img/ready-bg-img.png') no-repeat center/cover; padding: 40px 42px; position: relative;}
.ready-logo {background: var(--img-logo) no-repeat center/contain; width: 184px; height: 53px; position: absolute; top: 40px; right: 42px;}
.ready-box {border-radius: 30px; box-shadow: 0 0 20px rgb(215,235,238); background-color: rgba(255,255,255,0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 700px; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 132px 30px; animation: twinkle 1s infinite;}
@keyframes twinkle {
  0% {background-color: rgba(255,255,255,0.7); box-shadow: 0 0px 20px rgb(215,235,238);}
  50% {background-color: rgba(255,255,255,0.9); box-shadow: 0 20px 20px rgb(215,235,238);}
  100% {background-color: rgba(255,255,255,0.7); box-shadow: 0 0px 20px rgb(215,235,238);}
}
.ready-text {text-align: center;}
.ready-text .t1 {font-weight: 700; font-size: 30px; line-height: 1.35; padding-bottom: 12px; padding-top: 32px;}
.ready-text .t2 {font-weight: 400; font-size: 18px; color: #141414; line-height: 1.5;}
.ready-text .t2 b {font-weight: 700; color: #00AFC9;}

@media screen and (max-width: 1024px){
  .ready-layout {padding: 30px;}
  .ready-logo {top: 30px; right: 30px;}
  .ready-box {padding: 90px 30px;}
}

@media screen and (max-width: 740px){
  .ready-logo {width: 132px; height: 40px;}
  .ready-box {width: calc(100% - 60px); padding: 50px 20px; border-radius: 15px;}
  .ready-box-icon {width: 65px;}
  .ready-text .t1 {font-size: 22px; padding-top: 20px;}
  .ready-text .t2 {font-size: 15px; font-weight: 500;}
  .ready-text .t2 br {display: none;}
}

@media screen and (max-width: 425px){
  .ready-layout {padding: 20px;}
  .ready-logo {right: 20px; top: 20px; width: 114px; height: 34px;}
  .ready-box {width: calc(100% - 40px); padding: 40px 20px; border-radius: 10px;}
  .ready-box-icon {width: 60px;}
  .ready-text .t1 {font-size: 20px;}
  .ready-text .t2 {font-size: 13px;}
}
/* } 2026-01-05 준비중 페이지 */

/* ===  response === */
@media screen and (max-width: 1700px){

  /* Contents > 열린경영 > 윤리경영 */

  /* Contents > 기관소개 > 조직도 */
  .chart-scroll-desc {display: block;}
  .organizational-structure-wrap .chart-scroll-desc {display: none;}

} /* End */

@media screen and (max-width: 1600px){
  /* === 서브페이지 공통 스타일 { === */
  #sub {padding-top: 65px;}
  .translate #sub {padding-top: calc(65px + 40px);}
  
  .sub-top {height: 50px;}

  .sub-location {padding: 0 50px;}
  .sub-loca-item {height: 50px;}
  .sub-loca-item.home {width: 50px;}
  .sub-loca-link {line-height: 50px;}
  .sub-loca-sel {height: 50px; line-height: 50px;}
  .sub-loca-sel + .select2 .select2-selection {height: 50px !important;}
  .sub-loca-sel + .select2 .select2-selection__rendered {line-height: 50px !important;}
  .sub-loca-sel + .select2 .select2-selection__arrow {width: 50px !important; height: 50px !important;}
  /* === } 서브페이지 공통 스타일 === */

  
  /* Contents > 주요사업 > 해외 통신원 */
  .country-btn-wrap ul {gap: 30px 20px;}
  .country-btn-wrap ul li {width: calc((100% / 8) - (20px - 20px / 8));}

  /* Contents > 열린경영 > 윤리경영 */
  .sub-ethical-card-wrap {gap: 30px;}
  .sub-ethical-card {padding: 35px;}
  .ethical-card-inner {min-height: calc(330px - (40px * 2));}

  .ethical-card-inner p.title {font-size: 28px;}

  .download-btn-wrap.ethical-download {gap: 10px;}
  .ethical-download .sub-btn {min-width: calc((100% / 2) - (10px / 2));}

  /* Contents > 열린경영 > 정보공개제도 안내 */
  #info-disclosure .sub-ethical-card {padding: 35px;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-phrase-wrap {max-width: calc(100% - 920px);}
  .greeting-phrase {font-size: 28px;}

  .greeting-paragraph-wrap {max-width: 890px;}
  .greeting-paragraph {margin-bottom: 30px; font-size: 18px; font-weight: 400; word-break: keep-all;}
  /* .greeting-paragraph br {display: none;} */
  .greeting-sender {margin-top: 50px; font-size: 22px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  .vision-tasks-wrap {gap: 30px;}
  .vision-tasks-column {width: calc(100% / 3 - (30px * 2));}
  .vision-tasks-item {width: 100%;}
  
} /* End */

@media screen and (max-width: 1440px){
  /* === 서브페이지 공통 스타일 { === */
  .sub-title {font-size: 45px;}

  .sub-top-info {padding: 30px;}
  /* === } 서브페이지 공통 스타일 === */

  /* 3depth 탭 메뉴 { */
  .sub-tabs > a {padding: 15px 4px; font-size: 20px;}
  /* 3depth 탭 메뉴 } */

  /* Contents > 소통· 알림 > 기관홍보자료 */
  .mediacenter-content-wrap:not(:last-child) {margin-bottom: 40px;}
  .mediacenter-content-half-wrap {gap: 20px;}
  .mediacenter-content.half {width: calc(50% - 20px / 2);}
  
  .mediacenter-content .mediacenter-item {padding: 35px;}
  .mediacenter-content .mediacenter-item.half {height: unset;}

  /* Contents > 주요사업 > 공통 스타일 */
  .main-business-info-item {gap: 25px; padding: 40px 5px;}
  .main-business-info-item .desc.dot {padding-left: 8px;}
  .main-business-info-item .desc span.add {padding-left: 6px;}

  .main-business-info-title {width: 155px;}
  .main-business-info-title .text {font-size: 20px;}

  .main-business-info-content {width: calc(100% - (155px - 25px)); font-size: 16px;}

  .link-wrap a.instagram {width: 36px; height: 36px;}
  .link-wrap a.facebook {width: 36px; height: 36px;}
  .link-wrap a.youtube {width: 36px; height: 36px;}
  .link-wrap a.twitter {width: 36px; height: 36px;}

  .main-business-info-content .link-wrap {gap: 30px 40px;}
  /* .main-business-info-content .link-wrap > div > *:not(:first-child) {margin-left: 5px;} */
  .main-business-info-content .link-wrap > *:not(:last-child)::after {margin-left: 20px; height: 16px;}

  .main-business-info-content .link-wrap a.link {padding-right: 20px;}
  .main-business-info-content .link-wrap a.link::before {width: 16px; height: 16px;}

  /* 주요사업 > 포토 갤러리 영역 */
  .sp-sec:has(.main-business-slide-wrap) {padding: 35px 0;}

  .main-business-slide-wrap .swiper-button-prev, .main-business-slide-wrap .swiper-button-next {width: 40px; height: 40px;}
  .main-business-slide-wrap .swiper-button-prev {right: calc(100% - 20px);}
  .main-business-slide-wrap .swiper-button-next {left: calc(100% - 20px);}
  .main-business-slide-wrap .swiper-button-prev::after {background-size: 10px;}
  .main-business-slide-wrap .swiper-button-next::after {background-size: 10px;}

  .main-business-slide-wrap .galley-slide:has(video)::before,
  .main-business-slide-wrap .galley-slide:has(.youtube-thumbnail)::before {width: 60px; height: 60px;}
  .main-business-slide-wrap .galley-slide:has(video)::after,
  .main-business-slide-wrap .galley-slide:has(.youtube-thumbnail)::after {width: 22px; height: 22px;}

  .main-business-gallery-modal .modal-body .video-container {width: 720px;}

  /* Contents > 주요사업 > 국제교류 컨설팅 */
  .main-business-info-content > *:has(.main-business-box-wrap) + .desc {margin-top: 35px;}
  .main-business-box-item > * {padding: 10px;}
  .main-business-box-item .title {font-size: 16px;}
  .main-business-box-item div.desc {font-size: 15px; min-height: 70px;}

  /* Contents > 주요사업 > 투어링 케이-아츠 */
  .main-business-icon-wrap {gap: 50px;}
  .main-business-icon-item .box {width: 80px; height: 80px;}
  .main-business-icon-item:not(:last-child) .box::after {left: calc(100% + (50px - 10px) / 2); top: calc(80px / 2);}
  .main-business-icon-item .detail {margin-top: 15px; width: 90px; font-size: 15px;}

  .main-business-icon-item .box::before {bottom: calc(100% - (30px / 2)); right: calc(100% - (30px / 2)); width: 30px; height: 30px; line-height: 30px; font-size: 16px;}

  /* Contents > 주요사업 > 해외 통신원 */
  .correspondent-list {gap: 20px;}
  .correspondent-list-item {padding: 20px; width: calc((100% / 3) - (20px - 20px / 3)); gap: 20px;}
  .correspondent-list-item .txt-box {width: calc(100% - (140px + 20px)); align-self: center;}
  .correspondent-list-item .txt-box .title {font-size: 18px;}
  .correspondent-list-item .txt-box .info {font-size: 16px;}

  /* Contents > 열린경영 > 윤리경영 */
  .sub-ethical-card-wrap {gap: 20px;}
  .sub-ethical-card {padding: 30px;}
  .ethical-card-inner {min-height: calc(330px - (50px * 2));}
  .ethical-card-inner > .icon {width: 45px; height: 41px;}

  .ethical-card-inner p.title {font-size: 26px;}

  .download-btn-wrap.ethical-download {gap: 5px;}
  .ethical-download .sub-btn {min-width: calc((100% / 2) - (5px / 2)); padding: 5px;}
  .ethical-download .sub-btn::after {margin-left: 0;}

  .sub-ethical-card.ethical-report-card {margin-top: 30px;}
  .report-item-wrap {gap: 100px;}

  /* Contents > 열린경영 > 인권경영 */
  .human-right-item {padding: 20px; gap: 20px;}

  .sub-human-right-list {margin-top: 35px;}

  .human-right-item .circle {width: 70px; height: 70px; line-height: 70px; font-size: 18px;}
  .human-right-item .text {font-size: 17px;}

  /* Contents > 열린경영 > 정보공개제도 안내 */
  #info-disclosure .sub-ethical-card {padding: 30px;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-phrase-wrap {max-width: calc(100% - 870px);}
  .greeting-phrase {font-size: 26px;}

  .greeting-paragraph-wrap {max-width: 840px;}
  .greeting-paragraph {font-size: 16px;}
  .greeting-sender {font-size: 20px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  #vision .sp-sec {margin-bottom: 40px;}
  
  .vision-phrase {font-size: 36px;}
  
  .vision-values-item {width: 300px; height: 300px; font-size: 36px;}
  
  .vision-goals-wrap {gap: 30px;}
  .vision-goals-item {width: 300px;}
  
  .vision-goals-item .icon {width: 80px; height: 73px;}
  .vision-goals-item .desc {font-size: 28px;}
  
  .vision-tasks-item {font-size: 26px;}

  /* 2025-12-19 설립목적 및 비전 수정 { */
  #vision .section4 {margin-top: 80px; margin-bottom: 70px;}
  #vision .section6 {margin-top: 70px;}
  /* } 2025-12-19 설립목적 및 비전 수정 */

  /* Contents > 기관소개 > 연혁 */
  .history-wrap {gap: 80px;}
  .history-follow-box {top: 200px;}
  .history-content {margin-bottom: 100px;}

  .history-follow-box p {font-size: 16px;}
  .history-follow-box p.large {font-size: 28px;}

  .history-box.text-box .title-year {margin-bottom: 35px; font-size: 36px;}

  .history-box.text-box .text-item .year {margin-right: 40px;}

  /* dots & lines */
  .history-content::before, .history-content::after {left: -40px;}

  /* Contents > 기관소개 > CI·소개자료 */
  .ci-material-content {margin-top: 40px;}
  .ci-material-content-half-wrap {gap: 20px;}
  .ci-material-content.half {width: calc(50% - 20px / 2);}

  .ci-material-content .image-board {padding: 35px;}
  .ci-material-content .image-board.full {gap: 100px; height: 460px;}
  .ci-material-content .image-board.half {padding: 20px;}

  .download-btn-wrap.ci-material-download {margin-top: 20px;}

  .ci-material-content-add-desc {margin-top: 50px;}

  .ci-material-content .image-board.full.concept-board {gap: 100px; height: 460px;}

  /* Contents > 기관소개 > 조직도 */
  .organization-chart {width: 1400px;}
  
  .organization-chart .row.row1 {gap: 140px;}
  .organization-chart .row.row4 {gap: 45px;}
  
  /* box */
  .organization-chart .box {width: 260px; min-height: 60px; font-size: 22px;}
  .organization-chart .box.box1 {width: 180px; min-height: 180px;}
  .organization-chart .box.box4 {margin: 40px auto 0;}
  .organization-chart .box.box5 {width: 135px; min-height: 50px; font-size: 18px;}
  
  /* line */
  .organization-chart .row3 .box::before {width: 222px;}
  .organization-chart .row4 .box4::before {height: 40px;}
  
  .organization-chart .row4::before {width: calc(100% - 460px);}
  .organization-chart .child::before{width: calc(100% - 135px + 2px);}
  
  .organization-chart .child {margin-top: 50px; gap:10px;}

  .organizational-structure-wrap {margin-top: 70px;}
  
  /* Contents > 기관소개 > 오시는길 */
  .address-info .title span {font-size: 20px;}

  .directions-info-wrap {margin-top: 30px;}
  .directions-info-table .th{width: 140px;}
  .directions-info-table span {padding: 2px 12px 0; margin-right: 8px; line-height: 26px; min-height: 26px; min-width: 26px; font-size: 14px;}

  .directions-info-table .subway {gap: 15px;}
  .directions-info-table .subway p {padding-top: 3px;}
  
  .directions-info-table .bus {gap: 20px;}

  /* Contents > 행사안내 > 행사 상세 보기 */
  .calendar-view-wrap {gap: 30px;}

  .calendar-image-section {width: 420px;;}

  .calendar-info-section {max-width: calc(100% - 450px);}

  .calendar-title-wrap {margin-bottom: 20px;}
  .calendar-title-wrap h4 {font-size: 22px; max-width: calc(100% - 160px);}
  .calendar-title-wrap h4::before {margin-bottom: 12px; font-size: 15px; padding: 3px 14px 1px;}

  .calendar-desc-wrap .sub-btn {margin-bottom: 10px; min-width: 120px; min-height: 40px; font-size: 15px;}

  .calendar-info-table td {font-size: 16px;}
  .calendar-info-table tr td:first-child {width: 100px;}

  /* 2025-12-26 개인정보처리방침 { */
  .sub-subtitle-wrap .subtitle.center {font-size: 25px;}
  /* } 2025-12-26 개인정보처리방침 */

} /* End */

@media screen and (max-width: 1290px){
  /* === 서브페이지 공통 스타일 { === */
  #sub {padding-top: 55px;}
  .translate #sub {padding-top: calc(55px + 40px);}
  .sub-top {height: 240px;}
  .sub-top {height: 45px;}

  .sub-vs-txtbox .t1 {font-size: 34px;}

  .sub-location {padding: 0 45px;}
  .sub-loca-item {height: 45px;}
  .sub-loca-item.home {width: 45px;}
  .sub-loca-item.home img {width: 15px;}
  .sub-loca-item[class*="depth"] {min-width: 290px;}
  .sub-loca-link {line-height: 45px;}
  .sub-loca-sel {height: 45px;}
  .sub-loca-sel + .select2 .select2-selection {height: 45px !important;}
  .sub-loca-sel + .select2 .select2-selection__rendered {padding-left: 15px !important; padding-right: 45px !important; line-height: 45px !important; font-size: 14px;}
  .sub-loca-sel + .select2 .select2-selection__arrow {width: 40px !important; height: 45px !important;}
  .select2-results__option {font-size: 14px;}

  .sub-contents {padding-top: 70px; padding-bottom: 78px;}

  .sub-title-wrap {margin-bottom: 40px;}
  .sub-title {font-size: 42px;}
  .sub-subtitle-wrap .subtitle{font-size: 22px;}

  .sub-btn-color {font-size: 15px; min-height: 40px; padding: 9px;}

  .sub-banner {height: 280px; margin-bottom: 50px;}
  .sub-banner-text {font-size: 24px;}

  /* === } 서브페이지 공통 스타일 === */

  /* 로그인 페이지 { */
  .login-form-li .input-id, .login-form-li .input-password, .login-form-li .login-submit {font-size: 15px;}
  /* } 로그인 페이지 */

  /* 서브페이지 테이블 { */
  .sub-table-thead, .sub-table .th {font-size: 16px;}
  .sub-table-thead th {padding: 15px;}
  .sub-table td {font-size: 14px; padding: 12px;}
  /* 서브페이지 테이블 } */

  /* 3depth 탭 메뉴 { */
  .sub-tabs {margin-bottom: 30px;}
  .sub-tabs > a {padding: 10px 3px; font-size: 18px;}
  .sub-tabs > a br {display: none;}
  /* 3depth 탭 메뉴 } */

  /* 4depth 탭 메뉴 { */
  .sub-tabs-4 {margin-bottom: 30px;}
  .sub-tabs-4 > a {height: 40px; line-height: 30px; min-width: 150px; font-size: 15px;}
  /* 4depth 탭 메뉴 } */

  /* Contents > 소통· 알림 > 기관홍보자료 */
  .mediacenter-content .mediacenter-item {gap: 20px;}
  .mediacenter-content .mediacenter-item.half {padding: 25px;}
  
  .download-btn-wrap.mediacenter-download {margin-top: 30px; gap: 5px;}
  .mediacenter-download .sub-btn {min-height: 35px;}

  /* Contents > 주요사업 > 공통 스타일 */
  .main-business-intro-wrap {margin-bottom: 40px;}
  .main-business-intro {max-height: 320px;}
  .main-business-intro .txt-box {padding: 30px;}
  .main-business-intro .txt-box .desc br {display: none;}
  .main-business-intro .img-box {width: 50%;}

  .main-business-info-title {width: 90px;}
  .main-business-info-content {width: calc(100% - (90px - 25px));}

  .main-business-horizontal-table.sub-table td {padding: 15px;}

  /* Contents > 주요사업 > 상호문화교류의 해 */
  /* .main-business-card-wrap {gap: 20px;}
  .main-business-card-item {padding: 15px; width: 150px; min-height: 150px;}
  .main-business-card-item:not(:last-child)::after {left: calc(100% + (20px - 20px) / 2); top: calc(150px / 2);}
  .main-business-card-item .year {font-size: 15px; padding: 4px;}
  .main-business-card-item .desc {font-size: 15px;} */
  .main-business-card-wrap {gap: 20px;}
  .main-business-card-item {width: 150px;}
  .main-business-card-item:not(:last-child)::after {left: 20px; top: calc(30.5px / 2);}
  .main-business-card-item .year {font-size: 15px; padding: 4px 6px 4px 4px;}
  .main-business-card-item .desc {font-size: 15px;}

  /* Contents > 주요사업 > 국제교류 컨설팅 */
  .main-business-box-wrap {gap: 25px;}
  .main-business-box-item {width: 200px;}
  .main-business-box-item:not(:last-child)::after {left: calc(100% + (25px - 20px) / 2); top: calc(100% / 2);}

  /* Contents > 주요사업 > 투어링 케이-아츠 */
  .main-business-icon-wrap {gap: 35px;}
  .main-business-icon-item:not(:last-child) .box::after {left: calc(100% + (35px - 10px) / 2);}

  .main-business-icon-item .box::before {bottom: calc(100% - (28px / 2)); right: calc(100% - (28px / 2)); width: 28px; height: 28px; line-height: 28px; font-size: 15px;}

  /* Contents > 주요사업 > 해외 통신원 */
  .country-btn-wrap {margin: 30px 0; padding: 25px;}
  .country-btn-wrap ul {gap: 20px 10px;}
  .country-btn-wrap ul li {width: calc((100% / 6) - (10px - 10px / 6));}
  .country-btn span {font-size: 15px;}

  .correspondent-list {gap: 15px;}
  .correspondent-list-item {width: calc((100% / 3) - (15px - 15px / 3)); padding: 15px; gap: 10px;}
  .correspondent-list-item .img-box {width: 120px; height: 160px;}
  .correspondent-list-item .txt-box {width: calc(100% - (120px + 10px));}
  .correspondent-list-item .txt-box .info {max-width: 100%;}

  /* Contents > 열린경영 > 윤리경영 */
  #ethical .section3{margin-top: 50px;}
  .sub-ethical-card {padding: 25px;}
  .ethical-card-inner {gap: 20px;}

  .ethical-card-inner p.title {font-size: 24px;}
  .ethical-card-inner p.desc {font-size: 15px;}
  .ethical-card-inner p.desc .alert {margin-top: 6px;}
  .ethical-card-inner p.desc .alert br {display: none;}

  .ethical-download .sub-btn {min-width: 100%;}

  .report-item-wrap {gap: 50px;}

  .ethical-report-item img {height: 50px;}
  .ethical-report-item .t1 {font-size: 18px;}
  .ethical-report-item .t2 {font-size: 16px;}

  /* Contents > 열린경영 > ESG경영 */
  .esg-framework .row {grid-template-columns: 200px 1fr 1fr 1fr;}
  .esg-framework .col {padding: 20px;}
  .esg-framework .col.title {font-size: 22px;}
  .esg-framework .col.center {font-size: 18px;}

  .esg-framework .col .item-title {font-size: 18px;}
  .esg-framework .col .desc {font-size: 16px;}

  /* Contents > 열린경영 > 정보공개제도 안내 */
  #info-disclosure .sub-ethical-card {padding: 25px;}

  /* Contents > 열린경영 > 정보공개청구 및 처리절차 */
  .info-disclosure-request-wrap {margin-bottom: 25px;}
  .request-process {gap: 100px; padding: 40px 25px;}
  .process-item {width: 200px; font-size: 18px;}
  .process-item:nth-child(2)::before {width: 105px;}
  .process-item:nth-child(3)::before {width: 105px;}
  .info-disclosure-request-wrap .desc{margin-top: 15px;}
  #info-disclosure-request .main-business-info-title .text br {display: none;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-phrase-wrap {max-width: calc(40% - 30px);}
  .greeting-phrase {font-size: 24px;}

  .greeting-paragraph-wrap {max-width: 60%;}
  .greeting-sender {margin-top: 40px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  .sub-banner.banner-vision {margin-top: 35px;}
  .banner-vision .sub-banner-text .small {padding-top: 10px;}
  .banner-vision .sub-banner-text .large {font-size: 34px; margin-top: 30px;}

  .vision-subtitle {margin: 0 auto 30px; font-size: 20px; border-radius: 20px 0;}

  .vision-phrase {font-size: 34px;}

  .vision-purpose-item {margin-left: -24px;}

  .vision-purpose-title {margin-bottom: 60px; border-width: 24px; width: 240px; height: 240px;}
  .vision-purpose-title::after {top: calc(100% + 24px); height: 60px;}

  .vision-purpose-title span {font-size: 26px;}
  .vision-purpose-item:nth-child(2) .vision-purpose-title::before, .vision-purpose-item:nth-child(3) .vision-purpose-title::before {height: 80px; width: calc(120% + (30px * 2));}

  .vision-purpose-desc {max-width: calc(240px - 40px); font-size: 16px;}
  .vision-purpose-desc br {display: none;}

  .vision-values-item {width: 280px; height: 280px; font-size: 32px;}

  .vision-goals-wrap {gap: 10px; justify-content: space-between;}
  .vision-goals-item {width: calc((100% / 3));}

  .vision-goals-item .desc {font-size: 26px;}

  .vision-tasks-wrap {gap: 20px;}
  .vision-tasks-column {width: calc(100% / 3);}
  .vision-tasks-item {margin-bottom: 15px; min-height: 90px; font-size: 22px;}

  /* 2025-12-19 설립목적 및 비전 수정 { */
  .vision-content.strategy {grid-template-columns: 120px auto; gap: 30px;}
  .vision-content .vision-grid {gap: 30px;}

  .vision-content.strategy .vision-grid .vision-goals-item {width: unset; min-height: 210px;}
  .vision-content.strategy .vision-grid .vision-goals-item .desc {font-size: 18px;}
  .vision-content.strategy .vision-grid .vision-tasks-column {width: unset;}
  .vision-content.strategy .vision-grid .vision-tasks-item {font-size: 18px;}
  .vision-content.strategy .vision-grid {gap: 15px;}
  /* } 2025-12-19 설립목적 및 비전 수정 */

  /* Contents > 기관소개 > 연혁 */
  .history-wrap {gap: 60px;}
  .history-wrap > div:last-child {flex: 1.5;}
  .history-follow-box {top: 150px;}
  .history-content {margin-bottom: 80px;}

  .history-follow-box p br {display: none;}
  /* .history-follow-box span {font-size: 80px; letter-spacing: -5px;} */
  .history-follow-box span {width: 360px;}

  .history-box.text-box .title-year {margin-bottom: 25px; font-size: 32px;}

  .history-box.text-box .text-item .year {font-size: 20px; margin-right: 20px;}

  /* dots & lines */
  .history-wrap::before, .history-wrap::after {left: 40.5%; }
  .history-content::before, .history-content::after {left: -30px;}
  .history-content::before {width: 30px; height: 30px;}
  .history-content::after {width: 14px; height: 14px; top: calc((30px / 2) - (14px / 2));}

  /* Contents > 기관소개 > CI·소개자료 */
  .ci-material-content .image-board.full {height: 420px;}
  .ci-material-content .image-board.full img {max-width: 40%;}
  .ci-material-content .image-board.half {height: 420px;}
  
  .ci-material-download .sub-btn {min-width: 140px; min-height: 45px;}

  .ci-material-content .image-board.full.concept-board {gap: 60px; height: 340px;}
  .concept-board-img {width: 180px;}
  .ci-material-content .image-board.full.concept-board img {max-width: 100%;}

  /* Contents > 기관소개 > 오시는길 */
  .address-info .title {margin-right: 15px;}
  .address-info .title span {font-size: 18px;}
  .address-info .desc {font-size: 16px;}

  .directions-info-table .th{width: 120px;}
  .directions-info-table span {margin-right: 6px; line-height: 24px; min-height: 24px; min-width: 24px; font-size: 14px;}

  .directions-info-table .subway {flex-direction: column; gap: 10px;}
  .directions-info-table .subway p {display: inline-block; padding-top: 4px; max-width: calc(100% - 130px);}

  .directions-info-table .bus {flex-direction: row; gap: 15px;}

  /* Contents > 행사안내 */
  .calendar-top {margin-bottom: 25px;}

  #calendar-controls .calendar-select {height: 45px;}

  .date-tag-wr {position: static; margin: 10px 0;}
  .calendar-top .date-tag-ul {gap: 20px; justify-content: center;}

  .fc .fc-col-header-cell-cushion {padding: 12px 4px; font-size: 16px;}

  .fc .fc-daygrid-day-frame {min-height: 140px;}
  .fc .fc-daygrid-day-top {margin-bottom: 7px;}

  .fc .fc-daygrid-event-harness {margin-bottom: 5px;}

  .fc-h-event .fc-event-title {font-size: 14px;}

  /* Contents > 행사안내 > 행사 상세 보기 */
  .calendar-view-wrap {gap: 20px;}

  .calendar-image-section {width: 380px;}

  .calendar-info-section {max-width: calc(100% - 400px);}

  .calendar-title-wrap {margin-bottom: 15px;}
  .calendar-title-wrap h4 {font-size: 18px; max-width: calc(100% - 150px);}
  .calendar-title-wrap h4::before {font-size: 14px;}

  .calendar-desc-wrap .sub-btn {min-width: 100px; min-height: 35px; padding: 12px 5px; font-size: 14px;}
  .calendar-desc-wrap .sub-btn::before {margin-bottom: -1px; width: 12px; height: 12px; margin-right: 2px; background-size: 12px;}

  .calendar-info-table td {font-size: 15px;}
  .calendar-info-table tr td:first-child {width: 90px;}

  /* 2025-12-17 등록된 데이터 없음 추가 { */
  .empty-data {height: 260px; gap: 18px;}
  .empty-data-icon {width: 70px;}
  .empty-data-text {font-size: 20px;}
  /* } 2025-12-17 등록된 데이터 없음 추가 */

  /* 2025-12-26 개인정보처리방침 { */
  /* 라벨 */
  .pop-layer {width: 350px; font-size: 14px;}
  .pop-layer.num0 {left: 105%;}
  .pop-layer.num1 {left: 105%;}
  .pop-layer.num2 {right: 105%;}
  .pop-layer.num3 {left: 105%;}
  .pop-layer.num4 {left: 105%;}
  .pop-layer.num5 {right: 105%;}
  /* } 2025-12-26 개인정보처리방침 */

} /* End */

@media screen and (max-width: 1024px){
  /* === 서브페이지 공통 스타일 { === */
  #sub {padding-top: 50px;}
  .translate #sub {padding-top: calc(50px + 40px);}
  .sub-top {height: 200px; border-radius: 20px 0 20px 0;}
  .sub-top {height: 40px; border-radius: 10px 0 10px 0;}
  
  .sub-vs-txtbox .t1 {font-size: 30px;}

  .sub-location {padding: 0 40px;}
  .sub-loca-item {height: 40px;}
  .sub-loca-item.home {width: 40px;}
  .sub-loca-item.home img {width: 15px;}
  .sub-loca-item[class*="depth"] {min-width: 200px;}
  .sub-loca-link {line-height: 40px;}
  .sub-loca-sel {height: 40px; line-height: 40px;}
  .sub-loca-sel + .select2 .select2-selection {height: 40px !important;}
  .sub-loca-sel + .select2 .select2-selection__rendered {padding-left: 15px !important; padding-right: 40px !important; line-height: 40px !important;}
  .sub-loca-sel + .select2 .select2-selection__arrow {width: 35px !important; height: 40px !important;}
  .select2-results__option {padding: 10px 16px !important;}

  .sub-contents {padding-top: 55px; padding-bottom: 61px;}

  .sub-title-wrap {margin-bottom: 30px;}
  .sub-title {font-size: 32px;}
  .sub-subtitle-wrap .subtitle{font-size: 18px;}

  .sub-banner {height: 240px; padding: 20px; margin-bottom: 40px;}
  .sub-banner-text {font-size: 20px;}

  .sub-top-info {padding: 25px; gap: 25px; font-size: 15px; border-radius: 10px;}
  .sub-top-info .icon {width: 40px; height: 40px;}
  /* === } 서브페이지 공통 스타일 === */

  /* 3depth 탭 메뉴 { */
  .sub-tabs > a {padding: 10px 2px; font-size: 16px;}
  /* 3depth 탭 메뉴 } */

  /* 4depth 탭 메뉴 { */
  .sub-tabs-4 > a {height: 35px; padding: 2px; line-height: 29px; font-size: 14px;}
  /* 4depth 탭 메뉴 } */

  /* 준비중 페이지 { */
  .preparation-page .icon {width: 70px; height: 74px;}
  .preparation-page .title {font-size: 26px; margin-top: 28px; margin-bottom: 14px;}
  .preparation-page .text {font-size: 16px;}
  /* } 준비중 페이지 */

  /* 로그인 페이지 { */
  .login-page {padding: 60px 45px;}
  .login-page .icon {width: 70px; height: 74px;}
  .login-page .title {font-size: 26px; margin-top: 20px;}
  .login-page .text {font-size: 16px;}

  .login-box {margin-top: 30px;}
  /* } 로그인 페이지 */

  /* Contents > 소통· 알림 > 기관홍보자료 */
  .mediacenter-content .mediacenter-item.half {padding: 20px;}

  .mediacenter-content .info .title {font-size: 18px;}
  
  .download-btn-wrap.mediacenter-download {flex-direction: column; margin-top: 15px;}
  .mediacenter-download .sub-btn {font-size: 13px; min-height: 25px;}
  .mediacenter-download .sub-btn.download::after {margin-bottom: -1px; width: 11px; height: 11px; margin-left: 2px; background-size: 11px;}
  .mediacenter-download .sub-btn:not(.download)::before {margin-bottom: -1px; width: 11px; height: 11px; margin-right: 2px; background-size: 11px;}

  .mediacenter-content p.youtube-subtitle {margin-top: 10px; font-size: 16px;}

  /* Contents > 주요사업 > 공통 스타일 */
  .main-business-intro {max-height: 300px; border-radius: 10px;}
  .main-business-intro .txt-box {padding: 25px; gap: 10px;}
  .main-business-intro .txt-box .desc {font-size: 16px;}

  .main-business-info-item {padding: 30px 5px;}

  .main-business-info-title .text {font-size: 18px;}

  .main-business-info-content {width: calc(100% - (185px - 30px)); font-size: 15px;}

  .main-business-info-content .link-wrap {gap: 15px 40px;}
  /* .main-business-info-content .link-wrap {gap: 10px; flex-direction: column; align-items: start;}
  .main-business-info-content .link-wrap > div > *:not(:first-child) {margin-left: 0;}
  .main-business-info-content .link-wrap > *:not(:last-child)::after {display: none;} */

  .main-business-horizontal-table.sub-table td {padding: 10px;}

  /* 주요사업 > 포토 갤러리 영역 */
  .sp-sec:has(.main-business-slide-wrap) {padding: 30px 0;}

  .main-business-slide-wrap .swiper-button-prev, .main-business-slide-wrap .swiper-button-next {width: 35px; height: 35px;}
  .main-business-slide-wrap .swiper-button-prev {right: calc(100% - 17px);}
  .main-business-slide-wrap .swiper-button-next {left: calc(100% - 17px);}
  .main-business-slide-wrap .swiper-button-prev::after {width: 18px; height: 18px; background-size: 7px;}
  .main-business-slide-wrap .swiper-button-next::after {width: 18px; height: 18px; background-size: 7px;}

  .main-business-slide-wrap .galley-slide {border-radius: 10px; padding-bottom: 29.047%;}

  .main-business-slide-wrap .page-control {margin-top: 15px;}
  .main-business-slide-wrap .swiper-pagination-bullet {width: 8px; height: 8px;}
  .gallery-autoplay-control-btn {width: 16px; height: 16px; background-size: 10px;}

  .main-business-gallery-modal .modal-body {max-width: 100%;}
  .main-business-gallery-modal .modal-body img {max-width: 100vw;}

  /*  Contents > 주요사업 > 투어링 케이-아츠 */
  .main-business-icon-wrap {gap: 25px;}
  .main-business-icon-item .box {width: 70px; height: 70px;}
  .main-business-icon-item:not(:last-child) .box::after {left: calc(100% + (25px - 10px) / 2); top: calc(70px / 2);}
  .main-business-icon-item .detail {width: 80px;}

  .main-business-icon-item .box::before {bottom: calc(100% - (26px / 2)); right: calc(100% - (26px / 2)); width: 26px; height: 26px; line-height: 26px; font-size: 14px;}

  /* Contents > 주요사업 > 해외 통신원 */
  .country-btn-wrap {margin: 20px 0; border-radius: 10px; padding: 20px;}
  .country-btn-wrap ul {gap: 15px 10px;}
  .country-btn-wrap ul li {width: calc((100% / 5) - (10px - 10px / 5));}
  .country-btn img {width: 36px;}
  .country-btn span {margin-left: 5px;}

  .correspondent-list-item {border-radius: 10px;}
  .correspondent-list-item {flex-direction: column; gap: 15px; height: unset;}
  .correspondent-list-item .img-box {align-self: center;}
  .correspondent-list-item .txt-box {width: 100%;}
  .correspondent-list-item .txt-box .info {max-width: 100%; /* max-height: 12.9em; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; */}

  /* Contents > 열린경영 > 윤리경영 */
  .sub-ethical-card-wrap {flex-direction: column;}
  .sub-ethical-card {width: 100%;}
  .ethical-card-inner {min-height: 150px;}
  
  .ethical-card-inner p.desc br {display: none;}
  
  .ethical-download .sub-btn {min-width: calc((100% / 2) - (5px / 2));}

  .report-item-wrap {gap: 40px;}

  /* Contents > 열린경영 > 인권경영 */
  .sub-human-right-list {margin-top: 28px;}

  .human-right-item .circle {width: 65px; height: 65px; line-height: 65px;}
  .human-right-item .text {font-size: 16px;}

  /* Contents > 열린경영 > ESG경영 */
  .esg-framework .row {grid-template-columns: 150px 1fr 1fr 1fr; gap: 15px;}
  .esg-framework .row ~ .row {margin-top: 15px;}
  .esg-framework .col.title {font-size: 20px;}
  .esg-framework .col {padding: 15px;}

  /* Contents > 열린경영 > 정보공개청구 및 처리절차 */
  .request-process {gap: 50px;}
  .process-item {width: calc((100% - 100px) / 3);}
  .process-item:nth-child(2)::before {background-image: none; content: '▶'; color: #0191A7; width: 50px; text-align: center; line-height: 70px; font-size: 10px;}
  .process-item:nth-child(3)::before {background-image: none; content: '▶'; color: var(--clr-main-dark); width: 50px; text-align: center; line-height: 70px; font-size: 10px;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-phrase-wrap {max-width: 100%;}
  .greeting-phrase {margin-bottom: 30px; font-size: 22px;}
  /* .greeting-phrase br {display: none;} */

  .greeting-paragraph-wrap {max-width: 100%;}
  .greeting-paragraph {margin-bottom: 25px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  .sub-banner.banner-vision {margin-top: 30px;}
  .banner-vision .sub-banner-text .large {font-size: 30px; margin-top: 25px;}
  
  /* #vision .sp-sec {margin-bottom: 60px;} */
  
  .vision-phrase {font-size: 30px;}
  
  .vision-purpose-wrap {margin-top: 40px;}
  .vision-purpose-item {margin-left: -20px;}
  
  .vision-purpose-title {border-width: 20px; width: 180px; height: 180px;}
  .vision-purpose-title::after {top: calc(100% + 20px);}
  
  .vision-purpose-title span {font-size: 22px;}
  .vision-purpose-item:nth-child(2) .vision-purpose-title::before, .vision-purpose-item:nth-child(3) .vision-purpose-title::before {height: 70px; width: calc(120% + (24px * 2));}
  
  .vision-purpose-desc {max-width: calc(180px - 30px);}
  
  .vision-values-item {width: 220px; height: 220px; font-size: 24px;}
  
  .vision-goals-item {min-height: 215px;}
  
  .vision-goals-item .icon {width: 65px; height: 59px;}
  .vision-goals-item .desc {font-size: 22px;}
  
  .vision-tasks-wrap {gap: 10px;}
  .vision-tasks-item {font-size: 18px;}

  /* 2025-12-19 설립목적 및 비전 수정 { */
  html[class*="translated"] .vision-values-wrap {flex-direction: column; gap: 10px; width: 70%; margin: 0 auto;}
  html[class*="translated"] .vision-values-item {width: unset; height: unset; aspect-ratio: unset; padding: 30px;}
  html[class*="translated"] .vision-values-item:is(:nth-child(2), :nth-child(3)) {margin-left: 0;}

  #vision .section4 {margin-top: 50px;}
  #vision .section6 {margin-top: 50px; margin-bottom: 30px;}

  .vision-content.strategy {gap: 20px;}
  .vision-content .vision-grid {gap: 20px;}

  .vision-content.strategy .vision-grid .vision-goals-item {border-radius: 10px;}
  .vision-content.strategy .vision-grid .vision-goals-item .desc {font-size: 16px;}
  .vision-content.strategy .vision-grid .vision-tasks-item {font-size: 16px; border-radius: 10px;}
  /* } 2025-12-19 설립목적 및 비전 수정 */

  /* Contents > 기관소개 > 연혁 */
  .history-wrap {flex-direction: column; padding-top: 0;}
  .history-wrap > div {padding-left: 30px;}
  .history-follow-box {position: static;}
  .history-content {margin-bottom: 70px;}

  .history-follow-box p br {display: inline;}

  .history-box.text-box .text-item p br {display: none;}

  /* dots & lines */
  .history-wrap::before, .history-wrap::after {left: 0;}
  .history-content::before, .history-content::after {left: -30px;}

  /* Contents > 기관소개 > CI·소개자료 */
  .page-desc-wrap p.page-desc br {display: none;}
  
  .ci-material-content {margin-top: 30px;}
  .ci-material-content-half-wrap {gap: 15px;}
  .ci-material-content.half {width: calc(50% - 15px / 2);}
  
  .ci-material-content .image-board {padding: 20px;}
  .ci-material-content .image-board.full {height: 320px;}
  .ci-material-content .image-board.half {height: 360px;}
  .ci-material-content .image-board.half img {max-width: 80%;}
  
  .ci-material-download .sub-btn {font-size: 14px; min-width: 110px; min-height: 35px;}
  
  .ci-material-content-add-desc {margin-top: 35px;}

  .ci-material-content .image-board.full.concept-board {height: 280px;}
  .concept-board-img {width: 150px;}
  .concept-board-text {font-size: 16px; margin-top: 10px;}

  /* Contents > 기관소개 > 조직도 */
  .organization-chart {width: 1200px;}
  
  .organization-chart .row {margin-top: 30px;}
  .organization-chart .row.row1 {gap: 120px;}
  .organization-chart .row.row4 {margin-top: 50px; gap: 30px;}
  
  /* box */
  .organization-chart .box {width: 220px; min-height: 50px; font-size: 20px;}
  .organization-chart .box.box1 {width: 150px; min-height: 150px;}
  .organization-chart .box.box4 {margin: 40px auto 0;}
  .organization-chart .box.box5 {width: 115px; min-height: 40px; font-size: 16px;}
  
  /* line */
  .organization-chart .row3 .box::before {width: 192px;}
  .organization-chart .row4 .box4::before {height: 40px;}
  
  .organization-chart .row4::before {width: calc(100% - 410px);}
  .organization-chart .child::before{width: calc(100% - 115px + 2px);}
  
  .organizational-structure-wrap {margin-top: 50px;}

  /* Contents > 행사안내 */
  #calendar-controls {gap: 10px;}

  #calendar-controls .monthArrow {width: 30px; height: 30px;}
  #calendar-controls .monthArrow.prevMonth {margin-right: 10px; background-size: 7px;}
  #calendar-controls .monthArrow.nextMonth {margin-left: 10px; background-size: 7px;}

  #calendar-controls .calendar-select {min-width: 120px; height: 40px; background-size: 10px; font-size: 15px;}

  .calendar-top .date-tag-ul {gap: 10px;}
  .calendar-top .date-tag::before {width: 8px; height: 8px; left: 0; top: 4px;}
  .calendar-top .date-tag {padding-left: 18px; font-size: 14px;}

  .fc .fc-col-header-cell-cushion {padding: 8px 4px;}

  .fc .fc-daygrid-day-frame {padding: 3px; min-height: 120px;}
  .fc .fc-daygrid-day-top {margin-bottom: 4px; font-size: 15px;}

  .fc .fc-daygrid-event-harness {margin-bottom: 4px;}

  .fc .fc-daygrid-block-event .fc-event-time, .fc .fc-daygrid-block-event .fc-event-title {padding: 1px 2px;}
  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::after {font-size: 14px; margin-left: 5px;}

  .fc-h-event .fc-event-title {font-size: 13px;}

  /* Contents > 행사안내 > 행사 상세 보기 */
  .calendar-image-section {width: 280px;}

  .calendar-info-section {max-width: calc(100% - 300px);}

  .calendar-title-wrap {margin-bottom: 5px;}

  .calendar-info-table td {padding: 10px 0;}

  /* 2025-12-26 개인정보처리방침 { */
  .privacy-policy-item:has(.pop-section) {display: none;}
  .sub-subtitle-wrap .subtitle.center {font-size: 22px;}
  /* } 2025-12-26 개인정보처리방침 */

} /* End */

@media screen and (max-width: 767px){
  
  /* === 서브페이지 공통 스타일 { === */
  .sub-top {height: 180px;}
  .sub-top {height: 40px; margin-top: 10px;}
  .sub-vs-txtbox .t1 {font-size: 26px;}
  
  .sub-location {padding: 0;}
  .sub-loca-item[class*="depth"] {min-width: calc((100% - 40px) / 3);}

  .sub-contents {padding-top: 45px; padding-bottom: 50px;}

  .sub-title-wrap {margin-bottom: 20px;}
  .sub-title {font-size: 28px;}
  .sub-subtitle-wrap {margin-bottom: 10px;}

  .sub-banner {height: 180px; margin-bottom: 30px;}
  .sub-banner-text {font-size: 16px;}
  .sub-banner-text br {display: none;}

  .sub-btn {min-height: 35px; font-size: 14px;}

  .sub-top-info {font-size: 14px; padding: 15px;}
  .sub-top-info .icon {width: 35px; height: 35px;}
  .sub-top-info .desc span.alert {padding-left: 8px;}
  /* === } 서브페이지 공통 스타일 === */

  /* 서브페이지 테이블 { */
  .sub-table-thead, .sub-table .th {font-size: 15px;}
  .sub-table-thead th {padding: 12px;}
  .sub-table td {padding: 10px;}
  /* 서브페이지 테이블 } */
  
  /* 3depth 탭 메뉴 { */
  .sub-tabs {margin-bottom: 20px; flex-wrap: wrap;}
  .sub-tabs > a {min-width: 33.33%; padding: 7px 2px; font-size: 14px;}
  /* 3depth 탭 메뉴 } */

  /* 4depth 탭 메뉴 { */
  .sub-tabs-4 {margin-bottom: 20px;}
  .sub-tabs-4 > a {padding: 2px 10px; min-width: unset;}
  /* 4depth 탭 메뉴 } */
  
  /* 준비중 페이지 { */
  .preparation-page {min-height: 360px; padding: 25px; border-radius: 10px;}
  .preparation-page .title {font-size: 22px;}
  .preparation-page .text {font-size: 14px;}
  /* } 준비중 페이지 */
  
  /* 로그인 페이지 { */
  .login-page {min-height: 360px; padding: 30px 20px; border-radius: 10px;}
  .login-page .title {font-size: 22px; margin-top: 15px;}
  .login-page .text {font-size: 14px;}

  .login-box {margin-top: 20px;}
  .login-form-li .input-password {margin-bottom: 15px; padding-right: 45px;}
  .login-form-li .show-password {right: 20px;}
  .login-form-li .input-id, .login-form-li .input-password, .login-form-li .login-submit {padding: 0 20px;}
  /* } 로그인 페이지 */

  /* Contents > 소통· 알림 > 기관홍보자료 */
  .mediacenter-content-wrap:not(:last-child) {margin-bottom: 30px;}

  .mediacenter-content-half-wrap {flex-direction: column;}
  .mediacenter-content.half {width: 100%;}

  .mediacenter-content .mediacenter-item {gap: 15px; border-radius: 10px;}
  .mediacenter-content .youtube-box {border-radius: 10px;}

  .download-btn-wrap.mediacenter-download {margin-top: 20px;}
  .mediacenter-download .sub-btn {min-height: 30px;}

  /* Contents > 주요사업 > 공통 스타일 */
  .main-business-intro-img {border-radius: 10px;}
  .main-business-intro-wrap {margin-bottom: 25px;}
  .main-business-intro {height: unset; max-height: fit-content; flex-direction: column-reverse;}
  .main-business-intro .txt-box {padding: 15px;}
  .main-business-intro .txt-box .desc {font-size: 16px;}
  .main-business-intro .txt-box .sub-btn-color {align-self: end;}
  .main-business-intro .img-box {width: 100%; overflow: hidden; height: 0; position: relative; padding-bottom: 55.67%;}
  .main-business-intro .img-box img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

  .main-business-info-item {flex-direction: column; gap: 15px; padding: 20px 5px;}

  .main-business-info-title {width: 100%;}

  .main-business-info-content {width: 100%; font-size: 14px;}

  .link-wrap a.instagram {width: 30px; height: 30px;}
  .link-wrap a.facebook {width: 30px; height: 30px;}
  .link-wrap a.youtube {width: 30px; height: 30px;}
  .link-wrap a.twitter {width: 30px; height: 30px;}

  .main-business-info-content .link-wrap a.link {padding-right: 16px;}
  .main-business-info-content .link-wrap a.link::before {width: 14px; height: 14px;}

  /* 주요사업 > 포토 갤러리 영역 */
  .main-business-slide-wrap .galley-slide {padding-bottom: 59.411%;}
  .main-business-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal {max-width: calc(75%); line-height: 1.1;}

  /* Contents > 주요사업 > 상호문화교류의 해 */
  /* .main-business-card-wrap {gap: 20px;}
  .main-business-card-item {padding: 10px; width: calc((100% / 3) - 20px); min-height: 120px; box-shadow: 0 0 10px #a3a3a34d; border-radius: 10px;}
  .main-business-card-item:not(:last-child)::after {left: calc(100% + (20px - 20px) / 2); top: calc(100% / 2);}
  .main-business-card-item .year {margin-bottom: 10px; padding: 2px; font-size: 14px;}
  .main-business-card-item .desc {font-size: 14px;}
  .main-business-card-item .desc br {display: none;}
  .main-business-card-item .desc.dot {padding-left: 6px;} */
  .main-business-card-item {width: calc((100% / 3) - 20px);}
  .main-business-card-item:not(:last-child)::after {top: calc(25px / 2);}
  .main-business-card-item .year {padding: 2px 4px 2px 2px; font-size: 14px;}
  .main-business-card-item .desc {font-size: 14px;}
  .main-business-card-item .desc br {display: none;}
  .main-business-card-item .desc.dot {padding-left: 6px;}

  /* Contents > 주요사업 > 국제교류 컨설팅 */
  .main-business-info-content > div:not(:first-child) {margin-top: 20px;}
  .main-business-info-content > div.desc > *:not(:first-child, span) {margin-top: 10px;}
  .main-business-info-content > *:has(.main-business-box-wrap) + .desc {margin-top: 20px;}

  .main-business-box-wrap {gap: 20px;}
  .main-business-box-item {width: calc((100% / 2) - 20px);}
  .main-business-box-item:not(:last-child)::after {left: calc(100% + (20px - 20px) / 2); top: calc(100% / 2);}
  .main-business-box-item > * {padding: 10px;}
  .main-business-box-item .title {font-size: 15px;}
  .main-business-box-item div.desc {min-height: 60px; font-size: 14px;}

  /* Contents > 주요사업 > 투어링 케이-아츠 */
  .main-business-icon-item .box {width: 60px; height: 60px; border-radius: 10px; box-shadow: 0 0 10px #a3a3a34d;}
  .main-business-icon-item:not(:last-child) .box::after {top: calc(60px / 2); left: calc(100% + (25px - 5px) / 2);}
  .main-business-icon-item .detail {margin-top: 10px; width: 80px; font-size: 14px; line-height: 1.2;}

  .main-business-icon-item .box::before {bottom: calc(100% - (22px / 2)); right: calc(100% - (22px / 2)); width: 22px; height: 22px; line-height: 22px; font-size: 14px;}

  /* Contents > 주요사업 > 해외 통신원 */
  .country-btn-wrap ul {gap: 5px 10px;}
  .country-btn-wrap ul li {width: calc((100% / 4) - (10px - 10px / 4));}
  .country-btn {height: 30px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: start;}
  .country-btn img {width: 24px;}
  .country-btn span {font-size: 14px;}

  .correspondent-list-item {flex-direction: row; width: 100%;}
  .correspondent-list-item .img-box {align-self: start; width: 100px; height: 133px;}
  .correspondent-list-item .txt-box {width: calc(100% - (100px + 10px));}
  .correspondent-list-item .txt-box .title {font-size: 16px;}
  .correspondent-list-item .txt-box .info {margin-top: 5px; font-size: 14px;}

  /* Contents > 열린경영 > 윤리경영 */

  #ethical .info-disclosure-table td {padding: 15px;}

  .sub-ethical-card {padding: 20px; border-radius: 10px;}
  .ethical-card-inner {min-height: fit-content;}
  .ethical-card-inner > .icon {width: 35px; height: 32px;}

  .ethical-card-inner p.title {font-size: 22px;}
  .ethical-card-inner p.desc {font-size: 14px;}
  .ethical-card-inner p.desc .alert {font-size: 13px;}

  .ethical-download .sub-btn {min-height: 35px;}

  .sub-ethical-card.ethical-report-card {width: 100%; margin-top: 20px; padding: 20px;}
  .ethical-report-card .ethical-card-inner {flex-direction: column; align-items: start; min-height: fit-content;}
  .ethical-report-card p.title {margin-right: 0;}
  .report-item-wrap {flex-wrap: wrap; align-items: start; gap: 20px;}

  .ethical-report-item:first-child img {width: 45px; height: 41px;}

  .ethical-report-item .text p {display: inline-block; margin-right: 10px; line-height: 41px;}

  /* Contents > 열린경영 > 인권경영 */
  .sub-human-right-list {margin-top: 20px;}
  .human-right-item {padding: 15px 10px; gap: 15px;}

  .human-right-item .circle {width: 60px; height: 60px; line-height: 60px; font-size: 16px;}
  .human-right-item .text {font-size: 14px;}

  /* Contents > 열린경영 > 윤리·인권경영 > 행동강령 */
  .sub-subtitle-wrap .subtitle.icon {padding-left: 20px;}

  #code-of-ethics .sp-sec ~ .sp-sec {margin-top: 30px;}

  .document-wrap {font-size: 14px;}
  .document-wrap ~ .document-wrap {margin-top: 20px;}
  .document-subtitle {font-size: 16px;}

  .document-wrap ul:has(li ul) > li ~ li {margin-top: 15px;}
  .document-wrap .desc ~ ul {margin-top: 15px;}

  /* Contents > 열린경영 > ESG경영 */
  #esg .section2 {margin-top: 35px;}
  .esg-framework .row {display: grid; grid-template-columns: 1fr; gap: 10px;}
  .esg-framework .col {border-radius: 5px; grid-column: 1/4;}
  .esg-framework .col.title {font-size: 18px;}
  .esg-framework .col.title br {display: none;}
  .esg-framework .col.center {grid-column: 1/4; font-size: 16px;}

  .esg-framework .col .item-title {font-size: 15px; margin-bottom: 5px;}
  .esg-framework .col .desc {font-size: 14px;}

  /* Contents > 열린경영 > 정보공개제도 안내 */
  #info-disclosure .sub-ethical-card {padding: 20px;}
  #info-disclosure .ethical-card-inner p.desc .alert {margin-top: 15px;}

  /* Contents > 열린경영 > 정보공개청구 및 처리절차 */
  .request-process {gap: 30px; padding: 20px 15px; border-radius: 10px;}
  .process-item {width: calc((100% - 60px) / 3); font-size: 16px; border-radius: 5px; padding: 7px;}
  .process-item:nth-child(2)::before {width: 30px;}
  .process-item:nth-child(3)::before {width: 30px;}
  #info-disclosure-request .download-btn-wrap.ethical-download {margin-top: 15px; width: 210px;}
  #info-disclosure-request .desc .alert {font-size: 13px;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-paragraph {margin-bottom: 15px;}
  .greeting-sender img {width: 130px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  .sub-banner.banner-vision {margin-top: 25px;}
  .banner-vision .sub-banner-text .large {font-size: 24px; margin-top: 15px;}

  #vision .sp-sec {margin-bottom: 40px;}
  .vision-subtitle {font-size: 18px; padding: 9px 15px; border-radius: 15px 0 15px 0;}

  .vision-phrase {font-size: 26px;}

  .vision-purpose-wrap {margin-top: 30px; flex-wrap: wrap;}
  .vision-purpose-item {margin-bottom: 10px; margin-left: 0; display: flex; width: 100%; align-items: center; gap: 30px;}

  .vision-purpose-title {margin-bottom: 0; border-width: 12px; width: 120px; height: 120px;}
  .vision-purpose-title::after {top: 50%; left: calc(100% + 12px); height: 2px; width: 30px;}

  .vision-purpose-title span {font-size: 18px;}
  .vision-purpose-item:nth-child(2) .vision-purpose-title::before, .vision-purpose-item:nth-child(3) .vision-purpose-title::before {display: none;}

  .vision-purpose-desc {max-width: calc(100% - 150px); width: 100%; padding-top: 0; padding-left: 12px; text-align: left;}
  .vision-purpose-desc::before {width: 8px; height: 8px; left: 0; top: 50%;}

  .vision-values-item {width: 160px; height: 160px; font-size: 20px;}

  .vision-goals-item {min-height: 160px;}

  .vision-goals-item .icon {width: 55px; height: 50px;}
  .vision-goals-item .desc {font-size: 18px;}

  .vision-tasks-item {margin-bottom: 10px; font-size: 16px; min-height: 80px;}

  /* 2025-12-19 설립목적 및 비전 수정 { */
  #vision .section6 {margin-top: 40px; margin-bottom: 15px;}
  .vision-content.strategy {grid-template-columns: 1fr; gap: 15px;}
  .vision-content.strategy .vision-subtitle {width: 130px;}
  .vision-content .vision-grid {gap: 15px;}
  /* } 2025-12-19 설립목적 및 비전 수정 */

  /* Contents > 기관소개 > 연혁 */
  .history-wrap {gap: 40px;}
  .history-wrap > div {padding-left: 15px;}
  .history-content {margin-bottom: 40px;}

  .history-box.text-box .title-year {font-size: 28px; margin-left: 10px;}

  .history-box.text-box .text-item .year {font-size: 18px; min-width: 70px; margin-right: 10px;}
  .history-box.text-box .text-item .desc-wrap {padding-top: 3px;}
  .history-box.text-box .text-item p.desc {font-size: 14px;}
  .history-box.text-box .text-item p.desc.dot {padding-left: 8px;}

  /* dots & lines */
  .history-content::before, .history-content::after {left: -15px;}
  .history-content::before {width: 26px; height: 26px;}
  .history-content::after {width: 10px; height: 10px; top: calc((26px / 2) - (10px / 2));}
  
  /* Contents > 기관소개 > CI·소개자료 */
  .page-desc-wrap p.page-desc {font-size: 15px;}
  .page-desc-wrap p.page-desc ~ p.page-desc {margin-top: 5px;}

  .ci-material-content.half {width: 100%;}
  .ci-material-content-half-wrap {gap: 0;}

  .ci-material-content .image-board {margin-top: 15px; padding: 10px;}
  .ci-material-content .image-board.full {height: 360px; justify-content: space-evenly; gap: 20px;}
  .ci-material-content .image-board.full img {max-width: 60%;}
  .ci-material-content .image-board.half img {max-height: calc((360px - 40px) / 2 - 40px);}

  .ci-material-download .sub-btn {min-width: 80px;}

  .ci-material-content-add-desc {margin-top: 25px; font-size: 12px;}
  p.alert {padding-left: 10px; position: relative;}

  .ci-material-content .image-board.full.concept-board {gap: 16px; flex-direction: column; height: auto;}
  .concept-board-img {margin: 0 auto; width: 100px;}

  /* Contents > 기관소개 > 조직도 */
  .organization-chart {width: 900px;}
  
  .organization-chart .row.row1 {gap: 65px;}
  .organization-chart .row.row4 {gap: 5px;}
  
  /* box */
  .organization-chart .box {width: 180px; min-height: 45px; font-size: 18px;}
  .organization-chart .box.box1 {width: 140px; min-height: 140px;}
  .organization-chart .box.box4 {margin: 30px auto 0;}
  .organization-chart .box.box5 {width: 95px; min-height: 35px; font-size: 14px;}
  
  /* line */
  .organization-chart .row3 .box::before {width: 136px;}
  .organization-chart .row4 .box4::before {height: 30px;}
  
  .organization-chart .row4::before {width: calc(100% - 300px);}
  .organization-chart .child::before{width: calc(100% - 95px + 2px);}
  
  .organization-chart .child {gap: 5px;}

  .organizational-structure-wrap {margin-top: 30px;}
  .organizational-structure-table thead tr th.contact {width: 25%;}

  /* Contents > 기관소개 > 오시는길 */
  .address-info .item {margin-top: 15px; margin-bottom: 10px;}
  .address-info .title {margin-right: 10px;}
  .address-info .title span {font-size: 16px;}

  .directions-info-table .th{width: 80px; font-size: 14px;}
  .directions-info-table span {margin-right: 4px; line-height: 22px; min-height: 22px; min-width: 22px; font-size: 12px;}

  .directions-info-table .subway {gap: 5px;}
  .directions-info-table .subway > div {flex-wrap: wrap;}
  .directions-info-table .subway p {max-width: 100%;}
  
  .directions-info-table .bus {gap: 10px; display: block;}
  .directions-info-table .bus > div {display: flex; margin-bottom: 5px;}
  .directions-info-table .bus > div > span {height: fit-content;}
  .directions-info-table .bus p {display: inline-block; max-width: calc(100% - 50px);}

  /* Contents > 행사안내 */
  #calendar-controls {gap: 5px;}

  #calendar-controls .calendar-select {background-position: center right 15px; font-size: 14px;}

  .calendar-top {margin-bottom: 15px;}
  .calendar-top .date-tag-ul {gap: 10px;}
  .calendar-top .date-tag::before {top: 3px;}
  .calendar-top .date-tag {padding-left: 10px; font-size: 12px;}

  .fullcalendar-box {max-width: 100%; overflow-x: auto; padding-bottom: 10px;}
  .calendar-box .chart-scroll-desc {display: block;}
  #fullcalendar {min-width: 760px;}

  .fc .fc-col-header-cell-cushion {padding: 4px; font-size: 15px;}

  .fc .fc-daygrid-day-frame {min-height: 100px;}
  .fc .fc-daygrid-day-top {margin-bottom: 2px; font-size: 14px;}

  .fc .fc-daygrid-event-harness {margin-bottom: 1px;}

  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::after {font-size: 13px;}

  /* Contents > 행사안내 > 행사 상세 보기 */
  .calendar-view-wrap {padding: 15px 0;}

  .calendar-image-section {width: 100%;}

  .calendar-info-section {max-width: 100%;}

  .calendar-title-wrap {margin-bottom: 15px;}
  .calendar-title-wrap h4 {max-width: calc(100% - 120px);}

  /* 2025-12-17 등록된 데이터 없음 추가 { */
  .empty-data {height: 220px; gap: 16px;}
  .empty-data-icon {width: 60px;}
  .empty-data-text {font-size: 16px;}
  /* } 2025-12-17 등록된 데이터 없음 추가 */

  /* 2025-12-18 구글 번역 화면 수정 { */
  html[class*="translated"] .address-info .item {display: block;}
  html[class*="translated"] .address-info .desc {margin-top: 5px;}
  /* } 2025-12-18 구글 번역 화면 수정 */

  /* 2025-12-26 개인정보처리방침 { */
  .privacy-policy-item .table-wrap {max-width: 100%; overflow: auto; margin: 10px 0;}
  
  .sub-subtitle-wrap .subtitle.center {font-size: 18px;}
  .panel-box {padding: 10px;}

  .privacy-policy-item {font-size: 14px;}
  .privacy-policy-item ~ .privacy-policy-item {margin-top: 30px;}

  /* 목차 레이아웃 */
  .policy-index {grid-template-columns: repeat(1, 1fr); gap: 10px; margin: 0;}
  .policy-index li {border-radius: 5px;}

  .privacy-policy-item ol li {padding-left: 15px;}
  /* } 2025-12-26 개인정보처리방침 */

  /* 2025-12-26 저작권 정책 { */
  #copyright-policy .sub-top-info {border: none; font-size: 14px; padding: 0;}
  #copyright-policy .sub-top-info .icon {display: none;}
  #copyright-policy ol li {padding-left: 15px;}
  #copyright-policy .desc span ~ span {margin-left: 7px; padding-left: 7px;}
  /* } 2025-12-26 저작권 정책 */
} /* End */

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

  /* === 서브페이지 공통 스타일 { === */
  
  .sub-top {height: 130px; border-radius: 10px 0 10px 0;}
  .sub-top {height: 30px;}

  .sub-vs-txtbox .t1 {font-size: 22px;}

  .sub-loca-item {height: 30px;}
  .sub-loca-item.home {width: 30px;}
  .sub-loca-item.home img {width: 15px;}
  .sub-loca-item[class*="depth"] {min-width: calc((100% - 30px) / 2);}
  .sub-loca-link {line-height: 30px;}
  .sub-loca-sel {height: 30px; line-height: 30px;}
  .sub-loca-sel + .select2 .select2-selection {height: 30px !important;}
  .sub-loca-sel + .select2 .select2-selection__rendered {padding-left: 15px !important; padding-right: 30px !important; line-height: 30px !important; font-size: 13px;}
  .sub-loca-sel + .select2 .select2-selection__arrow {width: 30px !important; height: 30px !important;}
  .select2-results__option {padding: 8px 15px !important; font-size: 13px;}

  .sub-contents {padding-top: 30px; padding-bottom: 33px;}

  .sub-title {font-size: 24px;}
  .sub-subtitle-wrap .subtitle{font-size: 16px;}

  .sub-banner {height: 140px; padding: 10px; margin-bottom: 20px; border-radius: 10px;}
  .sub-banner-text {font-size: 14px;}

  .sub-top-info {padding: 10px; gap: 10px; font-size: 13px;}
  /* === } 서브페이지 공통 스타일 === */

  /* 서브페이지 테이블 { */
  .sub-table-thead, .sub-table .th {padding: 10px; font-size: 14px;}
  .sub-table td {font-size: 13px; padding: 5px;}
  /* 서브페이지 테이블 } */

  /* 3depth 탭 메뉴 { */
  .sub-tabs > a {min-width: 50%;}
  /* 3depth 탭 메뉴 } */

  /* 4depth 탭 메뉴 { */
  .sub-tabs-4 {gap: 5px;}
  .sub-tabs-4 > a {padding: 2px 8px; height: 30px; line-height: 25px; font-size: 13px;}
  /* 4depth 탭 메뉴 } */

  /* Contents > 소통· 알림 > 기관홍보자료 */
  .mediacenter-content-half-wrap {gap: 10px;}

  .mediacenter-content .mediacenter-item {gap: 10px;}
  .mediacenter-content .mediacenter-item.half {padding: 15px;}

  .mediacenter-content .info .title {font-size: 16px;}

  .download-btn-wrap.mediacenter-download {flex-direction: column; margin-top: 15px;}
  .mediacenter-download .sub-btn {font-size: 13px; min-height: 25px;}
  .mediacenter-download .sub-btn.download::after {margin-bottom: -1px; width: 11px; height: 11px; margin-left: 2px; background-size: 11px;}
  .mediacenter-download .sub-btn:not(.download)::before {margin-bottom: -1px; width: 11px; height: 11px; margin-right: 2px; background-size: 11px;}

  .mediacenter-content p.youtube-subtitle {font-size: 14px; margin-top: 5px;}

  /* Contents > 주요사업 > 공통 스타일 */
  .main-business-intro-wrap:has(.main-business-intro-img) {margin-bottom: 20px;}
  .main-business-intro .txt-box {padding: 10px;}
  .main-business-intro .txt-box .desc {font-size: 14px;}
  .main-business-intro .txt-box .sub-btn-color {font-size: 13px;}

  .main-business-info-item {gap: 10px; padding: 15px 5px;}

  .main-business-info-title .text {font-size: 16px;}

  .link-wrap a.instagram {width: 26px; height: 26px;}
  .link-wrap a.facebook {width: 26px; height: 26px;}
  .link-wrap a.youtube {width: 26px; height: 26px;}
  .link-wrap a.twitter {width: 26px; height: 26px;}

  .main-business-info-content .link-wrap {gap: 15px 20px;}
  .main-business-info-content .link-wrap > *:not(:last-child)::after {margin-left: 10px;}

  .main-business-horizontal-table.sub-table td {padding: unset;}
  .main-business-horizontal-table.sub-table tr {position: relative; display: flex; flex-direction: column;}
  .main-business-horizontal-table.sub-table .th {border-right: none;}
  .main-business-horizontal-table.sub-table .th br {display: none;}
  .main-business-horizontal-table.sub-table td:not(.th) {padding: 10px; border-left: none;}

  /* 주요사업 > 포토 갤러리 영역 */
  .sub-contents:has(.main-business-slide-wrap) .section1 {margin: 30px 0;}
  .main-business-slide-wrap .swiper-button-prev {right: calc(100% - 35px + 8px);}
  .main-business-slide-wrap .swiper-button-next {left: calc(100% - 35px + 8px);}

  /* Contents > 주요사업 > 상호문화교류의 해 */
  /* .main-business-card-item {width: 100%; min-height: fit-content; padding: 15px;}
  .main-business-card-item:not(:last-child)::after {left: 50%; top: calc(100% + (20px - 20px) / 2); transform: translateX(-50%) rotate(90deg);} */
  .main-business-card-wrap {gap: 20px;}
  .main-business-card-item {width: 100%;}
  .main-business-card-item:not(:last-child)::after {left: 5px; top: 25px; transform: translateY(0); width: 1px; height: 100%;}
  .main-business-card-item .year {width: 100px; margin-bottom: 10px;}
  .main-business-card-item .desc {margin-left: 15px;}

  /* Contents > 주요사업 > 국제교류 컨설팅 */
  .main-business-box-item .title {font-size: 14px;}
  .main-business-box-item div.desc span.alert {font-size: 13px;}

  /* Contents > 주요사업 > 해외 통신원 */
  .country-btn-wrap {padding: 15px;}
  .country-btn-wrap ul li {width: calc((100% / 3) - (10px - 10px / 3));}
  .country-btn span {font-size: 13px;}

  .correspondent-list-item {gap: 8px; padding: 10px;}
  .correspondent-list-item .img-box {width: 90px; height: 120px;}
  .correspondent-list-item .txt-box {width: calc(100% - (90px + 8px));}
  .correspondent-list-item .txt-box .title {font-size: 16px;}
  .correspondent-list-item .txt-box .info {margin-top: 5px;}

  /* Contents > 열린경영 > 경영공시 */
  #disclosure-guide .sub-btn.more {font-size: 13px; min-height: 32px; gap: 2px; padding: 5px 10px;}

  .info-disclosure-table-wrap .chart-scroll-desc {display: block;}
  .info-disclosure-table {min-width: 480px;}

  /* Contents > 열린경영 > 윤리경영 */

  #ethical .info-disclosure-table td {padding: 10px;}

  .ethical-card-inner {gap: 15px;}

  .ethical-card-inner p.title {font-size: 18px;}
  .ethical-card-inner p.desc {font-size: 13px;}
  .ethical-card-inner p.desc .dot {padding-left: 6px;}
  .ethical-card-inner p.desc .alert {font-size: 12px; margin-top: 2px;}

  .download-btn-wrap.ethical-download {margin-top: 0;}
  .ethical-download .sub-btn {font-size: 12px; min-height: 30px; min-width: 100%;}
  .ethical-download .sub-btn::after {width: 12px; height: 12px; background-size: 11px;}

  .report-item-wrap {gap: 10px;}
  
  .ethical-report-item:first-child {align-items: center;}
  .ethical-report-item:first-child img {width: 35px; height: 32px;}
  .ethical-report-item .t1 {font-size: 16px;}
  .ethical-report-item .t2 {font-size: 15px;}

  /* Contents > 열린경영 > 인권경영 */
  .human-right-item {padding: 10px 5px; gap: 7px;}

  .human-right-item .circle {width: 40px; height: 40px; line-height: 40px; font-size: 14px;}
  .human-right-item .text {font-size: 13px;}

  /* Contents > 열린경영 > ESG경영 */
  .esg-framework .col.title {font-size: 16px;}

  /* Contents > 열린경영 > 정보공개청구 및 처리절차 */
  .request-process {flex-direction: column; gap: 20px;}
  .process-item {width: 100%; min-height: 40px;}
  .process-item:nth-child(3)::before {content: '▼'; width: 100%; height: 20px; line-height: 20px; right: unset; bottom: 100%;}
  .process-item:nth-child(2)::before {content: '▼'; width: 100%; height: 20px; line-height: 20px; right: unset; bottom: 100%;}

  /* Contents > 기관소개 > 인사말 */
  .greeting-phrase {font-size: 20px; margin-bottom: 20px;}

  .greeting-paragraph {font-size: 14px;}
  .greeting-sender {margin-top: 30px; font-size: 16px; flex-direction: column; align-items: end; gap: 10px;}
  .greeting-sender img {margin-left: 10px; width: 100px;}

  /* Contents > 기관소개 > 설립목적 및 비전 */
  .sub-banner.banner-vision {margin-top: 15px;}
  .banner-vision .sub-banner-text .small {padding-top: 8px;}
  .banner-vision .sub-banner-text .large {font-size: 18px;}

  #vision .sp-sec {margin-bottom: 30px;}
  .vision-subtitle {margin: 0 auto 15px; padding: 6px 15px; font-size: 16px;}

  .vision-phrase {font-size: 20px;}
  .vision-phrase br {display: none;}

  .vision-purpose-wrap {margin-top: 20px;}
  .vision-purpose-item {gap: 15px;}

  .vision-purpose-title {border-width: 8px; width: 90px; height: 90px;}
  .vision-purpose-title::after {top: 50%; left: calc(100% + 8px); height: 2px; width: 15px;}

  .vision-purpose-title span {font-size: 16px;}

  .vision-purpose-desc {max-width: calc(100% - 90px); font-size: 14px; padding-left: 8px;}
  .vision-purpose-desc::before {width: 8px; height: 8px; left: 0; top: 50%;}

  .vision-values-item {width: 100px; height: 100px; font-size: 16px; text-align: center;}
  .vision-values-item:nth-child(2), .vision-values-item:nth-child(3) {margin-left: -10px;}

  .vision-goals-wrap {flex-direction: column;}
  .vision-goals-item {width: 100%; flex-direction: row; min-height: fit-content; justify-content: start; border-radius: 8px;}

  .vision-goals-item .icon {width: 45px; height: 41px;}
  .vision-goals-item .desc {font-size: 16px;}
  .vision-goals-item .desc br {display: none;}

  .vision-tasks-wrap {flex-wrap: wrap;}
  .vision-tasks-column {width: 100%; flex-direction: row;}
  .vision-tasks-item {min-height: fit-content; font-size: 14px; border-radius: 8px;}

  /* 2025-12-19 설립목적 및 비전 수정 { */
  .vision-content .vision-grid {grid-template-columns: 1fr;}
  .vision-content.strategy .vision-grid .vision-tasks-column {gap: 15px;}
  .vision-content.strategy .vision-grid .vision-goals-item {min-height: unset;}
  /* } 2025-12-19 설립목적 및 비전 수정 */

  /* Contents > 기관소개 > 연혁 */
  .history-wrap > div {padding-left: 20px;}

  .history-follow-box p {font-size: 14px;}
  .history-follow-box p br {display: none;} 
  /* .history-follow-box span {font-size: 60px;} */
  .history-follow-box span {width: 250px; margin-top: 30px;}

  .history-box.text-box .title-year {font-size: 24px; margin-left: 5px; margin-bottom: 15px;}

  .history-box.text-box .text-item {flex-direction: column;}
  .history-box.text-box .text-item .year {font-size: 16px; min-width: unset;}

  /* dots & lines */
  .history-wrap::before, .history-wrap::after {left: 5px;}
  .history-content::before, .history-content::after {left: -15px;}
  .history-content::before {width: 22px; height: 22px;}
  .history-content::after {top: calc((22px / 2) - (10px / 2));}

  /* Contents > 기관소개 > CI·소개자료 */
  .page-desc-wrap p.page-desc {font-size: 14px;}
  
  .ci-material-content .image-board.full {height: 320px;}
  .ci-material-content .image-board.full img {max-width: 70%;}
  .ci-material-content .image-board.half {height: 320px; padding: 10px;}
  .ci-material-content .image-board.half img {max-height: calc((320px - 20px) / 2 - 40px);}

  .ci-material-download .sub-btn {min-width: 60px; padding: 5px 10px; font-size: 13px;}
  .ci-material-download .sub-btn.download::after {margin-left: 0;}

  .ci-material-content .image-board.full.concept-board {gap: 10px;}
  .concept-board-text {font-size: 14px; margin-top: 6px;}

  /* Contents > 기관소개 > 조직도 */
  .organization-chart {width: 810px;}
  
  .organization-chart .row.row1 {gap: 40px;}
  
  /* box */
  .organization-chart .box {width: 170px; min-height: 40px; font-size: 16px;}
  .organization-chart .box.box1 {width: 100px; min-height: 100px;}
  .organization-chart .box.box5 {width: 85px; min-height: 30px; font-size: 13px;}
  
  /* line */
  .organization-chart .row2 .box::before {height: 100px;}
  .organization-chart .row3 .box::before {width: 119px;}
  .organization-chart .row4::before {width: calc(100% - 270px);}
  .organization-chart .child::before{width: calc(100% - 85px + 2px);}

  .organizational-structure-wrap:has(table) .chart-scroll-desc {display: block;}

  .organizational-structure-table {min-width: calc(480px - 20px);}

  /* Contents > 기관소개 > 오시는길 */
  .directions-info-wrap {margin-top: 20px;}
  
  .address-info .item {margin-top: 10px; margin-bottom: 8px;}
  .address-info .title span {font-size: 14px; white-space: nowrap;}
  .address-info .desc {font-size: 13px;}

  .directions-info-table .th{width: fit-content; font-size: 13px; white-space: nowrap;}

  /* Contents > 행사안내 */
  #calendar-controls .monthArrow {width: 25px; height: 25px;}
  #calendar-controls .monthArrow.prevMonth {margin-right: 5px; background-size: 5px;}
  #calendar-controls .monthArrow.nextMonth {margin-left: 5px; background-size: 5px;}

  #calendar-controls .calendar-select {min-width: 80px; padding: 2px 10px; height: 30px; font-size: 13px; background-position: center right 9px; background-size: 8px;}

  .fc .fc-col-header-cell-cushion {padding: 2px; font-size: 14px;}

  .fc .fc-daygrid-day-frame {padding: 0;}
  .fc .fc-daygrid-day-top {font-size: 13px;}

  .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {margin-right: 1px;}
  .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {margin-left: 1px;}

  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::after {font-size: 12px;}

  .fc-h-event .fc-event-title {font-size: 12px;}

  /* Contents > 행사안내 > 행사 상세 보기 */
  .calendar-title-wrap h4 {max-width: 100%;}
  .calendar-title-wrap h4::before {font-size: 13px;}

  .calendar-desc-wrap .sub-btn {bottom: unset; right: unset; left: 0; top: 100%; margin-top: 15px; margin-bottom: 0;}

  .calendar-info-table td {font-size: 14px;}
  .calendar-info-table tr td:first-child {width: 80px;}

  /* 2025-12-17 등록된 데이터 없음 추가 { */
  .empty-data {height: 150px; gap: 14px;}
  .empty-data-icon {width: 50px;}
  .empty-data-text {font-size: 14px;}
  /* } 2025-12-17 등록된 데이터 없음 추가 */

  /* 2025-12-26 개인정보처리방침 { */
  .privacy-policy-item .chart-scroll-desc {display: block;}
  /* } 2025-12-26 개인정보처리방침 */

} /* End */