@charset "utf-8";

/*============================
#newsList
============================*/

#newsList { padding: var(--space-xl) 0 10rem; background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg) 100%); }
#newsList .head { margin-top: 3rem; }
#newsList .head .en { font-family: var(--font-en); font-size: clamp(3.5rem, 2rem + 4.6vw, 6.5rem); font-weight: 500; line-height: 1; letter-spacing: -.025em; color: var(--color-text); }
#newsList .head .title { display: flex; align-items: center; gap: var(--space-md); margin-top: 1.75rem; font-size: clamp(1rem, .9rem + .4vw, 1.25rem); font-weight: 700; line-height: 1.6; letter-spacing: .14em; color: var(--color-text); }
#newsList .head .title::before { content: ""; flex-shrink: 0; width: 2.5rem; height: 2px; background: var(--grad-main); }
#newsList .list { margin-top: 4.5rem; border-top: 1px solid var(--color-border); }
#newsList .list .item { border-bottom: 1px solid var(--color-border); }
#newsList .list .link { display: grid; grid-template-columns: 7rem 6rem minmax(0, 1fr) 1.5rem; align-items: center; gap: var(--space-lg); padding: 1.75rem var(--space-md); text-decoration: none; transition: background-color .25s; }
#newsList .list .link:hover { background: rgba(238, 244, 252, .7); }
#newsList .list .date { font-family: var(--font-en); font-size: var(--fs-md); font-weight: 500; letter-spacing: .06em; color: var(--color-textSub); }
#newsList .list .cat { justify-self: start; padding: .15rem .75rem; border-radius: 999px; background: var(--color-sky); font-size: var(--fs-xs); font-weight: 700; line-height: 1.6; color: var(--color-blueDark); }
#newsList .list .catRecruit { background: var(--color-navy); color: var(--color-white); }
#newsList .list .headline { font-size: var(--fs-base); font-weight: 500; line-height: 1.8; color: var(--color-text); transition: color .25s; }
#newsList .list .link:hover .headline { color: var(--color-blueDark); }
#newsList .list .arrow { font-family: var(--font-en); color: var(--color-blueDark); transition: transform .25s; }
#newsList .list .link:hover .arrow { transform: translateX(.3rem); }

/*============================
#newsArticle
============================*/

#newsArticle { padding: var(--space-xl) 0 10rem; background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg) 100%); }
#newsArticle .article { max-width: 50rem; margin: 5.5rem auto 0; }
#newsArticle .head { padding-bottom: var(--space-xl); border-bottom: 1px solid var(--color-border); }
#newsArticle .meta { display: flex; align-items: center; gap: var(--space-sm); }
#newsArticle .date { font-family: var(--font-en); font-size: var(--fs-md); font-weight: 500; letter-spacing: .06em; color: var(--color-textSub); }
#newsArticle .cat { padding: .15rem .75rem; border-radius: 999px; background: var(--color-sky); font-size: var(--fs-xs); font-weight: 700; line-height: 1.6; color: var(--color-blueDark); }
#newsArticle .catRecruit { background: var(--color-navy); color: var(--color-white); }
#newsArticle .head .title { margin-top: var(--space-md); font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); font-weight: 700; line-height: 1.6; letter-spacing: .04em; color: var(--color-text); text-wrap: balance; }
#newsArticle .body { margin-top: 2.5rem; }
#newsArticle .dummy { display: inline-block; margin-bottom: var(--space-lg); padding: .15rem .6rem; border-radius: .25rem; background: var(--color-gray); font-size: var(--fs-xxs); color: var(--color-textFaint); }
#newsArticle .text { font-size: var(--fs-base); line-height: 2.1; color: var(--color-text); }
#newsArticle .text + .text { margin-top: var(--space-md); }
#newsArticle .heading { display: flex; align-items: center; gap: var(--space-sm); margin-top: 3rem; font-size: var(--fs-xl); font-weight: 700; line-height: 1.6; color: var(--color-text); }
#newsArticle .heading::before { content: ""; flex-shrink: 0; width: .375rem; height: 1.375rem; border-radius: 999px; background: var(--grad-main); }
#newsArticle .heading + .text, #newsArticle .heading + .list, #newsArticle .heading + .table { margin-top: var(--space-md); }
#newsArticle .list + .text, #newsArticle .table + .heading { margin-top: var(--space-xl); }
#newsArticle .list { display: grid; gap: var(--space-xs); }
#newsArticle .item { position: relative; padding-left: 1.25rem; font-size: var(--fs-base); line-height: 1.9; color: var(--color-text); }
#newsArticle .item::before { content: ""; position: absolute; top: .8em; left: .25rem; width: .4rem; height: .4rem; border-radius: 50%; background: var(--color-blueLight); }
#newsArticle .table { margin-top: var(--space-xl); border-top: 1px solid var(--color-border); }
#newsArticle .text + .table { margin-top: var(--space-lg); }
#newsArticle .row { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--space-lg); padding: var(--space-md) 0; border-bottom: 1px solid var(--color-border); }
#newsArticle .term { font-size: var(--fs-md); font-weight: 700; line-height: 1.9; color: var(--color-blueDark); }
#newsArticle .desc { font-size: var(--fs-base); line-height: 1.9; color: var(--color-text); }
#newsArticle .md_pager { max-width: 50rem; margin: 5.5rem auto 0; }