@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(--fs16);
	line-height:1.75;
	color:#666;
	max-width:820px;
	margin:-6px auto 48px;
	font-weight:bold;
}

/* 작가(전시) 전환 버튼 */
.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); }
}

/* ============================================================
   Signature SCENT
   ============================================================ */
.sc_block{ display:none; }
.sc_block.active{ display:block; }
.sc_block {
    margin-bottom: 0;
}

.page{
	gap:0px;
}

/* 대표 이미지 */
.sc_poster{ text-align:center; margin-bottom:34px; }
.sc_poster img{ width:100%; max-width:460px; border-radius:10px; box-shadow:0 8px 26px rgba(0,0,0,0.13); }

/* 향 이름/설명 */
.sc_head{ text-align:center; margin-bottom:10px; }
.sc_name{ font-size:var(--fs20); font-weight:700; color:var(--fc-dark); line-height:1.2; }
.sc_name_kr{ margin-top:8px; font-size:var(--fs14); color:#888; }
.sc_desc{ margin:22px auto 0; max-width:1200px; font-size:var(--fs14); line-height:1.7; color:#555; }

/* 노트 밴드 (풀블리드 베이지 배경) */
.sc_notes{ margin-bottom:0;
	width:100vw; margin-left:calc(50% - 50vw);
	background:#f7f1e6; padding:64px 20px; margin-top:56px;
}
.sc_notes_inner{
	max-width:1120px; margin:0 auto;
	display:grid; grid-template-columns:repeat(3, 1fr); gap:36px 30px;
}
.sc_note{ text-align:center; }
.sc_note_label{
	font-family:'Times New Roman', serif; letter-spacing:2px;
	font-size:var(--fs16); color:#7a6a55; margin-bottom:22px;
}
.sc_note_thumb{
	width:170px; height:170px; margin:0 auto 20px; border-radius:50%;
	overflow:hidden; background:#eae2d3; box-shadow:0 6px 18px rgba(0,0,0,0.1);
}
.sc_note_thumb img{ width:100%; height:100%; object-fit:cover; }
.sc_note_title{ font-size:var(--fs14); font-weight:700; color:var(--fc-dark); margin-bottom:8px; min-height:1.4em; line-height:1.4; }
.sc_note_desc{ font-size:var(--fs10); line-height:1.55; color:#8a7f6f; }

/* 공간 이미지 (풀블리드) */
.sc_space{ width:100vw; margin-left:calc(50% - 50vw); margin-top:0; margin-bottom:0; }
.sc_space img{ width:100%; height:700px; object-fit:cover; display:block; }

/* 마무리 */
.sc_closing{ text-align:center; padding:44px 20px 20px; }
.sc_closing h3{ font-size:var(--fs16); font-weight:700; color:var(--fc-dark); margin-bottom:20px; line-height:1.5; }
.sc_closing p{ font-size:var(--fs14); line-height:1.85; color:#777; }

@media all and (max-width:1024px){
	.sc_notes_inner{ gap:30px 24px; }
	.sc_note_thumb{ width:150px; height:150px; }
}
@media all and (max-width:768px){
	.sc_name{ font-size:var(--fs28); }
	.sc_space img{ height:420px; }
	.sc_notes{ padding:48px 18px; margin-top:44px; }
	.sc_notes_inner{ grid-template-columns:1fr; gap:40px; max-width:340px; }
	.sc_note_thumb{ width:160px; height:160px; }
	.sc_closing{ padding:48px 18px 16px; }
	.sc_note_desc{ font-size:var(--fs14); line-height:1.55; color:#8a7f6f; }	
    .sc_desc{ margin:22px auto 0; font-size:var(--fs14); line-height:1.7; color:#555; }	
}