@charset "UTF-8";

/* **************************************** *
 * 인사말
 * **************************************** */
.greeting-base{display:flex; position:relative}
.greeting-base .greeting-flow{position:absolute; top:0; left:0;  z-index:1; display:none}
.greeting-base .greeting-flow p{line-height:8rem; color:var(--krds-color-light-gray-5); font-family:Poppins; font-size:8rem; font-weight:900; letter-spacing:-0.12rem; white-space:nowrap}
.greeting-base .greeting-flow p{animation:greeting-flow 600s linear infinite}
@keyframes greeting-flow{0%{transform: translateX(0)} 100%{transform: translateX(-100%)}}

.greeting-base .greeting-l{flex:none; margin-right:13rem; padding-top:8rem; box-sizing:border-box}
.greeting-base .greeting-r{position:relative; padding-top:4.5rem; box-sizing:border-box}
.greeting-base .greeting-r:after{content:''; position:absolute; top:-3rem; right:15rem; width:29.2rem; height:29.8rem; background:url('../img/contents/nrich/greeting-tower.png') 50% 50% no-repeat; background-size:29.2rem 29.8rem; display:none}

.greeting-base .greeting-photo{min-width:46.8rem; max-width:46.8rem}
.greeting-base .greeting-photo img{width:100%; height:auto}
.greeting-base .greeting-welcome{display:flex; flex-direction:column; gap:1.6rem; position:relative; z-index:1}
.greeting-base .greeting-welcome strong{line-height:3.4rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:3.4rem; font-weight:300; letter-spacing:-0.12rem}
.greeting-base .greeting-message{position:relative; margin-top:7rem; z-index:1}
.greeting-base .greeting-message .message-group{margin-top:3.2rem}
.greeting-base .greeting-message .message-group:first-child{margin-top:0}
.greeting-base .greeting-message p{line-height:3.3rem; color:var(--krds-color-light-gray-70); font-size:1.9rem; font-weight:normal; letter-spacing:-0.08rem; word-break:keep-all}
.greeting-base .greeting-sign{display:flex; align-items:center; align-items:flex-end; position:relative; margin-top:4rem}
.greeting-base .greeting-sign span,
.greeting-base .greeting-sign strong{position:relative; letter-spacing:-0.05rem}
.greeting-base .greeting-sign span{line-height:1.9rem; font-size:1.9rem; color:var(--krds-color-light-gray-95); font-weight:normal}
.greeting-base .greeting-sign strong{top:0.2rem; line-height:2.9rem; margin-left:1.3rem; font-family:DaeAmLeeTaeJun; font-size:3.5rem; color:var(--krds-color-light-information-70); font-weight:300}

/* **************************************** *
 * 역대 기관장
 * **************************************** */
