@charset "utf-8";

/*
* File       : site-custom.css
* Author     : B-WORKER
*      
 * SUMMARY:
 * 0) ROOT
 * 1) WRAP
 * 2) SITE CUSTOM 
    - 사이트 전반적으로 함께 쓰이는 속성
	- 메인, 서브 함께 쓰이는 속성
*/

/* **************************************** *
 * font set
 * **************************************** */
body{font-size:var(--default); line-height:var(--lh-default); color:var(--b-default); font-weight:400; word-break:keep-all; letter-spacing:-0.01em;}
body, input, textarea, button, select{font-family:'Nyght Serif',"Noto Sans KR", '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
p, li{font-family: var(--lang-ko); font-weight: 400;}

@media (max-width:860px){
	body, p, li, a{font-family:-apple-system, BlinkMacSystemFont, Sans-serif; text-wrap:balance;}
}

@media (max-width:540px){
	body{letter-spacing:-0.02em;}
}

/* **************************************** *
 * global root
 * **************************************** */

 :root {
    /* 포인트 */
	--c-primary: #A98950;
	--c-secondary: #2579EE;
	--c-gold: #A98950;

    /* title / body */
	--b-title:#111;
	--b-default:#9B9B9B;
	--b-desc:#787878;
	--b-body:#666666;
	--b-title-soft:#222221;
	--b-feed:#262626;

	/* 게시판 세팅용 */
	--b-01:var(--b-title);
	--border-01: #eee;

	--w: #fff;

	/* background-color */
	--bg-default: #212027;
	--bg-surface: #f8f8f8;
	--bg-dark: #161515;

	/* border 안쓰면 빼세요*/
	--br-default: #E1E1E1;

	 /* 폰트 사용 */
	--lang-en:'Nyght Serif';
	--lang-ko:'Noto Sans KR';
    --caption:'Nanum Myeongjo';
	--lang-ui:'Manrope';

	/* 폰트사이즈 */
	--default:16rem;
	--lh-default:1.5625;

	--font-96:96rem;
	--font-90:90rem;
	--font-87:87rem;
	--font-80:80rem;
    --font-70:70rem;
    --font-62:62rem;
	--font-58:58rem;
	--font-54:54rem;
    --font-35:35rem;
    --font-32:32rem;
    --font-28:28rem;
    --font-27:27rem;
    --font-24:24rem;
    --font-18:18rem;
    --font-16:16rem;
    --font-14:14rem;
    --font-13:13rem;

    /* 폰트 weight */
    --weight-100:100;
    --weight-200:200;
    --weight-300:300;
    --weight-400:400;
    --weight-500:500;
    --weight-600:600;
    --weight-700:700;
    --weight-800:800;
    --weight-900:900;

	/* 간격 */
    --space170:170rem;
    --space150:150rem;
    --space140:140rem;
    --space130:130rem;
    --space120:120rem;
    --space110:110rem;
    --space100:100rem;
    --space80:80rem;

	/* 투명도 블랙 */
    --op-b05:rgba(0,0,0,.05);
    --op-b10:rgba(0,0,0,.1);
    --op-b20:rgba(0,0,0,.2);
    --op-b30:rgba(0,0,0,.3);
    --op-b40:rgba(0,0,0,.4);
    --op-b50:rgba(0,0,0,.5);
    --op-b60:rgba(0,0,0,.6);
    --op-b70:rgba(0,0,0,.7);
    --op-b80:rgba(0,0,0,.8);
    --op-b90:rgba(0,0,0,.9);

	/* showcase 그리드 딤 */
    --showcase-dim:rgba(0,0,0,.29);

	/* showcase 마소너리 간격 */
    --showcase-col-gap:10rem;
    --showcase-row-gap:12rem;

	/* 투명도 화이트 */
    --op-w05:rgba(255,255,255,.05);
    --op-w10:rgba(255,255,255,.1);
    --op-w20:rgba(255,255,255,.2);
    --op-w30:rgba(255,255,255,.3);
    --op-w40:rgba(255,255,255,.4);
    --op-w50:rgba(255,255,255,.5);
    --op-w60:rgba(255,255,255,.6);
    --op-w70:rgba(255,255,255,.7);
    --op-w80:rgba(255,255,255,.8);
    --op-w90:rgba(255,255,255,.9);
	
	/* 트렌지션 */
	--trans-01:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-02:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-03:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-04:all 0.5s ease;
	--trans-blur:filter 1.1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
	--trans-img:transform 1.2s cubic-bezier(0.27, 0, 0.58, 1);
}

/* 폰트 시스템 */
[data-heading]{font-family:var(--lang-ko); color:var(--b-title);}
[data-heading="5xl"]{font-size:var(--font-80); line-height:1.0625; font-weight:600;}
[data-heading="4xl"]{font-size:var(--font-62); line-height:1.338; font-weight:700;}
[data-heading="3xl"]{font-size:var(--font-54); line-height:1.314; font-weight:700;}
[data-heading="2xl"]{font-size:var(--font-35); line-height:1.285; font-weight:700;}
[data-heading="2xl-rg"]{font-size:var(--font-32); line-height:1.5; font-weight:400;}
[data-heading="xl"]{font-size:var(--font-27); line-height:1.333; font-weight:700;}
[data-heading="lg"]{font-size:var(--font-24); line-height:1.375; font-weight:700;}
[data-heading="md"]{font-size:var(--font-18); line-height:1.44; font-weight:600;}

[data-heading-en]{font-family:var(--lang-en); color:var(--b-title);}
[data-heading-en="6xl"]{font-size:var(--font-96); line-height:1; font-weight:300; letter-spacing:0.05em;}
[data-heading-en="5xl"]{font-size:var(--font-87); line-height:1.06; font-weight:300;}
[data-heading-en="4xl"]{font-size:var(--font-70); line-height:1; font-weight:300; letter-spacing:0.05em;}
[data-heading-en="2xl"]{font-size:var(--font-58); line-height:1.207; font-weight:300;}
[data-heading-en="xl"]{font-size:var(--font-28); line-height:1.392; font-weight:300;}
[data-heading-en="lg"]{font-size:var(--font-35); line-height:1.4; font-weight:300;}
[data-heading-en="3xl"]{font-size:var(--font-90); line-height:1.15; font-weight:300;}

[data-body="lg"]{font-size:var(--font-18); line-height:1.389;}
[data-body="sm"]{font-size:var(--font-14); line-height:1.428;}
[data-body="xsm"]{font-size:var(--font-13); line-height:1.44;}

/* caption 시스템 */
[data-caption]{font-family:var(--caption); font-size:var(--font-13); line-height:1.077; font-weight:800; letter-spacing:0;}
[data-caption="lg"]{font-size:var(--font-14); line-height:0.928; font-weight:700;}

/* font-weight 시스템 */
.fw-100{font-weight:var(--weight-100);}
.fw-200{font-weight:var(--weight-200);}
.fw-300{font-weight:var(--weight-300);}
.fw-400{font-weight:var(--weight-400);}
.fw-500{font-weight:var(--weight-500);}
.fw-600{font-weight:var(--weight-600);}
.fw-700{font-weight:var(--weight-700);}
.fw-800{font-weight:var(--weight-800);}
.fw-900{font-weight:var(--weight-900);}

/* 컬러 시스템 */
.c-primary{color:var(--c-primary);}
.c-secondary{color:var(--c-secondary);}
.c-gold{color:var(--c-gold);}
.b-title{color:var(--b-title);}
.b-desc{color:var(--b-desc);}
.bg-default{background-color:var(--bg-default);}
.bg-dark{background-color:var(--bg-dark);}
.bg-surface{background-color:var(--bg-surface);}

/* boarder 값 기본 셋 */
[data-radius]{overflow:hidden;}
[data-radius="20"]{border-radius:max(1.0417vw, 10rem);}
[data-radius="30"]{border-radius:max(1.5625vw, 15rem);}

[data-border]{border:1px solid;}
[data-border="default"]{border-color:var(--br-default);}

/* 텍스트 블러 리빌 */
.text-blur-reveal{transition:var(--trans-blur);}
.text-blur-reveal.is-hidden{opacity:0; filter:blur(30rem); transform:translateY(15rem);}
.text-blur-reveal.is-hidden.is-hidden--far{transform:translateY(15rem);}

/* 이미지 스케일 리빌 */
[data-img-reveal]{overflow:hidden;}
[data-img-reveal].img-reveal img{transition:var(--trans-img);}
[data-img-reveal].img-reveal.is-hidden img{transform:scale(1.18);}

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

    }
}

