.inv-page { padding-top: 240rem; padding-bottom: 200rem; }
.inv-page__head .inner { display: flex; flex-direction: column; gap: 20rem; align-items: flex-start; }
.inv-page__eyebrow { color: var(--text-high); text-transform: uppercase; }
.inv-page__title { color: var(--text-highest); }
.inv-page__desc { color: var(--text-low); }
.inv-visual { position: relative; height: 60rem; margin-top: 48rem; margin-bottom: 60rem; }
.inv-visual__bar { position: absolute; bottom: 0; left: 248rem; right: 0; height: 60rem; background: var(--bg-primary-light-1); }

.inv-page .cs-layout { position: relative; display: flex; align-items: flex-start; justify-content: space-between; }
.inv-page .cs-tabs { position: sticky; top: 120rem; align-self: flex-start; width: calc(100% - 697rem); }
.inv-page .cs-form { flex: 1; display: flex; flex-direction: column; gap: 80rem; width: 697rem; }

.inv-tabs { width: 100%; margin-top: -60rem; margin-bottom: 60rem; padding: 0 248rem; border-bottom: 1rem solid var(--line-low); }
.inv-tabs__list { display: flex; align-items: stretch; gap: 32rem; height: 90rem; }
.inv-tabs__item { display: flex; }
.inv-tabs__link { display: inline-flex; align-items: center; height: 90rem; color: var(--text-low); text-decoration: none; border-bottom: 2rem solid transparent; transition: color var(--transition-fast), border-color var(--transition-fast); }
.inv-tabs__link:hover, .inv-tabs__link:focus-visible { color: var(--text-highest); outline: none; }
.inv-tabs__link--active { color: var(--text-highest); border-bottom-color: var(--line-highest); }
.inv-tabs.inv-tabs-cs { margin-top: 60rem; }

@media (max-width: 1024px) {
  .inv-tabs { margin-top: 8rem; margin-bottom: 32rem; padding: 0 var(--side-padding); }
}

/* 투자정보 ─ 주가정보 */
.inv-stock__grid { display: flex; align-items: flex-start; justify-content: space-between; gap: 28rem; }
.inv-stock__col { display: flex; flex-direction: column; gap: 28rem; width: 698rem; }
.inv-stock-card { position: relative; padding: 40rem; background: var(--bg-white); border-radius: var(--rd-300); overflow: hidden; }
.inv-stock-card__head { display: flex; align-items: center; justify-content: space-between; gap: 16rem; width: 100%; }
.inv-stock-card__updated { display: flex; align-items: center; gap: 8rem; color: var(--text-high); }
.inv-stock-card__refresh { display: inline-flex; align-items: center; justify-content: center; width: 16rem; height: 16rem; padding: 0; color: var(--text-high); background: none; border: none; cursor: pointer; }
.inv-stock-card__refresh:hover, .inv-stock-card__refresh:focus-visible { color: var(--text-highest); outline: none; }
.inv-stock-card__refresh svg { width: 100%; height: 100%; }
.inv-stock-card--price { display: flex; flex-direction: column; gap: 116rem; }
.inv-stock-card__body { display: flex; flex-direction: column; gap: 8rem; align-items: flex-start; }
.inv-stock-card__price { color: var(--text-highest); }
.inv-stock-card__meta { display: flex; align-items: center; gap: 20rem; }
.inv-stock-card__change { display: inline-flex; align-items: center; gap: 3rem; color: var(--text-danger); }
.inv-stock-card__change .f-b4 + .f-b4 { padding-left: 7rem; }
.inv-stock-card__arrow { display: inline-flex; align-items: center; justify-content: center; width: 16rem; height: 16rem; }
.inv-stock-card__arrow svg { width: 16rem; height: 16rem; }
.inv-stock-card__change--down { color: var(--text-information); }
.inv-stock-card__change--down .inv-stock-card__arrow { transform: rotate(180deg); }
.inv-stock-card__symbol { color: var(--text-high); }
.inv-stock-card__logo { position: absolute; right: 50rem; bottom: 55rem; width: 147rem; height: auto; pointer-events: none; }
.inv-stock-card--info { display: flex; gap: 40rem; }
.inv-stock-info { display: flex; flex-direction: column; gap: 4rem; width: 50%; }
.inv-stock-info__row { display: flex; align-items: center; gap: 8rem; width: 100%; }
.inv-stock-info__row dt { flex-shrink: 0; min-width: 40rem; color: var(--text-high); }
.inv-stock-info__row dd { flex: 1 0 0; min-width: 0; color: var(--text-highest); text-align: right; }
.inv-share { display: flex; flex-direction: column; width: 698rem; align-self: stretch; }
.inv-share__updated { color: var(--text-high); }
.inv-share__chart { margin: 40rem 0 20rem; padding: 0; border-radius: var(--rd-200); background: var(--bg-secondary-light-2); overflow: hidden; }
.inv-share__bars { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 50rem; height: 240rem; }
.inv-share__bar { position: relative; width: 80rem; height: var(--bar-height); min-height: 7rem; border-radius: 4rem 4rem 0 0; }
.inv-share__bar--lv4 { background: var(--bg-secondary-dark-4); }
.inv-share__bar--lv3 { background: var(--bg-secondary-dark-3); }
.inv-share__bar--lv2 { background: var(--bg-secondary-dark-2); }
.inv-share__bar--lv1 { background: var(--bg-secondary-dark-1); }
.inv-share__bar-label { position: absolute; left: 50%; bottom: calc(100% + 7rem); transform: translateX(-50%); color: var(--text-highest); white-space: nowrap; }
.inv-share__table { width: 100%; border-collapse: collapse; }
.inv-share__table th, .inv-share__table td { padding: 5rem 12rem; vertical-align: middle; }
.inv-share__table tbody tr:last-child th,
.inv-share__table tbody tr:last-child td { padding-bottom: 24rem; }
.inv-share__table thead th { padding: 0 12rem; color: var(--text-highest); text-align: left; padding-bottom: 24rem; }
.inv-share__table thead .inv-share__th-num,
.inv-share__table thead .inv-share__th-pct { text-align: center; }
.inv-share__th-icon { width: 32rem; }
.inv-share__th-num { text-align: center; width: 130rem; }
.inv-share__th-pct { text-align: center; width: 80rem; }
.inv-share__table tbody tr { }
.inv-share__cell-icon { width: 32rem; padding-left: 16rem !important; padding-right: 0 !important; }
.inv-share__badge { display: inline-flex; align-items: center; justify-content: center; width: 32rem; height: 32rem; font-size: 12rem; font-weight: var(--fw-semibold); line-height: 1.5; color: var(--text-white); border-radius: var(--rd-full); }
.inv-share__badge--lv4 { background: var(--bg-secondary-dark-4); }
.inv-share__badge--lv3 { background: var(--bg-secondary-dark-3); }
.inv-share__badge--lv2 { background: var(--bg-secondary-dark-2); }
.inv-share__badge--lv1 { background: var(--bg-secondary-dark-1); }
.inv-share__cell-label { color: var(--text-highest); text-align: left; }
.inv-share__cell-num { color: var(--text-point); text-align: right; padding-right: 24rem !important; padding-left: 0 !important; }
.inv-share__cell-pct { color: var(--text-point-secondary); text-align: right; width: 96rem; padding-left: 0 !important; padding-right: 16rem !important; }
.inv-share__total { background: var(--bg-primary-light-1); }
.inv-share__total td, .inv-share__total th { padding-top: 13rem; padding-bottom: 13rem; }
.inv-share__total .inv-share__cell-num { font-size: 20rem; }

