@charset "utf-8";

/* **************************************** *
 * SUB set
* @description 서브 비주얼 및 기본 레이아웃 세팅입니다.
 * **************************************** */

/* Sub title  */
#page-title{}

/* SUB VISUAL */
#sub-visual{position:relative; background:var(--w); padding:200rem 0 0;}
#sub-visual h2{font-family:var(--lang-en); font-size:var(--font-90); font-weight:300; color:var(--b-title);}

.sub-visual__desc{margin-top:17rem; color:var(--b-desc);}
.sub-visual__inner{position:relative;}

/* sub-visual foot */
.sub-visual__foot{margin-top:60rem;}
.sub-visual__line{display:block; height:1px; background:var(--br-default); transform:scaleX(0); transform-origin:left; animation:sub-visual-line-draw 1.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s forwards;}

@keyframes sub-visual-line-draw{
	from{transform:scaleX(0);}
	to{transform:scaleX(1);}
}

@media (prefers-reduced-motion:reduce){
	.sub-visual__line{transform:none; animation:none;}
}
.sub-visual__foot-row{display:flex; align-items:center; justify-content:space-between; margin-top:20rem;}
.sub-visual__eyebrow{line-height:1.428; text-transform:uppercase;}

/* lnb */
#lnb{position:relative; width:100%; margin-top:40rem;}
#lnb .select-link{width:auto}
#lnb .select-link > ul{margin-top:20rem}
#lnb .depth1 .sub-menu, #lnb .select-link__btn{display:none}
#lnb.lnb-select:not(:has(.depth2 li)){display:none;}

#lnb.lnb-select .select-link__btn{display:flex; align-items:center; font-size:20rem; color:var(--b-title); padding-right:70rem}
#lnb.lnb-select  .select-link__btn::after{content:""; position:absolute; right:0; width:40rem; height:40rem; background-color:var(--op-b10); background-size:8rem; background-position:50% 50%; background-image:url(../img/common/arrow-basic.svg); background-repeat:no-repeat; border-radius:100%; transform:rotate(90deg)}
#lnb.lnb-select .select-link__btn.on::after{transform:rotate(270deg)}

#lnb.none-select .select-link__btn{pointer-events:none; cursor:text}
#lnb.none-select .select-link__btn::after{opacity:0}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:#000}
#lnb:not(.lnb-select) .select-link > ul{opacity:1; visibility:visible; padding:0 0; background:none; flex-direction:row; flex-wrap:nowrap; flex-wrap:wrap; position:relative}
#lnb:not(.lnb-select) .select-link > ul a{padding:0; font-size:18rem; margin-right:30rem; opacity:0.5}
#lnb:not(.lnb-select) .select-link > ul > li.on > a{opacity:1}
#lnb:not(.lnb-select) .select-link > ul a:hover{opacity:1}

/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */
#lnb:not(.lnb-select) .select-link > ul > li{width:auto}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display:none}

/* 2차가 하나일때 lnb 숨기기 */
#lnb.lnb-select:has(.select-link:nth-child(2)){display:flex; align-items:center}
#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:20rem}
#lnb .lnb-inner{display:flex; align-items:center;}
a.lnb-home{display:block; width:15rem; margin-right:20rem; background:url(../img/common/ic-nav-home_w.svg) no-repeat 50% 50%; font-size:0; min-height:100%}

/* sub nav */
#sub-nav{display:flex; align-items:center; gap:12rem;}
#sub-nav > *{position:relative}
#sub-nav > *:last-child::after{display:none}
#sub-nav .sub-home{display:block; font-family:var(--lang-ui); font-weight:500; font-size:14rem; color:var(--b-default);}
#sub-nav span{color:var(--b-title); font-family:var(--lang-ui); font-weight:500; font-size:14rem; display:block}
#sub-nav > i{display:block; width:1px; height:12rem; background:var(--br-default);}
#sub-nav:has(.depth02:empty) .depth01::after{display:none}