@media (max-width:1480px){
	:root{
    --font-96:78rem;
    --font-90:83rem;
    --font-87:80rem;
    --font-80:74rem;
    --font-70:62rem;
    --font-62:58rem;
    --font-58:54rem;
    --font-54:50rem;
    --font-35:34rem;
    --font-32:31rem;
    --font-28:27rem;
    --font-27:26rem;
    --font-24:23rem;
    --font-18:18rem;
    --font-16:16rem;

    --space170:138rem;
    --space150:122rem;
    --space140:114rem;
    --space130:106rem;
    --space120:98rem;
    --space110:89rem;
    --space100:81rem;
    --space80:65rem;
    }
}

@media all and (max-width:1200px){
	:root{
    --font-96:66rem;
    --font-90:72rem;
    --font-87:70rem;
    --font-80:64rem;
    --font-70:54rem;
    --font-62:52rem;
    --font-58:48rem;
    --font-54:46rem;
    --font-35:32rem;
    --font-32:29rem;
    --font-28:26rem;
    --font-27:26rem;
    --font-24:22rem;
    --font-18:17rem;
    --font-16:16rem;

    --space170:117rem;
    --space150:103rem;
    --space140:96rem;
    --space130:89rem;
    --space120:83rem;
    --space110:76rem;
    --space100:69rem;
    --space80:55rem;
    }
}

@media all and (max-width:1023px){
	:root{
    --font-96:56rem;
    --font-90:63rem;
    --font-87:61rem;
    --font-80:54rem;
    --font-70:46rem;
    --font-62:46rem;
    --font-58:42rem;
    --font-54:40rem;
    --font-35:31rem;
    --font-32:28rem;
    --font-28:25rem;
    --font-27:25rem;
    --font-24:22rem;
    --font-18:17rem;
    --font-16:15rem;

    --space170:100rem;
    --space150:88rem;
    --space140:82rem;
    --space130:76rem;
    --space120:70rem;
    --space110:64rem;
    --space100:58rem;
    --space80:47rem;
    }
}

@media (max-width:860px){
	:root{
    --default:15rem;
    --font-96:46rem;
    --font-90:54rem;
    --font-87:52rem;
    --font-80:46rem;
    --font-70:39rem;
    --font-62:40rem;
    --font-58:37rem;
    --font-54:36rem;
    --font-35:29rem;
    --font-32:27rem;
    --font-28:24rem;
    --font-27:24rem;
    --font-24:21rem;
    --font-18:16rem;
    --font-16:15rem;

    --space170:82rem;
    --space150:72rem;
    --space140:67rem;
    --space130:62rem;
    --space120:58rem;
    --space110:53rem;
    --space100:48rem;
    --space80:38rem;
    }
}

@media (max-width: 540px){
	:root{
    --default:14rem;
    --font-96:36rem;
    --font-90:46rem;
    --font-87:44rem;
    --font-80:38rem;
    --font-70:31rem;
    --font-62:34rem;
    --font-58:32rem;
    --font-54:30rem;
    --font-35:27rem;
    --font-32:25rem;
    --font-28:23rem;
    --font-27:23rem;
    --font-24:20rem;
    --font-18:16rem;
    --font-16:14rem;

    --space170:63rem;
    --space150:56rem;
    --space140:53rem;
    --space130:49rem;
    --space120:45rem;
    --space110:41rem;
    --space100:38rem;
    --space80:30rem;
    }
}

/* **************************************** *
 * wrapper
 * **************************************** */
*[class^="wrap"]{position:relative; margin:0 auto;}

.sub-inner{margin:0 var(--margin);}

.wrap{max-width:1520rem;}
.wrap-wide{max-width:1700rem;}
.wrap-xwide{max-width:1844rem;}

/* 빼지마세요 */
.wrap-narrow{max-width:1206rem;}

@media all and (max-width:1919px){
	.wrap-wide{margin:0 60rem; max-width:none;}
	.wrap-xwide{margin:0 30rem; max-width:none;}
}

@media all and (max-width:1680px){
	.wrap{margin: 0 180rem;max-width:none;}
}

@media all and (max-width:1023px){
	*[class^="wrap"]{margin:0 40rem; max-width:none; width:auto;}
}

@media all and (max-width:540px){
	*[class^="wrap"]{margin:0 20rem;}
}

/* **************************************** *
 * swiper set
 * 
 * 사이트 기본 슬라이드 스타일에 맞게 마음껏 수정하면 됩니다.
 * 특정 페이지에서만 다른 스타일 슬라이드를 사용한다면 부모 클레스 상쇄하여 사용 
 * **************************************** */
