/*     1922985 : 한줄 텍스트      */
/* =========================================
   ABOUT PAGE RENEWAL
========================================= */
.aboutx-page{--point:#E0AC7D;--brown:#795a3e;--dark:#302925;--text:#6f6761;--soft:#f3f0ec;--line:rgba(48,41,37,.11);position:relative;width:100%;overflow:hidden;background:#fff;color:var(--dark);}
.aboutx-page *{box-sizing:border-box;}
.aboutx-inner{width:min(1440px,calc(100% - 80px));margin:0 auto;}
.aboutx-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);}
.aboutx-reveal.is-show{opacity:1;transform:translateY(0);}

/* =========================================
   HERO
========================================= */
.aboutx-hero{position:relative;padding:200px 0 95px;background:linear-gradient(135deg,#f5f1ed 0%,#eee8e2 100%);overflow:hidden;}
.aboutx-hero:before{content:"";position:absolute;left:-240px;top:-310px;width:700px;height:700px;border:1px solid rgba(224,172,125,.16);border-radius:50%;pointer-events:none;}
.aboutx-hero:after{content:"";position:absolute;right:-180px;bottom:-340px;width:620px;height:620px;border:1px solid rgba(224,172,125,.12);border-radius:50%;pointer-events:none;}
.aboutx-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:85px;width:min(1440px,calc(100% - 80px));margin:0 auto;z-index:2;}
.aboutx-hero__copy{position:relative;max-width:590px;z-index:3;}
.aboutx-hero__eyebrow{margin:0 0 20px;color:#b17d4e;font-family:'Playfair Display',serif;font-size:20px;font-weight:600;font-style:italic;letter-spacing:.03em;}
.aboutx-hero__title{margin:0;color:var(--dark);font-family:'BookkMyungjo-Lt','Noto Serif KR',serif;font-size:58px;font-weight:400;line-height:1.3;letter-spacing:-.065em;}
.aboutx-hero__title strong{color:#9d6640;font-weight:600;}
.aboutx-hero__desc{max-width:550px;margin:28px 0 0;color:var(--text);font-size:19px;font-weight:400;line-height:1.85;letter-spacing:-.045em;}
.aboutx-hero__brand{display:flex;align-items:center;gap:14px;margin-top:34px;color:#9b9088;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;}
.aboutx-hero__brand:before{content:"";display:block;width:40px;height:1px;background:var(--point);}
.aboutx-hero__visual{position:relative;width:100%;max-width:760px;margin-left:auto;}
.aboutx-hero__visual:before{content:"";position:absolute;left:-16px;top:18px;width:100%;height:100%;border:1px solid rgba(157,102,64,.2);z-index:0;}
.aboutx-hero__visual-img{position:relative;width:100%;overflow:hidden;background:#ddd;z-index:1;}
.aboutx-hero__visual-img img{display:block;width:100%;height:auto;}
.aboutx-hero__caption{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#91867f;font-size:12px;font-weight:500;letter-spacing:.06em;}
.aboutx-hero__caption-line{width:70px;height:1px;background:rgba(157,102,64,.35);}

/* =========================================
   INDEX
========================================= */
.aboutx-index{position:relative;margin-top:-34px;z-index:10;}
.aboutx-index__grid{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border-radius:4px;box-shadow:0 22px 60px rgba(62,47,35,.1);overflow:hidden;}
.aboutx-index__item{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:22px 18px;color:var(--dark);text-decoration:none;border-right:1px solid var(--line);transition:background .3s ease,color .3s ease;}
.aboutx-index__item:last-child{border-right:0;}
.aboutx-index__item:hover{background:var(--brown);color:#fff;}
.aboutx-index__num{margin-bottom:8px;color:var(--point);font-family:'Playfair Display',serif;font-size:14px;font-weight:600;font-style:italic;}
.aboutx-index__txt{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:-.05em;}

/* =========================================
   INTRO
========================================= */
.aboutx-intro{padding:150px 0 100px;text-align:center;background:#fff;}
.aboutx-intro__eng{display:block;margin-bottom:18px;color:var(--point);font-family:'Playfair Display',serif;font-size:25px;font-weight:600;font-style:italic;}
.aboutx-intro__title{margin:0;color:var(--dark);font-family:'BookkMyungjo-Lt','Noto Serif KR',serif;font-size:46px;font-weight:400;line-height:1.4;letter-spacing:-.06em;}
.aboutx-intro__title strong{font-weight:600;}

/* =========================================
   FEATURE
========================================= */
.aboutx-story{position:relative;padding:0 0 150px;background:#fff;}
.aboutx-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin-bottom:130px;}
.aboutx-feature:last-child{margin-bottom:0;}
.aboutx-feature--reverse .aboutx-feature__visual{order:2;}
.aboutx-feature--reverse .aboutx-feature__copy{order:1;}
.aboutx-feature__visual{position:relative;}
/*.aboutx-feature__visual:after{content:"";position:absolute;right:-18px;bottom:-18px;width:45%;height:48%;background:var(--soft);z-index:0;}
.aboutx-feature--reverse .aboutx-feature__visual:after{right:auto;left:-18px;}*/
.aboutx-feature__visual picture{position:relative;display:block;z-index:1;overflow:hidden;}
.aboutx-feature__visual img{display:block;width:100%;height:auto;transition:transform .8s ease;}
.aboutx-feature:hover .aboutx-feature__visual img{transform:scale(1.025);}
.aboutx-feature__copy{max-width:610px;}
.aboutx-feature__num{display:flex;align-items:center;gap:14px;margin-bottom:20px;color:var(--point);font-family:'Playfair Display',serif;font-size:32px;font-weight:600;font-style:italic;}
.aboutx-feature__num:after{content:"";width:50px;height:1px;background:var(--point);}
.aboutx-feature__title{margin:0 0 25px;color:var(--dark);font-family:'BookkMyungjo-Lt','Noto Serif KR',serif;font-size:40px;font-weight:500;line-height:1.4;letter-spacing:-.065em;}
.aboutx-feature__lead{margin:0 0 18px;color:#d59543;font-size:21px;font-weight:700;line-height:1.6;letter-spacing:-.05em;}
.aboutx-feature__text{margin:0;color:var(--text);font-size:19px;font-weight:400;line-height:1.85;letter-spacing:-.045em;}
.aboutx-feature__text b{color:var(--dark);font-weight:700;}

/* =========================================
   DEVICE
========================================= */
.aboutx-device{position:relative;padding:120px 0;background:var(--brown);overflow:hidden;}
.aboutx-device:before{content:"03";position:absolute;right:5%;top:-70px;color:rgba(255,255,255,.045);font-family:'Playfair Display',serif;font-size:330px;font-weight:600;line-height:1;}
.aboutx-device__head{position:relative;margin-bottom:55px;text-align:center;z-index:2;}
.aboutx-device__num{display:block;margin-bottom:14px;color:var(--point);font-family:'Playfair Display',serif;font-size:27px;font-weight:600;font-style:italic;}
.aboutx-device__title{margin:0;color:#fff;font-family:'BookkMyungjo-Lt','Noto Serif KR',serif;font-size:42px;font-weight:400;line-height:1.4;letter-spacing:-.06em;}
.aboutx-device__viewport{position:relative;width:100%;overflow:hidden;}
.aboutx-device__viewport:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100px;background:linear-gradient(90deg,var(--brown),transparent);z-index:3;pointer-events:none;}
.aboutx-device__viewport:after{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background:linear-gradient(270deg,var(--brown),transparent);z-index:3;pointer-events:none;}
.aboutx-device__track{display:flex;align-items:center;gap:28px;width:max-content;will-change:transform;}
.aboutx-device__item{flex:0 0 auto;width:360px;overflow:hidden;background:rgba(255,255,255,.06);}
.aboutx-device__item img{display:block;width:100%;height:auto;}

/* =========================================
   LOWER
========================================= */
.aboutx-lower{padding:150px 0;background:var(--soft);}
.aboutx-lower .aboutx-feature{margin-bottom:140px;}
.aboutx-lower .aboutx-feature:last-child{margin-bottom:0;}
.aboutx-lower .aboutx-feature__visual:after{background:#fff;}

/* =========================================
   BOOK
========================================= */
.aboutx-book{position:relative;padding:140px 0;background:#292420;color:#fff;overflow:hidden;}
.aboutx-book:before{content:"07";position:absolute;right:-20px;bottom:-110px;color:rgba(255,255,255,.035);font-family:'Playfair Display',serif;font-size:420px;font-weight:600;line-height:1;}
.aboutx-book__grid{position:relative;display:grid;grid-template-columns:440px 1fr;align-items:center;gap:110px;z-index:2;}
.aboutx-book__visual{position:relative;padding:40px;}
.aboutx-book__visual:before{content:"";position:absolute;inset:0;border:1px solid rgba(224,172,125,.3);transform:rotate(-3deg);}
.aboutx-book__visual:after{content:"";position:absolute;inset:22px;z-index:-1;}
.aboutx-book__visual img{position:relative;display:block;width:100%;height:auto;box-shadow:0 30px 70px rgba(0,0,0,.35);z-index:2;}
.aboutx-book__num{display:block;margin-bottom:17px;color:var(--point);font-family:'Playfair Display',serif;font-size:31px;font-weight:600;font-style:italic;}
.aboutx-book__eyebrow{margin:0 0 18px;color:var(--point);font-size:16px;font-weight:700;letter-spacing:.08em;}
.aboutx-book__title{margin:0;color:#fff;font-family:'BookkMyungjo-Lt','Noto Serif KR',serif;font-size:46px;font-weight:400;line-height:1.4;letter-spacing:-.06em;}
.aboutx-book__name{margin:30px 0 0;color:#fff;font-size:23px;font-weight:700;line-height:1.6;letter-spacing:-.045em;}
.aboutx-book__sub{display:block;margin-top:4px;color:#c9bfb8;font-size:17px;font-weight:400;}
.aboutx-book__text{max-width:700px;margin:25px 0 0;color:#d2cbc6;font-size:19px;font-weight:400;line-height:1.85;letter-spacing:-.04em;}
.aboutx-book__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:27px;color:#bcb1aa;font-size:15px;line-height:1.6;}
.aboutx-book__meta span{position:relative;}
.aboutx-book__meta span+span:before{content:"";position:absolute;left:-11px;top:50%;width:2px;height:2px;border-radius:50%;background:#8e8178;}
.aboutx-book__btn{display:inline-flex;align-items:center;gap:30px;margin-top:36px;padding:15px 23px 16px;border:1px solid rgba(255,255,255,.28);border-radius:40px;color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease;}
.aboutx-book__btn:after{content:"→";color:var(--point);font-size:19px;transition:transform .3s ease;}
.aboutx-book__btn:hover{background:#fff;color:var(--dark);border-color:#fff;}
.aboutx-book__btn:hover:after{transform:translateX(5px);}

@media all and (max-width:1200px){
.aboutx-inner{width:min(100% - 60px,1200px);}
.aboutx-hero{padding:90px 0 80px;}
.aboutx-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;width:calc(100% - 60px);}
.aboutx-hero__title{font-size:48px;}
.aboutx-hero__desc{font-size:18px;}
.aboutx-index__txt{font-size:14px;}
.aboutx-feature{gap:60px;}
.aboutx-feature__title{font-size:36px;}
.aboutx-book__grid{grid-template-columns:360px 1fr;gap:70px;}
}

@media all and (max-width:767px){
.aboutx-inner{width:calc(100% - 40px);}
.aboutx-hero{padding:68px 0 58px;}
.aboutx-hero:before{left:-180px;top:-190px;width:400px;height:400px;}
.aboutx-hero:after{right:-180px;bottom:-240px;width:360px;height:360px;}
.aboutx-hero__inner{display:flex;flex-direction:column;align-items:stretch;gap:38px;width:calc(100% - 40px);}
.aboutx-hero__copy{max-width:none;text-align:center;}
.aboutx-hero__eyebrow{margin-bottom:13px;font-size:15px;}
.aboutx-hero__title{font-size:9.3vw;line-height:1.35;}
.aboutx-hero__desc{max-width:none;margin-top:19px;font-size:16px;line-height:1.75;}
.aboutx-hero__brand{justify-content:center;gap:10px;margin-top:23px;font-size:10px;}
.aboutx-hero__brand:before{width:25px;}
.aboutx-hero__visual{width:100%;max-width:none;margin:0;}
.aboutx-hero__visual:before{left:-7px;top:9px;}
.aboutx-hero__caption{margin-top:12px;font-size:10px;}
.aboutx-hero__caption-line{width:35px;}
.aboutx-index{margin-top:-20px;}
.aboutx-index__grid{grid-template-columns:repeat(2,1fr);border-radius:3px;}
.aboutx-index__item{min-height:83px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.aboutx-index__item:nth-child(even){border-right:0;}
.aboutx-index__item:last-child{grid-column:1/-1;border-bottom:0;}
.aboutx-index__num{margin-bottom:4px;font-size:12px;}
.aboutx-index__txt{font-size:14px;}
.aboutx-intro{padding:90px 0 65px;}
.aboutx-intro__eng{margin-bottom:12px;font-size:18px;}
.aboutx-intro__title{font-size:7.7vw;line-height:1.45;}
.aboutx-story{padding-bottom:90px;}
.aboutx-feature{display:flex;flex-direction:column;gap:36px;margin-bottom:85px;}
.aboutx-feature--reverse .aboutx-feature__visual{order:1;}
.aboutx-feature--reverse .aboutx-feature__copy{order:2;}
.aboutx-feature__visual{width:100%;}
.aboutx-feature__visual:after{right:-10px;bottom:-10px;}
.aboutx-feature--reverse .aboutx-feature__visual:after{left:-10px;}
.aboutx-feature__copy{width:100%;max-width:none;}
.aboutx-feature__num{margin-bottom:14px;font-size:24px;}
.aboutx-feature__num:after{width:35px;}
.aboutx-feature__title{margin-bottom:17px;font-size:7vw;line-height:1.45;}
.aboutx-feature__lead{margin-bottom:13px;font-size:17px;}
.aboutx-feature__text{font-size:16px;line-height:1.8;}
.aboutx-device{padding:80px 0;}
.aboutx-device:before{top:-25px;font-size:170px;}
.aboutx-device__head{margin-bottom:36px;}
.aboutx-device__num{margin-bottom:10px;font-size:21px;}
.aboutx-device__title{font-size:7vw;}
.aboutx-device__viewport:before,.aboutx-device__viewport:after{width:35px;}
.aboutx-device__track{gap:15px;}
.aboutx-device__item{width:66vw;}
.aboutx-lower{padding:90px 0;}
.aboutx-lower .aboutx-feature{margin-bottom:90px;}
.aboutx-book{padding:90px 0;}
.aboutx-book:before{right:-20px;bottom:-40px;font-size:190px;}
.aboutx-book__grid{display:flex;flex-direction:column;align-items:stretch;gap:45px;}
.aboutx-book__visual{width:min(76vw,320px);margin:0 auto;padding:24px;}
.aboutx-book__visual:after{inset:13px;}
.aboutx-book__copy{text-align:left;}
.aboutx-book__num{margin-bottom:12px;font-size:24px;}
.aboutx-book__eyebrow{margin-bottom:13px;font-size:13px;}
.aboutx-book__title{font-size:7.8vw;line-height:1.45;}
.aboutx-book__name{margin-top:22px;font-size:19px;}
.aboutx-book__sub{font-size:15px;}
.aboutx-book__text{margin-top:19px;font-size:16px;line-height:1.8;}
.aboutx-book__meta{gap:6px 17px;margin-top:20px;font-size:13px;}
.aboutx-book__btn{margin-top:28px;}
}

@media (prefers-reduced-motion:reduce){
.aboutx-reveal{opacity:1;transform:none;transition:none;}
.aboutx-feature__visual img{transition:none;}
}