body:has(#sub-nav span:empty) #sub-nav .depth01 ~ i{display:none}

/* snb */
#snb{display:flex; align-items:center}
#snb li.on a{opacity:1}
#snb li a{display:flex; justify-content:center; align-items:center; height:50rem; box-sizing:border-box; border:1px solid var(--g-01); font-size:18rem; font-size:var(--font-18); transition:var(--trans-01); padding:0rem 30rem}
#snb li:not(:last-child) a{border-right:0}
#snb li.on a{background:var(--c-primary); color:#fff; border-color:var(--c-primary)}
#snb li:not(.on) a:hover{color:var(--g-02)}

#snb-title{font-weight:400}

@media all and (max-width:1023px){
	#sub-visual{padding:150rem 0 0;}

	#lnb.lnb-select .select-link__btn{font-size:18rem}
	#lnb{margin-top:30rem;}
	a.lnb-home{margin-right:16rem;}
}

@media (max-width: 860px){
	.sub-visual__foot{margin-top:46rem;}
	.sub-visual__foot-row{margin-top:16rem;}
}

@media (max-width: 540px){
	#sub-visual{padding:110rem 0 0;}
	.sub-visual__desc br{display: none;}

	.sub-visual__foot{margin-top:36rem;}
	.sub-visual__foot-row{margin-top:14rem;}

	#sub-nav{gap:8rem;}
	#sub-nav span, #sub-nav .sub-home{font-size:13rem}
	#sub-nav > i{height:10rem;}

	a.lnb-home{margin-right:12rem;}

	#lnb{margin-top:20rem; padding:17rem 0rem; background:var(--b-01); border-top-left-radius:5rem; border-top-right-radius:5rem}
	#lnb .select-link:has(.depth1){display:none}
	#lnb .select-link:has(.depth2){margin-left:0}
	#lnb .lnb-inner{display:block; margin:0; width:100%; box-sizing:border-box}
	#lnb .select-link > ul{margin-top:15rem; padding:0rem 0rem 13rem; border-radius:0; border-bottom-left-radius:5rem; border-bottom-right-radius:5rem}
	#lnb .select-link > ul a{padding:8rem 20rem; font-weight:300; font-size:14rem}

	#lnb.lnb-select .select-link__btn{font-size:17rem}
	#lnb.lnb-select .select-link:nth-child(2){margin-left:0}
	#lnb.lnb-select{opacity:1 !important; width:calc(100% - 40px); box-sizing:border-box; margin:0 20rem; transform:none !important}
	#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:0}
	#lnb.lnb-select .select-link{width:100%; box-sizing:border-box; margin-left:0}
	#lnb.lnb-select .select-link__btn{padding:0rem 20rem; font-size:14rem}
	#lnb.lnb-select  .select-link__btn::after{right:6rem; background-color:inherit}
	#lnb.lnb-select:not(:has(li:nth-child(2))){display:none}

	#lnb:not(.lnb-select) .select-destroy li a{white-space:nowrap}
	#lnb:not(.lnb-select){width:100% !important; margin:0 !important; background:none}
	#lnb:not(.lnb-select) .select-destroy{padding-left:20rem; overflow-x:scroll}
	#lnb:not(.lnb-select) .select-destroy li:last-child{padding-right:40rem}
	#lnb:not(.lnb-select) .select-destroy li a{opacity:0.5; color:#fff}
	#lnb:not(.lnb-select) .select-destroy li.on a{opacity:1}
	#lnb:not(.lnb-select) .select-destroy li + li{margin-left:10rem}

	#lnb:has(.select-destroy):not(.lnb-select) .select-link__btn::after{display:none}
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top:140rem}

/* header (light) */
#header{background-color:var(--w);}
#header #logo a{background-image:url(../img/layout/logo-header-dark.svg);}
#header #gnb .gnb-item > a{color:var(--b-title);}
#header .gnb-mobile-btn span{background:var(--b-title);}
#header .lang-menu a{color:#aaa;}
#header .lang-menu li.on a{color:var(--c-primary);}
#header .lnag-menu__icon{background-image:url(../img/common/ic-lang.svg);}
#header .lang-menu i{color:var(--b-01);}
#header .lang-menu .select-link__btn::after{background-image:url(../img/board/arrow-select.svg);}
#header .hd-admin-link{color:var(--b-title);}
#header .hd-member__divider{background:var(--op-b10);}
#header .hd-member{border-color:var(--op-b05);}
#header .hd-member__name{color:var(--b-title);}
#header .hd-member__logout{color:var(--b-default);}
#header .hd-member__logout-ico{background-image:url(../img/common/ic-logout-dark.svg);}

#footer{}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	#container:has(.board-page) + #footer{margin-top:100rem}
}

