@charset "utf-8";

.master-sub-layout{ display:none}

/* ================= 명장 타이틀 ================= */
.master-header {
    text-align: center;
    padding:  00px 0 0; /* 하단 여백 제거 (내부 텍스트에서 조절) */
}
.master-header .ht-title {
    font-size: 50px;
    font-weight: 700;
    color: #111;
}

/* ================= 3차 뎁스 탭 ================= */
.master-tabs {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;    margin-bottom: 50px;	
}
.master-tabs a {
    font-size: 20px;
    color: #999;
    position: relative;
    transition: color 0.3s;
}
.master-tabs a:hover {
    color: #a78864;
}
.master-tabs a.active {
    color: #a78864; /* 브라운 톤 포인트 컬러 */
    font-weight: 700;
}
/* 활성화된 탭 우측 상단 점(•) */
.master-tabs a.active::after {
    content: '•';
    position: absolute;
    top: -5px;
    right: -15px;
    font-size: 14px;
    color: #a78864;
}



/* ================= [핵심] Clip-path Reveal 섹션 ================= */
.sec-clip-reveal {
    position: relative;
    width: 100%;
    height: 100vh; /* 화면 전체를 채움 */
    background-color: #111; /* 기본 검은 배경 */
    overflow: hidden;
}

/* 1. 어두운 기본 텍스트 레이어 */
.clip-layer-dark {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    z-index: 1;
}
.clip-layer-dark h2 { font-size: 60px; color: #fff; font-weight: 700; letter-spacing: 2px; }

/* 2. 작은 원에서 커지는 밝은 이미지 레이어 */
.clip-layer-bright {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center;
    z-index: 2;
    /* [초기 상태] 정중앙에 크기 0%인 원형으로 숨겨둠 */
    clip-path: circle(0% at 50% 50%); 
    -webkit-clip-path: circle(0% at 50% 50%);
}
.clip-layer-bright .bright-overlay {
    position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5);
}
.clip-layer-bright .relative-z { position: relative; z-index: 3; text-align: center; color: #fff; }
.bright-text h3 { font-size: 50px; font-weight: 700;  color:#fff; margin-bottom: 50px;line-height:1.4; }
.bright-text p { font-size: 20px; font-weight: 300;color:#eee; }

/* ================= 이하 공통 섹션들 ================= */
.sec-beige-quote {
    background-color: #f5f2eb;  text-align: center;
	position:relative; height:100vh; 
}
.sec-beige-quote > div { position:relative; top:50%;transform:translateY(-50%);}
.quote-text { font-size: 36px; font-weight: 700; color: #a78864; margin-bottom: 30px; }

.sec-beige-quote .inner-wrap{ position:relative;top:50%;transform:translateY(-50%);}
.sec-beige-quote { background-image:url(/theme/basic/img/brand/craftsmanship_bg_02.jpg?);background-size:cover;height:100vh;}
.sec-beige-quote h4{font-size:50px;font-weight:700; color:#000 ;line-height:1.3; }
.sec-beige-quote p{font-size:20px;font-weight:400; color:#000 ;line-height:1.6; }

/* 어두운/블랙 분할 섹션 */
.inner-wrap{ position:relative; }
.sec-dark-split .inner-wrap{ height:100vh; }
.sec-dark-split { background-color: #222;   color: #fff;  background-image:url(/theme/basic/img/brand/craftsmanship_bg_03.jpg);background-position:left top; background-size:auto 100% ; background-repeat:no-repeat;    }
.sec-black-split { background-color: #111; padding: 150px 0; color: #fff; }

.sec-black-split .inner-wrap{ height:70vh; }
.sec-black-split { background-color: #222;   color: #fff;  background-image:url(/theme/basic/img/brand/craftsmanship_bg_04.jpg);background-position:left top; background-size:auto 100% ; background-repeat:no-repeat;    }



.split-row { display: flex; align-items: center; gap: 80px; }
.split-row.reverse { flex-direction: row-reverse; }
.split-img { width: 50%; }
.split-img img { width: 100%; border-radius: 15px; }
.split-txt { width: 50%;   position:relative;}
.split-txt h3 { font-size: 50px; font-weight: 700; margin-bottom: 50px;  line-height:1.4;}
.split-txt p { font-size: 20px; line-height: 1.8; color: #aaa; }
.split-txt p span{ color:#fff;font-weight:700; }
/* 3단 스태거 이미지 갤러리 */
.sec-stagger-imgs { padding: 150px 0; }
.stagger-row { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.stagger-txt { width: 35%; }
.stagger-txt h3 { font-size: 50px; font-weight: 700; margin-bottom: 50px;  }
.stagger-txt p{ font-size: 20px; line-height: 1.8; color: #111; }
.stagger-txt p span{ color:#000;font-weight:700; }
.stagger-gallery { width: 65%; display: flex; gap: 20px; }
.img-item { flex: 1; border-radius: 15px; overflow: hidden; }
.img-item img { width: 100%; height: auto; object-fit: cover; }
/* 높낮이 지그재그 처리 */
.item-1 { margin-top: 0; }
.item-2 { margin-top:  0px; }
.item-3 { margin-top:  0px; }

/* 거대 워터마크 배경 */
.sec-craftsmanship { position: relative; background-color: #1a1a1a; padding: 200px 0; color: #fff; text-align: left; overflow: hidden; }
.craft-bg { position:relative;font-size: 10vw; color: rgba(255,255,255,0.03); white-space: nowrap; pointer-events: none;  text-align:center; margin-bottom:100px;}
.sec-craftsmanship h3 { font-size: 50px; font-weight: 700; line-height: 1.6;  color:#fff;}

/* 아웃트로 서명 */
.sec-master-outro { padding: 150px 0; }
.outro-row { display: flex; justify-content: space-between;   padding-top: 60px; }
.outro-tit { width: 40%; font-size: 40px; font-weight: 700; line-height: 1.4; }
.outro-tit h3{ font-size:62px; color:#111; font-weight:700; }
.outro-desc { width: 60%; font-size: 18px; line-height: 1.8; color: #444; }
.outro-desc p{ font-size:20px; color:#111;}
.signature { margin-top: 40px; text-align: right; }