.nrich-director{display:flex; flex-wrap:wrap; padding-top:2rem; margin-left:-3rem; margin-top:-3rem}
.nrich-director .director-box{display:flex; flex-direction:column; width:16.666666%}
.nrich-director .director-box .director-item{display:flex; flex-direction:column; align-items:center; gap:2rem; margin-left:3rem; margin-top:3rem; padding:3rem; background:#f4f4f4 url('../img/common/heritage-pattern01.png') 50% 50% repeat; box-sizing:border-box}

.nrich-director .director-photo{position:relative; width:13rem}
.nrich-director .director-photo:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.nrich-director .director-photo img{display:block; width:100%; height:100%}

.nrich-director .director-info{display:flex; flex-direction:column; align-items:center; gap:0.4rem}
.nrich-director .director-info .num,
.nrich-director .director-info .tit,
.nrich-director .director-info .range{line-height:1.2em}
.nrich-director .director-info .num{color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.nrich-director .director-info .tit{color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2rem; font-weight:300; letter-spacing:-0.05rem}
.nrich-director .director-info .range{margin-top:1rem; color:var(--krds-color-light-gray-60); font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}


/* **************************************** *
 * 연혁
 * **************************************** */
 /* 연혁 */
.history-base{position:relative; margin-top:-5rem; padding:0 3rem}
.history-base .history-range{display:flex; border-bottom:1px solid var(--krds-color-light-gray-10)}
.history-base .history-range .range-year{flex:none; display:flex; flex-direction:column; align-items:flex-end; position:relative; min-width:40rem; padding-top:5.2rem; padding-right:6rem; box-sizing:border-box}
.history-base .history-range .range-year > .year{display:block; line-height:3.9rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:3.9rem; font-weight:600; letter-spacing:-0.2rem}

.history-base .history-range .range-detail{display:flex; flex-direction:column; flex:1; gap:4rem; position:relative; padding:5rem 0}
.history-base .history-range .range-detail:before{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:var(--krds-color-light-gray-10)}
.history-base .history-range .range-detail .detail-year{display:flex; padding-left:2rem; box-sizing:border-box}
.history-base .history-range .range-detail .detail-year .year-tit{flex:none; position:relative; min-width:14rem; padding-top:0.2rem}
.history-base .history-range .range-detail .detail-year .year-tit:before{content:''; position:absolute; left:-2.3rem; top:1.1rem; width:0.7rem; height:0.7rem; background-color:#a47e4f; border-radius:50%}
.history-base .history-range .range-detail .detail-year .year-tit .year{display:inline-flex; line-height:2.5rem; color:var(--krds-color-light-gray-90); font-family:'Poppins','PretendardGOV'; font-size:1.9rem; font-weight:300; letter-spacing:-0.05rem}

.history-base .history-range .detail-year .year-detail{display:flex; flex-direction:column; gap:2rem}
.history-base .history-range .detail-year .year-detail .detail-box{display:flex; align-items:flex-start}
.history-base .history-range .detail-year .detail-box .detail-info{display:flex; flex-direction:column; gap:1.4rem}
.history-base .history-range .detail-year .detail-box .detail-info .info-box{position:relative; padding:0 2rem}
.history-base .history-range .detail-year .detail-box .detail-info .info-box p{line-height:2.9rem; color:var(--krds-color-light-gray-60); font-size:1.9rem; font-weight:normal; letter-spacing:-0.08rem; word-break:keep-all}

.history-base .history-range .detail-img{display:inline-flex; width:fit-content; margin-left:2rem; padding:2rem; background-color:#fff; border:1px solid var(--krds-color-light-gray-10); box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(118 145 148 / 8%); box-sizing:border-box}
.history-base .history-range .detail-img img{max-width:20rem; height:auto}



/* **************************************** *
 * 소식지, 학술지
 * **************************************** */
.publication-intro{display:flex; margin:0 auto}
.publication-intro .publication-l{display:flex; flex-direction:column; align-items:center; flex:none; min-width:52rem; max-width:52rem; height:55rem; padding:6rem 5rem; border-radius:1.4rem; box-sizing:border-box}
.publication-intro .publication-r{display:flex; flex-direction:column; gap:5rem; padding-left:10rem; padding-top:5rem; box-sizing:border-box}

.publication-intro .publication-cover{border:0.2rem solid var(--krds-color-light-gray-0); box-shadow:0 .4rem .4rem 0 rgba(0, 0, 0, 0.12)}
.publication-intro .publication-cover img{display:block; max-width:25rem}

.publication-intro .publication-btn{display:flex; align-items:center; justify-content:center; gap:2.5rem; margin-top:auto; padding:0 3.5rem; background-color:var(--krds-color-light-gray-95); border-radius:20rem}
.publication-intro .publication-btn a{display:inline-flex; align-items:center; flex:none; gap:0.2rem; padding:2rem 0}
.publication-intro .publication-btn a i{color:var(--krds-color-light-gray-0); font-size:2rem}
.publication-intro .publication-btn a span{line-height:1.6rem; color:var(--krds-color-light-gray-0); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.publication-intro .publication-bi{display:flex; flex-direction:column; gap:3rem; margin-bottom:2rem}
.publication-intro .publication-bi img{display:block; width:fit-content; max-width:25rem; height:auto}
.publication-intro .publication-bi strong{line-height:4.1rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:3.3rem; font-weight:300; letter-spacing:-0.1rem}

.publication-intro .publication-info-base{position:relative}
.publication-intro .publication-info-base:after{content:''; display:block; clear:both}
.publication-intro .publication-info-base > li{position:relative; margin-bottom:0.7rem; line-height:2.4rem; color:var(--krds-color-light-gray-90); letter-spacing:-0.06rem; font-size:1.7rem}
.publication-intro .publication-info-base > li:last-child{margin-bottom:0}
.publication-intro .publication-info-base.eng > li{position:relative; margin-bottom:0.6rem; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-family:Poppins; letter-spacing:-0.02rem; font-size:1.6rem}

.publication-intro .publication-info-case{display:flex; flex-direction:column; gap:2.4rem; padding:2rem 0; border-top:1px dashed #dadada; border-bottom:1px dashed #dadada}
.publication-intro .publication-info-case .case-box{display:flex; flex-direction:column; align-items:flex-start; gap:0.8rem}
.publication-intro .publication-info-case .case-box .case-tit{
    display:inline-flex; align-items:center; justify-content:center; flex-direction:row; width:auto; padding:1.4rem 1.8rem;
    color:var(--krds-color-light-gray-0); line-height:1.6rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap;
    background:var(--krds-color-light-gray-95); vertical-align:middle; box-sizing:border-box
}
.publication-intro .publication-info-case .case-box .case-info{line-height:2.6rem; color:var(--krds-color-light-gray-90); letter-spacing:-0.06rem; font-size:normal; font-size:1.6rem; word-break: keep-all}


/* 문화유산 창 */
.publication-intro.heritage-window .publication-l{background:#feecec url('../img/common/heritage-pattern01.png') 50% 50% repeat}
.publication-intro.heritage-window .publication-btn{background-color:#ac6868}

/* NRICH WEBZINE */
.publication-intro.nrich .publication-l{background:#f4f4f4 url('../img/common/heritage-pattern01.png') 50% 50% repeat}
.publication-intro.nrich .publication-btn{background-color:var(--krds-color-light-gray-95)}

/* 월간 뉴스레터 */
.publication-intro.newsletter .publication-l{background:#e3ebec url('../img/common/heritage-pattern01.png') 50% 50% repeat}
.publication-intro.newsletter .publication-btn{background-color:#214b4a}

/* 헤리티지:역사와 과학 */
.publication-intro.heritage-historical-science .publication-l{background:#e5e7fa url('../img/common/heritage-pattern02.png') 50% 50% repeat}
.publication-intro.heritage-historical-science .publication-btn{background-color:#616592}
.publication-intro.heritage-historical-science + .search-box{margin-top:12rem}

/* 보존과학연구 */
.publication-intro.conservation-science-research .publication-l{background:#e1e7f4 url('../img/common/heritage-pattern02.png') 50% 50% repeat}
.publication-intro.conservation-science-research .publication-btn{background-color:#6c8ac6}
.publication-intro.conservation-science-research + .search-box{margin-top:12rem}

/* 국립나주문화유산연구원 홍보책자 */
.publication-intro.naju-promotional-materials .publication-l{background:#e5e7fa url('../img/common/heritage-pattern02.png') 50% 50% repeat}
.publication-intro.naju-promotional-materials .publication-btn{background-color:#616592}
.publication-intro.naju-promotional-materials + .search-box{margin-top:12rem}



/* **************************************** *
 * 기증자 약력 및 기증의의
 * **************************************** */
.donor-biography .donor-intro{display:flex; padding:4rem 5rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:1.2rem}
.donor-biography .donor-intro .donor-photo{flex:none; position:relative; min-width:20rem; max-width:20rem; height:fit-content; margin-right:6rem}
.donor-biography .donor-intro .donor-photo:before{content:''; position:absolute; top:0.8rem; left:0.8rem; width:100%; height:100%; background-color:var(--krds-color-light-gray-95)}
.donor-biography .donor-intro .donor-photo img{display:block; position:relative;; width:100%; height:100%; border:1px solid var(--krds-color-light-gray-95); z-index:1}

.donor-biography .donor-intro .donor-profile{flex:1}
.donor-biography .donor-intro .donor-profile .profile-list{display:flex; flex-direction:column}
.donor-biography .donor-intro .donor-profile .profile-list li{display:inline-flex; align-items:flex-start; padding:1.8rem 0; border-bottom:1px solid var(--krds-color-light-gray-20)}
.donor-biography .donor-intro .donor-profile .profile-list li:last-child{border-bottom:none}
.donor-biography .donor-intro .donor-profile .profile-list .tit,
.donor-biography .donor-intro .donor-profile .profile-list .info{line-height:2.4rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.donor-biography .donor-intro .donor-profile .profile-list .tit{min-width:10rem; margin-right:1.5rem; color:var(--krds-color-light-gray-90)}
.donor-biography .donor-intro .donor-profile .profile-list .info{display:inline-flex; align-items:center; position:relative; color:var(--krds-color-light-gray-90)}

.donor-biography .donor-purpose{display:flex; position:relative; margin-top:7rem; padding-left:31rem}
.donor-biography .donor-purpose .inner{display:flex; flex-direction:column; gap:2rem; flex:1; position:relative; padding-right:20rem}
.donor-biography .donor-purpose .inner:before{content:'\f04a'; display:flex; align-items:center; justify-content:center; position:absolute; left:-8.2rem; top:-1.2rem; width:5.4rem; height:5.4rem; color:var(--krds-color-light-gray-0); font-family:remixicon; font-size:2.5rem; background-color:var(--krds-color-light-gray-95); border-radius:50%}
.donor-biography .donor-purpose .inner p{line-height:3rem; color:var(--krds-color-light-gray-90); text-align:left; font-size:1.6rem; font-weight:normal; letter-spacing:-0.06rem; word-break: keep-all}


/* **************************************** *
 * 시설소개
 * **************************************** */
.local-office{display:flex; flex-wrap:wrap; padding-top:2rem; margin-left:-10rem; margin-top:-8rem}
.local-office .office-box{display:flex; width:33.333333%}
.local-office .office-box .inner-box{display:flex; flex-direction:column; flex:1; gap:2rem; margin-left:10rem; margin-top:8rem; border-bottom:2px solid #101010}
.local-office .office-box.bd-none .inner-box{border-bottom:none}

.local-office .office-tit{display:flex; flex-direction:column}
.local-office .office-tit .tit{line-height:4.1rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.1rem}

.local-office .office-photo{position:relative; height:28.8rem}
.local-office .office-photo:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.local-office .office-photo img{display:block; width:100%; height:100%; object-fit:cover}

.local-office .office-info{display:flex; flex-direction:column}
.local-office .office-info li{display:inline-flex; align-items:flex-start; padding:1.2rem 0; border-bottom:1px solid var(--krds-color-light-gray-10)}
.local-office .office-info li:last-child{border-bottom:none}
.local-office .office-info .tit,
.local-office .office-info .info{line-height:2.4rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.local-office .office-info .tit{min-width:10rem; margin-right:1.5rem; color:var(--krds-color-light-gray-60)}
.local-office .office-info .info{display:inline-flex; align-items:center; position:relative; color:var(--krds-color-light-gray-90)}

.local-office.col4{margin-left:-4rem; margin-top:-4rem}
.local-office.col4 .office-box{width:25%}
.local-office.col4 .office-box .inner-box{margin-left:4rem; margin-top:4rem}
.local-office.col4 .office-photo{height:20rem}


/* **************************************** *
 * 홍보동영상
 * **************************************** */
.nrich-pr-video{display:flex; height:53.4rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:0 1.4rem 1.4rem 0}
.nrich-pr-video .video-screen{flex:1; height:53.4rem; overflow:hidden}
.nrich-pr-video .video-screen video{width:100%; min-height:100%; height:auto; background-color:var(--krds-color-light-gray-95)}
.nrich-pr-video .video-summury{flex:none; display:flex; min-width:55rem; max-width:55rem; padding:3rem; padding-left:5rem; box-sizing:border-box}
.nrich-pr-video .video-summury .summury-scroll{flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch}


/* **************************************** *
 * 찾아오시는길
 * **************************************** */
.nrich-location{display:flex; gap:4rem; position:relative}
.nrich-location .location-l{flex:4.5; border-bottom:0.2rem solid #202020}

.nrich-location .location-tit{display:flex; flex-direction:column}
.nrich-location .location-tit:before{content:'\f08e'; display:flex; align-items:center; justify-content:center; min-width:7rem; min-height:7rem; max-width:7rem; max-height:7rem; margin-bottom:2rem; background:#eef2f7 url(../img/common/heritage-pattern01.png) 50% 50% repeat; color:#101010; font-family:remixicon; font-size:3.4rem; border-radius:50%; box-sizing:border-box}
.nrich-location .location-tit .tit{line-height:2.4rem; color:#202020; font-family:FlightSans; font-size:2.4rem; font-weight:300; letter-spacing:-0.05rem}

.nrich-location .location-basic{display:flex; flex-direction:column; margin-top:2rem; border-top:0.2rem solid #101010}
.nrich-location .location-basic .basic-info{display:flex; flex-direction:column; padding:3rem 0 3rem; border-bottom:1px solid #ebebeb}
.nrich-location .location-basic .basic-info dt,
.nrich-location .location-basic .basic-info dd{line-height:2.2rem; font-weight:normal; letter-spacing:-0.05rem}
.nrich-location .location-basic .basic-info dt{margin-bottom:0.8rem; color:#808080; font-size:1.6rem}
.nrich-location .location-basic .basic-info dd{margin-bottom:2rem; color:#202020; font-size:1.6rem}
.nrich-location .location-basic .basic-info dd:last-child{margin-bottom:0}

.location-transport{display:flex; flex-direction:column}
.location-transport .transport-case{display:flex; padding:3rem 0; border-bottom:1px solid #ebebeb}
.location-transport .transport-case:last-child{border-bottom:none}
.location-transport .transport-case:before{content:''; flex:none; position:relative; top:-0.2rem; min-width:6rem; max-width:6rem; color:#202020; font-family:"remixicon"; font-size:3.7rem}
.location-transport .transport-case.transport-bus:before{content:'\eb11'}
.location-transport .transport-case.transport-car:before{content:'\eb39'}
.location-transport .transport-case .case-info{display:flex; flex-direction:column}
.location-transport .transport-case .case-info .case-group{display:flex; flex-direction:column}
.location-transport .transport-case .case-info .case-tit{margin-bottom:1.5rem; line-height:1.8rem; color:#202020; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}
.location-transport .transport-case .case-info .case-detail li{position:relative; margin-bottom:0.4rem; padding-left:1.8rem; line-height:2.4rem; color:#505050; letter-spacing:-0.05rem; font-size:1.6rem; font-weight:normal}
.location-transport .transport-case .case-info .case-detail li:before{content:''; position:absolute; left:0; top:0.9rem; width:0.3rem; height:0.3rem; background:var(--krds-color-light-gray-40)}
.location-transport .transport-case .case-info .case-detail li:last-child{margin-bottom:0}
.location-transport .transport-case .case-info .case-detail li ul{margin-top:0.5rem}
.location-transport .transport-case .case-info .case-detail li li{padding-left:0}
.location-transport .transport-case .case-info .case-detail li li:before{display:none}
.location-transport .transport-case .case-info .case-link{display:flex; align-items:center; gap:0.4rem; flex-wrap:wrap}
.location-transport .transport-case .case-info .case-link .btn{flex:1}

.location-transport .transport-case .case-info .case-group .case-tit{color:#505050; font-size:1.6rem}
.location-transport .transport-case .case-info .case-group + .case-group{margin-top:2rem} 


.nrich-location .location-r{flex:5.5; background:var(--krds-color-light-secondary-5)}
.nrich-location .location-r .map-view{height:100%}
.nrich-location .location-r .map-view > div{width:100%; height:100%; box-sizing:border-box}
.nrich-location .location-r .map-view > div .cont{display:none}
.nrich-location .location-r .map-view .wrap_map{height:100% !important; background:#f8f8f8}


/* **************************************** *
 * 조직도
 * **************************************** */
.org-overview{display:flex; padding-top:2rem; gap:7rem}
.org-overview .org-l{flex:4.3}
.org-overview .org-r{flex:5.7; ;min-width:0.1rem}

.org-overview .org-chart{position:relative}
.org-overview .org-chart:before{content:''; position:absolute; left:1.5rem; top:1rem; bottom:3rem; width:1px; background-color:var(--krds-color-light-gray-20)}
.org-overview .org-chart .level1-container{display:flex; align-items:center}
.org-overview .org-chart .level1-container .level1-item{display:flex; align-items:center; justify-content:center; position:relative; height:8rem; padding:0 4rem; background-color:#172e57; background-image:url('../img/common/heritage-pattern04.png'); background-position:50% 50%; background-repeat:repeat; border:2px solid #172e57; border-radius:0.8rem; box-sizing:border-box}
.org-overview .org-chart .level1-container .level1-item span{line-height:2.2rem; color:#fff; font-size:2.2rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}


.org-overview .org-chart .level2-container .level2-container-group{display:flex; flex-direction:column; position:relative; gap:0.4rem; margin-top:4rem; padding-left:4rem}
.org-overview .org-chart .level2-container .level2-container-group:before{content:''; position:absolute; left:1.5rem; top:2.4rem; width:3rem; height:1px; background-color:var(--krds-color-light-gray-20)}
.org-overview .org-chart .level2-container .level2-container-group:last-child{margin-top:2rem}
.org-overview .org-chart .level2-container .level2-group{flex:1; display:flex; align-items:flex-start; flex-wrap:wrap; position:relative; margin-left:-0.4rem; margin-top:-0.4rem}

.org-overview .org-chart .level2-container .level2-group .level2-box{width:33.333333%}
.org-overview .org-chart .level2-container .level2-group .level2-box .level-group{margin-left:0.4rem; margin-top:0.4rem}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item{display:flex; align-items:center; justify-content:center; position:relative; padding:1.4rem 0; background-color:#c4e3e6; border-radius:0.8rem; box-sizing:border-box}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item span{line-height:2.2rem; color:#202020; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}

.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg01,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg02,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg03,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg04,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg05{background-image:url('../img/common/heritage-pattern01.png'); background-position:50% 50%; background-repeat:repeat}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg01{background-color:#f4d0b1; border:2px solid #f4d0b1}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg02{background-color:#f6dfe2; border:2px solid #f6dfe2}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg03{background-color:#d0e9eb; border:2px solid #d0e9eb}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg04{background-color:#cdc2df; border:2px solid #cdc2df}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg05{background-color:#f0e3d7; border:2px solid #f0e3d7}

.org-overview .org-chart .level1-container .level1-item.active{background-color:#fff; background-image:none; border:2px dashed #04173a; border-radius:20rem}
.org-overview .org-chart .level1-container .level1-item.active span{text-decoration:underline; text-underline-offset:0.3rem}

.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.active span{text-decoration:underline; text-underline-offset:0.4rem}

.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg01.active,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg02.active,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg03.active,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg04.active,
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg05.active{background-image:none}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg01.active{background-color:#fff; border:2px solid #f4d0b1}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg02.active{background-color:#fff; border:2px solid #f6dfe2}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg03.active{background-color:#fff; border:2px solid #d0e9eb}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg04.active{background-color:#fff; border:2px solid #cdc2df}
.org-overview .org-chart .level2-container .level2-group .level2-box .level2-item.level-bg05.active{background-color:#fff; border:2px solid #f0e3d7}

.org-overview .org-chart .level3-container{display:flex; flex-direction:column; position:relative; margin-bottom:2rem; padding:1rem 0 0 3rem}
.org-overview .org-chart .level3-container:before{content:''; position:absolute; left:1.5rem; top:0; bottom:2.1rem; width:1px; background-color:var(--krds-color-light-gray-20)}
.org-overview .org-chart .level3-group{margin-left:-0.4rem; margin-top:-0.4rem}
.org-overview .org-chart .level3-box{position:relative}
.org-overview .org-chart .level3-box:before{content:''; position:absolute; left:-1rem; top:1.8rem; width:2rem; height:1px; background-color:var(--krds-color-light-gray-20)}
.org-overview .org-chart .level3-item{display:flex; align-items:center; position:relative; margin-left:0.4rem; margin-top:0.4rem; padding:0.8rem 1.5rem; background-color:#fff; border:1px solid var(--krds-color-light-gray-10); border-radius:0.6rem; box-sizing:border-box}
.org-overview .org-chart .level3-item span{line-height:2.2rem; color:#202020; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}

.org-overview .org-view .view-head{display:flex; flex-direction:column; margin-bottom:5rem}
.org-overview .org-view .view-head .head-tit{display:inline-flex; align-items:center}
.org-overview .org-view .view-head .head-tit .tit{line-height:4.3rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:3.3rem; font-weight:300; letter-spacing:-0.08rem; word-break:keep-all}
.org-overview .org-view .view-head .head-meta{position:relative; padding:4rem 0 2.5rem}
.org-overview .org-view .view-head .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.org-overview .org-view .view-head .meta-list li{display:inline-flex; align-items:center}
.org-overview .org-view .view-head .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:2.2rem; margin-right:2.2rem; background:var(--krds-color-light-gray-20)}
.org-overview .org-view .view-head .meta-list li:last-child:after{display:none}
.org-overview .org-view .view-head .meta-list .tit,
.org-overview .org-view .view-head .meta-list .info{line-height:1.6rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.org-overview .org-view .view-head .meta-list .tit{color:var(--krds-color-light-gray-90)}
.org-overview .org-view .view-head .meta-list .info{display:inline-flex; align-items:center; position:relative; margin-left:1.5rem; color:var(--krds-color-light-gray-60)}
.org-overview .org-view .view-head .head-info{padding:2.4rem; background-color:var(--krds-color-light-gray-5); border-radius:1.2rem}


/* **************************************** *
 * 관람 및 탐방안내
 * **************************************** */
.watch-visit-base{display:flex; align-items:flex-start; gap:6rem}
.watch-visit-base .base-pick{display:flex; flex:none; position:sticky; top:12rem; min-width:48rem; max-width:48rem; flex-direction:column; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:2.2rem; z-index:1}
.watch-visit-base .base-pick .pick-map{flex:1; min-height:60rem; background:url("../img/layout/map-region.svg") no-repeat 50% 50%; background-size:31.2rem 42.1rem; box-sizing:border-box}
.watch-visit-base .base-pick .pick-map .tab-box{position:absolute}.intro-item
.watch-visit-base .base-pick .pick-map .tab-box button{display:inline-flex; align-items:center; position:relative; margin:0; padding:1rem 1.5rem; background-color:#808080; border:0; border-radius:0; cursor:pointer; outline:none; z-index:1; box-sizing:border-box}
.watch-visit-base .base-pick .pick-map .tab-box button span{line-height:1.5rem; color:var(--krds-color-light-gray-90); font-size:1.5rem; font-weight:300; letter-spacing:-0.05rem}

.watch-visit-base .base-pick .pick-map .tab-box .poly-line{position:absolute}
.watch-visit-base .base-pick .pick-map .tab-box .poly-line svg{stroke:#808080; fill:none; stroke-miterlimit:10}
.watch-visit-base .base-pick .pick-map .tab-box .poly-line .poly-point{position:absolute; width:0.9rem; height:0.9rem; background-color:#808080}
.watch-visit-base .base-pick .pick-map .tab-box .poly-line .poly-point:before{content:''; display:none; position:absolute; top:50%; left:50%; width:2.7rem; height:2.7rem; margin-top:-1.35rem; margin-left:-1.35rem; background-color:rgba(0,0,0,.2)}

.watch-visit-base .base-pick .pick-map .tab-box.active .poly-line svg,
.watch-visit-base .base-pick .pick-map .tab-box:hover .poly-line svg{stroke:var(--krds-color-light-gray-95)}
.watch-visit-base .base-pick .pick-map .tab-box.active .poly-line .poly-point,
.watch-visit-base .base-pick .pick-map .tab-box:hover .poly-line .poly-point{background-color:var(--krds-color-light-gray-95)}
.watch-visit-base .base-pick .pick-map .tab-box.active .poly-line .poly-point:before,
.watch-visit-base .base-pick .pick-map .tab-box.active .poly-line .poly-point:after{display:block}
.watch-visit-base .base-pick .pick-map .tab-box:hover .poly-line .poly-point:before,
.watch-visit-base .base-pick .pick-map .tab-box:hover .poly-line .poly-point:after{display:block}

.watch-visit-base .base-pick .pick-map .tab-box .target-num{display:inline-flex; align-items:center; position:relative; margin-right:0.5rem}
.watch-visit-base .base-pick .pick-map .tab-box .target-num:after{content:'\ef10'; position:relative; color:var(--krds-color-light-gray-90); font-family:remixicon; font-size:3.1rem; font-weight:normal; z-index:1}
.watch-visit-base .base-pick .pick-map .tab-box .target-num span{position:absolute; top:0; right:0; bottom:0; left:-1px; line-height:2.5rem; color:var(--krds-color-light-gray-90); font-family:Poppins; font-size:1.5rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}
.watch-visit-base .base-pick .pick-map .tab-box .target-num span:before{content:''; position:absolute; left:50%; top:50%; background-color:rgba(28,88,156,.2); width:5rem; height:5rem; margin-left:-2.5rem; margin-top:-2.5rem; border-radius:50%}

.watch-visit-base .base-pick .pick-map .tab-box.map-target01{left:50%; top:50%; margin-left:-3.8rem; margin-top:-1.9rem}
.watch-visit-base .base-pick .pick-map .tab-box.map-target02{left:50%; top:50%; margin-left:-8.8rem; margin-top:-1rem}
.watch-visit-base .base-pick .pick-map .tab-box.map-target03{left:50%; top:50%; margin-left:-11.8rem; margin-top:10rem}
.watch-visit-base .base-pick .pick-map .tab-box.map-target04{right:50%; top:50%; margin-right:-14.8rem; margin-top:4rem}
.watch-visit-base .base-pick .pick-map .tab-box.map-target05{right:50%; top:50%; margin-right:-4.8rem; margin-top:-9rem}



.watch-visit-base .base-intro{display:flex; flex-wrap:wrap; flex:1; margin-top:-3rem; margin-left:-2rem}
.watch-visit-base .base-intro .intro-box{display:flex; width:50%}
.watch-visit-base .base-intro .intro-item{display:flex; flex-direction:column; width:100%; margin-top:3rem; margin-left:2rem; padding:4rem 3rem 3rem; background-color:#fff; border-radius:1.2rem; box-shadow:0 0 0 1px var(--krds-color-light-gray-10); box-sizing:border-box}
.watch-visit-base .base-intro .intro-item .item-tit{display:flex; align-items:center}
.watch-visit-base .base-intro .intro-item .item-tit .num{display:inline-flex; align-items:center; position:relative; margin-right:0.5rem}
.watch-visit-base .base-intro .intro-item .item-tit .num:before{content:'\ef10'; color:var(--krds-color-light-gray-90); font-family:remixicon; font-size:3.1rem; font-weight:normal}
.watch-visit-base .base-intro .intro-item .item-tit .num span{position:absolute; top:0; right:0; bottom:0; left:-1px; line-height:2.5rem; color:var(--krds-color-light-gray-90); font-family:Poppins; font-size:1.5rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}
.watch-visit-base .base-intro .intro-item .item-tit .tit{display:inline-flex; align-items:center}
.watch-visit-base .base-intro .intro-item .item-tit .tit span{line-height:2.5rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.3rem; font-weight:300; letter-spacing:-0.05rem}

.watch-visit-base .base-intro .intro-item .item-sum-group{display:flex; flex-direction:column; gap:2rem; margin-top:4rem}
.watch-visit-base .base-intro .intro-item .item-sum{display:flex; flex-direction:column; gap:0.5rem; border-bottom:1px solid #ebebeb}
.watch-visit-base .base-intro .intro-item .item-sum:last-child{border-bottom:none}
.watch-visit-base .base-intro .intro-item .sum-tit{display:inline-flex; align-items:center; line-height:2.3rem; color:var(--krds-color-light-gray-90); font-size:1.9rem; font-weight:300; letter-spacing:-0.08rem}
.watch-visit-base .base-intro .intro-item .sum-detail{display:flex; flex-direction:column; gap:1.2rem; padding:2rem 0; box-sizing:border-box}
.watch-visit-base .base-intro .intro-item .sum-detail li{display:flex; align-items:flex-start; gap:0.8rem; position:relative}
.watch-visit-base .base-intro .intro-item .sum-detail li .tit,
.watch-visit-base .base-intro .intro-item .sum-detail li .info{display:inline-flex; align-items:center; line-height:2rem; font-size:1.6rem; letter-spacing:-0.02rem}
.watch-visit-base .base-intro .intro-item .sum-detail li .tit{flex:none; min-width:10rem; color:var(--krds-color-light-gray-90); font-weight:300}
.watch-visit-base .base-intro .intro-item .sum-detail li .tit i{font-size:2rem; color:var(--krds-color-light-gray-50); margin-right:5px}
.watch-visit-base .base-intro .intro-item .sum-detail li .info{color:var(--krds-color-light-gray-60); font-weight:normal}
.watch-visit-base .base-intro .intro-item .item-more{display:flex; justify-content:flex-end; gap:0.4rem; margin-top:auto}


/* **************************************** *
 * 주요추진업무
 * **************************************** */
.keytask-intro{display:flex; padding:6rem; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; border-radius:1.2rem; box-sizing:border-box}
.keytask-intro .intro-photo{flex:none; position:relative; min-width:40rem; max-width:40rem; height:fit-content; margin-right:8rem}
.keytask-intro .intro-photo:before{content:''; position:absolute; top:0.8rem; left:0.8rem; width:100%; height:100%; background-color:var(--krds-color-light-gray-95); display:none; }
.keytask-intro .intro-photo img{display:block; position:relative; width:100%; height:15rem; object-fit:cover; z-index:1; border-radius:1.2rem}
.keytask-intro .intro-info{display:flex; flex-direction:column; gap:1rem; position:relative; padding-right:15rem}
.keytask-intro .intro-info strong{margin-bottom:1rem; line-height:2.4rem; color:var(--krds-color-light-gray-90); font-size:1.9rem; font-weight:300; letter-spacing:-0.05rem; text-align:left}
.keytask-intro .intro-info p{line-height:2.8rem; color:var(--krds-color-light-gray-90); text-align:left; font-size:1.8rem; font-weight:normal; letter-spacing:-0.06rem; word-break:keep-all}

.keytask-history{border-top:2px solid var(--krds-color-light-gray-95)}
.keytask-history .history-range{display:flex; border-bottom:1px solid var(--krds-color-light-gray-10)}
.keytask-history .history-range .range-year{flex:none; display:flex; flex-direction:column; align-items:flex-end; position:relative; min-width:40rem; padding-top:5.2rem; padding-right:6rem; box-sizing:border-box}
.keytask-history .history-range .range-year > .year{display:block; line-height:3.9rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:3.9rem; font-weight:600; letter-spacing:-0.2rem}
.keytask-history .history-range .range-detail{display:flex; flex-direction:column; flex:1; gap:4rem; position:relative; padding:5rem 0}
.keytask-history .history-range .range-detail:before{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:var(--krds-color-light-gray-10)}
.keytask-history .history-range .range-detail .detail-year{display:flex; padding-left:2rem; box-sizing:border-box}
.keytask-history .history-range .range-detail .detail-year .year-tit{flex:none; position:relative; min-width:12rem; padding-top:0.2rem}
.keytask-history .history-range .range-detail .detail-year .year-tit:before{content:''; position:absolute; left:-2.3rem; top:1.1rem; width:0.7rem; height:0.7rem; background-color:#a47e4f; border-radius:50%}
.keytask-history .history-range .range-detail .detail-year .year-tit .year{display:inline-flex; line-height:2.5rem; color:var(--krds-color-light-gray-90); font-family:Poppins; font-size:1.9rem; font-weight:300; letter-spacing:-0.05rem}
.keytask-history .history-range .detail-year .year-detail{display:flex; flex-direction:column; gap:2rem}
.keytask-history .history-range .detail-year .year-detail .detail-box{display:flex; align-items:flex-start}
.keytask-history .history-range .detail-year .detail-box .detail-info{display:flex; flex-direction:column; gap:1.4rem}
.keytask-history .history-range .detail-year .detail-box .detail-info .info-box{position:relative; padding:0 2rem}
.keytask-history .history-range .detail-year .detail-box .detail-info .info-box p{line-height:2.9rem; color:var(--krds-color-light-gray-60); font-size:1.9rem; font-weight:normal; letter-spacing:-0.08rem; word-break:keep-all}


.keytask-performance{display:flex; align-items:flex-start; padding-top:4rem; border-top:1px solid var(--krds-color-light-gray-20)}
.keytask-performance .performance-l{flex:none; min-width:38rem; max-width:38rem; margin-right:6rem; box-sizing:border-box}
.keytask-performance .performance-r{flex:1}
.keytask-performance .performance-tab ul{display:flex; flex-direction:column}
.keytask-performance .performance-tab .tab-box{display:flex; margin-bottom:1.2rem; background-color:#fff}
.keytask-performance .performance-tab .tab-box a{display:flex; align-items:center; position:relative; width:100%; padding:1.2rem 0; outline:none; box-sizing:border-box}
.keytask-performance .performance-tab .tab-box a:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ebebeb}
.keytask-performance .performance-tab .tab-box a span{line-height:2.7rem; color:var(--krds-color-light-gray-50); font-size:1.9rem; font-weight:normal; letter-spacing:-0.08rem; word-break:keep-all}
.keytask-performance .performance-tab .tab-box a span > span{font-size:1.6rem}
.keytask-performance .performance-tab .tab-box a:after{content:'\ea6e'; margin-left:auto; color:var(--krds-color-light-gray-0); font-family:remixicon; font-size:2.7rem; font-weight:normal}
.keytask-performance .performance-tab .tab-box.active{position:sticky; top:9.4rem; left:0; z-index:1}
.keytask-performance .performance-tab .tab-box.active a:before{height:2px; background-color:#101010}
.keytask-performance .performance-tab .tab-box.active a:after{color:var(--krds-color-light-gray-95)}
.keytask-performance .performance-tab .tab-box.active a span{color:var(--krds-color-light-gray-90); font-weight:300}


.keytask-doc{display:flex; flex-direction:column}
.keytask-doc .doc-container{display:flex; flex-wrap:wrap; gap:1rem}
.keytask-doc .doc-box{flex: 1 1 calc(50% - 1rem); display:flex; align-items:center; min-height:7.2rem; padding:2rem 2.5rem; background-color:var(--krds-color-light-secondary-5); box-sizing:border-box}
.keytask-doc .doc-box .doc-l{min-width:1px}
.keytask-doc .doc-box .doc-r{margin-left:auto}
.keytask-doc .doc-box .tit{display:block; color:var(--krds-color-light-gray-90); line-height:2.2rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}

.keytask-dmz-headline{display:flex; flex-direction:column; align-items:center; padding:3.5rem 2rem; padding-top:4.2rem; background-image:url('../img/common/heritage-pattern04.png'); background-position:50% 50%; background-repeat:repeat; border-radius:1.2rem}
.keytask-dmz-headline.green{background-color:#214b4a}
.keytask-dmz-headline.brown{background-color:#543f3c}
.keytask-dmz-headline.navi{background-color:#446079}


.keytask-dmz-headline h4.stit04{color:#fff; text-align:center}
.keytask-dmz-headline .btn.clear{width:fit-content; margin-top:2rem; padding:0 2rem; color:#fff; background-color:transparent; border:1px solid rgba(255,255,255,.2)}
.keytask-dmz-headline .stit03 + .info-txt,
.keytask-dmz-headline .stit04 + .info-txt{margin-top:1.5rem}
.keytask-dmz-headline .info-txt{min-height:44px; color:rgba(255,255,255,.7); text-align:center}

.keytask-dmz-research{display:flex; flex-direction:column; margin-top:1.5rem}
.keytask-dmz-research .research-container{display:flex; flex-direction:column}
.keytask-dmz-research .research-box{display:flex; align-items:center; padding:.4rem 2rem; background-color:transparent; border-bottom:1px dashed var(--krds-color-light-gray-10); box-sizing:border-box}
.keytask-dmz-research .research-box:last-child{border-bottom:none}
.keytask-dmz-research .research-box .research-l{min-width:1px}
.keytask-dmz-research .research-box .research-r{margin-left:auto}
.keytask-dmz-research .research-box .tit{display:block; color:var(--krds-color-light-gray-90); line-height:2.2rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}

.keytask-acrdion{display:flex; flex-direction:column}
.keytask-acrdion .acrdion-box{background:#fff; overflow:hidden}
.keytask-acrdion .acrdion-box .acrdion-tit{display:flex; align-items:center; position:relative; width:100%; margin:0; padding:2.2rem 2rem; padding-right:10rem; border:0; border-bottom:2px solid var(--krds-color-light-gray-95); background:none; outline:none; cursor:pointer; box-sizing:border-box}
.keytask-acrdion .acrdion-box .acrdion-tit:before{content:'\ea13'; margin-right:0.5rem; color:var(--krds-color-light-gray-90); font-family:remixicon; font-size:2rem}
.keytask-acrdion .acrdion-box .acrdion-tit:after{content:'\ea4e'; display:flex; align-items:center; justify-content:center; position:absolute; right:1.5rem; top:1.7rem; width:3.6rem; height:3.6rem; color:#202020; font-family:remixicon; font-size:2.4rem; background-color:transparent; border-radius:50%; box-sizing:border-box}
.keytask-acrdion .acrdion-box .acrdion-tit span{position:relative; line-height:2.2rem; color:var(--krds-color-light-gray-90); font-size:1.8rem; font-weight:normal; text-align:left; letter-spacing:-0.05rem}
.keytask-acrdion .acrdion-box .acrdion-tit.active{background:var(--krds-color-light-gray-90) url('../img/common/heritage-pattern04.png') 50% 50% repeat}
.keytask-acrdion .acrdion-box .acrdion-tit.active:before{content:'\f1af'; color:var(--krds-color-light-gray-0)}
.keytask-acrdion .acrdion-box .acrdion-tit.active:after{top:1.4rem; color:#fff; transform:rotate(-180deg)}
.keytask-acrdion .acrdion-box .acrdion-tit.active span{color:var(--krds-color-light-gray-0); font-weight:300}
.keytask-acrdion .acrdion-box .acrdion-cont{display:none; position:relative; padding:3rem; background-color:#fff; box-sizing:border-box}

.keytask-equipment{padding:3rem 0; border-top:2px solid var(--krds-color-light-gray-95); border-bottom:1px solid var(--krds-color-light-gray-10)}
.keytask-equipment .equipment-container{display:flex; flex-wrap:wrap; flex:1; margin-top:-3rem; margin-left:-6rem}
.keytask-equipment .equipment-box{display:flex; width:50%}
.keytask-equipment .equipment-item{display:flex; gap:3rem; width:100%; margin-top:3rem; margin-left:6rem; background-color:#fff; box-sizing:border-box}

.keytask-equipment .equipment-item .item-img{display:block; position:relative; bottom:0; min-width:16rem; max-width:16rem; height:auto; max-height:12rem; padding:1rem; box-sizing:border-box}
.keytask-equipment .equipment-item .item-img img{display:block; width:100%; height:100%; object-fit:contain}
.keytask-equipment .equipment-item .item-img:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1); border-radius:0.6rem; z-index:2}

.keytask-equipment .equipment-item .item-spec{display:flex; flex-direction:column; padding:1rem 0}
.keytask-equipment .equipment-item .spec-detail{display:flex; flex-direction:column; gap:0.8rem; box-sizing:border-box}
.keytask-equipment .equipment-item .spec-detail li{display:flex; align-items:flex-start; gap:0.8rem; position:relative}
.keytask-equipment .equipment-item .spec-detail li .tit,
.keytask-equipment .equipment-item .spec-detail li .info{display:inline-flex; align-items:center; line-height:2.4rem; font-size:1.6rem; letter-spacing:-0.02rem}
.keytask-equipment .equipment-item .spec-detail li .tit{flex:none; min-width:6.5rem; color:var(--krds-color-light-gray-90); font-weight:normal}
.keytask-equipment .equipment-item .spec-detail li .info{color:var(--krds-color-light-gray-60); font-weight:normal}





.keytask-cont{display:flex; gap:2rem; padding-bottom:5rem; margin-bottom:5rem}
.keytask-cont .keytask-box.col5{flex:5}

.keytask-cont .keytask-box{display:flex; position:relative; padding:2rem; border:1px solid #dadada; box-sizing:border-box}

.keytask-cont .keytask-box .keytask-photo{position:relative; box-sizing:border-box}
.keytask-cont .keytask-box .keytask-photo .image-item{position:relative; background-color:#fff; box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(118 145 148 / 8%); box-sizing:border-box}
.keytask-cont .keytask-box .keytask-photo img{display:block; width:100%; max-width:100%}

.keytask-cont .keytask-box .keytask-info{display:flex; flex-direction:column; flex:1; padding:2rem 4rem; box-sizing:border-box;}


/* **************************************** *
 * 교류협력
 * **************************************** */
.excoop-global-map{display:flex; align-items:center; justify-content:center; padding:2rem; border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem}
.excoop-global-map img{max-width:100%; height:auto}


/* **************************************** *
 * 지방소별 개별 콘텐츠 유형
 * **************************************** */
.region-summary-view .view-head{display:flex; flex-direction:column; margin-bottom:3rem}
.region-summary-view .view-head .head-tit{display:inline-flex; align-items:center}
.region-summary-view .view-head .head-tit .tit{line-height:3.7rem; color:var(--krds-color-light-gray-90); font-family:'FlightSans','PretendardGOV'; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem; word-break:keep-all}

.region-summary-view .view-head .head-meta{position:relative; padding:3rem 0 2.5rem; border-bottom:1px solid var(--krds-color-light-gray-10)}
.region-summary-view .view-head .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.region-summary-view .view-head .meta-list li{display:inline-flex; align-items:center}
.region-summary-view .view-head .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:2.2rem; margin-right:2.2rem; background:var(--krds-color-light-gray-20)}
.region-summary-view .view-head .meta-list li:last-child:after{display:none}
.region-summary-view .view-head .meta-list .tit,
.region-summary-view .view-head .meta-list .info{line-height:1.6rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.region-summary-view .view-head .meta-list .tit{color:var(--krds-color-light-gray-90)}
.region-summary-view .view-head .meta-list .info{display:inline-flex; align-items:center; position:relative; margin-left:1.5rem; color:var(--krds-color-light-gray-50)}


/* **************************************** *
 * 기관 로고
 * **************************************** */
.logo-intro{display:flex; align-items:center; flex-direction:column; gap:3rem; padding:7rem 4rem; background: #eef2f7 url(../img/common/heritage-pattern01.png) 50% 50% repeat; border-radius:1.2rem; box-sizing:border-box}
.logo-intro .intro-logo img{width:44rem; height:auto; max-width:100%}
.logo-intro .intro-info .info{text-align:center}
.logo-intro .intro-info .info li{position:relative; margin-bottom:0.2rem; line-height:2.4rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; text-align:center; word-break:keep-all}
.logo-intro .intro-down .down-btn{display:flex; align-items:center; justify-content:center; gap:0.6rem; margin-top:auto; padding:0 3.5rem; box-sizing:border-box}
.logo-intro .intro-down .down-btn a{display:inline-flex; align-items:center; justify-content:center; flex:none; gap:0.2rem; min-width:18rem; padding:2rem; background-color:var(--krds-color-light-gray-95); border-radius:20rem; box-sizing:border-box}
.logo-intro .intro-down .down-btn a i{color:var(--krds-color-light-gray-0); font-size:2rem}
.logo-intro .intro-down .down-btn a span{line-height:1.6rem; color:var(--krds-color-light-gray-0); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.logo-signature .signature-container{display:flex; gap:1rem; flex-wrap:wrap}
.logo-signature .signature-item{display:flex; align-items:center; justify-content:center; flex:1 calc(33.333333% - 1rem); padding:4rem 3rem; border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem; box-sizing:border-box}

.logo-color{border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem}
.logo-color .color-container{display:flex; flex-wrap:wrap; gap:1rem}
.logo-color .color-item{display:flex; flex-direction:column; flex:0 calc(50% - 1rem); padding:3rem; box-sizing:border-box}
.logo-color .color-item .color-bar{height:2rem; border-radius:20rem}
.logo-color .color-item .color-bar.gok-b{background-color:#003764}
.logo-color .color-item .color-bar.gok-r{background-color:#e4032e}
.logo-color .color-item .color-bar.gok-g{background-color:#575757}
.logo-color .color-item .color-bar.gok-w{background-color:#fff; border:1px solid var(--krds-color-light-gray-10)}
.logo-color .color-item .color-info{margin-top:2rem; padding-left:1rem}
.logo-color .color-item .color-info .color-tit{line-height:1.4em; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.logo-color .color-item .color-info .color-chip{display:flex; flex-direction:column; gap:0.6rem; margin-top:1.4rem}
.logo-color .color-item .color-info .color-chip .chip-box{display:inline-flex; align-items:center; flex-wrap:wrap}
.logo-color .color-item .color-info .color-chip .chip-box .chip-tit,
.logo-color .color-item .color-info .color-chip .chip-box .chip-num{line-height:1.4em; font-size:1.4rem; letter-spacing:0.05rem}
.logo-color .color-item .color-info .color-chip .chip-box .chip-tit{min-width:10rem; color:var(--krds-color-light-gray-90); font-weight:300}
.logo-color .color-item .color-info .color-chip .chip-box .chip-num{color:var(--krds-color-light-gray-60); font-weight:normal}

.logo-region{display:flex; flex-direction:column}
.logo-region .region-container{display:flex; flex-wrap:wrap; gap:2rem}
.logo-region .region-item{flex:0 calc(50% - 1rem); display:flex; align-items:center; min-height:7.2rem; padding:2rem 2.5rem; background-color:#fff; border-radius:1.2rem; border:1px solid var(--krds-color-light-gray-10); box-sizing:border-box}
.logo-region .region-item .item-tit{min-width:1px}
.logo-region .region-item .item-tit .tit{display:block; color:var(--krds-color-light-gray-90); line-height:2.2rem; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.logo-region .region-item .item-down{margin-left:auto}


/* **************************************** *
 * 개인정보처리방침
 * **************************************** */
.privacy-label .label-container{display:flex; gap:1rem; flex-wrap:wrap; padding:2.5rem; border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem; box-sizing:border-box}
.privacy-label .label-item{display:flex; align-items:center; flex-direction:column; flex:1 calc(25% - 1rem); gap:1rem; padding:1rem; box-sizing:border-box}
.privacy-label .label-item .item-info{display:flex; flex-direction:column}
.privacy-label .label-item .item-info span{line-height:1.4em; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.privacy-label-sec{display:flex; flex-wrap:wrap; gap:0.2rem}
.privacy-label-sec img{width:4.4rem}

.privacy-contents .contents-container{display:flex; gap:2.5rem; flex-wrap:wrap; padding:3rem; border:1px solid var(--krds-color-light-gray-10); border-radius:1.2rem; box-sizing:border-box}
.privacy-contents .contents-item{display:flex; align-items:center; flex:1 calc(50% - 2.5rem); box-sizing:border-box}
.privacy-contents .contents-item a{line-height:1.4em; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.privacy-contents .contents-item a:hover{text-decoration:underline; text-underline-offset:0.4rem}


/* **************************************** *
 * 관련사이트
 * **************************************** */
.external-link{display:flex; flex-wrap:wrap; gap:1rem}
.external-link .link-item{display:flex; flex:0 1 calc(25% - 1rem)}
.external-link .link-item a{flex:1; display:flex; align-items:center; min-height:7.2rem; padding:2rem 2.5rem; background-color:var(--krds-color-light-secondary-5); box-sizing:border-box}
.external-link .link-item a span{color:var(--krds-color-light-gray-90); line-height:1.4em; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem;}
.external-link .link-item a:after{content:'\ea6e'; display:none; position:relative; right:-1rem; margin-left:auto; font-family:remixicon; color:var(--krds-color-light-gray-90); font-size:2.5rem}
.external-link .link-item a:hover span{text-decoration:underline; text-underline-offset:0.4rem}
.external-link .link-item a:hover:after{display:block}