@media (max-width: 540px){
	#container:has(.board-page) + #footer{margin-top:60rem}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative; padding-top:0;}
.sub-content:has(.board-page){padding-top:120rem}

.sub-section{padding:var(--space150) 0;}
.sub-section--top-sm{padding-top:var(--space120);}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:110rem}
}

@media (max-width: 860px){

}

@media (max-width: 540px){
	.sub-content:has(.board-page){padding-top:60rem}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.about-intro__inner{display:flex; align-items:center; justify-content:space-between;}
.about-intro__text{flex:0 0 594rem; width:594rem;}
.about-intro__desc{margin-top:29rem; color:var(--b-desc);}

.about-intro__media{flex:0 0 925rem; width:925rem; display:flex; align-items:center; gap:21rem;}
.about-intro__photo{position:relative; display:block; flex:0 0 452rem; width:452rem; aspect-ratio:452/569;}
.about-intro__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.about-intro__photo::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.36) 17%, rgba(93,64,43,0) 93%), linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.about-intro__photo .grain{opacity:.14;}
.about-intro__photo:last-child .grain{opacity:.07;}

.about-stats{display:flex; align-items:center; gap:166rem; padding-right:101rem; box-sizing:border-box;}
.about-stats__img{position:relative; flex:0 0 1076rem; width:1076rem; aspect-ratio:1076/780;}
.about-stats__img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.about-stats__img::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.36) 17%, rgba(93,64,43,0) 93%), linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.about-stats__img .grain{opacity:.07;}

.about-stats__info{flex:0 0 561rem; width:561rem; display:flex; flex-direction:column; align-items:flex-start; gap:72rem;}
.about-stats__item{display:flex; flex-direction:column; align-items:flex-start; gap:7rem;}
.about-stats__item dt{color:var(--b-desc);}
.about-stats__item dd{font-variant-numeric:tabular-nums;}

.about-press__head{display:flex; flex-direction:column; align-items:flex-start; gap:18rem;}
.about-press__title-row{display:flex; align-items:center; gap:21rem; width:100%;}
.about-press__rule{flex:1; height:1px; background:var(--b-title); transform:scaleX(1); transform-origin:left; transition:var(--trans-blur);}
.about-press__rule.is-hidden{transform:scaleX(0);}
.about-press__write{flex-shrink:0;}
.about-press__desc{color:var(--b-default);}

.about-press__list{margin-top:62rem; column-gap:39rem; row-gap:52rem;}
.press-card{display:block;}
.press-card__link{display:flex; flex-direction:column; align-items:flex-start; gap:24rem;}
.press-card__thumb{position:relative; display:block; width:100%; aspect-ratio:541/340; overflow:hidden; background:var(--bg-surface);}
.press-card__thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.press-card__thumb > img{transition:transform .5s ease; transform-origin:center;}
.press-card__thumb.is-logo{display:flex; align-items:center; justify-content:center;}
.press-card__thumb.is-logo .press-card__logo{position:static; width:114rem; height:32rem; object-fit:contain;}
.press-card__thumb.dim-20::after, .press-card__thumb.dim-07::after, .press-card__thumb.dim-03::after{content:""; position:absolute; inset:0;}
.press-card__thumb.dim-20::after{background:rgba(0,0,0,.2);}
.press-card__thumb.dim-07::after{background:rgba(0,0,0,.07);}
.press-card__thumb.dim-03::after{background:rgba(0,0,0,.03);}

.press-card__play{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:82rem; height:82rem; border-radius:50%; border:2rem solid var(--op-w40); display:flex; align-items:center; justify-content:center;}
.press-card__play img{position:static; width:18rem; height:18rem;}