.swiper-controls{display:flex; justify-content:center; align-items:center;}
.swiper-controls .wrap *{cursor:pointer;}
.swiper-controls > div{cursor:pointer;}
.swiper-controls *[class^="swiper-btn--"]{position:relative; width:30rem; height:30rem; cursor:pointer; display:flex; align-items:center; margin:0 25rem; font-size:16rem; font-weight:600;}
.swiper-controls *[class^="swiper-btn--"]::after{content:""; display:block; min-width:30rem; height:30rem; background:url(/theme/basic/img/common/arrow-basic.svg) no-repeat 50% 50%; background-size:8rem;}
.swiper-controls .swiper-btn--prev{flex-direction:row-reverse;}
.swiper-controls .swiper-btn--next::after{/* transform:rotate(-90deg); */}
.swiper-controls .swiper-btn--prev::after{transform:rotate(180deg);}
.swiper-controls .swiper-button-disabled{opacity:0.5;}

.swiper-container img{width:100%;}

.button-next.swiper-button-disabled, .button-prev.swiper-button-disabled{opacity:0.5;}

.swiper-pagination-bullet{width:10rem; height:10rem; background:#b7b7b7; border-radius:100%;}
.swiper-pagination{display:flex; gap:15rem;}
.swiper-pagination-bullet-active{opacity:1; background:var(--c-primary);}

@media (max-width:1480px){
	.swiper-pagination{gap:14rem;}
}

@media (max-width:1200px){
	.swiper-pagination{gap:13rem;}
}

@media all and (max-width:1023px){
	.swiper-pagination{gap:12rem;}
}

@media (max-width:860px){
	.swiper-pagination{gap:11rem;}
}

@media (max-width:540px){
	.swiper-pagination{gap:10rem;}
}

/* **************************************** *
 * site custom
 * **************************************** */

/* button common */
*.btn-default{display:inline-flex; justify-content:space-between; align-items:center; position:relative; box-sizing:border-box; padding:23rem 30rem; background:var(--c-primary); border:1px solid var(--c-primary); font-weight:600; font-size:15rem; color:var(--w); min-width:190rem; transition:var(--trans-01); border-radius:100rem;}
*.btn-default::after{content:""; display:block; height:11rem; margin-left:20rem; background-position:50% 50%; min-width:11rem; background-image:url(../img/common/arrow-basic_w.svg); background-repeat:no-repeat;}

@media (hover: hover) and (pointer: fine){
	*.btn-default:hover{background:#422694; color:#fff !important; border-color:#422694;}
}

@media (max-width:1480px){
	*.btn-default::after{margin-left:18rem;}
}

@media (max-width:1200px){
	*.btn-default::after{margin-left:16rem;}
}

@media all and (max-width:1023px){
	*.btn-default::after{margin-left:14rem;}
}

@media (max-width:860px){
	*.btn-default::after{margin-left:12rem;}
}

@media (max-width: 540px){
	*.btn-default{padding:19rem 20rem; font-size:14rem; min-width:160rem; display:flex;}
	*.btn-default::after{margin-left:10rem;}
}

/* **************************************** *
 * shared: grain / main-title / btn-basic
 * **************************************** */
.grain{position:absolute; inset:0; pointer-events:none; background-image:url(../img/common/noise-texture.png); background-repeat:repeat; background-position:0 0; background-size:1024rem 1024rem;}

.main-title{display:flex; align-items:center; gap:21rem;}
.main-title__line{flex:0 0 52rem; width:52rem; height:1px; background:currentColor; transform:scaleX(1); transform-origin:left; transition:var(--trans-blur);}
.main-title__line.is-hidden{transform:scaleX(0);}

.main-title-group{display:flex; flex-direction:column; align-items:flex-start;}
.main-title-group__desc{padding-left:71rem; margin-top:46rem;}

.main-title-block--right{display:flex; flex-direction:column; align-items:flex-end; gap:12rem;}
.main-title-block--right .main-title{width:100%;}
.main-title-block--right .main-title__line{flex:1 1 auto; width:auto;}
.main-title-block--right .main-title :is(h2,h3){text-align:right;}
.main-title-block--right > p{text-align:right;}

.main-title-row{display:flex; align-items:flex-end; justify-content:space-between; gap:20rem;}
.main-title-row > p{text-align:right;}

.btn-basic{display:inline-flex; flex-direction:column; align-items:flex-start; gap:2rem; color:var(--b-title);}
.btn-basic__line{display:block; width:100%; height:1px; background:currentColor;}
.btn-basic [data-caption]{transition:letter-spacing .3s ease;}

@media (hover:hover) and (pointer:fine){
	.btn-basic:hover [data-caption]{letter-spacing:1.3rem;}
}

@media (max-width:1480px){
	.main-title{gap:19rem;}
	.main-title-row{gap:18rem;}
}

@media (max-width:1200px){
	.main-title{gap:17rem;}
	.main-title-row{gap:16rem;}
}

@media (max-width:1023px){
	.main-title{gap:15rem;}
	.main-title-row{gap:14rem;}
}

@media (max-width:860px){
	.main-title{gap:13rem;}
	.main-title-row{gap:12rem;}
}

@media (max-width:540px){
	.main-title{gap:11rem;}
	.main-title__line{flex-basis: 20rem;width: 20rem;}
	.main-title-group__desc{padding-left:31rem; margin-top:20rem;}
	.main-title-row{gap:10rem;}
}

/* **************************************** *
 * shared: showcase 그리드 (JS 마소너리)
 * **************************************** */
.showcase-admin-bar{display:flex; align-items:center; justify-content:flex-start; gap:20rem; margin-bottom:20rem;}
.showcase-admin-bar .btn-write{margin-left:auto;}

.showcase-admin-bar__bulk{display:flex; align-items:center; gap:16rem;}

.showcase-admin-bar__chkall{position:relative; display:flex; align-items:center; gap:6rem; cursor:pointer;}
.showcase-admin-bar__chkall input[type="checkbox"]{position:absolute; top:0; left:0; width:16rem; height:16rem; margin:0; opacity:0; cursor:pointer;}
.showcase-admin-bar__chkall-box{position:relative; display:block; width:16rem; height:16rem; box-sizing:border-box; border-radius:3rem; border:1px solid var(--op-b30); background:var(--w);}
.showcase-admin-bar__chkall-box::after{content:""; position:absolute; inset:0; background-color:var(--w); -webkit-mask:url(../img/member/ic-check.svg) no-repeat center/10rem; mask:url(../img/member/ic-check.svg) no-repeat center/10rem; opacity:0;}
.showcase-admin-bar__chkall input[type="checkbox"]:checked + .showcase-admin-bar__chkall-box{background:var(--c-primary); border-color:var(--c-primary);}
.showcase-admin-bar__chkall input[type="checkbox"]:checked + .showcase-admin-bar__chkall-box::after{opacity:1;}

.showcase-admin-bar__tools{display:flex; align-items:center; gap:8rem;}
.showcase-admin-bar__tools button{display:flex; align-items:center; justify-content:center; gap:6rem; height:34rem; padding:0 14rem; border:1px solid var(--op-b20); border-radius:4rem; background:var(--w); color:var(--b-title);}

.main-showcase__grid{position:relative; margin-top:44rem;}
.main-showcase__grid li{position:absolute; top:0; left:0;}
.main-showcase__grid a, .showcase-feed__body a{display:block; width:100%;}
.main-showcase__grid img, .showcase-feed__body img{display:block; width:100%; height:auto;}

.showcase-card__chk{position:absolute; top:14rem; left:14rem; z-index:3; display:block; width:24rem; height:24rem; cursor:pointer;}
.showcase-card__chk input[type="checkbox"]{position:absolute; inset:0; margin:0; opacity:0; cursor:pointer; z-index:2;}
.showcase-card__chk-box{position:absolute; inset:0; box-sizing:border-box; border-radius:4rem; border:1px solid var(--op-w40); background:var(--op-b30);}
.showcase-card__chk-box::after{content:""; position:absolute; inset:0; background-color:var(--w); -webkit-mask:url(../img/member/ic-check.svg) no-repeat center/14rem; mask:url(../img/member/ic-check.svg) no-repeat center/14rem; opacity:0; transition:var(--trans-01);}
.showcase-card__chk input[type="checkbox"]:checked + .showcase-card__chk-box{background:var(--c-primary); border-color:var(--c-primary);}
.showcase-card__chk input[type="checkbox"]:checked + .showcase-card__chk-box::after{opacity:1;}

.showcase-card__head{display:none;}
.showcase-card__caption{display:none;}
.showcase-card__media{position:relative; display:block; overflow:hidden; background:var(--op-b05);}

.main-showcase__grid .showcase-card__media::after, .showcase-feed__body .showcase-card__media::after{content:""; position:absolute; inset:0; pointer-events:none; opacity:0; background:var(--showcase-dim); transition:var(--trans-01);}
.main-showcase__grid .showcase-card__media.is-loaded::after, .showcase-feed__body .showcase-card__media.is-loaded::after{opacity:1;}

.main-showcase__grid .grain, .showcase-feed__body .grain{opacity:0; transition:var(--trans-01);}
.main-showcase__grid .showcase-card__media.is-loaded .grain, .showcase-feed__body .showcase-card__media.is-loaded .grain{opacity:.04;}

.showcase-card__media img{opacity:0; filter:blur(20rem); transition:var(--trans-01); transform-origin:center;}
.showcase-card__media img.is-loaded{opacity:1;}
.showcase-card__media.is-revealed img{filter:blur(0);}

@media (hover:hover) and (pointer:fine){
	.main-showcase__grid a:hover .showcase-card__media img, .showcase-feed__body a:hover .showcase-card__media img{transform:scale(1.15);}
}

@media (prefers-reduced-motion:reduce){
	.showcase-card__media img{opacity:1; filter:none; transition:none;}
	.main-showcase__grid .showcase-card__media::after, .showcase-feed__body .showcase-card__media::after{opacity:1; transition:none;}
	.main-showcase__grid .grain, .showcase-feed__body .grain{opacity:.1; transition:none;}
}

.main-showcase__icon{position:absolute; top:40rem; right:40rem; z-index:2; width:20rem; height:20rem; pointer-events:none;}
.main-showcase__icon img{display:block; width:100%; height:100%;}
.main-showcase__icon--play{width:21rem; height:21rem;}

.showcase-card__head .showcase-card__name{color:var(--b-feed);}
.showcase-card__caption p:first-child{color:var(--b-feed);}

.showcase-card__caption-head{display:flex;flex-direction:column;align-items:flex-start;gap: 24rem;width:100%;}

.showcase-card__caption-row{position:relative; width:100%;}

.showcase-card__caption-text{display:block; overflow:hidden; width:100%;}
.showcase-card__caption-text.is-expanded{overflow:visible;}
.showcase-card__ellipsis{margin-left:1rem;}

.showcase-card__more{display:none; margin-left:4rem; padding:0; line-height:inherit; color:var(--b-desc); vertical-align:baseline;}
.showcase-card__more.is-visible{display:inline;}

.main-showcase__loader{display:flex; align-items:center; justify-content:center; width:100%; margin-top:var(--space140);}
.main-showcase__spinner{width:30rem; height:30rem; border-radius:100%; border:3rem solid var(--op-b10); border-top-color:var(--b-title); opacity:0; transition:opacity .3s ease;}
.main-showcase__loader.is-active .main-showcase__spinner{opacity:1;}

@media (prefers-reduced-motion:no-preference){
	.main-showcase__loader.is-active .main-showcase__spinner{animation:showcase-spin .8s linear infinite;}
}

@keyframes showcase-spin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

@media (max-width:1023px){
	.showcase-card__caption-head{gap:16rem;}
	.showcase-admin-bar{margin-bottom:18rem; gap:16rem; flex-wrap:wrap;}
	.showcase-admin-bar__tools button{height:32rem; padding:0 12rem; gap:5rem;}
	.main-showcase__grid{margin-top:60rem; margin-left:-40rem; margin-right:-40rem; display:grid; grid-template-columns:repeat(3, 1fr); gap:3rem;}
	.main-showcase__grid li{position:relative;}
	.main-showcase__grid .showcase-card__media{aspect-ratio:3/4;}
	.main-showcase__grid .showcase-card__media img{width:100%; height:100%; object-fit:cover;}
	.showcase-card__chk{top:10rem; left:10rem; width:22rem; height:22rem;}

	.main-showcase__icon{top:7rem; right:7rem; width:18rem; height:18rem;}
	.main-showcase__icon--play{width:19rem; height:19rem;}
}

@media (max-width:860px){
	.showcase-admin-bar{margin-bottom:16rem; gap:14rem;}
	.main-showcase__grid{margin-top:50rem;}
	.showcase-feed__body{gap:32rem;}
}

@media (max-width:540px){
	.showcase-admin-bar{margin-bottom:14rem; gap:10rem;}
	.showcase-admin-bar__bulk{gap:12rem;}
	.showcase-admin-bar__tools{gap:6rem;}
	.showcase-admin-bar__tools button{height:28rem; padding:0 10rem; gap:4rem;}
	.main-showcase__grid{margin-top:40rem; margin-left:-20rem; margin-right:-20rem; gap:2rem;}
	.showcase-card__avatar{width:28rem; height:28rem;}
	.showcase-card__chk{top:8rem; left:8rem; width:18rem; height:18rem;}
	.main-showcase__icon{top:6rem; right:6rem; width:16rem; height:16rem;}
	.main-showcase__icon--play{width:17rem; height:17rem;}
	.main-showcase__spinner{width:24rem; height:24rem; border-width:2rem;}
	.showcase-feed__head{height:46rem;}
	.showcase-feed__back{width:28rem; height:28rem;}
	.showcase-feed__back svg{width:15rem; height:15rem;}
	.showcase-feed__body{gap:24rem; padding:62rem 16rem 48rem;}
	.showcase-card__counter{top:6rem; right:6rem; font-size: 12rem; padding:2rem 7rem;}
	.showcase-card__counter--left{right:auto; left:6rem;}
	.showcase-card__menu{width:13rem; height:12rem;}
	.showcase-card__menu::before{width:2.5rem; height:2.5rem; box-shadow:5rem 0 0 var(--b-default), 10rem 0 0 var(--b-default);}
	.showcase-card__date, .showcase-popup__date{font-size:12rem;}
	.showcase-feed__body .showcase-card__dots{gap:5rem;}
	.showcase-feed__body .showcase-card__dots .swiper-pagination-bullet{width:5rem; height:5rem;}
}

/* **************************************** *
 * shared: showcase-feed (모바일 전체화면 피드)
 * **************************************** */
.showcase-feed{display:none; position:fixed; inset:0; z-index:1100; flex-direction:column; background:var(--w);}
.showcase-feed.is-active{display:flex;}

.showcase-feed__head{position:absolute; top:0; left:0; right:0; z-index:2; display:flex; align-items:center; justify-content:center; height:52rem; background:var(--w); border-bottom:1px solid var(--op-b10); transition:var(--trans-04);}
.showcase-feed__head.is-scrolled{background:var(--op-w80); backdrop-filter:blur(12rem); -webkit-backdrop-filter:blur(12rem);}

.showcase-feed__back{position:absolute; top:50%; left:16rem; z-index:1; display:flex; align-items:center; justify-content:center; width:32rem; height:32rem; border-radius:100%; background:var(--w); box-shadow:0 2rem 8rem var(--op-b20); color:var(--b-title); transform:translateY(-50%);}
.showcase-feed__back svg{display:block; width:18rem; height:18rem;}

.showcase-feed__title{color:var(--b-feed);}

.showcase-feed__body{flex:1; overflow-y:auto; display:flex; flex-direction:column; align-items:stretch; gap:40rem; padding:72rem 16rem 60rem;}
.showcase-feed__body a{display:flex; flex-direction:column; align-items:stretch; gap:12rem;}

.showcase-feed__body .showcase-card__media{margin-left:-16rem; margin-right:-16rem;}

.showcase-feed__body .showcase-card__head{display:flex; align-items:center; gap:10rem;}
.showcase-card__avatar{display:block; width:32rem; height:32rem; border-radius:100%; overflow:hidden; flex-shrink:0;}
.showcase-card__avatar img{display:block; width:100%; height:100%; object-fit:cover;}

.showcase-card__menu{position:relative; display:block; flex-shrink:0; width:15rem; height:14rem; margin-left:auto;}
.showcase-card__menu::before{content:""; position:absolute; top:50%; left:0; width:3rem; height:3rem; border-radius:100%; background:var(--b-default); box-shadow:6rem 0 0 var(--b-default), 12rem 0 0 var(--b-default); transform:translateY(-50%);}

.showcase-feed__body .showcase-card__swiper{width:100%;}
.showcase-feed__body .showcase-card__swiper .swiper-wrapper{height:100%;}
.showcase-feed__body .showcase-card__swiper .swiper-slide{width:100%; height:100%;}
.showcase-feed__body .showcase-card__swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}

.showcase-card__counter{position:absolute; top:7rem; right:7rem; z-index:2; padding:2rem 8rem; border-radius:100rem; background:var(--op-b60); color:var(--w); pointer-events:none;}
.showcase-card__counter--left{right:auto; left:7rem;}

.showcase-feed__body .showcase-card__dots{position:relative; inset:auto; transform:none; z-index:auto; display:flex; align-items:center; justify-content:center; width:100%; gap:6rem;}
.showcase-feed__body .showcase-card__dots .swiper-pagination-bullet{width:6rem; height:6rem;}

.showcase-feed__body .showcase-card__caption{display:flex; flex-direction:column; align-items:flex-start; gap:6rem;}
.showcase-card__caption p{word-break:keep-all;}

.showcase-feed__body .showcase-reward{margin-top:20rem;}

/* **************************************** *
 * shared: showcase-popup
 * **************************************** */
.showcase-popup{display:none; align-items:center; justify-content:center; position:fixed; inset:0; z-index:1000; padding:40rem; overflow-y:auto;}
.showcase-popup.is-active{display:flex;}

.showcase-popup__dim{position:absolute; inset:0; background:var(--op-b70);}

.showcase-popup__close{position:absolute; top:40rem; right:40rem; z-index:2; width:40rem; height:40rem;}
.showcase-popup__close::before, .showcase-popup__close::after{content:"";position:absolute;top:50%;left:50%;width: 26rem;height: 3rem;background:var(--w);border-radius: 10rem;}
.showcase-popup__close::before{transform:translate(-50%, -50%) rotate(45deg);}
.showcase-popup__close::after{transform:translate(-50%, -50%) rotate(-45deg);}

.showcase-popup__inner{position:relative; display:flex; align-items:stretch; background:var(--w); border-radius:10rem;}

.showcase-popup__media{position:relative; display:flex; flex-direction:column; align-items:stretch; flex-shrink:0; width:804rem; height:806rem; padding:40rem; border-radius:10rem 0 0 10rem; overflow:hidden;}
.showcase-popup__swiper{position:absolute; inset:0;}
.showcase-popup__swiper .swiper-wrapper{height:100%;}
.showcase-popup__swiper .swiper-slide{width:100%; height:100%;}
.showcase-popup__swiper .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.showcase-popup__media .showcase-popup__dots{position:absolute; left:0; right:0; bottom:20rem; z-index:2; display:flex; align-items:center; justify-content:center; gap:10rem;}
.showcase-popup__dots .swiper-pagination-bullet{width:8rem; height:8rem; background:var(--op-w40);}
.showcase-popup__dots .swiper-pagination-bullet-active{background:var(--w);}

.showcase-popup__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width: 37rem;height: 37rem;border-radius:100%;background: var(--op-b40);color: var(--w);transform:translateY(-50%);}
.showcase-popup__arrow--prev{left:20rem;}
.showcase-popup__arrow--next{right:20rem;}
.showcase-popup__arrow.swiper-button-disabled, .showcase-popup__arrow.swiper-button-lock{opacity:0; pointer-events:none;}
.showcase-popup__arrow .showcase-popup__nav-arrow{width: 9rem;height: 12rem;}
.showcase-popup__arrow .showcase-popup__nav-arrow svg{width: 11rem;height: 9rem;}

