@charset "utf-8";
@import url('lib/animated.css');
@import url('lib/jquery-ui-1.10.4.custom.min.css');
@import url('lib/swiper.css');

/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
body { overflow-x:hidden; margin:0 auto;}
 body.scrollLock { overflow:hidden;}
.hidden { position:absolute; top:0; left:0; font-size:0;}
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}
 
 /* layerPopup */
.layerPopWrap { visibility:hidden; display:flex; display:-ms-flex; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .2s ease}
.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layerPopWrap .layerPopCont { display:flex; display:-ms-flex; flex-direction:column; position:relative; width:500px; max-height:90%; border-radius:8px; margin:0 auto; border:1px solid #cccccc; opacity:0; background:#fff;}
.layerPopWrap .layerPopCont .popTitle { height:62px; padding-left:30px; border-radius:8px 8px 0 0; font-size:20px; color:#000000; font-weight:bold; line-height:62px; background:#f1f3f4;}
.layerPopWrap .layerPopCont .contBox { overflow:hidden; overflow-y:auto; height:calc(100% - 62px); height:-ms-calc(100 - 62px); padding:30px;}
.layerPopWrap .layerPopCont > .btnPopClose { position:absolute; top:0; right:0; width:62px; height:62px; font-size:0; background:url('../images/common/btn_pop_close.png') no-repeat center center;}
.layerPopWrap .layerPopCont .btnPopGroup { margin-top:10px; text-align:center; font-size:0;}
.layerPopWrap .layerPopCont .btnPopGroup .btn { display:inline-block; min-width:145px; height:50px; padding:0 30px; border-radius:5px; font-size:17px; color:#fff; line-height:50px; background:#1c9bd7;}
.layerPopWrap .layerPopCont .btnPopGroup .btn + .btn { margin-left:10px;}

.layerPopWrap.alertPop .layerPopCont { width:300px; border:0;}
.layerPopWrap.alertPop .layerPopCont .contBox { height:auto; padding:30px 30px 0px; font-size:15px; color:#666666;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup { overflow:hidden; display:flex; display:-ms-flex; margin:40px -30px 0; border-radius:0 0 8px 8px;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn { width:100%; border-radius:0;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn + .btn { margin:0; background:silver}

.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont{ animation:fadeInUp .4s ease-in-out forwards;}


/* header */
#headerWrap { position:absolute; top:0; left:0; right:0; z-index:5; height:120px; transition:top .3s ease;}
#headerWrap.fixed { position:fixed; top:0; background:rgba(255,255,255,0.8)}
#headerWrap .innerBox { position:relative;}
#headerWrap h1 a { position:absolute; top:50%; left:20px; width:200px; height:15px; font-size:0; background:url('../images/logo3.png') no-repeat; background-size:100%; transform:translateY(-50%);}
/* 헤더 메뉴 간격 */
#headerWrap ul { padding:45px 0; margin-left:clamp(250px, 54vw - 235px, 360px); font-size:0; white-space:nowrap; transition:all .3s ease;}
#headerWrap ul li { display:inline-block; }
#headerWrap ul li + li { padding-left:8%;}
#headerWrap ul li a { position:relative; font-size:18px; color:#000; font-family: 'NotoSans'; font-weight:300; transition:all .3s ease;}
#headerWrap ul li a:after { content:''; display:block; position:absolute; bottom:-10px; left:50%; width:0%; height:4px; background:#000; transition:all .3s ease;}
#headerWrap ul li.on a:after { left:0; width:100%;}
/* 모바일 햄버거 버튼 */
#headerWrap .btnAll { display:none; position:absolute; top:50%; right:20px; width:60px; height:60px; padding-left:53px; font-size:0px; color:#ffffff; font-family: 'NotoSans'; font-weight:200; transform:translateY(-50%);}
#headerWrap .btnAll span { position:absolute; top:50%; right:0; width:25px; height:2px; margin-top:2px; background:#fff; transform:translateY(-50%); background:#fff;}
#headerWrap .btnAll span:before { content:''; display:block; position:absolute; top: -6px; right:0; width:25px; height:2px; background:#fff;}
#headerWrap .btnAll span:after { content:''; display:block; position:absolute; top:6px; right:0; width:25px; height:2px; background:#fff;}

.subWrap #headerWrap ul li a:after { bottom:0;}

/* 2020-02-06 */
.bannerOn #headerWrap { top:80px;}
.bannerOn #container { padding-top:80px;}
.bannerOn #container .sec01 { margin-top:80px;}
/* //2020-02-06 */

.close ~ #headerWrap { top:0;}
.close ~ #container { padding-top:0;}
.close ~ #container .sec01 { margin-top:0;}

/* btnAll */
.btnAllWrapBox { visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; transition:all .3s ease;}
.btnAllWrapBox .bg { position:absolute; top:0; left:100%; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:all .3s ease .1s;}
.btnAllWrapBox .allBox { position:absolute; top:0; left:100%; width:500px; height:100%; background:#22372b; transform:translateX(0%); transition:all .3s ease .3s;}
.btnAllWrapBox .allBox .btnClose { display:block; width:16px; height:16px; margin:105px auto; font-size:0; background:url('../images/btn_all_close.png') no-repeat; background-size:16px 16px; transition:all .3s ease;}
.btnAllWrapBox .allBox .btnClose:hover { transform:rotate(180deg);}
.btnAllWrapBox .allBox li { text-align:center;}
.btnAllWrapBox .allBox li + li { margin-top:65px;}
.btnAllWrapBox .allBox li a { font-size:24px; color:#ffffff; transition:all .3s ease;}
.btnAllWrapBox .allBox li a:hover { font-weight:bold;}

.btnAllWrapBox.on { opacity:1; visibility:visible;}
.btnAllWrapBox.on .bg { left:0;}
.btnAllWrapBox.on .allBox { transform:translateX(-100%);}

/* footer */
#footerWrap { position:fixed; top:100%; left:0; right:0; height:115px; background:#303338; transform:translateY(-100%);}
#footerWrap .innerBox { top:50%; transform:translateY(-50%);}
#footerWrap .logo { position:absolute; top:50%; transform:translateY(-50%); margin-right:80px; width:202px; height:35px; font-size:0; background:url('../images/img_logo1.gif') no-repeat; background-size:cover;}
#footerWrap .textBox { margin-left:278px;}
#footerWrap .text { display:inline-block; font-size:14px; font-weight:300; color:#fff; font-family: 'Spoqa Han Sans'}
#footerWrap .text span + span:before { content:''; display:inline-block; width:1px; height:8px; margin:0 12px; vertical-align:middle; background:#4b4f56;}
#footerWrap .copy { color:#fff; font-size:10px; font-family: 'Gmarket Sans'; font-weight:bold;}
#footerWrap .btnGroup { position:absolute; top:50%; right:20px; transform:translateY(-50%);}
#footerWrap .btnGroup > a {  display:block; width:200px; height:50px; border:1px solid #414448; padding-left:34px; line-height:50px; color:#f4f4f4; font-size:14px; font-weight:bold; transition:all .3s ease; font-family: 'Spoqa Han Sans';}
#footerWrap .btnGroup > a:after { content:''; display:block; position:absolute; top:50%; right:32px; width:9px; height:6px; background:url('../images/btn_footer_arrow.png') no-repeat; transition:all .3s ease;}
#footerWrap .btnGroup > a.on:after { transform:rotate(180deg);}
#footerWrap .btnGroup .sub { display:none; position:absolute; bottom:50px; left:0; width:100%; border:1px solid #b4b5b9;}
#footerWrap .btnGroup .sub a { position:relative; display:block; width:200px; height:50px; padding-left:34px; line-height:50px; color:#111; font-size:14px; font-weight:bold; transition:all .3s ease; font-family: 'Spoqa Han Sans'; background:#fff;}
#footerWrap .btnGroup .sub a + a { border-top:1px solid #e8e9e9;}
#footerWrap .btnGroup .sub a:after { content:''; display:block; position:absolute; top:50%; right:34px; width:20px; height:6px; margin-top:-3px; background:url('../images/icon_footer_arrow.png') no-repeat; transition:all .3s ease;}

/* 모바일 wayfinding 인디케이터 */
.mobileWayfinding { display:none;}

 /* ==============================
 * subWrap
 * ============================== */

.subWrap .topbanner { top:-100%;}
.subWrap #headerWrap { top:0; height:60px; border-bottom:1px solid #e5e5e5;}
.subWrap #headerWrap h1 a { width:200px; height:15px; background:url('../images/logo3.png') no-repeat center center; background-size:contain; mix-blend-mode:multiply;}
.subWrap #headerWrap ul { padding:0;}
.subWrap #headerWrap li {}
.subWrap #headerWrap li a { display:block; font-size:16px; line-height:60px; color:#111111;}
.subWrap #headerWrap .btnAll span,
.subWrap #headerWrap .btnAll span:before,
.subWrap #headerWrap .btnAll span:after { background:#111111}

.subWrap #container { padding-top:60px;}

 /* ==============================
 * content
 * ============================== */

img { max-width:100%;}

.innerBox { position:relative; max-width:1440px; margin:0 auto; padding:0 20px;}

.topbanner { overflow:hidden; position:absolute; top:0; left:0; z-index:3; width:100%; height:80px; background:url('../images/bg_topbanner.jpg') no-repeat; background-size:cover; transition:all .5s ease;}
.topbanner .title { display:block; line-height:80px; text-align:center; font-size:24px; font-family: 'NotoSans'; font-weight:300;}
.topbanner .title strong { font-family: 'NotoSans'; font-weight:bold;}
.topbanner .title:after { content:''; display:inline-block; width:91px; height:20px; margin-left:78px; font-family: 'NotoSans'; font-size:14px; color:#111; vertical-align:middle; background:url('../images/btn_topbanner.png') no-repeat;}
.topbanner .checkbox {position:absolute; top:30px; right:100px; font-size:13px; color:#000; font-family: 'NotoSans';}
.topbanner .btnClose { position:absolute; top:30px; right:40px; width:19px; height:19px; font-size:0; background:url('../images/btn_topbanner_close.png') no-repeat; background-size:100%;}

.topbanner.close { height:0px; opacity:0;}

#container { overflow:hidden; position:relative; z-index:2; min-height:600px; background:#fff;}
#container > section { display:none; position:absolute; top:0; left:0; bottom:0; width:100%; margin-top:60px;}
#container > section.on { display:block;}
#container > section.off { display:block; z-index:3; animation:sectionOff1 .5s ease-in-out both;}


@keyframes sectionOff1 {
	0% {left:0%; opacity:1;}
	100% {left:-100%; opacity:0;}
}

#container .btnSectionNext { display:none; position:absolute; top:50%; right:0; z-index:4; width:60px; height:250px; background:#000; transform: translateY(-50%); }
#container .btnSectionNext span { display:block; width:200px; margin-top:-10px; line-height:60px; font-size:12px; color:#ffffff; transform-origin:0 100%; transform:rotate(90deg);}
#container .btnSectionNext:after { content:''; display:block; position:absolute; bottom:50px; left:50%; width:16px; height:6px; margin-left:-8px; background:url('../images/btnNextArrow.png') no-repeat;}
#container .btnSectionPrev { display:none; position:absolute; top:50%; left:0; z-index:4; width:60px; height:250px; background:#000; transform: translateY(-50%); }
#container .btnSectionPrev span { display:block; width:200px; margin-top:-10px; line-height:60px; font-size:12px; color:#ffffff; transform-origin:0 100%; transform:rotate(90deg);}
#container .btnSectionPrev:after { content:''; display:block; position:absolute; bottom:50px; left:50%; width:16px; height:6px; margin-left:-8px; background:url('../images/btnNextArrow2.png') no-repeat;}

#container .on .btnSectionNext { display:block; animation:btnSectionNext 1s ease-in-out .2s both;}
#container .on .btnSectionPrev { display:block; animation:btnSectionPrev 1s ease-in-out .2s both;}

@keyframes btnSectionNext {
	0% {right:-100%;}
	100% {right:0%;}
}
@keyframes btnSectionPrev {
	0% {left:-100%;}
	100% {left:0%;}
}

#container .sec01 { margin-top:0; min-height:600px;}
.sec01 { overflow:hidden; width:100%;}
/* sec01 배경영상 */
.sec01 .visualImg { position:absolute; top:0; left:0; width:100%; height:100%;}
.sec01 .visualImg .sec01__bgvideo { display:block; width:100%; height:100%; object-fit:cover; background:#0a0a0c center/cover no-repeat;}
/* sec01 배경영상 - 모션 감소 설정과 무관하게 항상 재생 */

/* 자동재생 배경영상 정지/재생 컨트롤(웹접근성 지침 권고 사항) */
.sec01__videoCtrl { position:absolute; right:32px; bottom:32px; z-index:3; width:44px; height:44px; border:1px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(0,0,0,.25); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .3s ease;}
.sec01__videoCtrl:hover { background:rgba(0,0,0,.6); border-color:#fff;}
.sec01__videoCtrl svg { width:16px; height:16px; fill:#fff;}
.sec01__videoCtrl .ico-pause { display:block;}
.sec01__videoCtrl .ico-play { display:none;}
.sec01__videoCtrl.is-paused .ico-pause { display:none;}
.sec01__videoCtrl.is-paused .ico-play { display:block;}

.sec01 .innerBox { display:block; position:absolute; top:50%; left:0; right:0; width:1440px; transform:translateY(-50%);}
.sec01 .logoWrap { display:none; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);}
/* sec01 타이틀/로고 숨김(영상만 노출) */
.sec01 .innerBox.visualText,
.sec01 .logoWrap.visualText { display:none !important;}
/* sec01 로고(logoWrap) 이미지/사이즈 */
.sec01 .logoWrap .logo { width:320px; height:24px; margin:0 auto; font-size:0; background:url('../images/logo3.png') no-repeat center center; background-size:100%;}
.sec01 h1 {}
.sec01 h1 span { display:block; font-size:44px; color:#000; opacity:0; line-height:1.14;  font-family: 's-core_dream1_thin';}
.sec01 p { margin-top:55px; font-size:20px; color:#ffffff; opacity:0; font-weight:100;  font-family: "notoSans"}

/* ---------- sec02 : Brand Story 섹션 ---------- */
.sec02 { overflow:hidden; width:100%;}
/* 모바일 section eyebrow */
.sec02__mobileEyebrow { display:none;}
/* sec02__scroll 배경 */
.sec02__scroll { position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden; background:#ffffff;}
/* sec02__fixedSpacer/Canvas - 1536 고정폭 캔버스(초과분 가로스크롤) */
.sec02__fixedSpacer { position:relative; width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.sec02__fixedSpacer::-webkit-scrollbar { display:none;}
.sec02__fixedCanvas { position:absolute; top:0; left:0; width:1536px; transform-origin:top left;}

/* sec02__inner 컨테이너 폭/패딩 */
.sec02__inner.innerBox { max-width:1200px; padding:110px 28px 140px; box-sizing:border-box; opacity:0;}

/* ---------- BRAND ARCHITECTURE ---------- */
.sec02__architecture-title,
.sec02__history-title { width:50%; margin:0 0 40px; padding-bottom:16px; border-bottom:2px solid rgba(0,0,0,.35); font-size:26px; font-weight:400; letter-spacing:1px; color:#1a1a1a; font-family:'Canela Text Web','NotoSans';}

.sec02__architecture-image { margin:0 0 40px; text-align:center;}
.sec02__architecture-image img { display:inline-block; width:auto; max-width:80%; height:auto;}

.sec02__architecture-copy { max-width:none; margin:0 auto; text-align:center;}
.sec02__architecture-copy p { margin:0 0 24px; font-size:19px; line-height:1.75; font-weight:300; color:#000000; font-family:'NotoSans';}
.sec02__architecture-copy p:last-child { margin-bottom:0;}
.sec02__architecture-copy-img { display:block; width:100%; max-width:1000px; height:auto; margin:0 auto;}
/* BRAND ARCHITECTURE 본문 줄바꿈 고정(PC) */
@media screen and (min-width:769px){
	.sec02__architecture-copy p { white-space:nowrap;}
}


/* ---------- BRAND HISTORY ---------- */
.sec02__history { margin-top:140px;}

.sec02__history-timeline { position:relative; padding:20px 0;}

/* 타임라인 중앙선 */
.sec02__history-line { position:absolute; top:26px; bottom:26px; left:50%; width:1px; background:rgba(0,0,0,.15); transform:translateX(-50%);}

/* 히스토리 항목 */
.sec02__history-item { position:relative; margin-top:90px; padding-top:60px;}
.sec02__history-line + .sec02__history-item { margin-top:0;}

/* 타임라인 마커 */
.sec02__history-marker { position:absolute; top:26px; left:50%; width:13px; height:13px; border-radius:50%; background:#67823A; transform:translate(-50%,-50%); z-index:1;}

/* 히스토리 연도 */
.sec02__history-year { position:absolute; top:26px; margin:0; transform:translateY(-50%); font-size:26px; font-weight:700; letter-spacing:.5px; color:#1a1a1a; font-family:'NotoSans'; white-space:nowrap;}
.sec02__history-item--2026 .sec02__history-year,
.sec02__history-item--2023 .sec02__history-year { right:calc(50% + 24px); text-align:right;}
.sec02__history-item--2025 .sec02__history-year,
.sec02__history-item--2018 .sec02__history-year { left:calc(50% + 24px); text-align:left;}

.sec02__history-content { display:flex; align-items:flex-start; gap:60px;}
/* 긴 연혁 텍스트 수용을 위해 텍스트/이미지 영역을 좌우 대칭으로 확장(가운데 구분선 정렬 유지) */
.sec02__history-content:not(.sec02__history-content--text-only) { margin:0 -78px; width:calc(100% + 156px);}
/* 텍스트 전용(이미지 없음) 항목 */
.sec02__history-content--text-only { display:block; max-width:none; margin:0; padding-left:calc(50% + 24px); box-sizing:border-box;}

.sec02__history-text { flex:1; min-width:0;}
/* 왼쪽 컬럼 텍스트 정렬 */
.sec02__history-item--2026 .sec02__history-text > *,
.sec02__history-item--2023 .sec02__history-text > * { margin-left:auto; margin-right:0; max-width:580px; text-align:right;}
.sec02__history-item--2026 .sec02__history-logos,
.sec02__history-item--2023 .sec02__history-logos { justify-content:flex-end;}

.sec02__history-image { flex:1; min-width:0; margin:0;}
.sec02__history-image img { display:block; width:100%; height:auto;}
/* 히스토리 이미지 크기(2025~2024) */
.sec02__history-item--2025 .sec02__history-image img { width:70%;}
.sec02__history-item--2023 .sec02__history-image img { width:80%;}

/* 텍스트 컬럼 하단 여유 공간에 들어가는 보조 이미지(2025~2024) */
.sec02__history-subimage { margin:70px 0 0;}
.sec02__history-subimage img { display:block; width:100%; height:auto;}

.sec02__history-logos { display:flex; align-items:center; gap:20px; margin:0 0 20px;}
.sec02__history-logos img { display:block; height:54px; width:auto;}
/* history_logo_2(K-DESIGN AWARD) 크기 축소 */
.sec02__history-logos img[src*="history_logo_2.png"] { height:40px;}

.sec02__history-headline { margin:0 0 12px; font-size:18px; font-weight:700; color:#1a1a1a; font-family:'NotoSans';}

.sec02__history-list { margin:0; padding:0; list-style:none;}
.sec02__history-list li { margin-top:8px; font-size:17px; line-height:1.7; font-weight:300; color:#444444; font-family:'NotoSans'; white-space:nowrap;}
.sec02__history-list li:first-child { margin-top:0;}
.sec02__history-list li.sec02__history-headline { margin-top:16px; font-size:18px; font-weight:700; color:#1a1a1a;}
.sec02__history-list li strong { font-weight:700; color:#1a1a1a;}

/* 로고 리뉴얼 안내 배너 */
.sec02__notice { width:100vw; margin-top:140px; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:56px 28px; background:#F2F2F2; text-align:center; box-sizing:border-box;}
.sec02__notice-title { font-size:17px; font-weight:700; line-height:1.45; color:#31470A; font-family:'NotoSans'; letter-spacing:.2px;}
.sec02__notice-desc { margin:0; font-size:17px; line-height:1.75; font-weight:300; color:#000000; font-family:'NotoSans';}
.sec02__notice-img { display:block; width:100%; max-width:720px; height:auto; margin:0 auto;}

/* sec02__reveal fade-up 애니메이션 */
.sec02__reveal { opacity:0; transform:translateY(46px) scale(.96); transition:opacity .75s ease-out, transform .75s ease-out;}
.sec02__reveal.is-in { opacity:1; transform:translateY(0) scale(1);}

/* sec02 진입 애니메이션 */
.sec02.on .sec02__inner.innerBox { animation:sec02Enter_bg 1.3s ease-out .15s both; will-change:opacity;}
@keyframes sec02Enter_bg {
	0%   { opacity:0; }
	100% { opacity:1; }
}

@keyframes sec01_1 {
	0% {left:0; width:100%;}
	100% {left:100%; width:0%;}
}
@keyframes sec01_2 {
	0% { transform:scale(1) rotate(0deg);}
	100% { transform:scale(1.05) rotate(.001deg)}
}

/* ==============================
   sec01 -> sec02 전환 애니메이션
   ============================== */

/* sec01.off 섹션 유지(배경/텍스트만 페이드) */
#container > section.sec01.off { animation:none; opacity:1; z-index:3; }

/* sec01 배경영상 퇴장 애니메이션 */
.sec01.off .visualImg { animation:sec01Exit_bg 1.3s ease-in both; will-change:opacity;}
@keyframes sec01Exit_bg {
	0%   { opacity:1; }
	100% { opacity:0; }
}

/* sec01 타이틀/설명 퇴장 애니메이션 */
.sec01.off h1 span:nth-child(1) { animation:sec01Exit_up .6s ease-in 0s both; }
.sec01.off h1 span:nth-child(2) { animation:sec01Exit_up .6s ease-in .06s both; }
.sec01.off h1 span:nth-child(3) { animation:sec01Exit_up .6s ease-in .12s both; }
.sec01.off p                    { animation:sec01Exit_up .6s ease-in .2s both; }

@keyframes sec01Exit_up {
	0%   { opacity:1; transform:translateY(0); }
	100% { opacity:0; transform:translateY(-32px); }
}

/* sec02 콘텐츠 진입 애니메이션 참고 */


.sec03 {}
.sec03 .video { position:absolute; top:0; left:0; width:100%; height:70%; text-align:center; background:#000;}
.sec03 .video iframe { width:100%; max-width:1200px; height:100%; margin:0 auto;}
.sec03 .video:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.sec03 .video:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.sec03 .innerBox { display:none; width:100%;}
.sec03 .textBox { display:flex; position:relative; top:70%; height:30%; align-items:center; background:url('../images/bg_sec03_1.jpg') center center no-repeat; background-size:cover;}
.sec03 .textBox h1 { position:relative; z-index:1; font-size:48px; color:#f3b499;  font-family: 'NotoSans';; font-weight:100;}
.sec03 .textBox p { position:relative; z-index:1; font-size:18px; color:#fff; line-height:1.5;  font-family: 'NotoSans';;font-weight:300;}
.sec03 .textBox p strong { font-weight:300;}
.sec03 .textBox .bg { position:absolute; top:0; right:0; width:30%; height:100%; background:url('../images/bg_sec03_2.jpg') center center no-repeat; background-size:cover;}

.sec03.on .video:before { animation:sec01_1 .9s ease-in-out .3s both;}
.sec03.on .video:after { animation:sec01_1 1s ease-in-out both;}
.sec03.on .innerBox { display:block;}

/* ---------- sec04 : Brand Identity 섹션 ---------- */
.sec04 { display:none; overflow:hidden;}
/* sec04 진입 전환 애니메이션 - intro-image 상단부터 시작(그 위 타이틀은 덮지 않음) */
.sec04:before { content:''; display:block; position:absolute; top:var(--sec04WipeTop, 0px); left:0; width:100%; height:calc(100% - var(--sec04WipeTop, 0px)); background:rgba(0,0,0,0.5); z-index:1;}
.sec04:after { content:''; display:block; position:absolute; top:var(--sec04WipeTop, 0px); left:0; width:100%; height:calc(100% - var(--sec04WipeTop, 0px)); background:#fff; z-index:2;}
.sec04.on:before { animation:sec01_1 .9s ease-in-out .3s both;}
.sec04.on:after { animation:sec01_1 1s ease-in-out both;}
/* 모바일 section eyebrow */
.sec04__mobileEyebrow { display:none;}

/* sec04__scroll 배경 */
.sec04__scroll { position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden; background:#ffffff;}
/* sec04__fixedSpacer/Canvas - 1536 고정폭 캔버스(초과분 가로스크롤) */
.sec04__fixedSpacer { position:relative; width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.sec04__fixedSpacer::-webkit-scrollbar { display:none;}
.sec04__fixedCanvas { position:absolute; top:0; left:0; width:1536px; transform-origin:top left;}
.sec04.on .sec04__scroll > .innerBox { display:block;}

/* sec04 컨테이너 폭/패딩 */
.sec04__inner.innerBox { max-width:1400px; padding:120px 40px 100px; box-sizing:border-box;}

/* HOBAN SUMMIT Brand Story 인트로 */
.sec04__intro { background:#ffffff; margin:-120px -150px 120px; padding:120px 150px 0; box-sizing:border-box;}
.sec04__intro-item { position:relative;}
.sec04__intro-item + .sec04__intro-item { margin-top:100px;}
.sec04__intro-item--01,
.sec04__intro-item--02,
.sec04__intro-item--03 { width:55%;}
.sec04__intro-title { display:block; margin:0; font-size:20px; font-weight:700; line-height:1.4; color:#1a1a1a; font-family:'NotoSans';}
/* 영문 타이틀만 Canela Text(일반 폰트보다 커 보여서 95%로 축소) */
.sec04__intro-title-en { font-family:'Canela Text Web'; font-size:.95em;}
/* INSPIRED LIVING 하단 서브 문구만 볼드 해제 */
.sec04__intro-title-sub { display:block; width:auto; max-width:none; height:2.2em; margin:0; text-align:left;}
.sec04__intro-image { margin:0;}
.sec04__intro-image img { display:block; width:100%; height:auto;}
.sec04__intro-desc { margin:24px 0 0; font-size:16px; line-height:1.7; color:#000000; font-weight:300; font-family:'NotoSans';}
.sec04__intro-desc strong { font-weight:700; color:#1a1a1a;}

/* sec04__hero 흰 배경 풀블리드 */
.sec04__hero { background:#ffffff; margin:-120px -150px 0; padding:170px 150px 10px;}
.sec04__top { display:flex; align-items:center; justify-content:space-between;}
.sec04__eyebrow { font-size:24px; color:#8a8a7c; font-family:'Canela Text Web','NotoSans'; font-weight:300; letter-spacing:.5px;}
.sec04__download { display:inline-flex; align-items:center; padding:14px 22px; border:1px solid #a19e9e; font-size:15px; color:#111111; font-family:'NotoSans'; font-weight:400; transition:all .3s ease;}
.sec04__download:hover { background:#111111; color:#ffffff;}

/* sec04__logotype 관련 참고 */
.sec04__logotype { margin:0; text-align:center;}
.sec04__logotype img,
.sec04__logotype video { display:inline-block; width:100%; max-width:640px; height:auto;}

.sec04__row { display:flex; flex-direction:column; gap:16px; padding:20px 0;}
.sec04__row-label { width:auto; font-size:24px; font-weight:600; color:#1a1a1a; letter-spacing:.5px; font-family:'Canela Text Web','NotoSans';}
.sec04__row-desc { flex:1; margin:0; font-size:17px; line-height:1.8; color:#000000; font-weight:300; font-family:'NotoSans';}
.sec04__colors { flex:1; overflow:hidden;}
.sec04__colors img { display:block; width:100%; height:auto;}

.sec04__photos { display:flex; align-items:flex-start; justify-content:space-between; gap:40px; margin-top:100px; padding-bottom:100px;}
.sec04__col { position:relative;}
.sec04__col--left { width:55%;}
.sec04__col--right { width:38%; margin-top:12%;}
.sec04__photo { margin:0;}
.sec04__photo img { display:block; width:100%; height:auto;}
.sec04__caption { display:block; margin-top:24px; font-size:20px; font-weight:700; line-height:1.4; color:#67823A; font-family:'NotoSans';}
.sec04__desc { margin:12px 0 0; font-size:16px; line-height:1.7; color:#000000; font-weight:300; font-family:'NotoSans';}
.sec04__col--right .sec04__caption,
.sec04__col--right .sec04__desc { text-align:right;}

/* sec04__reveal fade-up 애니메이션 */
.sec04__reveal { opacity:0; transform:translateY(46px); transition:opacity .75s ease-out, transform .75s ease-out;}
.sec04__reveal.is-in { opacity:1; transform:translateY(0); position:relative; z-index:3;}

/* sec04 데스크톱 data-animation 무력화 */
@media screen and (min-width:769px){
	.sec04 [data-animation]{ animation:none !important; }
	.sec04 [data-animation]:not(.sec04__reveal){ opacity:1; }
}

/* ---------- sec05 : EDITION 섹션 ---------- */
.sec05 { overflow:hidden;}
/* 모바일 section eyebrow */
.sec05__mobileEyebrow { display:none;}
.sec05:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.sec05:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.sec05.on:before { animation:sec01_1 .9s ease-in-out .3s both;}
.sec05.on:after { animation:sec01_1 1s ease-in-out both;}

/* sec05__scroll 배경 */
.sec05__scroll { position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden;}
/* sec05__fixedSpacer/Canvas - 1536 고정폭 캔버스(초과분 가로스크롤) */
.sec05__fixedSpacer { position:relative; width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.sec05__fixedSpacer::-webkit-scrollbar { display:none;}
.sec05__fixedCanvas { position:absolute; top:0; left:0; width:1536px; transform-origin:top left;}

/* sec05 컨테이너 폭/패딩 */
.sec05__inner.innerBox { max-width:1400px; padding:120px 40px 220px; box-sizing:border-box;}

/* sec05__intro - EDITION 도입부 */
.sec05__intro { position:relative; margin:0 0 40px;}
/* sec05__intro-heading 흰 배경 풀블리드 */
.sec05__intro-heading { margin:-120px -150px 48px; padding:140px 150px 20px; background:#ffffff; text-align:left; box-sizing:border-box;}
.sec05__intro-title { margin:0 0 10px; font-size:28px; font-weight:700; letter-spacing:.5px; color:#1a1a1a; font-family:'NotoSans';}
.sec05__intro-desc { margin:0; font-size:17px; line-height:1.8; color:#000000; font-weight:300; font-family:'NotoSans';}
.sec05__intro-heading-img { display:block; width:100%; max-width:650px; height:auto;}
.sec05__intro-item { display:flex; align-items:center; gap:60px;}
.sec05__intro-item + .sec05__intro-item { margin-top:50px;}
.sec05__intro-item--01 { display:block; width:85%;}
.sec05__intro-item--02 { margin-left:8%;}
.sec05__intro-image { flex:0 0 56%;}
.sec05__intro-image img { display:block; width:100%; height:auto;}
.sec05__intro-copy { flex:1;}
.sec05__intro-text { margin:0; font-size:20px; line-height:1.7; color:#1a1a1a; font-weight:300; font-family:'NotoSans';}

.sec05__hero-group { position:relative;}
/* EDITION Hero 배경 - 원본(3000x1688) 상단 빈 여백 210px만 crop(곡선/로고 내용은 그대로), bottom 기준 정렬이라 하단은 원본 끝까지 유지 */
.sec05__edition-hero { position:relative; margin:0; box-sizing:border-box; aspect-ratio:3000/1478; padding-top:56px; background:url('../images/edition_background.jpg') no-repeat center bottom; background-size:100% auto;}
/* 이미지 좌우 여백만 배경색으로 채움(위아래 다른 섹션에는 영향 없음) */
.sec05__edition-hero:before { content:''; position:absolute; top:0; bottom:0; left:calc(-150px - var(--canvasOffsetX, 0px)); right:calc(-150px - var(--canvasOffsetX, 0px)); background:#eaece1; z-index:-1;}
.sec05__hero { position:relative; min-height:100vh; box-sizing:border-box; background:#ffffff;}
.sec05__photo { position:relative; width:100%;}
.sec05__bgimg { display:block; width:100%; height:auto;}
.sec05__content { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.sec05__logo-wrap { position:absolute; left:20%; top:32%;}
.sec05__logo { display:block; width:auto; max-width:440px; height:auto;}
.sec05__desc-wrap { position:absolute; left:15%; top:62%; max-width:520px;}
.sec05__desc { margin:0; font-size:20px; line-height:1.7; color:#000000; font-weight:300; font-family:'NotoSans'; white-space:nowrap;}

/* EDITION 워드마크 - 이미지 원본(1251x481) 비율 그대로, object-fit 없이 표시 */
.sec05__edition-logo { margin:190px 0 0; text-align:center;}
.sec05__edition-logo img { display:inline-block; width:auto; height:auto; max-width:340px;}

/* sec05__reveal fade-up 애니메이션 */
.sec05__reveal { opacity:0; transform:translateY(46px); transition:opacity .75s ease-out, transform .75s ease-out;}
.sec05__reveal.is-in { opacity:1; transform:translateY(0);}

/* EDITION Brand Identity 행 */
.sec05__top { display:flex; align-items:center; justify-content:space-between;}
.sec05__eyebrow { font-size:24px; color:#8a8a7c; font-family:'Canela Text Web','NotoSans'; font-weight:300; letter-spacing:.5px;}
.sec05__download { display:inline-flex; align-items:center; padding:14px 22px; border:1px solid #a19e9e; font-size:15px; color:#111111; font-family:'NotoSans'; font-weight:400; transition:all .3s ease;}
.sec05__download:hover { background:#111111; color:#ffffff;}

.sec05__row { display:flex; flex-direction:column; gap:16px; padding:20px 0;}
.sec05__row-label { font-size:24px; font-weight:600; color:#1a1a1a; letter-spacing:.5px; font-family:'Canela Text Web','NotoSans';}
.sec05__row-content { flex:1; overflow:hidden;}
.sec05__row-content img { display:block; width:100%; height:auto;}
/* EDITION 행 설명 */
.sec05__row-desc { margin:0; font-size:17px; line-height:1.8; color:#000000; font-weight:300; font-family:'NotoSans';}


/* EDITION 영상 */
.sec05__edition-video { margin:80px 0 0;}
.sec05__edition-video video { display:block; width:100%; height:auto;}
/* EDITION 영상 샘플 이미지 */
.sec05__edition-video img { display:block; width:100%; max-width:1000px; height:auto; margin:0 auto;}

/* EDITION 로고타입 배너(풀블리드) */
.sec05__logotype .sec05__row-content { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); aspect-ratio:3 / 1;}
.sec05__logotype .sec05__row-content img { width:100%; height:100%; object-fit:cover; object-position:center;}

/* ---------- secProject : EDITION 다음 외부 PROJECT 이동 섹션 ---------- */
.secProject { overflow:hidden; background:#eeeee4 url('../images/bi_background_03.jpg') no-repeat center top; background-size:cover;}
.secProject__inner { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center; padding:0 40px; box-sizing:border-box;}
.secProject__eyebrow { display:block; font-size:13px; font-weight:600; letter-spacing:3px; color:#8a8a7c; font-family:'NotoSans';}
.secProject__title { margin-top:16px; font-size:48px; font-weight:600; color:#1a1a1a; font-family:'NotoSans';}
.secProject__desc { margin:14px 0 0; font-size:17px; color:#666666; font-weight:300; font-family:'NotoSans';}
.secProject__cta { display:inline-flex; align-items:center; margin-top:32px; padding:14px 22px; border:1px solid #a19e9e; font-size:15px; color:#111111; font-family:'NotoSans'; font-weight:400; transition:all .3s ease;}
.secProject__cta:hover { background:#111111; color:#ffffff;}

.secProject__reveal { opacity:0; transform:translateY(20px); transition:opacity .6s ease-out, transform .6s ease-out;}
.secProject__reveal.is-in { opacity:1; transform:translateY(0);}


.sec06 {}
.sec06__mobileEyebrow { display:none;}
.sec06 .list { display:flex; display:-ms-flex; height:100%;}
.sec06 .list > div { display:none; width:33.333%; height:100%;}
.sec06 .list .img { overflow:hidden; position:relative; height:calc(100% - 120px);}
.sec06 .list .img img { transition:all .3s ease;}
.sec06 .list .img span { display:block; position:absolute; top:8.9%; left:10.8%; width:100%;}
.sec06 .list .img em { position:absolute; top:0; left:0; font-size:12px; color:#fbfbfb; text-transform:uppercase; letter-spacing: 3px; transform-origin:0 0; transform:rotate(90deg)}
.sec06 .list .img:hover img { transform:scale(1.1)}
.sec06 .list .imgText { height:120px; line-height:120px; text-align:center; color:#fff; font-size:18px;  font-family: 'NotoSans';;}

.sec06 .list .type1 .img { background:url('../images/img_sec06_1.jpg') no-repeat center center; background-size:cover;}
.sec06 .list .type2 .img { background:url('../images/img_sec06_2.jpg') no-repeat center center; background-size:cover;}
.sec06 .list .type3 .img { background:url('../images/img_sec06_3.jpg') no-repeat center center; background-size:cover;}
.sec06 .list .type1 .imgText { background:url('../images/img_sec06_1_1.jpg') no-repeat center center; background-size:cover;}
.sec06 .list .type2 .imgText { background:url('../images/img_sec06_2_1.jpg') no-repeat center center; background-size:cover;}
.sec06 .list .type3 .imgText { background:url('../images/img_sec06_3_1.jpg') no-repeat center center; background-size:cover;}

.sec06.on .list > div { display:block;}

.sec07 { margin-bottom:115px; background:url('../images/bg_sec07.jpg') no-repeat center bottom; background-size:cover;}
.sec07 .innerBox {}
.sec07 .arrowBtn { position:absolute; top:0; right:20px; font-size:0}
.sec07 .arrowBtn a { display:inline-block; width:50px; height:50px; font-size:0;}
.sec07 .arrowBtn .btnLeft { background:url('../images/btn_left.png') no-repeat; background-size:cover;}
.sec07 .arrowBtn .btnRight { margin-left:1px; background:url('../images/btn_right.png') no-repeat; background-size:cover;}
.sec07 .list { margin-top:50px;}
.sec07 .list a { display:block}
.sec07 .list .slick-list { overflow:visible;}
.sec07 .list .slick-slide { margin-right:80px;}
.sec07 .list .img { overflow:hidden; position:relative; box-shadow:20px 20px 30px rgba(0,0,0,0.2)}
.sec07 .list .img img { transition:all .3s ease;}
.sec07 .list .img:hover img { transform:scale(1.1)}
.sec07 .list .img span { position:absolute; top:40px; left:40px; width:60px; height:60px; padding-top:10px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); font-size:14px; color:#ffffff; text-align:center;vertical-align:middle;}
.sec07 .list .img span.type2 { padding-top:20px;text-align:center;vertical-align:middle;}
.sec07 .list .textBox { position:relative; z-index:1; width:340px; padding:0 0 0 30px; margin:20px 0 0px;}
.sec07 .list .date { position:relative; font-size:18px; color:#656565; font-weight:300; transition:all .3s ease;  font-family: 'NotoSans';;}
.sec07 .list .date.color { color:#f47721;}
/*.sec07 .list .title { position:absolute; top:0; right:30px; font-size:18px; transition:all .3s ease;  font-family: 'NotoSans';; font-weight:normal;}*/
.sec07 .list .title { position:absolute; top:0; font-size:18px; transition:all .3s ease;  font-family: 'NotoSans';; font-weight:normal;}
.sec07 .list .text { margin-top:15px; font-size:14px; line-height:1.875; transition:all .3s ease;  font-family: 'NotoSans';;}
.sec07 .list .text strong { font-weight:bold;}
.sec07 .list .phone { margin-top:15px; font-size:24px; color:#c86f5b; font-weight:200; transition:all .3s ease;  font-family: 'NotoSans';;}
.sec07 .btnMore { position:relative; display:block; width:200px; height:50px; margin-top:50px; padding-left:22px; font-size:14px; font-weight:normal;font-family: 'Spoqa Han Sans'; line-height:50px; border:1px solid #a19e9e; transition:all .3s ease;}
.sec07 .btnMore:after { content:''; display:block; position:absolute; top:50%; right:25px; width:21px; height:17px; background:url('../images/btn_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%);}


/* smothImg 10s ease-in-out infinite alternate*/

@media screen and (max-height:900px){
	.sec07 { margin-bottom:60px;}
	.sec07 .innerBox { top:50%; transform:translateY(-50%)}
	.sec07 .btnMore { margin-top:0;}
	.sec07 .list { margin-top:10px;}
	
	.sec07 .list .textBox { margin-top:10px; padding-left:15px;}
	.sec07 .list .text { margin-top:10px;}
	.sec07 .list .phone { margin-top:5px;}
	
	
	#footerWrap { height:60px;}
	
}

@media screen and (max-height:700px){
	.sec07 .list .img { overflow:hidden; height:280px;}
}


@media screen and (max-width:1440px){
	.topbanner { height:80px;}
	.topbanner .title { font-size:20px; line-height:80px;}
	.topbanner .title:after { width:50px; height:12px; margin-left:10px; background-size:100%;}
	.topbanner .btnClose { right:20px; top:10px;}
	.topbanner .checkbox { right:20px; top:50px;}
	
	#headerWrap { top:0;}
	#headerWrap h1 a { width:200px; height:15px; background: url(../images/logo3.png) no-repeat center center; background-size:contain; mix-blend-mode:multiply;}
	#headerWrap ul li + li { padding-left:5%}
	#headerWrap ul li a { font-size:18px;}
	
	#container { top:0;}
	#container .btnSectionNext { width:50px; height:200px;}
	#container .btnSectionNext span { margin-top:-25px; line-height:50px;}
	#container .btnSectionNext:after { bottom:25px;}
	#container .btnSectionPrev { width:50px; height:200px;}
	#container .btnSectionPrev span { margin-top:-25px; line-height:50px;}
	#container .btnSectionPrev:after { bottom:25px;}
	
	#container .sec01 { margin-top:0;}
	.sec01 h1 span { font-size:40px;}
	.sec01 p { font-size:20px;}

	.sec03 .textBox h1 { font-size:45px;}
	.sec03 .textBox p { font-size:15px;}
	
	.sec03 .textBox .bg { display:none;}

	.sec02__inner.innerBox { padding:100px 22px 120px;}
	.sec02__history-content { gap:40px;}

	.sec04__inner.innerBox { padding:90px 30px 70px;}
	.sec04__intro { margin:-90px -150px 90px; padding:90px 150px 0;}
	.sec04__intro-title { font-size:18px;}
	.sec04__intro-desc { font-size:15px;}
	.sec04__hero { margin:-90px -150px 0; padding:130px 150px 10px;}
	.sec04__logotype { margin:0;}
	.sec04__logotype img,
	.sec04__logotype video { max-width:480px;}
	.sec04__row { gap:12px; padding:28px 0;}
	.sec04__row-label { width:auto; font-size:16px;}
	.sec04__row-desc { font-size:15px;}
	.sec04__caption { font-size:18px;}
	.sec04__desc { font-size:15px;}
	
	.sec05__logo-wrap { left:18%;}
	.sec05__desc-wrap { left:9%; max-width:440px;}
	.sec05__logo { max-width:280px;}

	/* sec05 1440px 반응형 */
	.sec05__inner.innerBox { padding:90px 30px 160px;}
	.sec05__intro { margin:0 0 30px;}
	.sec05__intro-heading { margin:-90px -150px 40px; padding:110px 150px 20px;}
	.sec05__intro-title { font-size:24px;}
	.sec05__intro-desc { font-size:15px;}
	.sec05__intro-heading-img { max-width:560px;}
	.sec05__intro-item { gap:40px;}
	.sec05__intro-item + .sec05__intro-item { margin-top:30px;}
	.sec05__intro-item--02 { margin-left:5%;}
	.sec05__intro-text { font-size:17px;}
	.sec05__edition-logo { margin:90px 0 0;}
	.sec05__edition-logo img { max-width:280px;}
	.sec05__edition-video { margin:60px 0 0;}
	.sec05__logotype { padding:80px 0 30px;}
	.sec05__color-system { padding:30px 0 90px;}
	.sec05__row { gap:12px; padding:16px 0;}
	.sec05__row-label { font-size:16px;}
	.sec05__row-desc { font-size:15px;}

	.secProject__title { font-size:38px;}

	.sec06 .list .imgText { display:flex; display:-ms-flxe; align-items:center; line-height:1.5; text-align:center;justify-content:center}
	.sec06 .list .type1 .imgText,
	.sec06 .list .type2 .imgText,
	.sec06 .list .type3 .imgText { font-size:15px; text-align:center;}
	
	.sec07 .btnMore { width:250px; height:50px;padding-left:25px; line-height:50px;}
	.sec07 .btnMore:after { right:25px; width:15px; height:12px;}
	.sec07 .arrowBtn .btnLeft,
	.sec07 .arrowBtn .btnRight { width:50px; height:50px;}
}


@media screen and (max-width:768px){
	.topbanner { height:80px;}
	.topbanner .title { font-size:13px; line-height:50px; text-align:left;}
	.topbanner .title:after { display:block; margin-left:0;}
	.topbanner .btnClose { width:15px; height:15px; top:15px;}
	.topbanner .checkbox { top:55px; font-size:12px;}
	
	#headerWrap { top:0; height:60px;}
	#headerWrap .innerBox { height:60px;}
	#headerWrap ul { display:none;}
	#headerWrap .btnAll { display:block;}

	#headerWrap .btnAll span,
	#headerWrap .btnAll span:before,
	#headerWrap .btnAll span:after { background:#111;}
	
	.btnAllWrapBox .allBox { width:200px;}
	.btnAllWrapBox .allBox .btnClose {margin:40px auto;}
	.btnAllWrapBox .allBox li + li { margin-top:20px;}
	.btnAllWrapBox .allBox li a { font-size:14px;}
	
	#container { height:auto !important; min-height:0;}
	#container > section { display:block; position:relative; margin-top:0;}
	/* sec01 모바일 높이/여백 */
	#container .sec01 { margin-top:60px; min-height:0;}
	
	#container .btnSectionNext,
	#container .btnSectionPrev { display:none !important;}
	
	.sec01 {}
	.sec01 .innerBox { display:block;}
	/* sec01 모바일 배경영상 */
	.sec01 .visualImg { position:static; width:100%; height:auto;}
	.sec01 .visualImg .sec01__bgvideo { position:static; width:100%; height:auto;}
	.sec01__videoCtrl { width:36px; height:36px; right:16px; bottom:16px;}
	.sec01 .logoWrap .logo { width:220px; height:17px;}
	.sec01 h1 { padding-top:10%;}
	.sec01 h1 span { font-size:30px;}
	.sec01 p { margin-top:4%; font-size:15px;}

	/* sec02__scroll 모바일 */
	.sec02__scroll { position:static; overflow-y:visible; background:#ffffff;}
	/* sec02__fixedSpacer/Canvas 모바일 - 고정폭 캔버스 비활성화(기존처럼 유동형 유지) */
	.sec02__fixedSpacer { position:static; width:auto; overflow:visible;}
	.sec02__fixedCanvas { position:static; width:auto; transform:none;}
	.sec02__inner.innerBox { padding:60px 20px 60px; opacity:1; animation:none !important;}

	/* 모바일 section eyebrow */
	.sec02__mobileEyebrow { display:block; margin-bottom:15px; font-size:16px; font-weight:600; letter-spacing:2px; color:#8a8a7c; font-family:'NotoSans';}

	/* BRAND ARCHITECTURE/HISTORY 모바일 */
	.sec02__architecture-title,
	.sec02__history-title { width:auto; font-size:19px; margin-bottom:28px;}
	.sec02__architecture-copy p,
	.sec02__history-list li { font-size:13px; white-space:normal;}
	.sec02__architecture-copy-img { width:calc(100% + 40px); max-width:none; margin:0 -20px;}
	.sec02__history { margin-top:80px;}
	.sec02__history-item { margin-top:56px;}
	/* 히스토리 구분선 모바일 */
	.sec02__history-line,
	.sec02__history-marker { display:none;}
	.sec02__history-item { padding-top:32px; border-top:1px solid rgba(0,0,0,.08); box-sizing:border-box;}
	.sec02__history-line + .sec02__history-item { padding-top:0; border-top:0;}
	/* 히스토리 연도 모바일 */
	.sec02__history-year { position:static; top:auto; right:auto; left:auto; transform:none; margin:0 0 12px; text-align:left;}
	.sec02__history-item--2026 .sec02__history-year,
	.sec02__history-item--2023 .sec02__history-year { text-align:left;}
	.sec02__history-content,
	.sec02__history-content--text-only { flex-direction:column; gap:24px; max-width:none; padding-left:0; margin:0; width:auto;}
	.sec02__history-item--2026 .sec02__history-text > *,
	.sec02__history-item--2023 .sec02__history-text > * { margin-left:0; max-width:none; text-align:left;}

	/* 히스토리 로고 위치(연도 바로 아래) */
	.sec02__history-item { display:flex; flex-direction:column;}
	.sec02__history-content,
	.sec02__history-content--text-only,
	.sec02__history-text { display:contents;}
	.sec02__history-year { order:0;}
	.sec02__history-logos { order:1; margin:0 0 20px;}
	.sec02__history-headline { order:2;}
	.sec02__history-list { order:3;}
	.sec02__history-image { order:4; margin-top:20px;}
	.sec02__history-subimage { order:5; margin-top:20px;}

	/* 히스토리 로고 정렬/크기 모바일 */
	.sec02__history-item--2026 .sec02__history-logos,
	.sec02__history-item--2023 .sec02__history-logos { justify-content:flex-start;}
	.sec02__history-logos img { height:36px;}
	.sec02__history-logos img[src*="history_logo_2.png"] { height:26px;}

	/* sec02__reveal 모바일 */
	.sec02__reveal { transform:translateY(24px);}
	.sec02__reveal.is-in { transform:translateY(0);}
	.sec02__notice { margin-top:60px; padding:36px 20px;}
	.sec02__notice-title { font-size:15px;}
	.sec02__notice-desc { font-size:15px; line-height:1.75;}
	.sec02__notice-img { width:calc(100% + 40px); max-width:none; margin:0 -20px;}

	.sec03 .video { position:relative; height:auto; padding-top:56%;}
	.sec03 .video:before,
	.sec03 .video:after { display:none;}
	.sec03 .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
	.sec03 .textBox { display:block; top:0;}
	.sec03 .innerBox { display:block; padding:20% 20px;}
	.sec03 .textBox h1 { font-size:27px; }
	.sec03 .textBox p { margin-top:10px; font-size:12px;}
	
	/* sec04__reveal 모바일 */
	.sec04__reveal { opacity:1; transform:none; transition:none;}

	/* 모바일 section eyebrow */
	.sec04__mobileEyebrow { display:block; margin-bottom:15px; font-size:16px; font-weight:600; letter-spacing:2px; color:#8a8a7c; font-family:'Canela Text Web','NotoSans';}

	.sec04__scroll { position:static; overflow-y:visible;}
	/* sec04__fixedSpacer/Canvas 모바일 - 고정폭 캔버스 비활성화(기존처럼 유동형 유지) */
	.sec04__fixedSpacer { position:static; width:auto; overflow:visible;}
	.sec04__fixedCanvas { position:static; width:auto; transform:none;}
	.sec04__inner.innerBox { padding:15% 20px 60px;}
	/* sec04__intro 모바일 */
	.sec04__intro { margin:-15% -9999px 15%; padding:15% 9999px 0;}
	.sec04__intro-item--01,
	.sec04__intro-item--02,
	.sec04__intro-item--03 { width:100%; margin-left:0;}
	.sec04__intro-item + .sec04__intro-item { margin-top:50px;}
	.sec04__intro-image { margin:0 -20px; width:calc(100% + 40px);}
	.sec04__intro-title { font-size:17px;}
	.sec04__intro-desc { font-size:14px;}
	.sec04__hero { margin:-15% -9999px 0; padding:20% 9999px 0px;}
	.sec04__top { flex-direction:row; align-items:center; justify-content:space-between;}
	/* sec04__eyebrow를 row-label과 동일한 크기로 */
	.sec04__eyebrow { font-size:16px;}
	.sec04__download { padding:8px 14px; font-size:12px;}
	.sec04__logotype { margin:40px 0 0;}
	.sec04__logotype img,
	.sec04__logotype video { max-width:320px;}
	/* sec04__row 모바일 */
	.sec04__row { flex-direction:column; gap:14px; margin-top:40px; padding-top:32px; padding-bottom:0; border-top:1px solid rgba(0,0,0,.08); box-sizing:border-box;}
	.sec04__row-label { width:auto;}
	/* sec04__colors/photo 모바일 풀블리드 */
	.sec04__colors { margin:0 -20px; width:calc(100% + 40px);}
	.sec04__photo { margin:0 -20px; width:calc(100% + 40px);}
	.sec04__photos { flex-direction:column; margin-top:50px; padding-bottom:60px;}
	.sec04__col--left,
	.sec04__col--right { width:100%; margin-top:0;}
	.sec04__col--left { margin-bottom:50px;}
	.sec04__col--right .sec04__caption,
	.sec04__col--right .sec04__desc { text-align:left;}
	.sec04__caption { font-size:17px;}
	.sec04__desc { font-size:14px;}
	.sec04__desc br { display:none;}
	
	/* sec05 모바일 */
	.sec05 { overflow:hidden;}
	.sec04:before,
	.sec04:after,
	.sec05:before,
	.sec05:after { display:none;}
	.sec05__scroll { position:static; overflow-y:visible; background:none;}
	/* sec05__fixedSpacer/Canvas 모바일 - 고정폭 캔버스 비활성화(기존처럼 유동형 유지) */
	.sec05__fixedSpacer { position:static; width:auto; overflow:visible;}
	.sec05__fixedCanvas { position:static; width:auto; transform:none;}
	.sec05__hero { min-height:auto; background:#ffffff;}
	.sec05__photo { height:60vh; overflow:hidden;}
	.sec05__bgimg { width:100%; height:100%; object-fit:cover; object-position:left center;}
	.sec05__content { position:absolute; top:0; left:0; width:100%; height:100%;}
	.sec05__logo-wrap { left:12%; top:25%;}
	.sec05__desc-wrap { left:8%; top:55%; max-width:80%;}
	.sec05__logo { max-width:160px;}
	.sec05__desc { font-size:14px; line-height:1.7; white-space:normal;}
	/* sec05__reveal 모바일 */
	.sec05__reveal { opacity:1; transform:none; transition:none;}

	/* 모바일 section eyebrow */
	.sec05__mobileEyebrow { display:block; font-size:16px; font-weight:600; letter-spacing:2px; color:#8a8a7c; font-family:'NotoSans';}

	.sec05__inner.innerBox { padding:15% 20px 60px;}

	/* sec05__intro 모바일 */
	.sec05__intro { margin:0 0 20px; background:none;}
	.sec05__intro-heading { margin:0 -9999px; padding:20px 9999px;}
	.sec05__intro-title { font-size:20px; margin-bottom:12px;}
	.sec05__intro-desc { font-size:14px;}
	.sec05__intro-heading-img { max-width:none;}
	.sec05__intro-item,
	.sec05__intro-item--01,
	.sec05__intro-item--02 { display:block; width:100%; margin-left:0;}
	.sec05__intro-item + .sec05__intro-item { margin-top:50px;}
	.sec05__intro-image { margin:0 -20px; width:calc(100% + 40px);}
	.sec05__intro-copy { margin-top:20px;}
	.sec05__intro-text { font-size:15px; line-height:1.7;}

	/* sec05__edition-hero 모바일 배경 - 로고 합성 완료 이미지(4500x6668), 크롭 없이 원본 비율 그대로 전체 표시 */
	.sec05__edition-hero { aspect-ratio:4500/6668; display:block; width:calc(100% + 40px); margin:0 -20px; box-sizing:border-box; background:url('../images/edition_background_mo.png') no-repeat center top; background-size:100% auto; padding:24px 20px 0;}
	/* 이미지 자체에 배경색이 포함되어 있어 좌우 보완용 배경색 레이어는 모바일에서 제거 */
	.sec05__edition-hero:before { display:none;}
	/* 로고가 배경 이미지에 합성되어 별도 로고 이미지는 숨김 */
	.sec05__edition-logo { display:none;}
	/* sec05__edition-video 모바일 */
	.sec05__edition-video { margin-top:40px; padding-top:32px; border-top:1px solid rgba(0,0,0,.08); box-sizing:border-box;}
	/* EDITION 영상 샘플 이미지 모바일 풀블리드 */
	.sec05__edition-video img { max-width:none; margin:0 -20px; width:calc(100% + 40px);}
	.sec05__logotype { padding:60px 0 20px;}
	.sec05__color-system { padding:20px 0 60px;}
	.sec05__top { flex-direction:row; align-items:center; justify-content:space-between;}
	/* sec05__eyebrow를 row-label과 동일한 크기로 */
	.sec05__eyebrow { font-size:16px;}
	.sec05__download { padding:8px 14px; font-size:12px;}
	.sec05__row { gap:14px; padding-top:32px; padding-bottom:0; border-top:1px solid rgba(0,0,0,.08); box-sizing:border-box;}
	.sec05__row-label { font-size:16px;}
	/* sec05__row-content 모바일 풀블리드 */
	.sec05__row-content { margin:0 -20px; width:calc(100% + 40px);}
	/* sec05__logotype 모바일 - 비율 복원 */
	.sec05__logotype .sec05__row-content { aspect-ratio:auto;}
	.sec05__logotype .sec05__row-content img { height:auto;}

	/* secProject 모바일 */
	#container > section.secProject { display:flex; align-items:center; justify-content:center; min-height:70vh;}
	.secProject__inner { position:static; transform:none; padding:0 20px;}
	.secProject__title { font-size:32px;}
	.secProject__cta { margin-top:210px;}

	/* sec06 모바일 섹션 여백/eyebrow */
	.sec06 { padding-top:60px;}
	.sec06__mobileEyebrow { display:block; margin:0 20px 15px; font-size:16px; font-weight:600; letter-spacing:2px; color:#8a8a7c; font-family:'NotoSans';}
	.sec06 .list { display:block;}
	.sec06 .list > div { display:block; width:100%;}
	.sec06 .list .img { padding-top:100%;}
	.sec06 .list .imgText { height:60px; font-size:12px;}
	
	.sec07 { margin-bottom:0;}
	.sec07 .innerBox { top:0; transform:translateY(0);}
	.sec07 .btnMore { width:200px; height:40px; line-height:40px; margin:50px 0 0;}
	.sec07 .arrowBtn .btnLeft, .sec07 .arrowBtn .btnRight { width:40px; height:40px;}
	.sec07 .list .slick-slide { width:320px;}
	.sec07 .list .img span { top:20px; left:20px; width:50px; height:50px; font-size:12px;vertical-align:middle;}
	.sec07 .list .img span.type2 { padding-top:17px; top:20px;}
	.sec07 .list .textBox { padding:0 20px; margin-top:30px; margin-bottom:100px;}
	.sec07 .list .date { font-size:18px; color:#111;}
	.sec07 .list .title { margin-top:20px; font-size:15px;}
	.sec07 .list .text { font-size:12px; margin-top:15px;}
	.sec07 .list .phone{ font-size:17px;}
	
	#footerWrap { position:relative; top:auto; z-index:3; height:auto; transform:none;} /* 관련사이트 목록이 #container(z-index:2) 위로 뜨도록 */
	#footerWrap .innerBox { top:0; padding:40px 20px; transform:none;}
	#footerWrap .logo { display:block; position:static; width:101px; height:17.5px; transform:none;}
	#footerWrap .textBox { margin-left:0; margin-top:20px;}
	#footerWrap .text { font-size:12px;}
	#footerWrap .btnGroup { top:20px; transform:none;}
	#footerWrap .btnGroup > a { width:150px; height:40px; padding-left:10px; font-size:12px; line-height:40px;}
	#footerWrap .btnGroup > a:after { right:20px;}
	#footerWrap .btnGroup .sub { bottom:40px;}
	#footerWrap .btnGroup .sub a { width:150px; height:40px; padding-left:10px; font-size:12px; line-height:40px;}
	#footerWrap .btnGroup .sub a:after { right:20px;}

	/* 모바일 wayfinding 인디케이터 */
	.mobileWayfinding { display:flex; align-items:center; gap:2px; position:fixed; right:16px; bottom:16px; z-index:6; padding:7px 14px; border-radius:20px; background:rgba(0,0,0,.4); font-family:'NotoSans'; font-size:11px; letter-spacing:.5px; line-height:1; pointer-events:none; }
	.mobileWayfinding__current { color:#ffffff; font-weight:600;}
	.mobileWayfinding__sep { color:rgba(255,255,255,.55);}
	.mobileWayfinding__total { color:rgba(255,255,255,.55);}

	/* 모바일 공통 reveal 유틸리티 */
	.mReveal { opacity:0; transform:translateY(28px); transition:opacity .6s ease-out, transform .6s ease-out;}
	.mReveal.is-in { opacity:1; transform:translateY(0);}
	.mReveal--text { transform:translateY(20px); transition-delay:.15s;}

	/* prefers-reduced-motion 모바일 */
	@media (prefers-reduced-motion: reduce){
		.mReveal { transform:none; transition:opacity .2s linear;}
		.mReveal--text { transition-delay:0s;}
	}
}

/* prefers-reduced-motion 공통 */
@media (prefers-reduced-motion: reduce){
	.sec02__reveal,
	.sec04__reveal,
	.sec05__reveal { transition:opacity .2s linear !important; transform:none !important;}
}