@media (max-width: 1024px) {
  .inv-stock__grid { flex-direction: column; gap: 16rem; }
  .inv-stock__col { width: 100%; gap: 16rem; }
  .inv-stock-card { padding: 24rem; }
  .inv-stock-card--price { gap: 60rem; }
  .inv-stock-card__meta { flex-direction: column; align-items: flex-start; }
  .inv-stock-card__logo { right: 24rem; bottom: 24rem; width: 100rem; }
  .inv-stock-card--info { gap: 4rem; flex-direction: column; }
  .inv-stock-info { width: 100%; }
  .inv-share { width: 100%; overflow-x: auto; }
  .inv-share__chart { margin: 24rem 0 20rem; padding: 0 20rem; }
  .inv-share__bars { gap: 20rem; }
  .inv-share__bar { width: 60rem; }
  .inv-share__bar-label { font-size: 12rem; width: 120%; text-align: center; white-space: normal; }
  .inv-share__th-pct { width: 54rem !important; text-align: left !important; padding-left: 0 !important; }
  .inv-share__th-num { width: 120rem !important; text-align: left !important; }
  .inv-share__cell-icon { padding-left: 0 !important; }
  .inv-share__cell-pct { padding-right: 0 !important; width: 52rem; }
  .inv-share__cell-num { padding-right: 12rem !important; }
}

@media (max-width: 600px) { 
  .inv-stock-card__logo { display: none; }
}


/* 투자정보 ─ 배당현황 / 재무정보 */
.inv-visual__typo { position: absolute; right: 248rem; bottom: -25rem; font-family: "Poppins", var(--font-family-base); font-weight: 600; font-size: 100rem; line-height: 1.2; color: var(--text-point); white-space: nowrap; }
.inv-table-wrap { width: 100%; }
.inv-table { width: 100%; table-layout: fixed; border-collapse: collapse; background: var(--bg-white); border-top: 3px solid var(--line-highest); }
.inv-table th, .inv-table td { padding: 16rem; text-align: center; vertical-align: middle; color: var(--text-highest); border-bottom: 1px solid var(--line-medium); border-right: 1px solid var(--line-medium); }
.inv-table thead tr th,
.inv-table tbody tr:last-child th,
.inv-table tbody tr:last-child td { border-bottom: 1px solid var(--line-high); }
.inv-table tr th:last-child, .inv-table tr td:last-child { border-right: none; }
.inv-table__th-label { width: 320rem; background: var(--bg-secondary-light-3); text-transform: uppercase; }
.inv-table-section--with-gap { margin-top: 120rem; }
.inv-table-section__title { color: var(--text-highest); }
.inv-table__unit { margin-bottom: 20rem; text-align: right; }