.press-card__body{display:flex; flex-direction:column; align-items:flex-start; gap:6rem;}
.press-card__title{font-family:var(--lang-ko); font-weight:500; font-size:17rem; line-height:1.411; color:var(--b-title-soft);}
.press-card__date{font-family:var(--lang-ui); font-weight:500; font-size:14rem; line-height:1.428; color:var(--op-b40);}

.about-press__pagination{display:flex; align-items:center; justify-content:center; margin-top:80rem;}
.pagination{display:flex; align-items:center; gap:4rem;}
.pagination__page, .pagination__arrow{width:32rem; height:32rem; display:flex; align-items:center; justify-content:center;}
.pagination__page{font-family:var(--lang-ui); font-weight:600; font-size:17rem; letter-spacing:-0.02em; color:var(--op-b20);}
.pagination__page.on{font-weight:800; color:var(--b-title); position:relative;}
.pagination__page.on::after{content:""; position:absolute; bottom:4rem; left:50%; transform:translateX(-50%); width:18rem; height:2rem; background:var(--b-title);}
.pagination__arrow{gap:2rem;}
.pagination__arrow i{display:block; width:12rem; height:12rem; background:url(../img/common/arrow-pagination.svg) no-repeat 50% 50%; background-size:7rem;}
.pagination__arrow--prev i, .pagination__arrow--first i{transform:rotate(180deg);}

@media (hover: hover) and (pointer: fine){
	.pagination__arrow:not([aria-disabled="true"]):hover i{opacity:.6;}
	.press-card__link:hover .press-card__title{text-decoration:underline;}
	.press-card__link:hover .press-card__thumb > img{transform:scale(1.15);}
}

@media (min-width:2000px){

}
@media (max-width:1600px){

}
@media (max-width:1480px){
	.about-intro__text{flex-basis:500rem; width:500rem;}
	.about-intro__desc{margin-top:26rem;}
	.about-intro__media{flex-basis:780rem; width:780rem; gap:19rem;}
	.about-intro__photo{flex-basis:380rem; width:380rem;}

	.about-stats{gap:120rem; padding-right:70rem;}
	.about-stats__img{flex-basis:760rem; width:760rem;}
	.about-stats__info{flex-basis:400rem; width:400rem; gap:60rem;}

	.about-press__head{gap:17rem;}
	.about-press__title-row{gap:19rem;}
	.about-press__list{margin-top:56rem; column-gap:36rem; row-gap:48rem;}
	.about-press__pagination{margin-top:72rem;}
	.press-card__link{gap:22rem;}
}

/* 노트북 낮은 높이 대응 */
@media all and (min-width:1440px) and (max-width:1600px) and (max-height:700px) {

}

@media (min-width:541px) and (max-width:1480px) and (orientation:portrait),
(min-width:541px) and (max-aspect-ratio:3/4){}