.showcase-popup__outer-arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width: 44rem;height: 44rem;border-radius:100%;background: var(--op-w20);box-shadow:0 2rem 8rem var(--op-b20);color: #ffffff;transform:translateY(-50%);}
.showcase-popup__outer-arrow--prev{left:40rem;}
.showcase-popup__outer-arrow--next{right:40rem;}

.showcase-popup__panel{display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; flex-shrink:0; width:595rem; padding:30rem 36rem 28rem 35rem; border-radius:0 10rem 10rem 0;}

.showcase-popup__top{display:flex; flex-direction:column; align-items:stretch;}

.showcase-popup__header{position:relative; display:flex; align-items:center; justify-content:space-between;}
.showcase-popup__more{position:relative; display:block; width:15rem; height:14rem; cursor:pointer;}
.showcase-popup__more::before{content:""; position:absolute; top:50%; left:0; width:3rem; height:3rem; border-radius:100%; background:var(--b-default); box-shadow:6rem 0 0 var(--b-default), 12rem 0 0 var(--b-default); transform:translateY(-50%);}

.showcase-popup__more-menu{display:none; position:absolute; top:24rem; right:0; z-index:5; flex-direction:column; align-items:stretch; min-width:120rem; padding:6rem; border-radius:6rem; background:var(--w); box-shadow:0 4rem 16rem var(--op-b20);}
.showcase-popup__more-menu.is-active{display:flex;}
.showcase-popup__more-menu button{display:block; width:100%; padding:9rem 12rem; text-align:left; color:var(--b-title);}