@media (max-width: 1024px) {
  .inv-page { padding-top: 180rem; padding-bottom: 100rem; }
  .inv-visual { margin-top: 0; margin-bottom: 40rem; height: 25rem; }
  .inv-visual__bar { left: 0; height: 40rem; }
  .inv-visual__typo { right: 20rem; bottom: -12rem; font-size: 36rem; }
  .inv-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .inv-table { min-width: 720rem; }
  .inv-table th, .inv-table td { padding: 14rem 10rem; font-size: 14rem; }
  .inv-table__th-label { width: 200rem; }
  .inv-table-section--with-gap { margin-top: 80rem; }
  .inv-table-section__title { margin-bottom: 24rem; }
}

@media (max-width: 600px) {
  .inv-page__head { margin-bottom: 40rem; }
  .inv-table-section--with-gap { margin-top: 60rem; }
}

/* 투자정보 ─ 공시정보 */
.inv-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28rem; }
.inv-card { display: flex; flex-direction: column; gap: 32rem; padding: 32rem; background: var(--bg-white); border: 1px solid var(--line-low); border-left: 4px solid var(--primary-gb-blue); color: inherit; text-decoration: none; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.inv-card:hover, .inv-card:focus-visible { border-color: var(--bd-info); outline: none; }
.inv-card__head { display: flex; align-items: center; gap: 40rem; width: 100%; }
.inv-card__title { flex: 1 0 0; min-width: 0; color: var(--text-black); overflow: hidden; text-overflow: ellipsis; }
.inv-card__icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 24rem; height: 24rem; color: var(--ic-black); }
.inv-card__icon svg { width: 100%; height: 100%; }
.inv-card__date { color: var(--text-medium); }

@media (max-width: 1024px) {
  .inv-list { grid-template-columns: 1fr; gap: 10rem; }
  .inv-card { gap: 24rem; padding: 24rem; }
  .inv-card__head { gap: 24rem; }
  .inv-card__icon { width: 20rem; height: 20rem; }
}

@media (max-width: 600px) {
  .inv-page .pagination { margin-top: 40rem; }
}

/* 투자정보 ─ 증권사 커버리지 */
.inv-page__head--with-search .inner { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 40rem; }
.inv-page__head-text { display: flex; flex-direction: column; gap: 20rem; align-items: flex-start; }
.inv-search { flex-shrink: 0; width: 350rem; }
.inv-search__field-wrap { display: flex; align-items: center; gap: 12rem; width: 100%; height: 60rem; padding: 0 20rem; background: var(--bg-white); border: 1rem solid var(--bd-default); border-radius: var(--rd-50); transition: border-color var(--transition-fast); }
.inv-search__field-wrap:focus-within { border-color: var(--bd-focused); }
.inv-search__input { flex: 1; min-width: 0; height: 100%; padding: 0; color: var(--text-highest); background: transparent; border: none; outline: none; }
.inv-search__input::placeholder { color: var(--text-medium); }
.inv-search__btn { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 24rem; height: 24rem; padding: 0; background: none; border: none; cursor: pointer; }
.inv-search__btn img { width: 100%; height: 100%; }
.inv-coverage__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28rem; }
.inv-coverage-card { display: flex; flex-direction: column; justify-content: space-between; height: 300rem; padding: 40rem; background: var(--bg-white); border: 1px solid var(--line-low); border-top: 4px solid var(--primary-gb-blue); color: inherit; text-decoration: none; transition: border-color var(--transition-fast); }
.inv-coverage-card:hover, .inv-coverage-card:focus-visible { border-color: var(--bd-info); outline: none; }
.inv-coverage-card__head { display: flex; flex-direction: column; gap: 20rem; width: 100%; }
.inv-coverage-card__title { color: var(--text-black); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.inv-coverage-card__date { color: var(--text-lowest); }
.inv-coverage-card__foot { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.inv-coverage-card__brand { color: var(--text-point); text-transform: uppercase; }
.inv-coverage-card__icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 24rem; height: 24rem; color: var(--ic-black); }
.inv-coverage-card__icon svg { width: 100%; height: 100%; }

@media (max-width: 1024px) {
  .inv-page__head--with-search .inner { flex-direction: column; align-items: flex-start; gap: 24rem; }
  .inv-search { width: 100%; }
  .inv-search__field-wrap { height: 48rem; padding: 0 16rem; }
  .inv-coverage__list { grid-template-columns: 1fr; gap: 10rem; }
  .inv-coverage-card { height: auto; gap: 32rem; padding: 24rem; }
}

/* 투자정보 ─ IR Contact */
.inv-page .cs-layout { margin-top: 60rem; }

@media (max-width: 600px) {
  .inv-page .cs-layout { margin-top: 40rem; }
}