@media all and (max-width:1200px){
	.about-intro__text{flex-basis:420rem; width:420rem;}
	.about-intro__desc{margin-top:23rem;}
	.about-intro__media{flex-basis:658rem; width:658rem; gap:18rem;}
	.about-intro__photo{flex-basis:320rem; width:320rem;}

	.about-stats{gap:90rem; padding-right:60rem;}
	.about-stats__img{flex-basis:610rem; width:610rem;}
	.about-stats__info{flex-basis:320rem; width:320rem; gap:50rem;}

	.about-press__head{gap:16rem;}
	.about-press__title-row{gap:17rem;}
	.about-press__list{margin-top:50rem; column-gap:35rem; row-gap:47rem;}
	.about-press__pagination{margin-top:66rem;}
	.press-card__link{gap:20rem;}
}
@media all and (max-width:1023px){
	.about-intro__inner{flex-direction:column; align-items:flex-start; gap:50rem;}
	.about-intro__text{flex-basis:auto; width:100%;}
	.about-intro__desc{margin-top:20rem;}
	.about-intro__media{flex-basis:auto; width:100%;}
	.about-intro__photo{flex:1 1 0;}

	.about-stats{flex-direction:column; align-items:flex-start; gap:40rem; padding-right:0;}
	.about-stats__img{flex-basis:auto; width:100%;}
	.about-stats__info{flex-basis:auto; width:100%; flex-direction:row; flex-wrap:wrap; gap:40rem;}

	.about-press__head{gap:14rem;}
	.about-press__title-row{gap:15rem;}
	.about-press__list{margin-top:44rem; column-gap:28rem; row-gap:38rem;}
	.about-press__pagination{margin-top:60rem;}
	.press-card__link{gap:18rem;}
}
@media (max-width:860px){
	.about-intro__desc{margin-top:18rem;}
	.about-stats__info{gap:30rem;}

	.about-press__head{gap:13rem;}
	.about-press__title-row{gap:13rem;}
	.about-press__list{margin-top:38rem; column-gap:25rem; row-gap:33rem;}
	.about-press__pagination{margin-top:44rem;}
	.press-card__link{gap:16rem;}
}
@media (max-width: 540px){
	.about-intro{padding-bottom: 6rem !important;}
	.about-intro__desc{margin-top:16rem;}
	.about-intro__media{flex-direction:column;}
	.about-intro__photo{aspect-ratio:auto; height:230rem;}

	.about-intro__media{flex-direction: row; gap:6rem}
	.about-intro__desc br{display: none;}
	.about-intro__inner{gap: 30rem;}

	.about-stats{padding:0 20rem;}
	.about-stats__info{flex-direction:row; gap:66rem; justify-content: center;}
	.about-stats__img{height:160rem}
	.about-stats__item{align-items: center;}

	.about-press__head{gap:12rem;}
	.about-press__title-row{gap:11rem;}
	.about-press__list{margin-top:40rem; row-gap:29rem;}
	.about-press__pagination{margin-top:40rem;}
	.press-card__link{gap:14rem;}

	.pagination{gap:2rem;}
	.pagination__page, .pagination__arrow{width:28rem; height:28rem;}
}

/* 피플 리스트 */
.job-grid{gap:80rem 60rem;}

.job-card__link{display:flex; flex-direction:column; align-items:flex-start; gap:31rem;}
.job-card__photo{position:relative; display:block; width:100%; aspect-ratio:526.67/512;}
.job-card__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:var(--trans-01);}
.job-card__photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.job-card__photo .grain{opacity:.04;}

.job-card__body{display:flex; flex-direction:column; align-items:flex-start; gap:30rem; width:100%; box-sizing:border-box;}
.job-card__head{display:flex; flex-direction:column; align-items:flex-start; gap:14rem;}
.job-card__title-group{display:flex; flex-direction:column; align-items:flex-start; gap:11rem;}

.job-card__foot{display:flex; flex-direction:column; align-items:flex-start; gap:18rem; width:100%; box-sizing:border-box;}
.job-card__line{display:block; width:100%; height:1px; background:var(--br-default);}
.job-card__meta{display:flex; align-items:center; justify-content:space-between; width:100%;}
.job-card__count{color:var(--b-default);}

.people-banner{position:relative; background:#161515; border:1px solid var(--op-w05); box-sizing:border-box;}
.people-banner__inner{display:flex; align-items:center; justify-content:space-between; padding:140rem 0; box-sizing:border-box;}
.people-banner__text{display:flex; flex-direction:column; align-items:flex-start; gap:23rem; flex:0 0 757rem; width:757rem; color:var(--w);}
.people-banner__title-row{position:relative;}
.people-banner__line{position:absolute;right:100%;/* top:50%; *//* transform:translateY(-50%); */margin-right:20rem;top: 60rem;}
.people-banner .main-banner__title span{color:var(--w);}
.people-banner__desc{max-width:448rem; color:var(--b-default);}
.people-banner .main-banner__title em{font-style: italic;}

.people-banner__photo{position:relative; flex:0 0 719rem; width:719rem; aspect-ratio:719/494;}
.people-banner__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.people-banner__photo::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.36) 17%, rgba(93,64,43,0) 93%), linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.people-banner__photo .grain{opacity:.07;}