@media (hover:hover) and (pointer:fine){
	.showcase-popup__more-menu button:hover{background:var(--op-b05);}
}

.showcase-popup__divider{height:1px; margin-left:-35rem; margin-right:-36rem; background:var(--op-b10);}
.showcase-popup__top .showcase-popup__divider{margin-top:36rem;}
.showcase-popup__bottom .showcase-popup__divider{margin-top:28rem;}

.showcase-popup__text{display:flex; flex-direction:column; align-items:flex-start; gap:6rem; width:100%; max-width:462rem; margin-top:35rem;}
.showcase-popup__paragraphs{display:flex; flex-direction:column; align-items:flex-start; gap:50rem; width:100%;}

.showcase-popup__bottom{display:flex; flex-direction:column; align-items:stretch;}

.showcase-reward{display:flex; flex-direction:column; align-items:stretch; gap:15rem; width:100%;}
.showcase-reward__label{display:flex; align-items:center; gap:15rem;}
.showcase-reward__label [data-caption]{color:var(--op-b30);}
.showcase-reward__label i{flex:1; height:1px; background:var(--op-b10);}
.showcase-reward__box{display:flex; flex-direction:column; align-items:stretch; gap:16rem; padding:20rem 22rem; border-radius:5rem;}
.showcase-reward__row{display:flex; align-items:center; justify-content:space-between;}
.showcase-reward__divider{height:1px; background:var(--op-b10);}

