@charset "utf-8";
/* doc.css — 서브 페이지 본문 */

/* 인사말 */
.page-about-greetings{width:100%;}
.page-about-greetings .greet-visual{margin:0 0 var(--space-70); border-radius:var(--radius-16); overflow:hidden; aspect-ratio:1400 / 480;}
.page-about-greetings .greet-visual img{display:block; width:100%; height:100%; object-fit:cover; object-position:bottom;}
.page-about-greetings .greet-body{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-40); align-items:start;}
.page-about-greetings .greet-slogan{margin:0; font-size:var(--font-size-40); font-weight:600; line-height:1.35em; letter-spacing:-.02em; color:rgba(255,255,255,.7);}
.page-about-greetings .greet-slogan em{font-style:normal; color:#fff;}
.page-about-greetings .greet-copy{display:flex; flex-direction:column; gap:var(--space-24);}
.page-about-greetings .greet-copy p{margin:0; font-size:var(--font-size-22); font-weight:500; line-height:1.64em; letter-spacing:-.02em; color:rgba(255,255,255,.8); word-break:keep-all;}
.page-about-greetings .greet-sign{font-weight:600; color:rgba(255,255,255,.9);}

/* 금고 연혁 */
.page-about-history{width:100%;}
.history-layout{display:flex; align-items:flex-start; gap:90px;}
.history-list{position:relative; flex:1 1 auto; min-width:0;}
.history-list > ol{position:relative; margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:var(--space-80);}
.history-list > ol::before{content:""; position:absolute; left:13px; top:28px; bottom:28px; width:1px; background:rgba(255,255,255,.16);}
.history-list > ol > li{display:flex; align-items:flex-start; gap:0;}
.history-list .year-col{display:flex; align-items:center; gap:50px; width:240px; flex-shrink:0;}
.history-list .year-col .icon{position:relative; z-index:1;}
.history-list .year{display:block; margin:0; font-size:var(--font-size-36); font-weight:500; line-height:1.39em; letter-spacing:-.02em; color:rgba(255,255,255,.4); transition:color .3s ease, font-size .3s ease;}
.history-list > ol > li.is-active .year{font-size:var(--font-size-40); line-height:1.35em; color:#fff;}
.history-list .items{flex:1 1 auto; min-width:0; margin:0; padding:7px 0 0; list-style:none; display:flex; flex-direction:column; gap:var(--space-24);}
.history-list .items > li{display:flex; align-items:flex-start; gap:0;}
.history-list .date{display:inline-flex; align-items:flex-start; gap:10px; width:120px; flex-shrink:0; font-size:var(--font-size-22); font-weight:500; line-height:1.64em; color:rgba(255,255,255,.64); transition:color .3s ease;}
.history-list .date::before{content:""; display:block; width:6px; height:6px; margin-top:15px; border-radius:50%; background:rgba(255,255,255,.35); flex-shrink:0; transition:background .3s ease;}
.history-list > ol > li.is-active .date{color:#fff;}
.history-list > ol > li.is-active .date::before{background:var(--color-gold);}
.history-list .items p,.history-list .txt{margin:0; font-size:var(--font-size-22); font-weight:400; line-height:1.64em; color:rgba(255,255,255,.4); word-break:keep-all; transition:color .3s ease;}
.history-list .txt{display:flex; flex-direction:column; gap:var(--space-12);}
.history-list > ol > li.is-active .items p,.history-list > ol > li.is-active .txt{color:rgba(255,255,255,.8);}
.history-aside{max-width:500px; width: 36%; flex-shrink:0; position:sticky; top:calc(var(--header-height) + var(--space-40));}
.history-aside .thumb{border-radius:var(--radius-16); overflow:hidden; aspect-ratio:500 / 480;}
.history-aside .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.icon28{width:28px; height:28px;}

/* 위치 안내 */
.dirs-head{display:flex; align-items:center; justify-content:space-between; gap:var(--space-24); flex-wrap:wrap;}
.dirs-tabs{display:flex; align-items:center; gap:8px; margin:0; padding:0; list-style:none;}
.dirs-tabs > li > a{display:inline-flex; align-items:center; justify-content:center; padding:var(--space-12) 26px; border-radius:80px; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.02em; color:#fff; background:rgba(255,255,255,.16); transition:background .2s ease,color .2s ease;}
.dirs-tabs > li.active > a,.dirs-tabs > li > a:hover{background:#2e7dc4; color:#fff;}
.page-about-directions{width:100%;}
.dirs-panel{display:flex; flex-direction:column; gap:var(--space-50);}
.dirs-visual{border-radius:var(--radius-16); overflow:hidden; aspect-ratio:1400 / 600;}
.dirs-visual img{display:block; width:100%; height:100%; object-fit:cover; object-position:center top;}
.dirs-visual--jang img{object-position:center 48%;}
.dirs-visual--center img{object-position:center bottom;}
.dirs-info{display:flex; flex-direction:column; gap:var(--space-40); padding-top:var(--space-50); border-top:1px solid rgba(255,255,255,.1);}
.dirs-info h3{margin:0; font-size:var(--font-size-32); font-weight:600; line-height:1.44em; letter-spacing:-.02em; color:#fff;}
.dirs-meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px var(--space-60); margin:0; padding:0; list-style:none;}
.dirs-meta > li{display:flex; align-items:center; gap:var(--space-24);}
.dirs-meta .label{display:inline-flex; align-items:center; gap:16px; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.02em; color:rgba(255,255,255,.7); white-space:nowrap;}
.dirs-meta .value{font-size:var(--font-size-20); font-weight:400; line-height:1.7em; letter-spacing:-.02em; color:rgba(255,255,255,.9); word-break:keep-all;}
.dirs-meta a.value{text-decoration:none;}
.dirs-meta a.value:hover{text-decoration:underline;}
.dirs-map{position:relative; border-radius:var(--radius-16); overflow:hidden; height:clamp(250px, calc(560 / var(--inner) * 100vw), 560px);}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width:100% !important; height:100% !important;}


/* 조직도 */
.page-about-organization{width:100%;}
.org-chart{margin:0; width:100%;}
.org-chart img{display:block; width:100%; height:auto;}