@media (hover: hover) and (pointer: fine){
	.job-card__link:hover .job-card__photo img{transform:scale(1.04);}
	.job-card__link:hover .btn-basic [data-caption]{letter-spacing:1.3rem;}
}

@media (max-width:1919px){
	.people-banner__line{margin-right:8rem;}
}

@media (max-width:1480px){
	.job-grid{gap:72rem 54rem;}
	.job-card__link{gap:28rem;}
	.job-card__body{gap:27rem;}
	.job-card__head{gap:13rem;}
	.job-card__title-group{gap:10rem;}
	.job-card__foot{gap:16rem;}

	.people-banner__inner{padding:110rem 0;}
	.people-banner__text{flex-basis:620rem; width:620rem; gap:21rem;}
	/* .people-banner__desc{max-width:380rem;} */
	.people-banner__photo{flex-basis:560rem; width:560rem;}
}

@media (max-width:1200px){
	.job-grid{gap:64rem 48rem;}
	.job-card__link{gap:25rem;}
	.job-card__body{gap:24rem;}
	.job-card__head{gap:12rem;}
	.job-card__title-group{gap:9rem;}
	.job-card__foot{gap:14rem;}

	.people-banner__inner{padding:90rem 0;}
	.people-banner__text{flex-basis:520rem; width:520rem; gap:19rem;}
	/* .people-banner__desc{max-width:340rem;} */
	.people-banner__photo{flex-basis:460rem; width:460rem;}
}

@media (max-width:1023px){
	.job-grid{gap:56rem 42rem;}
	.job-card__link{gap:22rem;}
	.job-card__body{gap:22rem;}
	.job-card__head{gap:11rem;}
	.job-card__title-group{gap:8rem;}
	.job-card__foot{gap:13rem;}

	.people-banner__inner{flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:40rem; padding:80rem 0;}
	.people-banner__text{flex-basis:auto; width:100%; gap:17rem;}
	.people-banner__line{position:static; transform:none; margin-right:0;}
	.people-banner__desc{max-width:none; padding-left: 68rem;}
	.people-banner__photo{flex-basis:auto; width:100%;}
}

@media (max-width:860px){
	.job-grid{gap:48rem 36rem;}
	.job-card__link{gap:20rem;}
	.job-card__body{gap:20rem;}
	.job-card__head{gap:10rem;}
	.job-card__foot{gap:12rem;}

	.people-banner__inner{gap:32rem; padding:70rem 0;}
	.people-banner__text{gap:15rem;}
}

@media (max-width:540px){
	.job-grid{gap:32rem;}
	.job-card__link{gap:18rem;}
	.job-card__body{gap:18rem;}
	.job-card__head{gap:9rem;}
	.job-card__title-group{gap:7rem;}
	.job-card__foot{gap:10rem;}

	.people-banner__inner{gap:28rem; padding:60rem 0;}
	.people-banner__text{gap:13rem;}
	.people-banner__desc{padding-left: 30rem;}
}

/* 피플 상세 */
.people-intro{padding:var(--space120) 0 0;}
.people-intro__inner{display:flex; align-items:flex-start; gap:192rem;}
.people-intro__text{flex:0 0 493rem; width:493rem; position:sticky; top:140rem; align-self:flex-start; box-sizing:border-box;}
.people-intro__text p{margin-top:26rem;}

.people-intro__content{flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:42rem; width:100%; box-sizing:border-box;}
.people-intro__photo{position:relative; display:block; width:100%; aspect-ratio:1016/575;}
.people-intro__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.people-intro__photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.people-intro__photo .grain{opacity:.04;}

