@charset "utf-8";

/* 사업안내 */
.biz-intro {display:flex; align-items:center; justify-content:center; padding:30px; border:1px solid rgba(0,84,160,.4); border-radius:12px; background:rgba(0,84,160,.02); text-align:center;}
.biz-intro p {color:#242424; font-size:var(--font-size18); font-weight:400; line-height:1.67em;}
.biz-list {display:flex; flex-direction:column; gap:64px; margin-top:80px;}
.biz-item {display:flex; align-items:center; gap:80px;}
.biz-item.reverse {flex-direction:row-reverse;}
.biz-item .thumb {flex:0 0 44.44%; max-width:640px; border-radius:40px; overflow:hidden;}
.biz-item .thumb img {display:block; width:100%; aspect-ratio:640 / 400; object-fit:cover;}
.biz-item .txt {flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:24px;}
.biz-item .num {display:inline-flex; align-items:center; justify-content:center; min-width:56px; height:28px; padding:0 16px; border-radius:100px; background:var(--color-primary); color:#fff; font-size:var(--font-size18); font-weight:700; line-height:1.75em;}
.biz-item .tit {display:block; color:#242424; font-size:var(--font-size32); font-weight:600; line-height:1.25em;}
.biz-item .desc {color:#454545; font-size:var(--font-size18); font-weight:400; line-height:1.67em;}

/* 회사연혁 */
.his-wrap {position:relative; display:flex; align-items:flex-start;}
.his-tit {position:relative; z-index:1; flex:0 0 50%; max-width:720px; padding-right:40px;}
.his-tit .en {display:block; margin-bottom:24px; color:#bebebe; font-size:var(--font-size18); font-weight:600; line-height:1.5em; letter-spacing:-.02em;}
.his-tit .slogan {color:#242424; font-size:var(--font-size32); font-weight:600; line-height:1.5em; letter-spacing:-.02em;}
.his-tit .slogan strong {font-weight:700; color:var(--color-primary);}
.his-symbol {position:absolute; left:0; top:0; width:647px; pointer-events:none; z-index:0; max-width:90%; }
.his-symbol img {display:block; width:100%;}
.his-list {flex:0 0 50%; max-width:720px; border-top:1px solid #242424; position:relative; z-index:1;}
.his-item {display:flex; align-items:center; gap:28px; padding:56px 40px; border-bottom:1px solid #ddd;}
.his-item .dot {flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--color-primary);}
.his-item .date {flex:0 0 179px; color:#242424; font-size:var(--font-size24); font-weight:500; line-height:1.17em; letter-spacing:-.03em;}
.his-item .txt {flex:1 1 auto; min-width:0; color:#454545; font-size:var(--font-size20); font-weight:400; line-height:1.3em; letter-spacing:-.02em;}

/* 가치체계 */
.val-top {display:flex; justify-content:space-between; gap:48px;}
.val-card {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; padding:48px; border-radius:24px; overflow:hidden;}
.val-card.mission {background:#f5f8fc;}
.val-card.vision {background:#133e66;}
.val-card .head {display:flex; align-items:center; gap:24px;}
.val-card .icon {display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; overflow:hidden;}
.val-card.mission .icon {background:#fff;}
.val-card.vision .icon {background:rgba(255,255,255,.2);}
.val-card .icon img {display:block; width:28px;}
.val-card.vision .icon img {width:32px;}
.val-card .lab {display:flex; align-items:center; gap:16px;}
.val-card .lab strong {font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.val-card .lab span {font-size:var(--font-size18); font-weight:700; line-height:1.5em; letter-spacing:-.02em; color:#8fa3b8;}
.val-card.mission .lab strong {color:#242424;}
.val-card.vision .lab strong {color:#fff;}
.val-card .desc {font-size:var(--font-size24); font-weight:600; line-height:1.67em; letter-spacing:-.02em;}
.val-card.mission .desc {color:#133e66;}
.val-card.vision .desc {color:#fff;}
.val-core {margin-top:80px;}
.val-core-tit {display:flex; align-items:center; gap:12px; padding-bottom:24px; border-bottom:1px solid #242424;}
.val-core-tit .dot {width:8px; height:8px; border-radius:50%; background:var(--color-primary);}
.val-core-tit strong {color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.val-core-tit .en {color:#8fa3b8; font-size:var(--font-size18); font-weight:700; line-height:1.5em; letter-spacing:-.02em;}
.val-core-list {display:flex; align-items:stretch;}
.val-core-list .item {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; padding:28px; border-right:1px dashed #ddd;}
.val-core-list .item:last-child {border-right:0;}
.val-core-list .top {display:flex; align-items:center; justify-content:space-between;}
.val-core-list .icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#f5fbfe;}
.val-core-list .icon img {display:block; width:32px;}
.val-core-list .no {color:#f8f8f8; font-size:var(--font-size56); font-weight:900; line-height:1.14em; letter-spacing:-.02em;}
.val-core-list .tit {display:block; color:#242424; font-size:var(--font-size22); font-weight:600; line-height:1.36em; letter-spacing:-.02em;}
.val-core-list .desc {color:#454545; font-size:var(--font-size18); font-weight:400; line-height:1.625em;}

/* CEO 인사말 */
.ceo-wrap {display:flex; align-items:center; gap:80px;}
.ceo-photo {flex:0 0 48.6%; max-width:700px; border-radius:40px; overflow:hidden;}
.ceo-txt {flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:40px;}
.ceo-lead {font-size:var(--font-size32); font-weight:700; line-height:1.375em; background:linear-gradient(90deg, #0054A0 0%, #002A50 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.ceo-slogan {color:#242424; font-size:var(--font-size24); font-weight:600; line-height:1.5em;}
.ceo-body {display:flex; flex-direction:column; gap:24px;}
.ceo-body p {color:#454545; font-size:var(--font-size18); font-weight:400; line-height:1.56em;}
.ceo-sign {display:flex; align-items:center; gap:12px;}
.ceo-sign .role {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.75em;}
.ceo-sign .name {display:inline-block; line-height:1;}

/* 조직도 */
.org-wrap {text-align:center; overflow:visible;}
.org-chart {--org-ceo-w:300px; --org-side-w:200px; --org-gap:80px; --org-row-gap:64px; --org-box-h:66px; --org-team-gap:80px; --org-line:#ddd; position:relative; display:grid; grid-template-columns:1fr var(--org-ceo-w) 1fr; grid-template-rows:var(--org-box-h) var(--org-row-gap) var(--org-box-h) var(--org-row-gap) var(--org-box-h) var(--org-row-gap) auto; max-width:1180px; margin:0 auto; z-index:0;}
.org-chart * {box-sizing:border-box;}
.org-box {position:relative; z-index:1; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:var(--font-size18); font-weight:700; line-height:26px; text-align:center;}
.org-ceo {grid-column:2; grid-row:1; width:100%; height:var(--org-box-h); padding:0 24px; background:#133e66; color:#fff;}
.org-board {grid-column:1; grid-row:1; justify-self:end; width:var(--org-side-w); margin-right:var(--org-gap);}
.org-audit {grid-column:3; grid-row:3; justify-self:start; width:var(--org-side-w); margin-left:var(--org-gap);}
.org-outline {height:var(--org-box-h); padding:0 24px; border:1px solid #133e66; background:#fff; color:#133e66;}
.org-dept {grid-column:2; grid-row:5; width:100%; height:var(--org-box-h); padding:0 24px; background:var(--color-primary); color:#fff;}
.org-team {width:100%; height:60px; padding:0 24px; background:var(--color-secondary); color:#fff;}
.org-desc {display:flex; align-items:center; justify-content:center; width:100%; min-height:100px; margin:16px 0 0; padding:20px 24px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#454545; font-size:16px; font-weight:400; line-height:26px; text-align:center;}
.org-board::after {content:""; position:absolute; left:100%; top:50%; width:var(--org-gap); height:1px; background:var(--org-line);}
.org-audit::before {content:""; position:absolute; right:100%; top:50%; width:calc(var(--org-ceo-w) / 2 + var(--org-gap)); height:1px; background:var(--org-line);}
.org-chart::before {content:""; position:absolute; left:50%; top:var(--org-box-h); width:1px; height:calc(var(--org-row-gap) * 3 + var(--org-box-h) * 2); background:var(--org-line); z-index:0; transform:translateX(-50%);}
.org-teams {grid-column:1 / -1; grid-row:7; position:relative; display:flex; justify-content:center; gap:var(--org-team-gap); padding-top:40px;}
.org-team-col {position:relative; flex:1 1 0; min-width:0; max-width:340px;}
.org-teams::before {content:""; position:absolute; left:calc((100% - 2 * var(--org-team-gap)) / 6); right:calc((100% - 2 * var(--org-team-gap)) / 6); top:0; height:1px; background:var(--org-line);}
.org-team-col::before {content:""; position:absolute; left:50%; top:-40px; width:1px; height:40px; background:var(--org-line); transform:translateX(-50%);}

/* 찾아오시는 길 */
.loc-wrap {display:flex; align-items:stretch; border-radius:24px; overflow:hidden;}
.loc-map {flex:0 0 52.78%; max-width:760px; overflow:hidden;}
.loc-info {position:relative; flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:40px; justify-content:center; padding:48px 56px; background:#f5f8fc; overflow:hidden;}
.loc-symbol {position:absolute; right:0; width:409px; max-width:70%; pointer-events:none; z-index:0; top: 50%; transform: translateY(-50%);}
.loc-symbol img {display:block; width:100%;}
.loc-head {position:relative; z-index:1; display:flex; align-items:center; gap:16px;}
.loc-head .dot {width:8px; height:8px; border-radius:50%; background:var(--color-primary);}
.loc-head strong {color:#242424; font-size:var(--font-size28); font-weight:700; line-height:1.29em;}
.loc-dl {position:relative; z-index:1; width:100%;}
.loc-dl > div {display:flex; align-items:center; gap:40px; padding:21px 0; border-bottom:1px dashed rgba(0,84,160,.2);}
.loc-dl dt {flex:0 0 100px; color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em;}
.loc-dl dd {flex:1 1 auto; min-width:0; color:#454545; font-weight:400; line-height:1.75em;}
.loc-dl dd .sub {margin-top:6px; font-size:var(--font-size18); line-height:1.75em;}
.loc-dl dd p + p {margin-top:6px;}
.loc-btns {position:relative; z-index:1; display:flex; gap:16px;}
.loc-btns a {display:inline-flex; align-items:center; justify-content:center; min-width:180px; height:52px; padding:0 20px; border-radius:8px; color:#fff; font-size:var(--font-size18); font-weight:600; line-height:1.5em; letter-spacing:-.02em; text-decoration:none;}
.loc-btns .btn-naver {background:var(--color-primary); border:1px solid var(--color-primary);}
.loc-btns .btn-kakao {background:var(--color-secondary);}

/* 보유자산현황 */
.asset-wrap {display:flex; flex-direction:column; gap:80px;}
.asset-search {padding:40px; border-radius:16px; background:rgba(0,163,228,.04);}
.asset-search-head {display:flex; align-items:center; justify-content:space-between; padding-bottom:24px; margin-bottom:32px; border-bottom:1px solid #242424;}
.asset-search-head .tit,
.asset-filter-head .tit,
.asset-list-head .tit,
.asset-sec .sec-tit {display:flex; align-items:center; gap:12px;}
.asset-search-head .dot,
.asset-filter-head .dot,
.asset-list-head .dot,
.asset-sec .dot {width:8px; height:8px; border-radius:50%; background:var(--color-primary);}
.asset-search-head strong,
.asset-filter-head strong,
.asset-list-head strong,
.asset-sec .sec-tit strong {color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.asset-search-head .btn-reset {display:inline-flex; align-items:center; gap:8px; border:0; background:none; color:#242424; font-weight:600; line-height:1.7em; letter-spacing:-.02em; cursor:pointer;}
.asset-search-head .btn-reset img {width:20px;}
.asset-search-body {display:flex; flex-direction:column; gap:32px;}
.asset-search-body .row {display:flex; justify-content:space-between; gap:24px;}
.asset-search-body .field {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:16px;}
.asset-search-body .field > label {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.asset-search-body .input {width:100%; height:54px; padding:16px; border:1px solid #ddd; border-radius:8px; background-color:#fff; color:#454545; font-weight:400; line-height:1em; box-sizing:border-box;}
.asset-search-body select.input {padding-right:40px; background-image:url("../images/sub/sub3-select.png"); background-position:right 16px center; background-repeat:no-repeat; background-size:10px auto; -webkit-appearance:none; appearance:none;}
.asset-search-body .input::placeholder {color:#bebebe;}
.asset-search-body .range {display:flex; align-items:center; gap:16px;}
.asset-search-body .range-field {position:relative; flex:1 1 0; min-width:0;}
.asset-search-body .range-field .input {width:100%; padding-right:40px; text-align:left;}
.asset-search-body .range-field em {position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#454545; font-style:normal; font-weight:400; line-height:1em; pointer-events:none;}
.asset-search-body .range .tilde {flex:0 0 auto; color:#454545; line-height:1em;}

.asset-filter {border:1px solid #ddd; border-radius:16px; background:#fff; overflow:hidden;}
.asset-filter-head {display:flex; align-items:center; justify-content:space-between; padding:40px; list-style:none; cursor:pointer;}
.asset-filter-head::-webkit-details-marker {display:none;}
.asset-filter-head .tit em {margin-left:4px; color:#868686; font-style:normal; font-weight:400; line-height:1.5em; letter-spacing:-.02em;}
.asset-filter-head .chevron {position:relative; width:28px; height:28px; transition:transform .25s;}
.asset-filter-head .chevron::before {content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-7px 0 0 -5px; border-right:2px solid #242424; border-bottom:2px solid #242424; transform:rotate(45deg);}
.asset-filter[open] .asset-filter-head {padding-bottom:24px; border-bottom:1px solid #242424; margin:0 40px; padding-left:0; padding-right:0; padding-top:40px;}
.asset-filter[open] .asset-filter-head .chevron {transform:rotate(180deg);}
.asset-filter-body {padding:32px 40px 40px;}
.asset-filter .type-row {display:flex; justify-content:space-between; gap:24px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.asset-filter .type-col {flex:0 0 437px; max-width:calc((100% - 48px) / 3); width:100%;}
.asset-filter .type-tit {margin-bottom:16px; color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.asset-filter .chip-list {display:flex; flex-wrap:wrap; gap:12px;}
.asset-chip {display:inline-flex; cursor:pointer;}
.asset-chip input {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden;}
.asset-chip span {display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:800px; background:#f7f8fa; color:#868686; font-weight:600; line-height:1em; transition:background .2s, color .2s;}
.asset-chip:hover span {color:var(--color-secondary);}
.asset-chip input:checked + span {background:var(--color-primary); color:#fff;}
.asset-chip input:checked:hover + span {color:#fff;}
.asset-filter .etc-box {margin-top:32px;}
.asset-filter .etc-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.asset-filter .etc-head .type-tit {margin-bottom:0;}
.asset-filter .etc-count {color:#868686; font-weight:500; line-height:1.5em; letter-spacing:-.02em;}
.asset-filter .etc-count strong {color:var(--color-secondary); font-weight:700;}
.asset-filter .etc-list {display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:18px 12px; max-height:290px; overflow:auto; padding:18px; border:1px solid #ddd; border-radius:8px; background:#fcfcfd;}
.asset-check {display:flex; align-items:center; gap:10px; cursor:pointer;}
.asset-check input {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden;}
.asset-check span {position:relative; display:inline-flex; align-items:center; gap:10px; color:#454545; font-weight:400; line-height:1em;}
.asset-check span::before {content:""; flex:0 0 auto; width:18px; height:18px; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box;}
.asset-check:hover span {color:var(--color-primary);}
.asset-check input:checked + span::before {border-color:var(--color-primary); background:var(--color-primary) url("../images/bbs/checkbox.svg") center no-repeat; background-size:10px auto;}

.asset-list-head {display:flex; align-items:center; justify-content:space-between;}
.asset-list-head .count {color:#868686; font-weight:500; line-height:1.5em; letter-spacing:-.02em; }
.asset-list-head .count strong {color:var(--color-secondary); font-weight:700; }
.asset-result {display:flex; flex-direction:column; gap:30px;}
.asset-result .paginate {margin-top:34px;}
.asset-list {display:flex; flex-direction:column; gap:30px; margin:0; padding:0; list-style:none;}
.asset-item-link {display:flex; align-items:center; gap:40px; padding-right:40px; border:1px solid #ddd; border-radius:16px; background:#fff; text-decoration:none; transition:border-color .25s, box-shadow .25s;}
.asset-item-link:hover {border-color:var(--color-primary); box-shadow:0 8px 24px rgba(0,84,160,.08);}
.asset-item .thumb {flex:0 0 400px; max-width:400px; border-radius:16px 0 0 16px; overflow:hidden;}
.asset-item .thumb img {display:block; width:100%; aspect-ratio:400 / 260; object-fit:cover;}
.asset-item .info {flex:1 1 auto; min-width:0; display:flex; flex-direction:column; padding:38px 0;}
.asset-item .cate {display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border:1px solid rgba(0,84,160,.4); border-radius:8px; color:var(--color-primary); font-size:15px; font-weight:600; line-height:1em; align-self:flex-start;}
.asset-item .cate2 {border-color:rgba(0,163,228,.4); color:var(--color-secondary);}
.asset-item .cate3 {border-color:rgba(210,173,55,.4); color:#d2ad37;}
.asset-item .cate4 {border-color:rgba(134,134,134,.4); color:#868686;}
.asset-item .subject {display:block; margin-top:14px; color:#242424; font-size:var(--font-size24); font-weight:600; line-height:1.33em; letter-spacing:-.02em;}
.asset-item .meta {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; padding:0; list-style:none;}
.asset-item .meta li {display:inline-flex; align-items:center; gap:10px; color:#686868; font-size:14px; font-weight:400; line-height:1.71em;}
.asset-item .meta li span {color:#454545; font-weight:500;}
.asset-item .meta li + li::before {content:""; width:4px; height:4px; margin-right:0; border-radius:50%; background:#ddd;}
.asset-item .price {display:flex; align-items:flex-end; gap:12px; margin-top:32px;}
.asset-item .price span {color:#868686; font-size:14px; font-weight:500; line-height:1.71em;}
.asset-item .price strong {color:#242424; font-size:var(--font-size28); font-weight:700; line-height:1.29em; letter-spacing:-.02em;}
.asset-item .btn-more {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:108px; height:48px; padding:0 20px; border:1px solid var(--color-primary); border-radius:8px; color:var(--color-primary); font-weight:600; line-height:1.5em; letter-spacing:-.02em; transition:background .25s, color .25s;}
.asset-item-link:hover .btn-more {background:var(--color-primary); color:#fff;}

/* 보유자산 상세 */
.asset-view {display:flex; flex-direction:column; gap:80px;}
.asset-view-top {display:flex; flex-direction:column; }
.asset-view-tit {padding-bottom:32px; border-bottom:1px solid #242424;}
.asset-view-tit .case {display:flex; align-items:center; gap:12px; margin-bottom:18px;}
.asset-view-tit .badge {display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border-radius:8px; background:var(--color-primary); color:#fff; font-size:15px; font-weight:700; line-height:1em;}
.asset-view-tit .case p {display:flex; align-items:center; gap:8px; color:var(--color-secondary); font-size:var(--font-size20); font-weight:600; line-height:1.5em; letter-spacing:-.02em;}
.asset-view-tit .case .bar {width:4px; height:4px; border-radius:50%; background:var(--color-secondary);}
.asset-view-tit h3 {color:#242424; font-size:var(--font-size36); font-weight:600; line-height:1.22em;}
.asset-summary {display:flex; align-items:stretch; margin:0; padding:32px 0; border-bottom:1px solid #ddd; list-style:none; }
.asset-summary li {flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; border-right:1px dashed #ddd;}
.asset-summary li:last-child {border-right:0;}
.asset-summary span {color:#686868; font-size:var(--font-size18); font-weight:500; line-height:1.44em;}
.asset-summary strong {color:#242424; font-size:var(--font-size24); font-weight:600; line-height:1.33em;}
.asset-view-photo {border-radius:24px; overflow:hidden; margin-top: 64px; }
.asset-view-photo img {display:block; width:100%; aspect-ratio:1440 / 935; object-fit:cover;}
.asset-sec .sec-tit {padding-bottom:24px; margin-bottom:0; border-bottom:1px solid #242424;}
.asset-sec .sec-tit.mg { margin-bottom: 32px; }
.asset-table {width:100%; border-collapse:collapse; table-layout:fixed;}
.asset-table th,
.asset-table td {height:56px; padding:0 24px; border:1px solid #ddd; font-weight:400; line-height:1em; vertical-align:middle;}
.asset-table th {background:#f5f8fc; color:#242424; font-weight:600; text-align:center; letter-spacing:-.02em;}
.asset-table td {background:#fff; color:#454545;}
.asset-table td.addr {color:#242424; font-weight:600;}
.asset-table td.price {color:#242424; font-size:var(--font-size18); font-weight:600;}
.asset-table .btn-copy {position:relative; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-left:10px; padding:0; border:0; background:none; vertical-align:middle; cursor:pointer;}
.asset-table .btn-copy img {display:block; width:100%;}
.asset-table .btn-copy .copy-tip {position:absolute; left:50%; bottom:calc(100% + 8px); z-index:5; display:block; padding:6px 10px; border-radius:6px; background:#242424; color:#fff; font-size:12px; font-weight:500; line-height:1.2em; white-space:nowrap; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(-50%) translateY(4px); transition:opacity .2s, visibility .2s, transform .2s;}
.asset-table .btn-copy .copy-tip::after {content:""; position:absolute; left:50%; top:100%; width:0; height:0; margin-left:-5px; border:5px solid transparent; border-top-color:#242424;}
.asset-table .btn-copy.is-copied .copy-tip {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.asset-table-list th,
.asset-table-list td {text-align:center;}
.asset-table-list td:first-child {color:#242424; font-weight:600;}
.asset-map {position:relative; border-radius:24px; overflow:hidden;}
.asset-map .map-area .root_daum_roughmap {display:block; width:100%; }
.asset-map .map-card {position:absolute; left:40px; top:40px; z-index:2; width:370px; padding:28px 28px 24px; border-radius:16px; background:rgba(255,255,255,.9); backdrop-filter:blur(6px); box-shadow:0 6px 24px rgba(0,0,0,.16);}
.asset-map .map-addr {display:flex; align-items:center; gap:4px; margin-bottom:24px; color:var(--color-primary); font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.asset-map .ico-pin {display:inline-block; width:24px; height:24px; flex:0 0 auto; background: url(../images/sub/add.png) center no-repeat; background-size: contain; }
.asset-map .map-card dl {margin:0;}
.asset-map .map-card dl > div {display:flex; gap:24px;}
.asset-map .map-card dt {flex:0 0 72px; color:#bebebe; font-weight:700; line-height:2.25em; letter-spacing:-.02em;}
.asset-map .map-card dd {flex:1 1 auto; min-width:0; color:#454545; font-weight:400; line-height:2.25em; letter-spacing:-.02em;}
.asset-map .map-btns {position:absolute; right:40px; bottom:40px; z-index:2; display:flex; gap:12px;}
.asset-map .map-btns a {display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:17px 20px; border-radius:12px; font-size:var(--font-size18); font-weight:700; line-height:1.44em; text-decoration:none; box-shadow:0 6px 12px rgba(0,0,0,.16); padding-right: 50px; position: relative; }
.asset-map .map-btns a::after { content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.asset-map .btn-naver {background:#00d44d; color:#fff;}
.asset-map .btn-naver::after { background-image: url(../images/sub/naver-arrow.png); }
.asset-map .btn-kakao {background:#ffda00; color:#381e1f;}
.asset-map .btn-kakao::after { background-image: url(../images/sub/kakao-arrow.png); }
.asset-note {padding:24px; border-radius:8px; background:#f5f8fc;}
.asset-note .note-head {display:flex; align-items:center; gap:8px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #ddd;}
.asset-note .note-head strong {color:#454545; font-weight:600; line-height:1.5em;}
.asset-note .note-head .bar {width:4px; height:4px; border-radius:50%; background:#ddd;}
.asset-note .note-head .date {color:#686868; font-weight:400; line-height:1.5em;}
.asset-note .note-body {display:flex; flex-direction:column; gap:18px;}
.asset-note .note-body p {color:#454545; font-weight:400; line-height:1.75em;}
.asset-view-btns {text-align:center;}
.asset-view-btns .btn-list {display:inline-flex; align-items:center; justify-content:center; min-width:180px; height:64px; border:1px solid #ddd; border-radius:12px; background:#fff; color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.44em; text-decoration:none;}
.asset-view-btns .btn-list:hover {border-color:var(--color-primary); color:var(--color-primary);}

/* 인재상 */
.talent-list {display:flex; align-items:stretch; margin:0; padding:0; list-style:none; }
.talent-item {position:relative; z-index:0; flex:1 1 0; min-width:0; display:flex; flex-direction:column; border:1px solid #ddd; background:#fff; overflow:hidden; transition:border-color .35s ease, box-shadow .35s ease; border-right: none; }
.talent-item:last-child { border-right: 1px solid #ddd;}
.talent-item::before {content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, #0054A0 0%, #00A3E4 100%); opacity:0; transition:opacity .35s ease;}
.talent-item .num {display:block; padding:40px 40px 0; color:var(--color-primary); font-size:var(--font-size24); font-weight:700; line-height:1.33em; transition:color .35s ease, opacity .35s ease;}
.talent-item .icon {position:relative; display:block; width:80px; height:80px; margin:24px 40px 0; border-radius:16px; overflow:hidden; background:#f5fbfe; transition:background .35s ease;}
.talent-item .icon img {position:absolute; left:0; top:0; display:block; width:100%; transition:opacity .35s ease;}
.talent-item .icon .ico-on {opacity:0;}
.talent-item .txt {display:flex; flex-direction:column; padding:40px; padding-top:24px;}
.talent-item .tit {display:block; margin-bottom:8px; color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; transition:color .35s ease;}
.talent-item .en {display:block; margin-bottom:18px; color:#bebebe; font-weight:600; line-height:1.5em; transition:color .35s ease;}
.talent-item .desc {color:#454545; font-weight:400; line-height:1.625em; transition:color .35s ease;}
.talent-item:hover {border-color:transparent; box-shadow:0 12px 32px rgba(0,84,160,.18);}
.talent-item:hover::before {opacity:1;}
.talent-item:hover .num {color:#fff; opacity:.4;}
.talent-item:hover .icon {background:#f8f8f8;}
.talent-item:hover .icon .ico-off {opacity:0;}
.talent-item:hover .icon .ico-on {opacity:1;}
.talent-item:hover .tit,
.talent-item:hover .en,
.talent-item:hover .desc {color:#fff;}

/* 채용공고 */
.recruit-wrap {display:flex; flex-direction:column; gap:64px;}
.recruit-search {display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:30px; border-bottom:1px solid #242424;}
.recruit-search-left {display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.recruit-search-left .filters {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.recruit-search-left .input {height:48px; min-width:130px; padding:8px 36px 8px 16px; border:1px solid #ddd; border-radius:12px; background:#fff url("../images/sub/sub3-select.png") right 16px center no-repeat; background-size:10px auto; color:#242424; font-size:15px; font-weight:400; line-height:1.8em; -webkit-appearance:none; appearance:none;}
.recruit-search-left .btn-reset {display:inline-flex; align-items:center; gap:8px; border:0; background:none; color:#242424; font-weight:600; line-height:1.7em; letter-spacing:-.02em; cursor:pointer;}
.recruit-search-left .btn-reset img {width:20px;}
.recruit-search-right {display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.recruit-search-right .input {width:260px; height:48px; padding:9px 16px; border:1px solid #ddd; border-radius:8px; color:#242424; font-size:14px; font-weight:400; line-height:1em;}
.recruit-search-right .input::placeholder {color:#bebebe;}
.recruit-search-right .btn-search {display:inline-flex; align-items:center; justify-content:center; width:80px; height:48px; border:0; border-radius:8px; background:#454545; color:#fff; font-size:14px; font-weight:400; line-height:1em; cursor:pointer;}
.recruit-search-right .btn-history {display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 20px; border-radius:8px; background:var(--color-secondary); color:#fff; font-weight:600; line-height:1.5em; text-decoration:none;}
.recruit-list {display:flex; flex-direction:column; gap:30px; margin:0; padding:0; list-style:none;}
.recruit-item-link {display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 40px; border:1px solid #ddd; border-radius:16px; background:#fff; text-decoration:none; transition:border-color .25s, box-shadow .25s;}
.recruit-item-link:hover {border-color:var(--color-primary); box-shadow:0 8px 24px rgba(0,84,160,.08);}
.recruit-item .info {flex:1 1 auto; min-width:0; padding:30px 0;}
.recruit-item .badges {display:flex; align-items:center; gap:10px;}
.recruit-item .badge {display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border-radius:8px; font-size:15px; font-weight:600; line-height:1em;}
.recruit-item .badge.type {border:1px solid rgba(0,84,160,.4); color:var(--color-primary);}
.recruit-item .badge.dday {min-width:54px; background:var(--color-primary); color:#fff; font-weight:700;}
.recruit-item .subject {display:block; margin-top:14px; color:#242424; font-size:var(--font-size24); font-weight:600; line-height:1.33em; letter-spacing:-.02em;}
.recruit-item .meta {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 0; padding:0; list-style:none;}
.recruit-item .meta li {display:inline-flex; align-items:center; gap:10px; color:#454545; font-size:14px; font-weight:500; line-height:1.71em;}
.recruit-item .meta li span {color:#454545; font-weight:500;}
.recruit-item .meta li span ~ * {color:#686868; font-weight:400;}
.recruit-item .meta li:has(span) {color:#686868; font-weight:400;}
.recruit-item .meta li + li::before {content:""; width:4px; height:4px; border-radius:50%; background:#ddd;}
.recruit-item .status {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; padding:7px; border-radius:800px;}
.recruit-item .status em {display:flex; flex-direction:column; align-items:center; justify-content:center; width:76px; height:76px; border-radius:80px; font-style:normal; font-weight:700; line-height:1.25em; text-align:center;}
.recruit-item .status-ing {border:3px solid rgba(0,84,160,.3);}
.recruit-item .status-ing em {background:var(--color-primary); color:#fff;}
.recruit-item .status-soon {border:2px dashed var(--color-secondary);}
.recruit-item .status-soon em {background:var(--color-secondary); color:#fff;}
.recruit-item .status-end {border:0; padding:7px;}
.recruit-item .status-end em {background:#ebebeb; color:#a9a9a9;}

.recruit-view {display:flex; flex-direction:column; gap:64px; align-items:center;}
.recruit-view-box {width:100%; padding:40px; border:1px solid #ddd; border-radius:16px; background:#fff;}
.recruit-view-head {margin-bottom:40px;}
.recruit-view-head .tit-row {display:flex; align-items:center; gap:16px; padding-bottom:24px; border-bottom:1px solid #242424;}
.recruit-view-head .badge.status {display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border-radius:8px; background:var(--color-primary); color:#fff; font-size:15px; font-weight:700; line-height:1em;}
.recruit-view-head h3 {color:#242424; font-size:var(--font-size24); font-weight:600; line-height:1.33em; letter-spacing:-.02em;}
.recruit-view-head .meta {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:24px 0 0; padding:0; list-style:none;}
.recruit-view-head .meta li {display:inline-flex; align-items:center; gap:10px; color:#686868; font-size:14px; font-weight:400; line-height:1.71em;}
.recruit-view-head .meta li span {color:#454545; font-weight:500;}
.recruit-view-head .meta li + li::before {content:""; width:4px; height:4px; border-radius:50%; background:#ddd;}
.recruit-table {width:100%; border-collapse:collapse; table-layout:fixed;}
.recruit-table th,
.recruit-table td {padding:0 24px; border:1px solid #ddd; vertical-align:middle; line-height:1em;}
.recruit-table th {width:240px; height:56px; background:#f5f8fc; color:#242424; font-weight:600; text-align:center; letter-spacing:-.02em;}
.recruit-table td {height:56px; background:#fff; color:#454545; font-weight:400;}
.recruit-table td.multi {height:auto; padding:24px; line-height:1em;}
.recruit-table td.multi p + p {margin-top:16px;}
.recruit-table td.files {height:auto; padding:24px;}
.recruit-table .file-item {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-radius:8px; background:#fcfcfd;}
.recruit-table .file-item + .file-item {margin-top:16px;}
.recruit-table .file-item .name {color:#242424; font-weight:400; line-height:1em;}
.recruit-table .btn-down {display:inline-flex; align-items:center; justify-content:center; width:88px; height:40px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#242424; font-size:14px; font-weight:400; line-height:1em; text-decoration:none;}
.recruit-view-btns {display:flex; align-items:center; justify-content:center; gap:24px;}
.recruit-view-btns a {display:inline-flex; align-items:center; justify-content:center; min-width:180px; height:64px; border-radius:12px; font-size:var(--font-size18); font-weight:600; line-height:1.44em; text-decoration:none;}
.recruit-view-btns .btn-list {border:1px solid #ddd; background:#fff; color:#242424;}
.recruit-view-btns .btn-apply {background:var(--color-primary); color:#fff;}
.recruit-view-btns .btn-history {border:1px solid var(--color-primary); background:#fff; color:var(--color-primary);}
.recruit-view-btns .btn-list:hover {border-color:var(--color-primary); color:var(--color-primary);}
.recruit-view-btns .btn-apply:hover {opacity:.92;}
.recruit-view-btns .btn-history:hover {background:rgba(0,84,160,.04);}

/* 입사지원 */
.apply-wrap {display:flex; flex-direction:column; align-items:center; gap:80px;}
.apply-steps {position:relative; display:flex; justify-content:center; gap:30px; width:100%; margin:0; padding:0 0 30px; list-style:none;}
.apply-steps::before {content:""; position:absolute; left:50%; top:10px; width:min(900px, 100%); height:0; border-top:1px dashed #ddd; transform:translateX(-50%);}
.apply-steps .step {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:24px; width:200px; text-align:center;}
.apply-steps .dot {width:20px; height:20px; border:3px solid #ddd; border-radius:24px; background:#fff; box-sizing:border-box;}
.apply-steps .txt {display:flex; flex-direction:column; gap:4px; color:#bebebe;}
.apply-steps .txt em {font-style:normal; font-size:15px; font-weight:600; line-height:1.53em; letter-spacing:-.02em;}
.apply-steps .txt strong {font-size:var(--font-size20); font-weight:700; line-height:1.4em; letter-spacing:-.02em;}
.apply-steps .step.active .dot,
.apply-steps .step.done .dot {border:4px solid rgba(255,255,255,.8); background:var(--color-primary);}
.apply-steps .step.active .txt,
.apply-steps .step.done .txt {color:var(--color-primary);}
.apply-form {display:flex; flex-direction:column; align-items:center; gap:40px; width:100%;}
.apply-all-agree {display:flex; justify-content:flex-end; width:100%;}
.apply-all-agree .chk-all {display:inline-flex; align-items:center; gap:10px; color:#242424; font-weight:600; line-height:1.5em; cursor:pointer;}
.apply-all-agree .chk-all input {width:22px; height:22px; accent-color:var(--color-primary); margin-top: -.1em !important;}
.apply-sec {width:100%; padding:40px; border:1px solid #ddd; border-radius:16px; background:#fff;}
.apply-sec-head {display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:24px; border-bottom:1px solid #242424;}
.apply-sec-head h3 {position:relative; padding-left:20px; color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.apply-sec-head h3::before {content:""; position:absolute; left:0; top:50%; width:8px; height:8px; border-radius:50%; background:var(--color-primary); transform:translateY(-50%);}
.apply-sec-head .repeat-btns {display:flex; align-items:center; gap:30px;}
.apply-sec-head .repeat-btns button {display:inline-flex; align-items:center; gap:6px; border:0; background:none; font-weight:600; line-height:1.5em; letter-spacing:-.02em; cursor:pointer;}
.apply-sec-head .btn-add {color:var(--color-primary);}
.apply-sec-head .btn-del {color:#868686;}
.apply-sec-head .repeat-btns img {width:20px; height:20px;}
.apply-notice {margin-top:40px; padding:24px; border-radius:8px; background:rgba(0,163,228,.04); color:#454545; font-size:var(--font-size18); font-weight:400; line-height:1.67em; letter-spacing:-.02em;}
.apply-notice p + p {margin-top:0;}
.apply-agree-row {display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:40px;}
.apply-agree-row .q {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.apply-agree-row .radios {display:flex; align-items:center; gap:40px;}
.apply-agree-row .radios label {display:inline-flex; align-items:center; gap:10px; color:#454545; font-weight:500; line-height:1em; cursor:pointer;}
.apply-agree-row .radios input {width:18px; height:18px; accent-color:var(--color-primary); margin-top: -.1em !important; margin-right: 0 !important;}
.apply-info-box {width:100%; margin-top:40px; padding:24px; border-radius:8px; background:rgba(0,163,228,.04);}
.apply-form > .apply-info-box {margin-top:0;}
.apply-info-box .tit {display:block; margin-bottom:10px; color:var(--color-secondary); font-size:var(--font-size18); font-weight:600; line-height:1.67em; letter-spacing:-.02em;}
.apply-info-box .tit::before {content:""; display:inline-block; width:24px; height:24px; margin-right:10px; vertical-align:-6px; border-radius:50%; background: url(../images/sub/noti-icon.png) center no-repeat; background-size: contain; }
.apply-info-box p,
.apply-info-box .bullets {color:#454545; font-size:var(--font-size18); font-weight:400; line-height:1.67em; letter-spacing:-.02em;}
.apply-info-box .bullets {margin:0; padding:0; list-style:none;}
.apply-info-box .bullets li {position:relative; padding-left:14px;}
.apply-info-box .bullets li::before {content:""; position:absolute; left:0; top:.7em; width:6px; height:6px; border-radius:50%; background:var(--color-secondary);}
.apply-fields {display:flex; flex-direction:column; gap:32px; margin-top:32px;}
.apply-fields .field {display:flex; flex-direction:column; gap:16px; flex:1 1 0; min-width:0;}
.apply-fields .field > label {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.apply-fields .field-major .major-etc {display:none;}
.apply-fields .field-major.is-etc .major-etc {display:block;}
.apply-fields .field-row {display:flex; gap:24px; width:100%;}
.apply-fields .input {width:100%; height:54px; padding:16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#454545; font-weight:400; line-height:1em; box-sizing:border-box;}
.apply-fields .input::placeholder {color:#bebebe;}
.apply-fields select.input {-webkit-appearance:none; appearance:none; background:#fff url("../images/bbs/select.png") right 12px center no-repeat; background-size:12px auto; padding-right:40px;}
.apply-fields .input.readonly {background:#f5f8fc;}
.apply-fields .input.datepicker,
.apply-fields .input.datepicker2 {padding-right:48px; background:#fff url("/images/sub/datepicker.png") right 16px center no-repeat; background-size:24px auto; cursor:pointer;}
.apply-fields .textarea {height:120px; resize:vertical; line-height:1.5em;}
.apply-fields .essay {height:200px;}
.apply-fields .guide {color:#868686; font-weight:400; line-height:1.5em; letter-spacing:-.02em;}
.apply-fields .field-inline {display:flex; align-items:center; gap:18px;}
.apply-fields .field-inline .input {width:668px; max-width:100%; flex:0 1 668px;}
.apply-fields .field-suffix {position:relative;}
.apply-fields .field-suffix .input {padding-right:56px; text-align:right;}
.apply-fields .field-suffix .suffix {position:absolute; right:16px; bottom:19px; color:#454545; line-height:1em; pointer-events:none;}
.apply-fields .period {display:flex; align-items:center; width:100%; gap:12px;}
.apply-fields .period > span {flex:0 0 auto; color:#454545;}
.apply-fields .period .input {flex:1 1 0; min-width:0; width:auto;}
.apply-fields .period-2 {gap:24px;}
.apply-fields .grade {display:flex; align-items:center; gap:12px;}
.apply-fields .grade .input {flex:1 1 0;}
.apply-fields .grade > span {color:#454545;}
.apply-fields .addr-row {display:flex; gap:12px;}
.apply-fields .w-zip {width:300px; max-width:100%; flex:0 1 300px;}
.apply-fields .btn-zip {display:inline-flex; align-items:center; justify-content:center; width:126px; height:54px; border:0; border-radius:8px; background:#242424; color:#fff; font-weight:400; line-height:1em; cursor:pointer;}
.apply-fields .photo-box {display:flex; align-items:center; gap:24px;}
.apply-fields .photo-preview {display:flex; align-items:center; justify-content:center; width:108px; height:138px; border:1px solid #ddd; border-radius:8px; background:#f8f8f8; color:#cacbcd; font-size:14px; font-weight:600; line-height:1.57em; letter-spacing:-.02em; overflow:hidden;}
.apply-fields .photo-preview img {width:100%; height:100%; object-fit:cover;}
.apply-fields .photo-guide {display:flex; flex-direction:column; gap:0; color:#868686; font-size:14px; font-weight:400; line-height:2em; letter-spacing:-.02em;}
.apply-fields .photo-guide strong {color:#454545; font-weight:600; line-height:1.5em; display: block; margin-bottom: 10px; }
.apply-fields .btn-file {display:inline-flex; align-items:center; justify-content:center; width:88px; height:40px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#242424; font-size:14px; font-weight:400; line-height:1em; cursor:pointer; margin-top: 10px; }
.apply-repeat-list {display:flex; flex-direction:column; gap:48px; margin-top:32px; width:100%;}
.apply-repeat-item {display:flex; flex-direction:column; gap:32px; width:100%;}
.apply-repeat-item.apply-fields {margin-top:0;}
.apply-fields.essay-fields {gap:32px;}
.apply-fields .essay-tit {display:flex; align-items:flex-start; justify-content:space-between; gap:16px;}
.apply-fields .essay-tit label {flex:1 1 auto; color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.apply-fields .essay-tit .limit {flex:0 0 auto; color:#bebebe; font-size:var(--font-size18); font-weight:500; line-height:1.56em; letter-spacing:-.02em;}
.apply-confirm {padding:24px; border-radius:8px; background:rgba(0,163,228,.04);}
.apply-confirm .tit {display:block; margin-bottom:16px; color:var(--color-secondary); font-size:var(--font-size18); font-weight:600; line-height:1.67em; letter-spacing:-.02em;}
.apply-confirm .confirm-row {display:flex; align-items:center; justify-content:space-between; gap:24px;}
.apply-confirm .writer,
.apply-confirm .write-date {display:flex; align-items:center; gap:18px;}
.apply-confirm .lab {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.apply-confirm .writer .input {width:320px;}
.apply-confirm .write-date .input {width:200px;}
.apply-confirm .chk-pledge {display:inline-flex; align-items:center; gap:8px; color:#878787; font-weight:500; line-height:1em; letter-spacing:-.02em; cursor:pointer;}
.apply-confirm .chk-pledge input {width:18px; height:18px; accent-color:var(--color-primary); margin-top: -.1em !important; margin-right: 0 !important ;}
.apply-btns {display:flex; align-items:center; justify-content:center; gap:24px;}
.apply-btns a,
.apply-btns button {display:inline-flex; align-items:center; justify-content:center; min-width:180px; height:64px; border-radius:12px; font-size:var(--font-size18); font-weight:600; line-height:1.44em; text-decoration:none; cursor:pointer;}
.apply-btns .btn-prev {border:1px solid #ddd; background:#fff; color:#242424;}
.apply-btns .btn-next {border:0; background:var(--color-primary); color:#fff;}
.apply-btns .btn-history {border:1px solid var(--color-primary); background:#fff; color:var(--color-primary);}
.apply-btns .btn-prev:hover {border-color:var(--color-primary); color:var(--color-primary);}
.apply-btns .btn-next:hover {opacity:.92;}
.apply-complete {display:flex; flex-direction:column; align-items:center; gap:40px; width:100%; padding:64px 40px; border-radius:16px; background:#f5fbfe; text-align:center;}
.apply-complete .icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:linear-gradient(180deg, #00a3e4 0%, #0054a0 143%);}
.apply-complete .check {position:relative; width:22px; height:12px; border-left:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(-45deg) translate(2px, -2px);}
.apply-complete .msg {color:#242424; font-size:var(--font-size32); font-weight:700; line-height:1.25em;}
.apply-complete .msg em {color:var(--color-primary); font-style:normal;}
.apply-complete .receipt {display:inline-flex; align-items:center; gap:18px; padding:24px 28px; border:1px solid #ddd; border-radius:12px; background:#fff;}
.apply-complete .receipt .lab {color:#242424; font-weight:600; line-height:1.63em;}
.apply-complete .receipt .bar {width:1px; height:16px; background:#ddd;}
.apply-complete .receipt .num {color:var(--color-secondary); font-size:var(--font-size32); font-weight:700; line-height:1.25em;}
.apply-complete .desc {color:#454545; font-weight:400; line-height:1.75em;}

/* 지원 내역 조회 */
.history-wrap {display:flex; flex-direction:column; align-items:center; gap:100px; max-width:748px; margin:0 auto;}
.history-box {display:flex; flex-direction:column; gap:32px; width:100%; padding:40px; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.history-head {padding-bottom:24px; border-bottom:1px solid #242424;}
.history-head h3 {position:relative; padding-left:20px; margin-bottom:12px; color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.history-head h3::before {content:""; position:absolute; left:0; top:50%; width:8px; height:8px; border-radius:50%; background:var(--color-primary); transform:translateY(-50%);}
.history-head p {color:#686868; font-size:var(--font-size18); font-weight:400; line-height:1.67em; letter-spacing:-.02em;}
.history-fields {display:flex; flex-direction:column; gap:24px; width:100%;}
.history-fields .field {display:flex; flex-direction:column; gap:16px; width:100%;}
.history-fields .field > label {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.56em; letter-spacing:-.02em;}
.history-fields .field > label em {color:var(--color-secondary); font-style:normal;}
.history-fields .input {width:100%; height:54px; padding:16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#454545; font-weight:400; line-height:1em; box-sizing:border-box;}
.history-fields .input::placeholder {color:#bebebe;}
.history-fields .input.datepicker2 {padding-right:48px; background:#fff url("/images/sub/datepicker.png") right 16px center no-repeat; background-size:24px auto; cursor:pointer;}
.history-fields .guide {color:var(--color-secondary); font-size:14px; font-weight:400; line-height:1.71em; letter-spacing:-.02em;}
.history-fields .guide strong {font-weight:700;}
.history-box .btn-search,
.history-result .btn-search,
.history-empty .btn-search {display:flex; align-items:center; justify-content:center; width:100%; height:64px; border:0; border-radius:12px; background:var(--color-primary); color:#fff; font-size:var(--font-size18); font-weight:600; line-height:1.44em; cursor:pointer;}
.history-box .btn-search:hover,
.history-result .btn-search:hover,
.history-empty .btn-search:hover {opacity:.92;}
.history-result {display:flex; flex-direction:column; gap:32px; width:100%; padding:40px; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.history-result .result-head {display:flex; align-items:center; gap:12px; padding-bottom:24px; border-bottom:1px solid #242424;}
.history-result .badge {display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:0 10px; border-radius:8px; background:var(--color-primary); color:#fff; font-size:15px; font-weight:700; line-height:1em;}
.history-result .date {color:#bebebe; font-weight:400; line-height:1.88em; letter-spacing:-.02em;}
.history-result .receipt {display:flex; align-items:center; gap:18px; width:100%; padding:24px 28px; border-radius:12px; background:#f5fbfe; box-sizing:border-box;}
.history-result .receipt .lab {color:#242424; font-size:var(--font-size18); font-weight:600; line-height:1.67em;}
.history-result .receipt .bar {width:1px; height:16px; background:#ddd;}
.history-result .receipt .num {color:var(--color-secondary); font-size:36px; font-weight:700; line-height:1.22em;}
.history-result .result-table {display:flex; flex-direction:column; width:100%; margin:0; padding:0 28px; border-top:1px solid #ddd; box-sizing:border-box;}
.history-result .result-table .row {display:flex; align-items:center; gap:40px; padding:16px 0; border-bottom:1px solid #ddd;}
.history-result .result-table dt {flex:0 0 auto; color:#242424; font-weight:600; line-height:1.88em; letter-spacing:-.02em;}
.history-result .result-table dd {flex:1 1 auto; min-width:0; color:#454545; font-weight:400; line-height:1.88em; letter-spacing:-.02em;}
.history-result .btn-search,
.history-empty .btn-search {margin-top:8px;}
.history-empty {display:flex; flex-direction:column; align-items:center; gap:16px; width:100%; padding:64px 40px; border:1px solid #ddd; border-radius:16px; background:#fff; text-align:center; box-sizing:border-box;}
.history-empty .empty-icon {width:64px; height:64px; border-radius:50%; background:#f5f8fc; position:relative;}
.history-empty .empty-icon::before,
.history-empty .empty-icon::after {content:""; position:absolute; left:50%; top:50%; background:#bebebe;}
.history-empty .empty-icon::before {width:22px; height:2px; transform:translate(-50%, -50%) rotate(45deg);}
.history-empty .empty-icon::after {width:22px; height:2px; transform:translate(-50%, -50%) rotate(-45deg);}
.history-empty .empty-tit {display:block; margin-top:8px; color:#242424; font-size:var(--font-size24); font-weight:700; line-height:1.33em; letter-spacing:-.02em;}
.history-empty .empty-desc {margin-bottom:16px; color:#686868; font-size:var(--font-size18); font-weight:400; line-height:1.67em; letter-spacing:-.02em;}
.history-empty .btn-search {width:100%; max-width:100%;}

/* 채용FAQ */
.recruit-faq {display:flex; flex-direction:column; gap:16px; margin:0; padding:0; list-style:none;}
.recruit-faq-item {border:1px solid #ddd; border-radius:18px; background:#fff; overflow:hidden; transition:border-color .25s, border-radius .25s;}
.recruit-faq-item.open {border-color:var(--color-primary); border-radius:24px;}
.recruit-faq-item.none { text-align: center; padding: 60px 0;}
.recruit-faq .faq-q {display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:28px 24px; border:0; background:none; text-align:left; cursor:pointer; box-sizing:border-box;}
.recruit-faq .faq-q .q-left {display:flex; align-items:center; gap:16px; flex:1 1 auto; min-width:0;}
.recruit-faq .faq-q .cate {display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:32px; padding:4px 14px; border-radius:80px; background:rgba(0,84,160,.04); color:var(--color-primary); font-size:14px; font-weight:600; line-height:1.71em;}
.recruit-faq-item.open .faq-q .cate {background:var(--color-primary); color:#fff;}
.recruit-faq .faq-q .subject {flex:1 1 auto; min-width:0; color:#242424; font-size:var(--font-size20); font-weight:600; line-height:1.4em;}
.recruit-faq .faq-q .arrow {flex:0 0 auto; width:28px; height:28px; background:url("../images/sub/sub3-select.png") 50% 50% no-repeat; background-size:28px auto; transition:transform .25s;}
.recruit-faq-item.open .faq-q .arrow {transform:rotate(180deg); background-image:url("../images/sub/sub3-select-c.png");}
.recruit-faq .faq-a {display:none; padding:0 24px 28px; color:#686868; font-weight:400; line-height:1.75em;}
.recruit-faq .faq-a p {margin:0;}
.recruit-faq .faq-a p + p {margin-top:0;}
.recruit-faq .faq-a strong {color:#bebebe; font-weight:700;}
.recruit-faq + .paginate {margin-top:64px;}

/* sub5 공통 */
.sub5-tab { display: flex; margin-bottom: 80px; }
.sub5-tab li { flex: 1;}
.sub5-tab li a { display: flex; height: 64px; align-items: center; justify-content: center; border-bottom: 2px solid #DDD; background: #F7F8FA; font-size: var(--font-size18); font-weight: 600; line-height: 1.55em; color: #bebebe; }
.sub5-tab li.active a { background: #fff; color: #002a50; border-color: #002A50;}
.sub5-tab li a:hover { background: #fff; color:#002a50;}

/* 전자민원 접수 */
.counsel-form .apply-sec-head-soft { border-bottom-color: #ddd; }
.counsel-agree-body { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
.counsel-agree-body .intro { color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 1.67em; letter-spacing: -.02em; }
.counsel-agree-list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.counsel-agree-list > li { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; padding-left: 12px; color: #454545; line-height: 1.63em; letter-spacing: -.02em; }
.counsel-agree-list > li::before { content: ""; position: absolute; left: 0; top: .7em; width: 4px; height: 4px; border-radius: 50%; background: #454545; }
.counsel-agree-list > li strong { flex: 0 0 auto; font-weight: 500; }
.counsel-agree-list > li span { flex: 1 1 auto; min-width: 0; font-weight: 400; }
.counsel-agree-list > li.multi { flex-direction: column; align-items: flex-start; gap: 0; }
.counsel-agree-list > li.multi > strong,
.counsel-agree-list > li.multi > span { display: inline; }
.counsel-agree-list > li.multi .sub { width: 100%; margin: 0; padding-left: 124px; box-sizing: border-box; font-weight: 400; }
.counsel-chk { display: inline-flex; align-items: center; gap: 10px; color: #454545 !important; font-weight: 400 !important; line-height: 1em; cursor: pointer; font-size: 16px !important ;}
.counsel-chk input { width: 18px; height: 18px; accent-color: var(--color-primary); margin-top: -.1em !important; margin-right: 0 !important; }
.counsel-chk-list { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 40px; }
.counsel-hint { margin-left: 8px; color: #868686; font-size: 14px; font-weight: 500; font-style: normal; letter-spacing: -.02em; }
.counsel-form .field > label .req { color: var(--color-secondary); font-style: normal; }
.counsel-pw-guide { color: var(--color-secondary) !important; }
.counsel-pw-guide strong { font-weight: 700; }
.counsel-captcha { display: flex; align-items: center; gap: 16px; width: 100%; }
.counsel-captcha .input { flex: 1 1 auto; min-width: 0; }
#kcaptcha_image { cursor:pointer; border-radius: 8px; height: 54px; }
.counsel-privacy-acc { width: 100%; border: 1px solid #ddd; border-radius: 8px; background: #f5fbfe; overflow: hidden; box-sizing: border-box; padding: 0; transition: background .3s ease, padding .3s ease; }
.counsel-privacy-acc.open { background: #fff; padding: 24px; }
.counsel-privacy-acc .acc-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 0 24px; box-sizing: border-box; transition: padding .3s ease, min-height .3s ease; }
.counsel-privacy-acc.open .acc-head { min-height: 0; padding: 0 0 24px; }
.counsel-privacy-acc .acc-head .counsel-chk { color: #242424; font-size: var(--font-size20); font-weight: 500; line-height: 1.4em; gap: 12px; }
.counsel-privacy-acc .acc-head .counsel-chk input { width: 24px; height: 24px; }
.counsel-privacy-acc .acc-toggle { flex: 0 0 auto; width: 28px; height: 28px; border: 0; background: url("../images/sub/sub3-select.png") 50% 50% no-repeat; background-size: 28px auto; cursor: pointer; transition: transform .3s ease; }
.counsel-privacy-acc.open .acc-toggle { transform: rotate(180deg); }
.counsel-privacy-acc .acc-body { max-height: 0; opacity: 0; overflow: hidden; padding: 0 24px; transition: max-height .35s ease, opacity .25s ease, padding .3s ease; }
.counsel-privacy-acc.open .acc-body { max-height: 280px; opacity: 1; padding: 0; }
.counsel-privacy-acc .acc-box { padding: 18px 20px; border-radius: 4px; background: #f5fbfe; color: #686868; font-weight: 400; line-height: 24px; box-sizing: border-box; }
.counsel-privacy-acc .acc-box p { margin: 0; }
.counsel-privacy-acc .acc-box p + p { margin-top: 0; }
.counsel-privacy-acc .acc-box p:first-child { margin-bottom: 24px; }
.counsel-form .apply-fields .field > .counsel-chk { margin-bottom: 0; }
.counsel-cu-selects { margin-top: 16px; }

/* 전자민원 조회 */
.counsel-history-wrap { display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; }
.counsel-history-wrap > .history-box,
.counsel-history-wrap > .history-empty { max-width: 748px; width: 100%; }
.counsel-history-result { width: 100%; }
.counsel-history-head { padding-bottom: 30px; border-bottom: 1px solid #242424; }
.counsel-history-head h3 { position: relative; padding-left: 20px; margin-bottom: 12px; color: #242424; font-size: var(--font-size24); font-weight: 700; line-height: 1.33em; letter-spacing: -.02em; }
.counsel-history-head h3::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); transform: translateY(-50%); }
.counsel-history-head p { color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 1.67em; letter-spacing: -.02em; }
.counsel-history-items { display: flex; flex-direction: column; gap: 30px; margin: 0; padding: 30px 0 0; list-style: none; }
.counsel-history-item { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; padding: 0 40px; border: 1px solid #ddd; border-radius: 16px; background: #fff; box-sizing: border-box; }
.counsel-history-item .item-info { flex: 1 1 auto; min-width: 0; padding: 30px 0; }
.counsel-history-item .receipt { margin: 0; color: var(--color-primary); font-weight: 700; line-height: normal; }
.counsel-history-item .receipt em { color: var(--color-secondary); font-style: normal; }
.counsel-history-item .subject { display: block; padding: 14px 30px 14px 0; color: #242424; font-size: var(--font-size24); font-weight: 600; line-height: 1.33em; letter-spacing: -.02em; text-decoration: none; }
.counsel-history-item .subject:hover { color: var(--color-primary); }
.counsel-history-item .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #686868; font-size: 14px; line-height: 24px; }
.counsel-history-item .meta span { display: inline-flex; align-items: center; gap: 10px; }
.counsel-history-item .meta span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 0; border-radius: 50%; background: #ddd; }
.counsel-history-item .meta strong { color: #454545; font-weight: 500; }
.counsel-history-item .item-btns { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.counsel-history-item .btn-detail,
.counsel-history-item .btn-cancel { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 20px; border-radius: 8px; font-weight: 600; line-height: 24px; letter-spacing: -.02em; cursor: pointer; box-sizing: border-box; text-decoration: none; }
.counsel-history-item .btn-detail { border: 1px solid var(--color-primary); background: #fff; color: var(--color-primary); }
.counsel-history-item .btn-cancel { border: 1px solid #ddd; background: #fff; color: #454545; }
.counsel-history-item .btn-detail:hover { background: rgba(0,84,160,.04); }
.counsel-history-item .btn-cancel:hover { border-color: #868686; }

/* 전자민원 상세 */
.counsel-view { display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; }
.counsel-view-box { width: 100%; padding: 40px; border: 1px solid #ddd; border-radius: 16px; background: #fff; box-sizing: border-box; }
.counsel-view-head { margin-bottom: 40px; }
.counsel-view-head .head-top { display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid #242424; }
.counsel-view-head .badge { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border-radius: 8px; background: var(--color-primary); color: #fff; font-size: 15px; font-weight: 700; line-height: 1em; }
.counsel-view-head .receipt { margin: 0; color: var(--color-primary); font-weight: 700; line-height: 30px; }
.counsel-view-head .receipt em { color: var(--color-secondary); font-style: normal; font-weight: 700; }
.counsel-view-head .subject { margin: 0; padding: 24px 0 14px; color: #242424; font-size: var(--font-size24); font-weight: 600; line-height: 1.33em; letter-spacing: -.02em; }
.counsel-view-head .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #686868; font-size: 14px; line-height: 24px; }
.counsel-view-head .meta span { display: inline-flex; align-items: center; gap: 10px; }
.counsel-view-head .meta span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #ddd; }
.counsel-view-head .meta strong { color: #454545; font-weight: 500; }
.counsel-view-table { width: 100%; margin-bottom: 40px; border-collapse: collapse; table-layout: fixed; }
.counsel-view-table th,
.counsel-view-table td { height: 56px; border: 1px solid #ddd; line-height: 1em; vertical-align: middle; box-sizing: border-box; }
.counsel-view-table th { width: 17.5%; background: #f5f8fc; color: #242424; font-weight: 600; text-align: center; letter-spacing: -.02em; }
.counsel-view-table td { width: 32.5%; padding: 0 24px; background: #fff; color: #454545; font-weight: 400; text-align: left; }
.counsel-view-sec { display: flex; flex-direction: column; gap: 16px; width: 100%; margin-bottom: 40px; }
.counsel-view-sec:last-child { margin-bottom: 0; }
.counsel-view-sec h4 { margin: 0; color: #242424; font-size: var(--font-size18); font-weight: 600; line-height: 1.56em; letter-spacing: -.02em; }
.counsel-view-sec .sec-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.counsel-view-sec .content-box { padding: 18px; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: #454545; font-weight: 400; line-height: 24px; box-sizing: border-box; }
.counsel-view-sec .content-box p { margin: 0; }
.counsel-view-sec .answer-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border-radius: 800px; font-size: 14px; font-weight: 500; line-height: normal; box-sizing: border-box; }
.counsel-view-sec .answer-badge.wait { border: 1px solid rgba(134,134,134,.2); background: #f8f8f8; color: #868686; }
.counsel-view-sec .answer-badge.done { border: 1px solid rgba(0,84,160,.2); background: rgba(0,84,160,.04); color: var(--color-primary); }
.counsel-view-sec .answer-box { padding: 18px; border-radius: 8px; box-sizing: border-box; }
.counsel-view-sec .answer-box.wait { min-height: 120px; border: 1px dashed #ddd; background: #fafafa; color: #868686; line-height: 24px; }
.counsel-view-sec .answer-box.done { display: flex; flex-direction: column; gap: 24px; background: #f5f8fc; }
.counsel-view-sec .answer-box p { margin: 0; }
.counsel-view-sec .answer-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.counsel-view-sec .admin-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border-radius: 8px; background: var(--color-primary); color: #fff; font-size: 14px; font-weight: 600; line-height: normal; }
.counsel-view-sec .admin-info { color: #454545; font-weight: 500; line-height: 24px; }
.counsel-view-sec .answer-txt { color: #454545; font-weight: 400; line-height: 24px; }

/* 부채증명원 발급 */
.request-wrap { display: flex; flex-direction: column; gap: 80px; width: 100%; }
.request-wrap > .apply-info-box { margin-top: 0; }
.request-wrap .apply-info-box a { color: var(--color-primary); font-weight: 500; text-decoration: underline; }
.request-sec { display: flex; flex-direction: column; gap: 24px; width: 100%; }
.request-sec-head { padding-bottom: 24px; border-bottom: 1px solid #242424; }
.request-sec-head h3 { position: relative; padding-left: 20px; margin: 0; color: #242424; font-size: var(--font-size24); font-weight: 700; line-height: 1.33em; letter-spacing: -.02em; }
.request-sec-head h3::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); transform: translateY(-50%); }
.request-txt { margin: 0; padding: 0 20px; color: #454545; font-size: var(--font-size18); font-weight: 400; line-height: 1.67em; letter-spacing: -.02em; }
.request-txt-group { display: flex; flex-direction: column; gap: 12px; padding: 0 20px; }
.request-txt-group .request-txt { padding: 0; }
.request-note { margin: 0; color: #868686; font-weight: 400; line-height: 1.5em; letter-spacing: -.02em; }
.request-method { display: flex; gap: 24px; width: 100%; }
.request-method .method-card { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 28px; border: 1px solid #ddd; border-radius: 12px; background: #fff; box-sizing: border-box; }
.request-method .method-card h4 { display: flex; align-items: center; gap: 12px; margin: 0; color: #242424; font-size: var(--font-size20); font-weight: 600; line-height: 1.4em; letter-spacing: -.02em; }
.request-method .method-card h4 img { width: 24px; height: 24px; }
.request-method .method-card p { margin: 0; color: #454545; font-weight: 400; line-height: 1.63em; }
.request-method .method-card .c-primary { color: var(--color-primary); font-weight: 600; }
.request-method .method-card .c-secondary { color: var(--color-secondary); font-weight: 600; }
.request-docs { display: flex; gap: 24px; width: 100%; align-items: stretch; }
.request-docs .doc-card { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 28px; border: 1px solid #ddd; border-radius: 12px; background: #fff; box-sizing: border-box; }
.request-docs .doc-card h4 { margin: 0; color: #242424; font-size: var(--font-size20); font-weight: 600; line-height: 1.4em; letter-spacing: -.02em; }
.request-docs .doc-card ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.request-docs .doc-card li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-radius: 8px; font-size: var(--font-size18); font-weight: 600; line-height: 1em; letter-spacing: -.02em; box-sizing: border-box; }
.request-docs .doc-card li span { color: #454545; }
.request-docs .doc-card.type1 li { background: rgba(0,84,160,.03); }
.request-docs .doc-card.type1 li em { color: var(--color-primary); font-style: normal; }
.request-docs .doc-card.type2 li { background: rgba(0,163,228,.03); }
.request-docs .doc-card.type2 li em { color: var(--color-secondary); font-style: normal; }
.request-docs .doc-card.type3 li { background: rgba(0,42,80,.03); }
.request-docs .doc-card.type3 li em { color: #002a50; font-style: normal; }
.request-footer-note { margin: 0; color: #454545; font-size: var(--font-size18); font-weight: 400; line-height: 1.67em; letter-spacing: -.02em; }
.request-wrap .btn-download { min-width: 240px; }

/* sub6 공통 (이용약관 ~ 개인정보처리방침) */
.sub6-flex { margin-top: 100px; display: flex; align-items: flex-start; height: 100%; }
.sub6-flex .contents { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 60px; }
.sub6-tab { flex: 0 0 260px; width: 260px; position: sticky; top: 130px; }
.sub6-tab ul { margin: 0; padding: 0; list-style: none; }
.sub6-tab li a { display: flex; align-items: center; gap: 12px; width: 100%; padding: 20px 18px; border-bottom: 1px solid #ddd; color: #bebebe; font-size: var(--font-size20); font-weight: 700; line-height: 1.5em; box-sizing: border-box; text-decoration: none; }
.sub6-tab li.active a { border-bottom-color: var(--color-primary); color: var(--color-primary); }
.sub6-tab li.active a::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--color-secondary); }
.sub6-tab li a:hover { color: var(--color-primary); }

/* 정책 문서 (개인정보/신용정보/영상정보) */
.policy-doc { display: flex; flex-direction: column; gap: 64px; width: 100%; }
.policy-doc .intro { color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 30px; letter-spacing: -.02em; }
.policy-doc .intro p { margin: 0; }
.policy-doc .intro p + p { margin-top: 0; }
.policy-doc .sec { display: flex; flex-direction: column; gap: 24px; width: 100%; }
.policy-doc .sec-tit { position: relative; display: flex; align-items: center; gap: 12px; padding: 0 0 24px; margin: 0; border-bottom: 1px solid #242424; color: #242424; font-size: var(--font-size20); font-weight: 700; line-height: 30px; letter-spacing: -.02em; }
.policy-doc .sec-tit::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-secondary); }
.policy-doc .sec-body { display: flex; flex-direction: column; gap: 24px; color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 30px; letter-spacing: -.02em; }
.policy-doc .sec-body > p { margin: 0; }
.policy-doc .sec-list { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.policy-doc .sec-list > li { display: flex; gap: 12px; align-items: flex-start; color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 32px; letter-spacing: -.02em; }
.policy-doc .sec-list > li .marker { flex: 0 0 auto; color: var(--color-secondary); font-weight: 700; }
.policy-doc .sec-list > li .txt { flex: 1 1 auto; min-width: 0; }
.policy-doc .sec-list > li .txt.stack { display: flex; flex-direction: column; gap: 4px; }
.policy-doc .sec-list > li strong { color: #454545; font-weight: 600; }
.policy-doc .sec-list .sub { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.policy-doc .sec-list .sub li { color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 32px; letter-spacing: -.02em; }
.policy-doc .sec-body > .note-row { margin: 0; color: #686868; font-size: var(--font-size18); line-height: 32px; letter-spacing: -.02em; }
.policy-doc .sec-body > .note-row strong { color: #454545; font-weight: 600; }
.policy-doc .sec-list .links { margin: 0; padding: 0; list-style: none; }
.policy-doc .sec-list .links li { color: #686868; font-size: var(--font-size18); line-height: 32px; letter-spacing: -.02em; }
.policy-doc .sec-list .links a { color: var(--color-primary); text-decoration: underline; }
.policy-doc .note { margin: 0; color: #686868; font-size: var(--font-size18); font-weight: 400; line-height: 30px; letter-spacing: -.02em; }
.policy-doc .dash { margin: 0; color: #686868; font-size: var(--font-size18); line-height: 32px; letter-spacing: -.02em; }
.policy-doc .sec-body > .txt-box { padding-bottom: 24px; border-bottom: 1px solid #242424; }
.policy-doc .sec-body > .txt-box p { margin: 0; }
.policy-doc .sec-body > .txt-box + .policy-table { margin-top: -24px; }
.policy-doc .sec-body > .policy-table + .note { margin-top: -12px; }
.policy-doc .policy-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.policy-doc .policy-table th,
.policy-doc .policy-table td { padding: 18px 24px; border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 26px; letter-spacing: -.02em; vertical-align: middle; text-align: center; box-sizing: border-box; }
.policy-doc .policy-table th:last-child,
.policy-doc .policy-table td:last-child { border-right: 0; }
.policy-doc .policy-table th { height: 56px; padding: 0 24px; background: #f5f8fc; color: #242424; font-weight: 600; line-height: 28px; }
.policy-doc .policy-table td { background: #fff; color: #454545; font-weight: 400; }
.policy-doc .policy-table td.center { text-align: center; }
.policy-doc .contact-list { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.policy-doc .contact-list li { color: #686868; font-size: var(--font-size18); line-height: 32px; letter-spacing: -.02em; }
.policy-doc .contact-list li::before { content: "- "; }
.policy-doc .contact-list strong { color: #454545; font-weight: 600; }