@charset "UTF-8";

/* ============================================================
   Healing Space (Art Gallery / Signature SCENT)
   포인트 컬러: #6d86ec
   ============================================================ */
.healing_space{ --fc:#6d86ec; --fc-rgb:109,134,236; --fc-dark:#133743; }

/* 탭 */
.hs_tabs{
	display:flex; justify-content:center; gap:10px;
	margin-bottom:50px; border-bottom:1px solid #e6e9ef;
}
.hs_tab{
	position:relative; display:inline-block;
	padding:14px 34px; font-size:var(--fs20); font-weight:600; color:#888;
	transition:0.2s all;
}
.hs_tab:hover{ color:var(--fc); }
.hs_tab.on{ color:var(--fc); }
.hs_tab.on:after{
	content:''; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:var(--fc);
}

/* 탭 아래 안내 문구 */
.hs_desc{
	text-align:center;
	font-size:var(--fs14);
	line-height:1.75;
	color:#666;
	max-width:820px;
	margin:-6px auto 28px;
}

/* 작가(전시) 전환 버튼 */
.hs_artist_nav{
	display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:40px;
}
.hs_artist_btn{
	background:#f4f6fe; border:1px solid #e2e6f5; border-radius:30px;
	padding:10px 20px; cursor:pointer; color:#555; transition:0.2s all;
	display:flex; align-items:baseline; gap:8px;
}
.hs_artist_btn strong{ font-size:var(--fs18); font-weight:700; }
.hs_artist_btn span{ font-size:var(--fs14); color:#999; }
.hs_artist_btn:hover{ border-color:var(--fc); }
.hs_artist_btn.on{ background:var(--fc); border-color:var(--fc); color:#fff; }
.hs_artist_btn.on span{ color:rgba(255,255,255,0.85); }

/* 전시 블록 전환 */
.hs_exhibit{ display:none; }
.hs_exhibit.active{ display:block; }

/* 포스터 (유저 상단 노출) */
.hs_poster{ text-align:center; margin-bottom:46px; }
.hs_poster img{ max-width:100%; max-height:560px; border-radius:10px; box-shadow:0 8px 26px rgba(0,0,0,0.13); }

/* 섹션(학력/개인전/단체전/작품) 사이 간격 */
.healing_space .content{ margin-bottom:64px; padding-bottom:0; }
.healing_space .content:last-child{ margin-bottom:0; }

/* 전시 헤더 */
.hs_head{ text-align:center; margin-bottom:64px; padding-bottom:34px; border-bottom:2px solid var(--fc-dark); }
.hs_artist{ font-size:var(--fs22); font-weight:700; color:var(--fc-dark); line-height:1.2; }
.hs_artist .en{ font-weight:500; color:#555; margin-left:10px; }
.hs_artist .ja{ font-size:var(--fs20); color:#999; margin-left:6px; }
.hs_title{ margin-top:14px; font-size:var(--fs18); font-weight:600; color:var(--fc); }
.hs_period{ margin-top:8px; font-size:var(--fs14); color:#777; }
.hs_intro{ margin-top:16px; font-size:var(--fs14); line-height:1.7; color:#555; max-width:800px; margin-left:auto; margin-right:auto; }

/* 약력 텍스트 */
.hs_bio{ font-size:var(--fs18); line-height:1.9; color:#444; }

/* 작품 갤러리 */
.art_works{
	display:grid; grid-template-columns:repeat(3, 1fr); gap:30px 26px;
}
.art_work{ margin:0; cursor:pointer; }
.art_work_img{
	display:block; width:100%; aspect-ratio:1/1; overflow:hidden;
	background:#f2f4fb; border-radius:6px; box-shadow:0 3px 12px rgba(0,0,0,0.07);
}
.art_work_img img{ width:100%; height:100%; object-fit:cover; transition:0.4s all; }
.art_work:hover .art_work_img img{ transform:scale(1.05); }
.art_work_cap{ margin-top:14px; }
.art_work_cap b{ display:block; font-size:var(--fs14); font-weight:700; color:var(--fc-dark); margin-bottom:5px; }
.art_work_cap span{ display:block; font-size:var(--fs10); color:#888; line-height:1.55; }

/* 작품 페이징 */
.art_pager{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; margin-top:40px; }
.art_pager button{ min-width:40px; height:40px; padding:0 6px; border:1px solid #dfe3ef; background:#fff; color:#555; border-radius:8px; cursor:pointer; font-size:15px; line-height:1; transition:0.2s all; }
.art_pager button:hover{ border-color:var(--fc); color:var(--fc); }
.art_pager .art_page.on{ background:var(--fc); border-color:var(--fc); color:#fff; font-weight:700; }
.art_pager button:disabled{ opacity:0.35; cursor:default; border-color:#e6e9ef; color:#aaa; }

.hs_empty, .hs_ready{ text-align:center; padding:80px 0; color:#888; }
.hs_ready h2{ font-size:var(--fs28); color:var(--fc-dark); margin-bottom:14px; }
.hs_ready p{ font-size:var(--fs18); }

/* 라이트박스 */
.hs_lightbox{
	display:none; position:fixed; inset:0; z-index:99999;
	background:rgba(0,0,0,0.9); align-items:center; justify-content:center;
}
.hs_lightbox.open{ display:flex; }
.hs_lb_inner{ max-width:90vw; max-height:90vh; text-align:center; }
.hs_lb_inner img{ max-width:90vw; max-height:78vh; object-fit:contain; box-shadow:0 8px 40px rgba(0,0,0,0.5); }
.hs_lb_cap{ margin-top:16px; color:#fff; }
.hs_lb_cap b{ display:block; font-size:20px; font-weight:700; margin-bottom:6px; }
.hs_lb_cap span{ display:block; font-size:14px; color:rgba(255,255,255,0.8); }
.hs_lb_close, .hs_lb_prev, .hs_lb_next{
	position:absolute; background:rgba(255,255,255,0.12); border:0; color:#fff; cursor:pointer;
	border-radius:50%; transition:0.2s all;
}
.hs_lb_close{ top:24px; right:28px; width:46px; height:46px; font-size:28px; line-height:1; }
.hs_lb_prev, .hs_lb_next{ top:50%; transform:translateY(-50%); width:52px; height:52px; font-size:22px; }
.hs_lb_prev{ left:26px; } .hs_lb_next{ right:26px; }
.hs_lb_close:hover, .hs_lb_prev:hover, .hs_lb_next:hover{ background:var(--fc); }

/* 반응형 */
@media all and (max-width:1024px){
	.healing_space{ padding-left:24px; padding-right:24px; }
	.art_works{ grid-template-columns:repeat(2, 1fr); gap:24px 20px; }
}
@media all and (max-width:768px){
	.healing_space{ padding-left:18px; padding-right:18px; }
	.hs_tabs{ margin-bottom:36px; }
	.hs_tab{ padding:12px 18px; font-size:var(--fs18); }
	.hs_desc{ font-size:var(--fs14); margin:0 auto 36px; padding:0 4px; }
	.hs_artist_nav{ margin-bottom:32px; }
	.hs_poster{ margin-bottom:34px; }
	.hs_head{ margin-bottom:42px; padding-bottom:26px; }
	.hs_artist{ font-size:var(--fs32); }
	.hs_intro{ margin-top:14px; padding:0 4px; }
	.healing_space .content{ margin-bottom:46px; }
	.hs_bio{ line-height:1.95; }
	.art_works{ gap:22px 18px; }
	.art_work_cap{ margin-top:12px; }
	.art_pager{ margin-top:34px; }
	.hs_lb_prev, .hs_lb_next{ width:42px; height:42px; }
	.hs_lb_prev{ left:10px; } .hs_lb_next{ right:10px; }
}
@media all and (max-width:520px){
	.healing_space{ padding-left:16px; padding-right:16px; }
	.hs_tabs{ gap:4px; margin-bottom:30px; }
	.hs_tab{ padding:11px 14px; }
	.hs_desc{ margin:0 auto 30px; }
	.hs_desc br{ display:none; }
	.hs_head{ margin-bottom:36px; padding-bottom:22px; }
	.healing_space .content{ margin-bottom:40px; }
	.hs_bio{ line-height:1.9; }
	.art_works{ grid-template-columns:1fr 1fr; gap:16px 14px; }
	.art_work_cap b{ font-size:var(--fs14); }
	.art_work_cap span{ font-size:var(--fs14); }
}