.showcase-popup__nav{display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:26rem;}
.showcase-popup__nav-btn{display:flex; align-items:center; gap:8rem; color:var(--b-title);}
.showcase-popup__nav-arrow{position:relative;display:block;width: 10rem;height: 15rem;}
.showcase-popup__nav-arrow svg{position:absolute;top:50%;left:50%;width: 16rem;height: 8rem;transform:translate(-50%, -50%) rotate(-90deg);}
.showcase-popup__nav-arrow--next svg{transform:translate(-50%, -50%) rotate(90deg);}

/* 하단 nav 임시 숨김 */
.showcase-popup__bottom .showcase-popup__divider, .showcase-popup__nav{display:none;}

@media (hover:hover) and (pointer:fine){
	.showcase-popup__nav-btn:hover{opacity:0.6;}
	.showcase-popup__close:hover{opacity:0.8;}
	.showcase-popup__arrow{transition:var(--trans-04);}
	.showcase-popup__arrow:hover{background:var(--w);}
	.showcase-popup__outer-arrow:hover{box-shadow:0 4rem 12rem var(--op-b30);}
}

@media (max-width:1480px){
	.showcase-popup__media{width:680rem; height:682rem; padding:34rem;}
	.showcase-popup__arrow{width:25rem; height:25rem;}
	.showcase-popup__arrow--prev{left:17rem;}
	.showcase-popup__arrow--next{right:17rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow{width:4.6rem; height:7.8rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow svg{width:7.8rem; height:4.6rem;}
	.showcase-popup__outer-arrow{width:36rem; height:36rem;}
	.showcase-popup__outer-arrow--prev{left:34rem;}
	.showcase-popup__outer-arrow--next{right:34rem;}
	.showcase-popup__media .showcase-popup__dots{bottom:17rem; gap:9.6rem;}
	.showcase-popup__dots .swiper-pagination-bullet{width:7.6rem; height:7.6rem;}
	.showcase-popup__panel{width:500rem; padding:26rem 30rem 24rem 30rem;}
	.showcase-popup__divider{margin-left:-30rem; margin-right:-30rem;}
	.showcase-popup__top .showcase-popup__divider{margin-top:30rem;}
	.showcase-popup__bottom .showcase-popup__divider{margin-top:24rem;}
	.showcase-popup__text{max-width:390rem; margin-top:30rem;}
	.showcase-popup__paragraphs{gap:42rem;}
	.showcase-reward{gap:13rem;}
	.showcase-reward__label{gap:13rem;}
	.showcase-reward__box{gap:14rem; padding:17rem 19rem;}
	.showcase-popup__nav{margin-top:22rem;}
	.showcase-popup__nav-btn{gap:7rem;}
	.showcase-popup__nav-arrow{width:6rem; height:11rem;}
	.showcase-popup__nav-arrow svg{width:11rem; height:6rem;}
}

@media (max-width:1200px){
	.showcase-popup__media{width:580rem; height:582rem; padding:28rem;}
	.showcase-popup__arrow{width:24rem; height:24rem;}
	.showcase-popup__arrow--prev{left:14rem;}
	.showcase-popup__arrow--next{right:14rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow{width:4.4rem; height:7.5rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow svg{width:7.5rem; height:4.4rem;}
	.showcase-popup__outer-arrow{width:32rem; height:32rem;}
	.showcase-popup__outer-arrow--prev{left:28rem;}
	.showcase-popup__outer-arrow--next{right:28rem;}
	.showcase-popup__media .showcase-popup__dots{bottom:14rem; gap:9.2rem;}
	.showcase-popup__dots .swiper-pagination-bullet{width:7.2rem; height:7.2rem;}
	.showcase-popup__panel{width:430rem; padding:22rem 26rem 20rem 26rem;}
	.showcase-popup__divider{margin-left:-26rem; margin-right:-26rem;}
	.showcase-popup__top .showcase-popup__divider{margin-top:26rem;}
	.showcase-popup__bottom .showcase-popup__divider{margin-top:20rem;}
	.showcase-popup__text{max-width:340rem; margin-top:26rem;}
	.showcase-popup__paragraphs{gap:36rem;}
	.showcase-reward{gap:12rem;}
	.showcase-reward__label{gap:12rem;}
	.showcase-reward__box{gap:12rem; padding:15rem 17rem;}
	.showcase-popup__nav{margin-top:19rem;}
	.showcase-popup__nav-btn{gap:6rem;}
	.showcase-popup__nav-arrow{width:6rem; height:10rem;}
	.showcase-popup__nav-arrow svg{width:10rem; height:6rem;}
}

@media (max-width:1023px){
	.showcase-popup{padding:24rem;}
	.showcase-popup__close{top:24rem; right:24rem; width:34rem; height:34rem;}
	.showcase-popup__inner{flex-direction:column; width:100%; max-width:560rem;}
	.showcase-popup__media{width:100%; height:320rem; padding:24rem; border-radius:10rem 10rem 0 0;}
	.showcase-popup__arrow{width:23rem; height:23rem;}
	.showcase-popup__arrow--prev{left:12rem;}
	.showcase-popup__arrow--next{right:12rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow{width:4.2rem; height:7.2rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow svg{width:7.2rem; height:4.2rem;}
	.showcase-popup__outer-arrow{display:none;}
	.showcase-popup__media .showcase-popup__dots{bottom:12rem; gap:8.8rem;}
	.showcase-popup__dots .swiper-pagination-bullet{width:6.8rem; height:6.8rem;}
	.showcase-popup__panel{width:100%; padding:28rem; border-radius:0 0 10rem 10rem;}
	.showcase-popup__divider{margin-left:-28rem; margin-right:-28rem;}
	.showcase-popup__top .showcase-popup__divider{margin-top:24rem;}
	.showcase-popup__bottom .showcase-popup__divider{margin-top:20rem;}
	.showcase-popup__text{max-width:100%; margin-top:22rem;}
	.showcase-popup__paragraphs{gap:30rem;}
	.showcase-reward{gap:12rem;}
	.showcase-reward__label{gap:12rem;}
	.showcase-reward__box{gap:12rem; padding:16rem;}
	.showcase-popup__nav{margin-top:19rem;}
	.showcase-popup__nav-btn{gap:6rem;}
	.showcase-popup__nav-arrow{width:6rem; height:10rem;}
	.showcase-popup__nav-arrow svg{width:10rem; height:6rem;}
}

@media (max-width:860px){
	.showcase-popup{padding:20rem;}
	.showcase-popup__close{top:16rem; right:16rem; width:30rem; height:30rem;}
	.showcase-popup__media{height:260rem; padding:20rem;}
	.showcase-popup__arrow{width:22rem; height:22rem;}
	.showcase-popup__arrow--prev{left:10rem;}
	.showcase-popup__arrow--next{right:10rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow{width:4rem; height:6.8rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow svg{width:6.8rem; height:4rem;}
	.showcase-popup__media .showcase-popup__dots{bottom:10rem; gap:8.4rem;}
	.showcase-popup__dots .swiper-pagination-bullet{width:6.4rem; height:6.4rem;}
	.showcase-popup__panel{padding:22rem;}
	.showcase-popup__divider{margin-left:-22rem; margin-right:-22rem;}
	.showcase-popup__top .showcase-popup__divider{margin-top:20rem;}
	.showcase-popup__bottom .showcase-popup__divider{margin-top:18rem;}
	.showcase-popup__text{margin-top:18rem;}
	.showcase-popup__paragraphs{gap:24rem;}
	.showcase-reward{gap:11rem;}
	.showcase-reward__label{gap:11rem;}
	.showcase-reward__box{gap:11rem; padding:15rem;}
	.showcase-feed__body .showcase-reward{margin-top:18rem;}
	.showcase-popup__nav{margin-top:17rem;}
	.showcase-popup__nav-arrow{width:5rem; height:9rem;}
	.showcase-popup__nav-arrow svg{width:9rem; height:5rem;}
}

@media (max-width:540px){
	.showcase-popup{padding:12rem;}
	.showcase-popup__close{top:12rem; right:12rem; width:26rem; height:26rem;}
	.showcase-popup__close::before, .showcase-popup__close::after{width:16rem;}
	.showcase-popup__media{height:220rem; padding:16rem;}
	.showcase-popup__arrow{width:21rem; height:21rem;}
	.showcase-popup__arrow--prev{left:8rem;}
	.showcase-popup__arrow--next{right:8rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow{width:3.8rem; height:6.4rem;}
	.showcase-popup__arrow .showcase-popup__nav-arrow svg{width:6.4rem; height:3.8rem;}
	.showcase-popup__media .showcase-popup__dots{bottom:8rem; gap:8rem;}
	.showcase-popup__dots .swiper-pagination-bullet{width:6rem; height:6rem;}
	.showcase-popup__panel{padding:18rem;}
	.showcase-popup__divider{margin-left:-18rem; margin-right:-18rem;}
	.showcase-popup__top .showcase-popup__divider{margin-top:16rem;}
	.showcase-popup__bottom .showcase-popup__divider{margin-top:14rem;}
	.showcase-popup__text{margin-top:14rem; gap:5rem;}
	.showcase-popup__paragraphs{gap:18rem;}
	.showcase-popup__more-menu{min-width:104rem; padding:4rem;}
	.showcase-popup__more-menu button{padding:8rem 10rem;}
	.showcase-reward{gap:10rem;}
	.showcase-reward__label{gap:10rem;}
	.showcase-reward__box{gap: 12rem;padding: 11rem;}
	.showcase-feed__body .showcase-reward{margin-top: 0;}
	.showcase-popup__nav{margin-top:13rem;}
	.showcase-popup__nav-btn{gap:5rem;}
	.showcase-popup__nav-arrow{width:5rem; height:8rem;}
	.showcase-popup__nav-arrow svg{width:8rem; height:5rem;}

	.showcase-feed__body .showcase-card__caption{gap: 10rem;}
	.showcase-reward__box{flex-direction: row; align-items: center;}
	.showcase-reward__divider{width: 1px; height: 10rem;}
	.showcase-reward__row{gap: 8rem;}
	.showcase-reward__row span{font-size: 11rem;}
}

/* **************************************** *
 * SECTION: academy 직급(position) 배지
 * **************************************** */
.position-full,
.position-op{display:flex; align-items:center; justify-content:center; padding:3rem 12rem; border-radius:90rem; font-family:var(--lang-ui); font-weight:var(--weight-400); font-size:var(--font-14); line-height:1.428; white-space:nowrap;}

.position-full{color:var(--w);}
.position-full.pos--storyteller{background:rgba(27,27,26,0.71);}
.position-full.pos--publisher{background:rgba(169,137,80,0.38);}
.position-full.pos--senior{background:rgba(46,105,242,0.48);}
.position-full.pos--operations{background:rgba(54,153,45,0.47);}
.position-full.pos--brand_mgmt{background:rgba(138,56,245,0.5);}
.position-full.pos--ceo{background:rgba(230,127,38,0.62);}

.position-op.pos--storyteller{background:rgba(134,134,134,0.15); color:#878787;}
.position-op.pos--publisher{background:#faf8f5; color:var(--c-gold);}
.position-op.pos--senior{background:rgba(162,199,255,0.43); color:#2e69f2;}
.position-op.pos--operations{background:rgba(142,255,122,0.19); color:#36992d;}
.position-op.pos--brand_mgmt{background:rgba(229,172,255,0.33); color:#8a38f5;}
.position-op.pos--ceo{background:rgba(235,118,41,0.27); color:#e67f26;}

@media (max-width:1480px){
	.position-full, .position-op{padding:3rem 11rem;}
}

@media (max-width:1200px){
	.position-full, .position-op{padding:2rem 10rem;}
}

@media (max-width:1023px){
	.position-full, .position-op{padding:2rem 10rem;}
}

@media (max-width:860px){
	.position-full, .position-op{padding:2rem 9rem;}
}

@media (max-width:540px){
	.position-full, .position-op{padding:2rem 8rem;}
}

/* **************************************** *
 * SECTION: academy 잠김 오버레이
 * **************************************** */
.academy-lock{position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9rem; padding:30rem; background:var(--op-b70); text-align:center;}
.academy-lock__icon{display:block; width:16rem; height:18rem; background:url(../img/board/ic-lock.svg) no-repeat 50% 50%; background-size:100%;}

.gall_locked .gall_con a{cursor:not-allowed;}

@media (max-width:1480px){
	.academy-lock{gap:8rem; padding:26rem;}
}

@media (max-width:1200px){
	.academy-lock{gap:7rem; padding:22rem;}
}

@media (max-width:1023px){
	.academy-lock{gap:7rem; padding:20rem;}
	.academy-lock__icon{width:14rem; height:16rem;}
}

@media (max-width:860px){
	.academy-lock{gap:6rem; padding:16rem;}
}

@media (max-width:540px){
	.academy-lock{gap:6rem; padding:14rem;}
	.academy-lock__icon{width:13rem; height:15rem;}
}

/* **************************************** *
 * SECTION: 헤더 로그인 멤버 pill
 * **************************************** */
.member-menu{display:flex; align-items:center; gap:17rem; }
.member-menu:has(.hd-admin-link){margin-left: 40rem;}

.hd-admin-link{font-family:var(--lang-ko); font-weight:500; font-size:14rem; color:var(--w); white-space:nowrap;}

.hd-member__divider{width:1px; height:13rem; background:var(--op-w10);}

.hd-member{display:flex; align-items:center; gap:8rem; padding:4rem; border:1px solid var(--op-w10); border-radius:40rem;}

.hd-member__avatar{display:flex;align-items:center;justify-content:center;width:30rem;height:30rem;background:var(--b-title);border-radius:100%;font-family:var(--lang-ko);font-weight:500;font-size:14rem;line-height:1.428;color:var(--w);}

.hd-member__name{font-family:var(--lang-ko); font-weight:400; font-size:14rem; line-height:1.714; color:var(--w); white-space:nowrap;}

.hd-member__logout{display:flex; align-items:center; gap:3rem; height:20rem; font-family:var(--lang-ui); font-weight:500; font-size:14rem; line-height:1; color:var(--op-w60); white-space:nowrap;}
.hd-member__logout-ico{display:block; width:18rem; height:16rem; background:url(../img/common/ic-logout.svg) no-repeat 50% 50%; background-size:100%; transform:scaleX(-1);}

#header:is(.color-on, .on) .hd-admin-link{color:var(--b-title);}
#header:is(.color-on, .on) .hd-member__divider{background:var(--op-b10);}
#header:is(.color-on, .on) .hd-member{border-color:var(--op-b05);}
#header:is(.color-on, .on) .hd-member__name{color:var(--b-title);}
#header:is(.color-on, .on) .hd-member__logout{color:var(--b-default);}
#header:is(.color-on, .on) .hd-member__logout-ico{background-image:url(../img/common/ic-logout-dark.svg);}

@media (hover:hover) and (pointer:fine){
	.hd-admin-link:hover{opacity:0.7;}
	.hd-member__logout:hover{opacity:0.7;}
}

@media (max-width:1480px){
	.member-menu{gap:15rem; margin-left:32rem;}
	.member-menu:has(.hd-admin-link){margin-left:32rem;}
	.hd-admin-link{font-size:13rem;}
	.hd-member{gap:7rem; padding:4rem;}
	.hd-member__avatar{width:28rem; height:28rem; font-size:13rem;}
	.hd-member__name{font-size:13rem;}
	.hd-member__divider{height:12rem;}
	.hd-member__logout{height:19rem; font-size:13rem;}
	.hd-member__logout-ico{width:17rem; height:15rem;}
}

@media (max-width:1200px){
	.member-menu{gap:13rem; margin-left:28rem;}
	.member-menu:has(.hd-admin-link){margin-left:28rem;}
	.hd-member{gap:6rem; padding:4rem;}
	.hd-member__avatar{width:26rem; height:26rem; font-size:13rem;}
	.hd-member__divider{height:11rem;}
	.hd-member__logout{height:18rem;}
	.hd-member__logout-ico{width:16rem; height:14rem;}
}

@media (max-width:1023px){
	.member-menu{gap:11rem; margin-left:0; padding-right:60rem; position: relative;}
	.member-menu:has(.hd-admin-link){margin-left:0;}
	.hd-member__divider,
	.hd-admin-link{display:none;}
	.hd-member{gap:6rem; padding:3rem;}
	.hd-member .position-op{display:none;}
	.hd-member__avatar{width:24rem; height:24rem; font-size:12rem;}
	.hd-member__divider{height:10rem;}
}

@media (max-width:860px){
	.member-menu{gap:9rem;}
	/* .hd-member{gap:0;} */
	/* .hd-member__name{display:none;} */
}

@media (max-width:540px){
	.member-menu{gap:7rem; padding-right:40rem}
	.hd-member{padding:3rem;}
	.hd-member__avatar{width:22rem; height:22rem; font-size:11rem;}
	.hd-member__logout{font-size:0; gap:0;}
	.hd-member__logout-ico{width:16rem; height:14rem;}
}