.people-story{display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.people-story__item{display:flex; align-items:center; gap:44rem; width:100%; padding:35rem 0; border-bottom:1px solid var(--br-default); box-sizing:border-box;}
.people-story__item:first-child{padding-top:0;}
.people-story__item:last-child{padding-bottom:0; border-bottom:0;}
.people-story__num{flex:0 0 130rem; width:130rem; font-family:var(--lang-en); font-size:84rem; line-height:1; color:var(--op-b05);}
.people-story__body{display:flex; flex-direction:column; align-items:flex-start; gap:6rem; flex:1;}

.people-stats-wrap{padding:var(--space120) 0 var(--space150);}
.people-stats{gap:10rem;}
.people-stats__item{display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; height:232rem; padding:32rem; background:var(--bg-surface); box-sizing:border-box;}
.people-stats__value{display:flex; flex-direction:column; align-items:flex-start; gap:8rem;}
.people-stats__value span{color:var(--b-desc);}

.people-members{padding-bottom:var(--space170);}
.people-members__head--wrap{text-align: right;}
.people-members__head{display:flex; align-items:center; gap:21rem;}
.people-members__line{flex:1; height:1px; background:var(--b-title);}
.people-members__title{display:flex; flex-direction:column; align-items:flex-end; gap:6rem; text-align:right;}

.people-members__grid{margin-top:44rem; gap:42rem;}

.member-card{display:flex; flex-direction:column; align-items:flex-start; gap:24rem;}
.member-card__photo{position:relative; display:block; width:100%; aspect-ratio:538.67/460; background:var(--bg-surface);}
.member-card__photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:var(--trans-01);}
.member-card__photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 60%);}
.member-card__photo .grain{opacity:.04;}
.member-card__info{display:flex; flex-direction:column; align-items:flex-start; gap:6rem;}
.member-card__role{font-family:var(--lang-ui); font-size:14rem; line-height:1.428; letter-spacing:0; color:var(--c-gold);}
.member-card__name{font-size:18rem; line-height:1.388; font-weight:500; color:var(--b-title);}

@media (hover: hover) and (pointer: fine){
	.member-card:hover .member-card__photo img{transform:scale(1.04);}
}

@media (max-width:1480px){
	.people-intro__inner{gap:140rem;}
	.people-intro__text{flex-basis:440rem; width:440rem;}
	.people-intro__content{gap:36rem;}
	.people-story__num{flex-basis:110rem; width:110rem; font-size:74rem;}
	.people-story__item{gap:36rem; padding:30rem 0;}

	.people-stats__item{padding:28rem; height:210rem;}

	.people-members__head{gap:19rem;}
	.people-members__title{gap:5rem;}
	.people-members__grid{margin-top:38rem; gap:36rem;}
	.member-card{gap:20rem;}
}

@media (max-width:1200px){
	.people-intro__inner{gap:100rem;}
	.people-intro__text{flex-basis:380rem; width:380rem;}
	.people-story__num{flex-basis:96rem; width:96rem; font-size:64rem;}
	.people-story__item{gap:32rem; padding:28rem 0;}

	.people-stats__item{padding:26rem; height:200rem;}

	.people-members__head{gap:17rem;}
	.people-members__title{gap:4rem;}
	.people-members__grid{margin-top:34rem; gap:32rem;}
	.member-card{gap:18rem;}
}

@media (max-width:1023px){
	.people-intro__inner{flex-direction:column; gap:50rem;}
	.people-intro__text{flex-basis:auto; width:100%; position:static; top:auto;}
	.people-intro__content{gap:30rem;}
	.people-story__num{flex-basis:80rem; width:80rem; font-size:54rem;}
	.people-story__item{gap:28rem; padding:24rem 0;}

	.people-stats__item{padding:24rem; height:190rem;}

	.people-members__head{gap:15rem;}
	.people-members__grid{margin-top:30rem; gap:28rem;}
	.member-card{gap:16rem;}
	.member-card__name{font-size:17rem;}
}

@media (max-width:860px){
	.people-intro__text p{margin-top:20rem;}
	.people-intro__content{gap:26rem;}
	.people-story__num{flex-basis:64rem; width:64rem; font-size:46rem;}
	.people-story__item{gap:24rem; padding:22rem 0;}

	.people-stats__item{padding:22rem; height:180rem;}

	.people-members__head{gap:14rem;}
	.people-members__grid{margin-top:26rem; gap:24rem;}
	.member-card{gap:14rem;}
}

