@charset "utf-8";
/* 교수 소개 (lab_member 스킨) *************************************************
 * 목록 : 한 줄 5명, 사진을 크게 쓰는 뒤집기 카드 · 검색창
 * 상세 : 사진 + 기본 정보 / 학력 · 경력 · 연구주제 · 수상 이력
 * 본문 글자는 16px 아래로 내리지 않는다.
============================================================================== */
.fac-list,.fac-view,.fac-w{
	--fc-ink:#0f0f10;
	--fc-body:#4d525c;
	--fc-mute:#6b7280;
	--fc-line:#e2e6ee;
	--fc-soft:#f3f5f9;
	position:relative;font-family:var(--font-family1);word-break:keep-all;
}
.fac-list *,.fac-view *,.fac-w *{box-sizing:border-box;}
.fac-list i,.fac-view i,.fac-w i{font-weight:normal;}

/* 공통 버튼 */
.fac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border:1px solid #dde2ea;border-radius:8px;background:#fff;color:#33383f;font-family:inherit;font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.fac-btn i{font-size:19px;}
.fac-btn:hover{border-color:var(--main-bright);color:var(--main-bright);}
.fac-btn.is-main{border-color:var(--main-bright);background:var(--main-bright);color:#fff;}
.fac-btn.is-main:hover{border-color:var(--main-color);background:var(--main-color);color:#fff;}
.fac-admin{display:flex;justify-content:flex-end;gap:8px;margin-top:48px;}

/* 보직 배지 · 故 */
.fac-role{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--main-color);color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:1;white-space:nowrap;}
.fac-late{margin-right:6px;color:var(--fc-mute);font-weight:600;}

/* ---------- 목록 ----------
   위쪽 막대(Total · 검색 · 연구분야 탭 · 그룹 제목)는 style.css 의 lab_member 그대로.
   카드는 사진을 크게 쓰는 뒤집기 카드 : 앞면 = 이름 + 사진, 마우스를 올리면 뒤집혀 연락처 · 연구분야가 보인다.
   (레퍼런스 : civil.hanyang.ac.kr 교수 목록, cite.postech.ac.kr 교수 목록)
   사진 원본이 대부분 400x560 이라 카드 폭은 400 을 넘기지 않는다.
   원본이 작은 사진(명예·퇴임교수 일부는 105x131)은 .is-smallphoto 로 작게 앉힌다.
   터치 화면에서는 뒤집기가 불편해 카드를 넘기지 않고 앞면만 보여준다(누르면 상세로 이동).
   아이콘은 RemixIcon, 본문 글자는 16px 아래로 내리지 않는다(태그만 14px). */
.lab-wrap.lab-fac{max-width:none;--pad:0px;}
.lab-fac .lab-mb-head{padding-top:0;}   /* 탭 바로 아래에 붙인다 (style.css 의 72px 여백 해제) */
.lab-fac .lab-listbar{margin-top:0;}
.lab-fac i{font-weight:normal;}
.lab-fac .lab-total,.lab-fac .lab-listbar .lab-total{color:#7a8090;font-size:18px;font-weight:600;letter-spacing:-.5px;}

.lab-fac .lab-btn i,.lab-fac .lab-btn-point i{font-size:17px;vertical-align:-2px;}

.lab-fac .lab-mb-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin-top:30px;}

.lab-fac .fc-card{position:relative;min-width:0;aspect-ratio:33 / 46;border:0;border-radius:20px;background:none;box-shadow:none;perspective:1600px;}
.lab-fac .fc-card:hover{box-shadow:none;transform:none;}
.lab-fac .fc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;}
.lab-fac .fc-front,.lab-fac .fc-back{position:absolute;left:0;top:0;display:flex;flex-direction:column;width:100%;height:100%;padding:34px 34px 30px;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;transition:transform .55s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;}
.lab-fac .fc-front{overflow:hidden;background:#eef1f6;transform:rotateY(0deg);}
.lab-fac .fc-back{background:var(--main-color);color:#fff;transform:rotateY(180deg);}
/* 뒷면 오른쪽 아래에 연세대 심볼마크를 은은하게 (한양대 카드의 호랑이 자리와 같은 구실) */
.lab-fac .fc-back{overflow:hidden;isolation:isolate;}
.lab-fac .fc-back:after{content:"";position:absolute;right:-34px;bottom:-28px;z-index:0;width:190px;height:190px;background:url(../../../images/common/sb.png) no-repeat center/contain;opacity:.13;pointer-events:none;}
.lab-fac .fc-back > *{position:relative;z-index:1;}
.lab-fac .fc-card:hover .fc-front{transform:rotateY(-180deg);}
.lab-fac .fc-card:hover .fc-back{transform:rotateY(0deg);box-shadow:0 20px 50px rgba(15,37,87,.18);}

/* 이름 줄 (앞 · 뒤 공통) — 크기 · 굵기 · 색은 civil.hanyang.ac.kr 교수 카드와 같게 맞췄다 */
.lab-fac .fc-tit{position:relative;z-index:2;font-size:16px;}
.lab-fac .fc-tit strong{display:block;color:#212121;font-size:28px;font-weight:700;letter-spacing:normal;line-height:normal;}
.lab-fac .fc-tit strong span{font-size:18px;font-weight:400;letter-spacing:normal;}
.lab-fac .fc-tit small{display:block;margin-top:7px;color:#212121;font-family:inherit;font-size:18px;font-weight:300;letter-spacing:normal;line-height:normal;opacity:.9;}
.lab-fac .fc-back .fc-tit strong{color:#fff;}
.lab-fac .fc-back .fc-tit strong span{color:rgba(255,255,255,.75);}
.lab-fac .fc-back .fc-tit small{color:rgba(255,255,255,.7);}

/* 앞면 사진 : 카드 폭을 꽉 채우고 아래는 카드가 잘라 낸다.
   원본이 어깨를 바짝 자른 증명사진이라, 사진을 통째로 넣으면 잘린 자리가 카드 안에 그대로 보인다.
   폭을 채워 어깨가 카드 밖으로 이어지게 하면 잘린 자리가 드러나지 않는다. */
.lab-fac .fc-img{position:absolute;left:0;right:0;bottom:0;z-index:1;display:block;overflow:hidden;height:78%;}
.lab-fac .fc-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%;mix-blend-mode:multiply;filter: grayscale(30%) contrast(100%);transition:transform .45s ease;}   /* 사진의 흰 배경이 카드 바탕에 그대로 녹아들게 한다 (원본이 흰 배경 증명사진) */
.lab-fac .fc-card:hover .fc-img img{transform:scale(1.03);}
.lab-fac .fc-img.is-empty{display:flex;align-items:flex-end;justify-content:center;}
.lab-fac .fc-img.is-empty i{margin-bottom:12px;color:#cdd3dd;font-size:120px;}
/* 원본이 작은 사진(명예·퇴임교수 일부는 105x131)은 늘리면 뭉개지므로 가운데에 원래 크기로 둔다 */
.lab-fac .is-smallphoto .fc-img img{width:auto;max-width:100%;margin:0 auto;object-fit:contain;object-position:50% 100%;}

/* 연구분야 필터 — 크기 · 색 · 여백은 연구실 목록(sub3_2) 의 분야 탭과 같은 값 */
.lab-fac .fc-areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.lab-fac .fc-areas button{display:inline-flex;align-items:center;gap:7px;padding:12px 20px;border:1px solid #dde2ea;border-radius:999px;background:#fff;color:#4d525c;font-family:inherit;font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.lab-fac .fc-areas button:hover{border-color:#2a6de6;color:#2a6de6;}
.lab-fac .fc-areas button.is-on{border-color:#1b3b86;background:#1b3b86;color:#fff;}
.lab-fac .fc-areas em{font-family:var(--font-family2);font-size:15px;font-style:normal;font-weight:700;color:#98a0ae;}
.lab-fac .fc-areas button.is-on em{color:rgba(255,255,255,.72);}
@media (max-width:900px){
	.lab-fac .fc-areas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
	.lab-fac .fc-areas::-webkit-scrollbar{display:none;}
	.lab-fac .fc-areas button{flex:none;padding:9px 14px;font-size:16px;}
}

/* 검색창 (연구실 목록 sub3_2 과 같은 모양) */
.lab-fac .fc-search{position:relative;flex:0 0 auto;width:340px;}
.lab-fac .fc-search input{width:100%;height:46px;padding:0 42px;border:1px solid #dde2ea;border-radius:999px;background:#fff;color:#222;font-family:inherit;font-size:17px;letter-spacing:-.5px;box-sizing:border-box;transition:border-color .2s ease;}
.lab-fac .fc-search input:focus{outline:none;border-color:var(--main-bright);}
.lab-fac .fc-search input::placeholder{color:#a3a9b5;}
.lab-fac .fc-search input::-webkit-search-cancel-button{display:none;}
.lab-fac .fc-search > i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#98a0ae;font-size:19px;pointer-events:none;}
.lab-fac .fc-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:50%;background:#eef1f5;color:#666;cursor:pointer;}
.lab-fac .fc-search-clear[hidden]{display:none;}   /* display:flex 가 hidden 속성을 이기므로 따로 막는다 */
.lab-fac .fc-search-clear:hover{background:#dde2ea;color:#222;}
.lab-fac .fc-search-clear i{font-size:16px;}
.lab-fac .fc-noresult{margin:0;padding:80px 20px;color:#8a90a0;font-size:18px;text-align:center;}
.lab-fac .fc-noresult[hidden]{display:none;}
.lab-fac .fc-card[hidden]{display:none;}

/* 보직 배지 */
.lab-fac .fc-role{position:absolute;right:0;top:0;z-index:5;display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:0 20px 0 20px;background:var(--main-bright);color:#fff;font-size:16px;font-weight:700;letter-spacing:-.4px;white-space:nowrap;}

/* 바로가기 화살표 : 카드가 뒤집혀도 제자리에 있도록 앞 · 뒤 바깥(카드 바로 밑)에 둔다 (참고 사이트와 같은 방식) */
.lab-fac .fc-go{position:absolute;left:30px;bottom:30px;z-index:6;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(17,19,24,.3);color:#fff;font-size:26px;transition:background .25s ease,transform .25s ease;}
.lab-fac .fc-card:hover .fc-go{background:rgba(255,255,255,.22);}   /* 뒤집혀 남색 바탕이 되면 밝게 */
.lab-fac .fc-go:hover{background:var(--main-bright);color:#fff;transform:rotate(45deg);}

/* 뒷면 — 왼쪽 아래 화살표와 겹치지 않게 아래 여백을 둔다 */
.lab-fac .fc-back{padding-bottom:88px;}

.lab-fac .fc-dept{margin:10px 0 0;color:#a9c2f2;font-size:16px;font-weight:600;letter-spacing:-.4px;line-height:1.4;word-break:keep-all;}
.lab-fac .fc-info{display:flex;flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;}
.lab-fac .fc-info li{display:flex;align-items:flex-start;gap:8px;min-width:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.5;letter-spacing:-.3px;word-break:keep-all;}
.lab-fac .fc-info i{flex:none;color:#a9c2f2;font-size:17px;line-height:1.45;}
.lab-fac .fc-info a{color:rgba(255,255,255,.88);overflow-wrap:anywhere;}
.lab-fac .fc-info a:hover{color:#fff;text-decoration:underline;}
.lab-fac .fc-info a.is-site{display:inline-flex;align-items:baseline;gap:4px;font-weight:600;}   /* 연구실명 자체가 연구실 홈페이지 링크 */
.lab-fac .fc-info a.is-site i{color:inherit;font-size:15px;}
/* 태그는 연구주제를 다 넣고, 카드에 안 들어가면 '+N' 을 눌러 이 자리에서 펼쳐(스크롤) 본다 */
.lab-fac .fc-tags{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden;max-height:104px;margin-top:16px;}
.lab-fac .fc-tags.is-open{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent;}
.lab-fac .fc-tags.is-open::-webkit-scrollbar{width:4px;}
.lab-fac .fc-tags.is-open::-webkit-scrollbar-thumb{border-radius:2px;background:rgba(255,255,255,.45);}
.lab-fac .fc-tags span{padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.14);color:#fff;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.2px;word-break:keep-all;}
.lab-fac .fc-tags span.is-hidden{display:none;}   /* 칸에 온전히 들어가지 않는 태그는 감춘다 (반쯤 잘려 보이지 않게) */
.lab-fac .fc-tagsmore{align-self:flex-start;margin:0;padding:3px 9px;border:0;border-radius:4px;background:rgba(255,255,255,.28);color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.5;cursor:pointer;transition:background .2s ease;}
.lab-fac .fc-tagsmore:hover{background:rgba(255,255,255,.45);}

/* 카드가 좁아지면 칸 수를 줄인다 (카드 폭 270px 아래로는 내려가지 않게) */
@media (max-width:1499px){ .lab-fac .lab-mb-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media (max-width:1240px){ .lab-fac .lab-mb-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:940px){  .lab-fac .lab-mb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;} }
@media (max-width:540px){  .lab-fac .lab-mb-grid{grid-template-columns:minmax(0,1fr);} }

/* 손가락으로 쓰는 화면 : 뒤집지 않고 앞면만 */
@media (hover:none){
	.lab-fac .fc-card:hover .fc-front{transform:none;}
	.lab-fac .fc-back{display:none;}
}

/* ---------- 상세 ---------- */
.fac-v-head{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:88px;align-items:start;}
.fac-v-ph{position:relative;overflow:hidden;margin:0;aspect-ratio:4 / 5;border-radius:20px;background:var(--fc-soft);}
.fac-v-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;mix-blend-mode:multiply;}
.fac-v-ph.is-empty{display:flex;align-items:center;justify-content:center;}
.fac-v-ph.is-empty > i{color:#cfd5df;font-size:120px;}

.fac-v-info{padding-top:12px;min-width:0;}
.fac-v-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px;}
.fac-v-pos{color:var(--main-bright);font-size:20px;font-weight:700;letter-spacing:-.5px;}
.fac-v-dept{color:var(--fc-ink);font-size:18px;font-weight:600;letter-spacing:-.5px;}
.fac-v-name{margin:0;color:var(--fc-ink);font-size:clamp(40px,3.5vw,56px);font-weight:800;letter-spacing:-2.24px;line-height:1.2;}
.fac-v-name .fac-late{font-size:.6em;vertical-align:.18em;}
.fac-v-en{margin:10px 0 0;color:#8a90a0;font-family:var(--font-family3);font-size:22px;font-weight:500;letter-spacing:-.2px;}

.fac-v-dl{margin:40px 0 0;border-top:2px solid var(--fc-ink);}
.fac-v-dl > div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:17px 4px;border-bottom:1px solid var(--fc-line);}
.fac-v-dl dt{display:flex;align-items:center;gap:8px;color:var(--fc-mute);font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.6;}
.fac-v-dl dt i{color:var(--main-bright);font-size:20px;}
.fac-v-dl dd{margin:0;color:#1a1c20;font-size:18px;font-weight:500;letter-spacing:-.4px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;}
.fac-v-dl dd a{color:inherit;text-decoration:none;transition:color .2s ease;}
.fac-v-dl dd a:hover{color:var(--main-bright);}

.fac-v-areas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;}
.fac-v-areas > span{margin-right:6px;color:var(--fc-ink);font-size:17px;font-weight:700;letter-spacing:-.4px;}
.fac-v-areas a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #dde2ea;border-radius:999px;color:var(--fc-body);font-size:16px;font-weight:600;letter-spacing:-.4px;line-height:1.3;text-decoration:none;transition:border-color .2s ease,color .2s ease;}
.fac-v-areas a i{color:var(--main-bright);font-size:17px;}
.fac-v-areas a:hover{border-color:var(--main-bright);color:var(--main-bright);}

/* 연구실 홈페이지 : 학부 소개의 입학 안내 버튼(hct 판매사이트 버튼)과 같은 치수 */
.fac-v-home{display:inline-flex;align-items:center;gap:16px;margin-top:36px;padding:16px 32px;border:1px solid var(--main-color);border-radius:6px;background:var(--main-color);color:#fff;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.5px;text-decoration:none;transition:background .25s ease,color .25s ease;}
.fac-v-home i{font-size:28px;line-height:1;}
.fac-v-home:hover{background:#fff;color:var(--main-color);}

.fac-v-secs{margin-top:120px;border-top:2px solid var(--fc-ink);}
.fac-sec{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;padding:56px 0;border-bottom:1px solid var(--fc-line);}
.fac-sec-tit{margin:0;color:var(--fc-ink);font-size:30px;font-weight:800;letter-spacing:-1.2px;line-height:1.3;}
.fac-sec-tit small{display:block;margin-bottom:8px;color:var(--main-bright);font-family:var(--font-family3);font-size:16px;font-weight:600;letter-spacing:0;text-transform:uppercase;}
.fac-sec-list{margin:0;padding:0;list-style:none;}
.fac-sec-list li{position:relative;padding-left:22px;}
.fac-sec-list li + li{margin-top:16px;}
.fac-sec-list li:before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--main-bright);}
.fac-sec-list p{margin:0;color:#1a1c20;font-size:18px;font-weight:500;letter-spacing:-.4px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;}
.fac-sec-list span{display:block;word-break:keep-all;overflow-wrap:break-word;margin-top:2px;color:var(--fc-mute);font-size:16px;letter-spacing:-.3px;line-height:1.7;}

.fac-v-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin-top:80px;}
.fac-v-nav > a.is-prev,.fac-v-nav > a.is-next{display:flex;align-items:center;gap:16px;min-width:0;color:var(--fc-ink);text-decoration:none;}
.fac-v-nav > a.is-next{justify-content:flex-end;text-align:right;}
.fac-v-nav > a > i{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border:1px solid #dde2ea;border-radius:50%;font-size:22px;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.fac-v-nav > a span{display:flex;flex-direction:column;min-width:0;font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1.35;}
.fac-v-nav > a small{color:var(--fc-mute);font-family:var(--font-family3);font-size:16px;font-weight:500;}
.fac-v-nav > a:hover > i{border-color:var(--main-bright);background:var(--main-bright);color:#fff;}
.fac-v-list{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;background:var(--fc-soft);color:var(--fc-ink);font-size:17px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease;}
.fac-v-list i{font-size:19px;}
.fac-v-list:hover{background:var(--main-color);color:#fff;}

@media (max-width:1100px){
	.fac-v-head{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;}
	.fac-sec{grid-template-columns:220px minmax(0,1fr);}
}
@media (max-width:768px){
	.fac-v-head{grid-template-columns:minmax(0,1fr);gap:32px;}
	.fac-v-ph{width:min(100%,320px);}
	.fac-v-info{padding-top:0;}
	.fac-v-dl > div{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:14px 2px;}
	.fac-v-dl dt{font-size:16px;}
	.fac-v-dl dd{font-size:17px;}
	.fac-v-home{padding:14px 24px;font-size:18px;}
	.fac-v-secs{margin-top:72px;}
	.fac-sec{grid-template-columns:minmax(0,1fr);gap:20px;padding:40px 0;}
	.fac-sec-tit{font-size:26px;}
	.fac-sec-list p{font-size:17px;}
	.fac-v-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:56px;}
	.fac-v-list{grid-column:1 / -1;grid-row:2;justify-self:center;}
	.fac-v-nav > a > i{width:44px;height:44px;}
	.fac-v-nav > a span{font-size:18px;}
}

/* ---------- 등록 · 수정 ---------- */
.fac-w{max-width:1100px;margin:0 auto;}
.fac-w-group{padding:40px 0;border-bottom:1px solid var(--fc-line);}
.fac-w-group:first-of-type{border-top:2px solid var(--fc-ink);}
.fac-w-tit{margin:0 0 24px;color:var(--fc-ink);font-size:24px;font-weight:800;letter-spacing:-.8px;}
.fac-w-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;}
.fac-w-field{display:flex;flex-direction:column;gap:8px;min-width:0;}
.fac-w-field > span,.fac-w-label{color:#33383f;font-size:16px;font-weight:700;letter-spacing:-.4px;}
.fac-w-field > span b{color:#d93a3a;}
.fac-w-field input,.fac-w-field textarea{width:100%;height:50px;padding:0 16px;border:1px solid #d5dae3;border-radius:8px;background:#fff;color:#1a1c20;font-family:inherit;font-size:16px;letter-spacing:-.3px;transition:border-color .2s ease;}
.fac-w-field textarea{height:auto;min-height:130px;padding:14px 16px;line-height:1.7;resize:vertical;}
.fac-w-field input:focus,.fac-w-field textarea:focus{outline:none;border-color:var(--main-bright);}
.fac-w-field input::placeholder,.fac-w-field textarea::placeholder{color:#a3a9b5;}
.fac-w-field.is-area + .fac-w-field.is-area{margin-top:20px;}
.fac-w-row{display:flex;flex-direction:column;gap:10px;margin-top:24px;}
.fac-w-checks{display:flex;flex-wrap:wrap;gap:8px;}
.fac-w-checks label{position:relative;cursor:pointer;}
.fac-w-checks input{position:absolute;opacity:0;pointer-events:none;}
.fac-w-checks span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #d5dae3;border-radius:999px;color:var(--fc-body);font-size:16px;font-weight:600;letter-spacing:-.4px;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.fac-w-checks input:checked + span{border-color:var(--main-color);background:var(--main-color);color:#fff;}
.fac-w-checks input:focus-visible + span{outline:2px solid var(--main-bright);outline-offset:2px;}
.fac-w-photo{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;}
.fac-w-cur{display:flex;flex-direction:column;gap:10px;width:160px;font-size:16px;color:var(--fc-body);}
.fac-w-cur img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 18%;border-radius:10px;background:var(--fc-soft);}
.fac-w-file{flex:1 1 320px;min-width:0;}
.fac-w-file input{width:100%;padding:12px;border:1px dashed #c6ccd7;border-radius:8px;background:var(--fc-soft);font-size:16px;}
.fac-w-file p,.fac-w-help{margin:10px 0 0;color:var(--fc-mute);font-size:16px;line-height:1.6;letter-spacing:-.3px;}
.fac-w-help{display:flex;gap:6px;margin:0 0 20px;}
.fac-w-help i{flex:none;color:var(--main-bright);font-size:19px;line-height:1.35;}
.fac-w-help b{color:var(--fc-ink);}
.fac-w-field.is-area + .fac-w-help{margin:12px 0 0;}
.fac-w-foot{display:flex;justify-content:center;gap:10px;margin-top:40px;}
.fac-w-foot .fac-btn{min-width:140px;height:54px;font-size:17px;}
@media (max-width:768px){
	.fac-w-grid{grid-template-columns:minmax(0,1fr);}
}