@media (max-width:540px){
	.people-intro__text p{margin-top:16rem;}
	.people-intro__content{gap:22rem;}
	.people-story__num{flex-basis:48rem; width:48rem; font-size:36rem;}
	.people-story__item{gap:18rem; padding:18rem 0; align-items: flex-start;}
	.people-story__body{gap:4rem;}

	.people-stats__item{height:auto; padding:24rem; gap: 30rem;}
	.people-stats__value{gap:4rem;}

	.people-members__head{flex-wrap:wrap; gap:12rem;}
	.people-members__grid{margin-top:24rem; gap:14rem;}
	.member-card{gap:12rem;}
	.member-card__role{font-size:13rem;}
	.member-card__name{font-size:16rem;}
}

/* Reward */
.reward-delivered{padding-top:var(--space120); padding-bottom:var(--space150);}
.reward-delivered__head{display:flex; flex-direction:column; align-items:flex-start;}
.reward-delivered__head p{margin-top:26rem;}

.reward-boxes{display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; margin-top:65rem;}
.reward-box{display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; height:336rem; padding:40rem 42rem 41rem 40rem; background:var(--bg-surface); box-sizing:border-box;}
.reward-box__num{font-family:var(--lang-en); font-weight:300; font-size:var(--font-90); line-height:0.778; color:var(--op-b05);}
.reward-box__body{display:flex; flex-direction:column; align-items:flex-start; gap:22rem; width:100%;}
.reward-box__value-group{display:flex; flex-direction:column; align-items:flex-start; gap:11rem;}
.reward-box__value{font-family:var(--lang-ko); font-size:24rem; line-height:1.291; font-weight:400; letter-spacing:-0.01em; color:var(--b-title);}

.reward-showcase{padding-bottom:var(--space170);}
.reward-showcase .showcase-admin-bar{margin-top:36rem;}

@media (max-width:1480px){
	.reward-boxes{margin-top:56rem; grid-template-columns:repeat(3,1fr)}
	.reward-box{height:290rem; padding:34rem 36rem 35rem 34rem;}
	.reward-box__body{gap:19rem;}
	.reward-box__value-group{gap:9rem;}
	.reward-box__value{font-size:22rem;}
	.reward-showcase .showcase-admin-bar{margin-top:32rem;}
}

@media (max-width:1200px){
	.reward-boxes{margin-top:48rem;}
	.reward-box{height:280rem; padding:28rem 30rem 29rem 28rem;}
	.reward-box__body{gap:16rem;}
	.reward-box__value-group{gap:8rem;}
	.reward-showcase .showcase-admin-bar{margin-top:28rem;}
}

@media (max-width:1023px){
	.reward-boxes{grid-template-columns:repeat(2, 1fr); margin-top:40rem;}
	.reward-box{height:auto; min-height:220rem; padding:26rem 28rem;}
	.reward-box__body{gap:14rem;}
	.reward-box__value-group{gap:7rem;}
	.reward-box__value{font-size:21rem;}
	.reward-showcase .showcase-admin-bar{margin-top:24rem;}
}

@media (max-width:860px){
	.reward-delivered__head p{margin-top:20rem;}
	.reward-box{padding:22rem 24rem; gap: 60rem;}
	.reward-box__body{gap:12rem;}
	.reward-box__value-group{gap:6rem;}
	.reward-showcase .showcase-admin-bar{margin-top:20rem;}
}

@media (max-width:540px){
	.reward-delivered__head p{margin-top:16rem;}
	.reward-boxes{grid-template-columns:1fr; margin-top:30rem;}
	.reward-box{min-height:auto; padding:24rem;}
	.reward-box__value{font-size:19rem;}
	.reward-showcase .showcase-admin-bar{margin-top:16rem;}

	.showcase-admin-bar a.btn.btn-write,
	.about-press__head a.btn.btn-write{padding:9rem 28rem}
}

/* Culture */
.culture-gallery{padding-top:var(--space120); padding-bottom:var(--space170);}
.culture-gallery .main-showcase__grid{margin-top:0;}

@media (max-width: 1200px) and (hover: hover) and (pointer: fine){}